/*!
 * ress.css • v1.2.2
 * MIT License
 * github.com/filipelinhares/ress
 
 
 
 
 */ html {
  -webkit-text-size-adjust: 100%;
  box-sizing: border-box;
  overflow-y: scroll
}


@media (min-width: 769px){
.product-container section.caption-section-1 {
    margin: 0 20%;
    width: 60%;
}
}
*, :after, :before {
  background-repeat: no-repeat;
  box-sizing: inherit
}
:after, :before {
  text-decoration: inherit;
  vertical-align: inherit
}
* {
  margin: 0;
  padding: 0
}
audio:not([controls]) {
  display: none;
  height: 0
}
hr {
  overflow: visible
}
article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary {
  display: block
}
summary {
  display: list-item
}
small {
  font-size: 80%
}
[hidden], template {
  display: none
}
abbr[title] {
  border-bottom: 1px dotted;
  text-decoration: none
}
a {
  -webkit-text-decoration-skip: objects;
  background-color: transparent
}
a:active, a:hover {
  outline-width: 0
}
code, kbd, pre, samp {
  font-family: monospace, monospace
}
b, strong {
  font-weight: bolder
}
dfn {
  font-style: italic
}
mark {
  background-color: #ff0;
  color: #000
}
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline
}
sub {
  bottom: -.25em
}
sup {
  top: -.5em
}
input {
  border-radius: 0
}
[role=button], [type=button], [type=reset], [type=submit], button {
  cursor: pointer
}
[disabled] {
  cursor: default
}
[type=number] {
  width: auto
}
[type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration {
  -webkit-appearance: none
}
textarea {
  overflow: auto;
  resize: vertical
}
button, input, optgroup, select, textarea {
  font: inherit
}
optgroup {
  font-weight: 700
}
button {
  overflow: visible
}
[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
  border-style: 0;
  padding: 0
}
[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button:-moz-focusring {
  outline: 1px dotted ButtonText
}
[type=reset], [type=submit], button, html [type=button] {
  -webkit-appearance: button
}
button, select {
  text-transform: none
}
button, input, select, textarea {
  background-color: transparent;
  border-style: none;
  color: inherit
}
select {
  -moz-appearance: none;
  -webkit-appearance: none
}
select::-ms-expand {
  display: none
}
select::-ms-value {
  color: currentColor
}
legend {
  color: inherit;
  display: table;
  max-width: 100%;
  white-space: normal
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit
}
[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px
}
img {
  border-style: none
}
progress {
  vertical-align: baseline
}
svg:not(:root) {
  overflow: hidden
}
audio, canvas, progress, video {
  display: inline-block
}
@media screen {
  [hidden ~ =screen] {
    display: inherit
  }
  [hidden ~ =screen]:not(:active):not(:focus):not(:target) {
    clip: rect(0 0 0 0) !important;
    position: absolute !important
  }
}
[aria-busy=true] {
  cursor: progress
}
[aria-controls] {
  cursor: pointer
}
[aria-disabled] {
  cursor: default
}
::-moz-selection {
  background-color: #b3d4fc;
  color: #000;
  text-shadow: none
}
::selection {
  background-color: #b3d4fc;
  color: #000;
  text-shadow: none
}
.sp-none {
  display: none
}
body, html {
  height: 100%;
  margin: 0;
  padding: 0
}
html {
  font-size: 62.5%
}
body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #404040;
  font-family: 游ゴシック体, YuGothic, 游ゴシック, Yu Gothic, Meiryo, メイリオ, sans-serif;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.5;
  min-width: 320px
}
h1, h2, h3, h4, h5 {
  color: #404040;
  font-size: 1rem;
  font-weight: 400
}
img {
  width: 100%
}
ul {
  list-style-type: none
}
a {
  color: #404040;
  text-decoration: none
}
.page-title {
  font-size: 2.4rem;
  font-weight: 400;
  letter-spacing: .2rem;
  padding: 4rem 0;
  text-align: center
}
.youtube-block {
  padding-top: 56.25%;
  position: relative;
  width: 100%
}
.youtube-block iframe {
  height: 100% !important;
  position: absolute;
  right: 0;
  top: 0;
  width: 100% !important
}
.breadcrumb {
  margin: 3rem 3% 2rem;
  width: 94%
}
.breadcrumb:after {
  clear: both;
  content: "";
  display: block
}
.breadcrumb li {
  float: left;
  font-size: 1.2rem;
  letter-spacing: 0;
  margin-left: 1rem
}
.breadcrumb li:first-of-type {
  margin: 0
}
.breadcrumb li a:after {
  content: "/";
  margin-left: 1rem
}
.list-item-date {
  font-size: 1.2rem;
  margin-bottom: .5rem
}
.list-item-date img {
  display: block;
  float: left;
  height: 2rem;
  margin-right: 1rem;
  width: auto
}
.list-item-date span {
  height: 2rem;
  line-height: 2rem
}
.page-link {
  background-color: #f2f2f2;
  border-bottom: 1px solid gray;
  border-top: 1px solid gray;
  height: 4rem;
  margin: 2rem 0 0;
  position: relative
}
.page-link:after {
  clear: both;
  content: "";
  display: block
}
.page-link a, .page-link span {
  height: 100%;
  line-height: 4rem
}
.page-link a {
  display: block;
  float: left;
  width: 47%
}
.page-link a:first-of-type {
  text-align: right
}
.page-link a:last-of-type {
  text-align: left
}
.page-link span {
  display: block;
  float: left;
  text-align: center;
  width: 6%
}
.page-link i {
  bottom: 0;
  color: #999;
  height: 1.6rem;
  margin: auto;
  position: absolute;
  top: 0;
  width: 1.6rem
}
.page-link i.fa-chevron-left {
  left: 1rem
}
.page-link i.fa-chevron-right {
  right: 1rem
}
.page-link.single a {
  text-align: center;
  width: 100%
}
.google-map {
  height: 0;
  overflow: hidden;
  padding-bottom: 56.25%;
  padding-top: 30px;
  position: relative
}
.google-map embed, .google-map iframe, .google-map object {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}
@media (min-width:600px) {
  html {
    font-size: 100%
  }
}
@media (min-width:769px) {
  html {
    font-size: 62.5%
  }
  .sp-none {
    display: block
  }
  .pc-none {
    display: none
  }
  .page-title {
    font-size: 2rem;
    font-weight: 700
  }
  .breadcrumb {
    margin: 2rem 3%
  }
  .list-item-date {
    margin: 0;
    overflow: hidden
  }
  .list-item-date img {
    height: 2rem
  }
  .list-item-date span {
    height: 2rem;
    line-height: 2rem
  }
  ul.pagination {
    text-align: center
  }
  ul.pagination li {
    border: none;
    display: inline-block;
    font-size: 1.6rem;
    margin: 0;
    padding: 1rem 1.5rem
  }
  ul.pagination li i {
    color: #999;
    font-size: 2rem
  }
}
header {
  background-color: blue
}
header .logo {
  color: #a9a9a9;
  font-size: 2.4rem;
  padding: 2rem 0;
  text-align: center
}
footer {
  background-color: blue
}
footer p {
  color: #a9a9a9;
  font-size: 2.4rem;
  padding: 2rem 0;
  text-align: center
}
.top-wrapper, .top-wrapper li {
  position: relative
}
.top-wrapper img {
  display: block
}
.top-wrapper .img-title {
  background: linear-gradient(transparent, rgba(1, 1, 1, .8));
  bottom: 0;
  height: 8rem;
  padding: 1rem 3%;
  position: absolute;
  width: 100%
}
.top-wrapper .img-title .img-title-inner {
  height: 100%;
  overflow: hidden;
  position: relative;
  width: 100%
}
.top-wrapper .img-title .img-title-inner span {
  bottom: 0;
  color: #fff;
  font-size: 2rem;
  height: 100%;
  line-height: 3rem;
  position: absolute
}
.tags-section {
  margin-top: 5rem
}
.tags-section ul {
  margin-bottom: 1rem
}
.tags-section ul:after {
  clear: both;
  content: "";
  display: block
}
.tags-section ul li {
  float: left;
  margin: 1rem 1rem 1rem 0
}
.tags-section ul li a {
  line-height: 2rem
}
.tags-section ul li:before {
  content: "#";
  margin-right: .5rem
}
div.thumbnail {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%
}
a.category-mark {
  color: #fff;
  display: inline-block;
  font-size: 1.4rem;
  margin-top: 1.5rem;
  min-width: 10rem;
  padding: .2rem .5rem;
  position: relative;
  text-align: center;
  width: auto;
  z-index: 100
}
.column-list-container .caption-block {
  border-bottom: 1px solid #f2f2f2;
  padding-bottom: 1rem
}
.column-list-container .caption-block h1 {
  font-size: 2rem;
  margin: 1rem 0
}
.column-list-container .caption-block.author, .column-list-container .caption-block.tag {
  padding-bottom: 0
}
.column-list-wrapper ul.article-list li {
  border-bottom: 2px solid #f2f2f2;
  padding: 1rem 0;
  position: relative
}
.column-list-wrapper ul.article-list li > a {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 99
}
.column-list-wrapper ul.article-list li:last-of-type {
  border-bottom: none
}
.column-list-wrapper ul.article-list li:after {
  clear: both;
  content: "";
  display: block
}
.column-list-wrapper ul.article-list li div.thumbnail {
  display: block;
  float: left;
  margin-right: .5%;
  width: 49.5%
}
.column-list-wrapper ul.article-list li div.list-item {
  float: left;
  margin-left: .5%;
  width: 49.5%
}
.column-list-wrapper ul.article-list li div.list-item h3 {
  font-size: 1.6rem;
  line-height: 2.4rem;
  max-height: 4.8rem;
  overflow: hidden
}
.column-list-wrapper ul.article-list li div.list-item p.author {
  margin-top: 1rem
}
.column-list-navigation .nav-h2 {
  border-bottom: 1px solid gray;
  border-top: 1px solid gray;
  font-size: 2rem;
  padding: 1rem 3%
}
.column-list-navigation .tags-section ul {
  margin: 2rem auto 4rem
}
.column-list-navigation .category-list-section ul {
  margin: 3rem auto
}
.column-list-navigation .category-list-section ul li {
  margin: 1rem 0
}
.column-list-navigation .category-list-section ul li a {
  border-bottom: 1px solid;
  color: gray;
  padding-bottom: .3rem
}
.column-list-navigation .curator-list-section ul {
  margin: 2rem auto 4rem
}
.column-list-navigation .curator-list-section ul:after {
  clear: both;
  content: "";
  display: block
}
.column-list-navigation .curator-list-section ul li {
  float: left;
  text-align: center;
  width: 33.3333%
}
.column-list-navigation .curator-list-section ul li img {
  height: auto;
  width: 60%
}
.column-list-navigation .curator-list-section ul li p {
  overflow: hidden
}
.column-list-navigation .banner-section {
  margin: 0 3% 1rem;
  width: 94%
}
.column-container article h3 {
  font-size: 1.8rem;
  font-weight: 700
}
.column-container article h4 {
  font-size: 1.6rem;
  font-weight: 700
}
.column-container article h4:before {
  content: "|";
  padding-right: 1rem
}
.column-container article section {
  margin: 2rem auto
}
.column-container .article-caption {
  padding-bottom: 2rem
}
.column-container .article-caption .caption-inner h1 {
  font-size: 2rem;
  font-weight: 700;
  padding: 0 0 1.5rem
}
.column-container .article-caption .caption-inner p {
  padding-bottom: 1.5rem
}
.column-container .article-caption .caption-inner p.sub-caption {
  color: #999;
  font-size: 1.2rem;
  font-weight: 700;
  padding: 1.5rem 0
}
.column-container .article-block {
  border-top: 1px solid #f2f2f2
}
.column-container .article-block .article-body {
  line-height: 2.6rem
}
.column-container .article-block .article-body h2 {
  background-color: #f7f7f7;
  color: #555;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 4rem;
  margin: 1rem 0;
  padding-left: 1rem;
  position: relative
}
.column-container .article-block .article-body h2:before {
  background-color: #9b806a;
  bottom: 0;
  content: "";
  left: 0;
  margin: auto;
  position: absolute;
  top: 0;
  width: .25rem
}
.column-container .article-block .article-body h3 {
  border-bottom: 2px solid;
  margin: 1rem 0;
  padding-bottom: 1rem;
  padding-left: 1rem
}
.column-container .article-block .article-body h4 {
  color: #404040;
  font-size: 1.6rem;
  font-weight: 700;
  margin: 1rem 0;
  padding-left: 2.5rem;
  position: relative
}
.column-container .article-block .article-body h4:before {
  background-color: #9b806a;
  border-radius: .5rem;
  content: "";
  height: 1rem;
  left: 1.5rem;
  position: absolute;
  top: 1rem;
  width: 1rem
}
.column-container .article-block .article-body ul {
  list-style-type: disc;
  margin-left: 2rem;
  padding-left: 1rem
}
.column-container .article-block .article-body ol {
  margin-left: 2rem;
  padding-left: 1rem
}
.column-container .article-block .article-body p {
  padding-left: 1rem
}
.column-container .article-block .article-body a {
  word-wrap: break-word;
  color: blue;
  text-decoration: underline
}
.column-container .article-block .article-body img {
  height: auto;
  width: 100%
}
.column-container .article-block .article-body blockquote {
  background: #f2f2f2;
  border: none;
  font-size: 1.6rem;
  margin: 1rem 0;
  padding: 1rem 0;
  position: relative
}
.column-container .article-block .article-body blockquote p {
  margin: 0 2% 0 8%;
  padding: 0;
  width: 90%
}
.column-container .article-block .article-body blockquote:before {
  color: #ccc;
  content: "\201C";
  font-family: Times New Roman;
  font-size: 4.5rem;
  font-weight: 700;
  left: .5rem;
  position: absolute;
  top: 1.8rem
}
.column-container .article-block .article-info .tags-section {
  font-size: 1.4rem
}
.column-container .article-block .article-info .tags-section ul li {
  margin: .5rem 1rem .5rem 0
}
.column-container .article-block .article-info .curator-section:after {
  clear: both;
  content: "";
  display: block
}
.column-container .article-block .article-info .curator-section img {
  float: left;
  height: auto;
  margin-right: 5%;
  width: 20%
}
.column-container .article-block .article-info .curator-section .curator-profile {
  overflow: hidden
}
.column-container .article-block .article-info .curator-section .curator-profile p {
  margin-bottom: 1rem
}
.column-container .article-block .article-info .next-article {
  border-bottom: 2px solid #f2f2f2;
  border-top: 2px solid #f2f2f2;
  display: block;
  font-weight: 700;
  margin-top: 3rem;
  padding: 1rem 3%
}
.column-container .article-block .article-info .next-article:before {
  content: "次ページ："
}
.column-container aside {
  margin-top: 3rem
}
.column-container aside h3 {
  font-size: 2rem
}
ul.column-excerpt-list-container {
  background-color: #f2f2f2
}
ul.column-excerpt-list-container li {
  background-color: #fff;
  border-bottom: 1px solid #f2f2f2;
  padding: 1.5rem 0;
  position: relative
}
ul.column-excerpt-list-container li:first-of-type {
  border-top: 1px solid #f2f2f2;
  margin-top: 0
}
ul.column-excerpt-list-container li .thumbnail {
  float: left;
  margin-right: .5%;
  width: 49.5%
}
ul.column-excerpt-list-container li .list-item {
  float: left;
  margin-left: .5%;
  width: 49.5%
}
ul.column-excerpt-list-container li .list-item h3 {
  font-size: 1.6rem
}
ul.column-excerpt-list-container li .inner-link {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}
@media (min-width:600px) {
  .column-container .article-wrapper .article-block .article-body blockquote p {
    margin: 0 5%;
    width: 90%
  }
}
@media (min-width:769px) {
  .column-list-container .category-caption-block {
    border-top: 1px solid #f2f2f2
  }
  .column-list-inner {
    margin: 3rem 0
  }
  .column-list-inner:after {
    clear: both;
    content: "";
    display: block
  }
  .column-list-navigation {
    float: left;
    width: 30%
  }
  .column-list-navigation .nav-item .nav-h2 {
    border: 0;
    font-size: 1.6rem;
    padding: 0
  }
  .column-list-navigation .nav-item ul {
    border-top: 1px solid;
    font-size: 1.4rem;
    margin: 1rem 0 3rem;
    padding-top: 1rem
  }
  .column-list-navigation .nav-item.tags-section {
    margin-top: 0
  }
  .column-list-navigation .nav-item.tags-section ul li {
    margin: 0 1rem 1rem 0
  }
  .column-list-navigation .nav-item.tags-section ul li a {
    font-size: 1.2rem
  }
  .column-list-navigation .nav-item.category-list-section ul li a {
    color: #404040
  }
  .column-list-navigation .nav-item.category-list-section ul li a:hover {
    border-bottom: none
  }
  .column-list-navigation .nav-item.banner-section {
    margin: 0 0 1rem;
    width: 100%
  }
  .column-list-wrapper {
    float: left;
    width: 70%
  }
  .column-list-wrapper ul.article-list li div.thumbnail {
    margin-right: 2%;
    width: 28%
  }
  .column-list-wrapper ul.article-list li div.list-item {
    margin: 0;
    width: 70%
  }
  .column-list-wrapper ul.article-list li div.list-item div.text p {
    color: #999;
    font-size: 1.4rem
  }
  .column-list-wrapper ul.article-list li div.list-item .item-info {
    margin-top: 2rem
  }
  .column-list-wrapper ul.article-list li div.list-item .item-info:after {
    clear: both;
    content: "";
    display: block
  }
  .column-list-wrapper ul.article-list li div.list-item .item-info p.author {
    float: left;
    margin: 0 3rem 0 0
  }
  .column-container .article-caption:after {
    clear: both;
    content: "";
    display: block
  }
  .column-container .article-caption .top-wrapper {
    float: left;
    width: 25%
  }
  .column-container .article-caption .caption-inner {
    float: left;
    margin-left: 2%;
    width: 73%
  }
  .column-container .article-caption .caption-inner h1, .column-container .article-caption .caption-inner p.sub-caption {
    padding: 0 0 1rem
  }
  .column-container .article-wrapper:after {
    clear: both;
    content: "";
    display: block
  }
  .column-container .article-wrapper .article-block {
    float: left;
    margin-right: 5%;
    width: 65%
  }
  .column-container .article-wrapper .article-block .article-body h2, .column-container .article-wrapper .article-block .article-body h3 {
    margin: 2rem 0
  }
  .column-container .article-wrapper .article-block .article-body img {
    margin-right: 20%;
    width: 80%
  }
  .column-container .article-wrapper .article-block .article-body blockquote p {
    margin: 0 5%;
    width: 90%
  }
  .column-container .article-wrapper .article-block .article-info .curator-section img {
    width: 15%
  }
  .column-container .article-wrapper .article-block .article-info .next-article {
    margin: 3rem 3% 0;
    width: 94%
  }
  .column-container .column-list-wrapper {
    float: none;
    width: 100%
  }
  .column-container .column-list-wrapper ul.article-list:after {
    clear: both;
    content: "";
    display: block
  }
  .column-container .column-list-wrapper ul.article-list li {
    border-bottom: none;
    float: left;
    height: 10rem;
    overflow: hidden;
    width: 50%
  }
  .column-container .column-list-wrapper ul.article-list li div.thumbnail {
    margin-right: 5%;
    width: 35%
  }
  .column-container .column-list-wrapper ul.article-list li div.list-item {
    margin-right: 10%;
    width: 50%
  }
  .column-container .column-list-wrapper ul.article-list li div.list-item .item-info, .column-container .column-list-wrapper ul.article-list li div.list-item div.text {
    display: none
  }
  ul.column-excerpt-list-container {
    background-color: #fff
  }
  ul.column-excerpt-list-container li {
    border: none;
    float: left;
    width: 25%
  }
  ul.column-excerpt-list-container li .inner {
    margin: 0 3%;
    width: 94%
  }
  ul.column-excerpt-list-container li .inner .list-item, ul.column-excerpt-list-container li .inner .thumbnail {
    float: none;
    margin: 0;
    width: 100%
  }
  ul.column-excerpt-list-container li .inner .list-item h3 {
    font-weight: 700;
    height: 4.8rem;
    line-height: 2.4rem;
    margin: 2rem 0;
    overflow: hidden
  }
  ul.column-excerpt-list-container li .inner .list-item .excerpt-text p {
    height: 9.6rem;
    overflow: hidden
  }
  ul.column-excerpt-list-container li .inner .list-item p {
    margin-bottom: 1rem
  }
  ul.column-excerpt-list-container li:first-of-type {
    border: none
  }
}
.news-list-container {
  padding-bottom: 2rem
}
.news-list-container .news-list-wrapper li {
  border-bottom: 1px solid #f2f2f2;
  padding: 1rem 0;
  position: relative
}
.news-list-container .news-list-wrapper li div.thumbnail {
  display: block;
  float: left;
  margin-right: .5%;
  width: 49.5%
}
.news-list-container .news-list-wrapper li div.list-item {
  float: left;
  margin-left: .5%;
  width: 49.5%
}
.news-list-container .news-list-wrapper li div.list-item h3 {
  font-size: 1.6rem
}
.news-list-container .news-list-wrapper li a {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}
.news-container .news-inner article section {
  border-bottom: 1px solid #f2f2f2;
  padding-bottom: 3rem
}
.news-container .news-inner article section h1 {
  font-size: 1.6rem;
  margin-bottom: 3rem
}
.news-container .news-inner article section img.news-thumbnail {
  margin-bottom: 1rem
}
.news-container .news-inner article section p {
  margin-bottom: 2rem
}
.news-container .news-inner article section a {
  word-wrap: break-word;
  border-bottom: 1px solid;
  color: blue
}
.news-container .news-inner article section img {
  height: auto;
  width: 100%
}
.news-container .news-inner article section blockquote {
  background: #f2f2f2;
  border: none;
  font-size: 1.6rem;
  margin: 1rem 0;
  padding: 1rem 0;
  position: relative
}
.news-container .news-inner article section blockquote p {
  margin: 0 2% 0 8%;
  width: 90%
}
.news-container .news-inner article section blockquote:before {
  color: #ccc;
  content: "\201C";
  font-family: Times New Roman;
  font-size: 4.5rem;
  font-weight: 700;
  left: .5rem;
  position: absolute;
  top: 1.8rem
}
.news-container .news-inner .list-link {
  padding: 5rem 0;
  text-align: center
}
.news-container .news-inner .list-link a {
  background-color: #404040;
  color: #fff;
  display: inline-block;
  height: 4rem;
  padding: 0 2rem;
  text-align: center
}
.news-container .news-inner .list-link a span {
  font-size: 1.4rem;
  letter-spacing: .1rem;
  line-height: 4rem
}
.news-container .news-inner .list-link a span:before {
  content: "<";
  padding-right: 1rem
}
ul.news-excerpt-list-container li {
  background-color: #f2f2f2;
  margin: .2rem 0;
  padding: 2rem 0;
  position: relative
}
ul.news-excerpt-list-container li .excerpt-list-inner h3 {
  font-size: 1.6rem;
  font-weight: 700
}
ul.news-excerpt-list-container li .excerpt-list-inner .inner-link {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}
@media (min-width:600px) {
  .news-container .news-inner article section blockquote p {
    margin: 0 5%;
    width: 90%
  }
}
@media (min-width:769px) {
  .news-list-container .news-list-wrapper ul {
    margin-bottom: 2rem
  }
  .news-list-container .news-list-wrapper li {
    margin-right: 3%;
    position: relative;
    width: 97%
  }
  .news-list-container .news-list-wrapper li div.thumbnail {
    margin-right: 2%;
    width: 18%
  }
  .news-list-container .news-list-wrapper li div.list-item {
    margin: 0;
    padding: 2rem 0;
    width: 80%
  }
  .news-list-container .news-list-wrapper li div.list-item div.text p {
    color: #999;
    font-size: 1.4rem
  }
  .news-list-container .news-list-wrapper li div.list-item img.arrow {
    bottom: 0;
    margin: auto;
    position: absolute;
    right: -3rem;
    top: 0;
    width: 1.5rem
  }
  .news-container .news-inner article section h3 {
    margin-bottom: 4rem
  }
  .news-container .news-inner article section img.news-thumbnail {
    height: auto;
    margin: 0 25% 4rem;
    width: 50%
  }
  .news-container .news-inner article section img {
    margin-right: 20%;
    width: 80%
  }
  .news-container .news-inner article section blockquote p {
    margin: 0 5%;
    width: 90%
  }
  ul.news-excerpt-list-container li {
    float: left;
    margin: 0 .5% 2rem;
    padding: 0;
    width: 49%
  }
  ul.news-excerpt-list-container li div.excerpt-list-inner {
    margin: 0;
    padding: .5rem 0;
    width: 100%
  }
  ul.news-excerpt-list-container li div.excerpt-list-inner .thumbnail {
    float: left;
    margin: 1% 2%;
    width: 26%
  }
  ul.news-excerpt-list-container li div.excerpt-list-inner .list-item {
    float: left;
    margin: 1rem 0 0;
    width: 70%
  }
  ul.news-excerpt-list-container li div.excerpt-list-inner .list-item h3 {
    font-weight: 500
  }
}
@font-face {
  font-family: YuGothicLite;
  font-weight: 500;
  src: local("YuGothic"), local("Yu Gothic");
  unicode-range: u+0000-007f
}
.en-none:lang(en) {
  display: none
}
.ja-exist:lang(en), .ja-exist:lang(zh) {
  display: none !important
}
body {
  position: relative
}
body:lang(zh) {
  font-family: YuGothicLite, Hiragino Sans GB, Microsoft YaHei, sans-serif;
  font-weight: 500
}
.see-more, .see-more a, .text-center {
  text-align: center
}
.see-more a {
  background-color: #9b806a;
  color: #fff;
  display: inline-block;
  height: 4rem;
  padding: 0 2rem
}
.see-more a span {
  font-size: 1.4rem;
  letter-spacing: .1rem;
  line-height: 4rem
}
.see-more a span:after {
  content: ">";
  font-size: 1.6rem;
  padding-left: 1rem
}
ul.product-list li {
  float: left;
  margin: 0 3% 2rem;
  width: 44%
}
ul.product-list li h3 {
  font-size: 1.6rem;
  height: 48px;
  text-align: center
}
ul.project-list li {
  margin-bottom: 4rem
}
ul.project-list li h3 {
  font-size: 2rem;
  margin: .5rem 0
}
ul.project-list li a {
  border-bottom: 1px solid
}
.privacy-container h2 {
  font-size: 2rem;
  margin: 3rem 0;
  text-align: center
}
.privacy-container p {
  margin-bottom: 4rem
}
.top-image {
  height: 30rem;
  position: relative
}
.top-image .top-image-inner {
  background-color: rgba(79, 127, 172, .2);
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}
#map-canvas {
  height: 400px;
  width: 100%
}
.partition-banners {
  list-style-type: none !important;
  margin-left: 0 !important
}
.partition-banners > li {
  margin-bottom: 2rem
}
.partition-banners > li:last-of-type {
  margin-bottom: 0
}
.partition-banners > li .banner-inner {
  align-items: center;
  background-color: #9b806a;
  display: flex;
  justify-content: space-between;
  padding: 1.5rem
}
.partition-banners > li .banner-inner .img-block {
  width: 20%
}
.partition-banners > li .banner-inner .img-block img {
  display: block
}
.partition-banners > li .banner-inner .banner-title {
  color: #fff;
  font-size: 1.4rem;
  width: 70%
}
.partition-banners > li .partition-banner-details {
  display: none;
  list-style-type: none !important;
  margin-left: 0 !important
}
.partition-banners > li .partition-banner-details > li {
  border: 1px solid #9b806a;
  border-bottom: none;
  box-sizing: border-box
}
.partition-banners > li .partition-banner-details > li:last-of-type {
  border-bottom: 1px solid #9b806a
}
.partition-banners > li .partition-banner-details > li a {
  color: #9b806a;
  display: block;
  font-size: 1.4rem;
  padding: .7rem 0;
  text-align: center
}
.partition-banners > li .partition-banner-details.active {
  display: block
}
@media (min-width:769px) {
  .see-more a {
    padding: 0 6rem
  }
  ul.product-list li {
    margin: 0 0 2rem;
    width: 30%
  }
  ul.product-list li:nth-child(11), ul.product-list li:nth-child(2), ul.product-list li:nth-child(5), ul.product-list li:nth-child(8) {
    margin: 0 5% 2rem
  }
  ul.project-list li .thumbnail {
    float: left;
    margin-right: 4%;
    width: 21%
  }
  ul.project-list li .list-item {
    float: left;
    width: 75%
  }
  #map-canvas {
    height: 450px
  }
  .partition-banners {
    display: flex;
    justify-content: space-between
  }
  .partition-banners > li {
    margin-bottom: 0;
    width: 33%
  }
  .partition-banners > li .banner-inner {
    display: block;
    padding: 0
  }
  .partition-banners > li .banner-inner:hover {
    opacity: .8
  }
  .partition-banners > li .banner-inner .img-block {
    width: 100%
  }
  .partition-banners > li .banner-inner .banner-title {
    display: block;
    font-size: 1.4rem;
    padding: 1rem 0;
    text-align: center;
    width: 100%
  }
  .partition-banners > li .partition-banner-detail-wrapper {
    overflow: visible;
    position: relative
  }
  .partition-banners > li .partition-banner-detail-wrapper .partition-banner-details {
    background-color: #fff;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
  }
  .partition-banners > li .partition-banner-detail-wrapper .partition-banner-details > li a:hover {
    opacity: .8
  }
  .partition-banners .contact-order:hover .partition-banner-details {
    display: block
  }
}
fieldset {
  margin: 0;
  min-width: 0
}
fieldset, legend {
  border: 0;
  padding: 0
}
legend {
  border-bottom: 1px solid #e5e5e5;
  color: #333;
  display: block;
  font-size: 21px;
  line-height: inherit;
  margin-bottom: 20px;
  width: 100%
}
label {
  display: inline-block;
  font-weight: 700;
  margin-bottom: 5px;
  max-width: 100%
}
input[type=search] {
  -webkit-appearance: none;
  appearance: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}
input[type=checkbox], input[type=radio] {
  line-height: normal;
  margin: 4px 0 0;
  margin-top: 1px\9
}
fieldset[disabled] input[type=checkbox], fieldset[disabled] input[type=radio], input[type=checkbox].disabled, input[type=checkbox][disabled], input[type=radio].disabled, input[type=radio][disabled] {
  cursor: not-allowed
}
input[type=file] {
  display: block
}
input[type=range] {
  display: block;
  width: 100%
}
select[multiple], select[size] {
  height: auto
}
input[type=checkbox]:focus, input[type=file]:focus, input[type=radio]:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px
}
output {
  padding-top: 7px
}
.form-control, output {
  color: #555;
  display: block;
  font-size: 14px;
  line-height: 1.42857
}
.form-control {
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  height: 34px;
  padding: 6px 12px;
  -webkit-transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  -o-transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  width: 100%
}
.form-control:focus {
  border-color: #66afe9;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
  outline: 0
}
.form-control::-moz-placeholder {
  color: #999;
  opacity: 1
}
.form-control:-ms-input-placeholder {
  color: #999
}
.form-control::-webkit-input-placeholder {
  color: #999
}
.form-control::-ms-expand {
  background-color: transparent;
  border: 0
}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
  background-color: #eee;
  opacity: 1
}
.form-control[disabled], fieldset[disabled] .form-control {
  cursor: not-allowed
}
textarea.form-control {
  height: auto
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
  input[type=date].form-control, input[type=datetime-local].form-control, input[type=month].form-control, input[type=time].form-control {
    line-height: 34px
  }
  .input-group-sm input[type=date], .input-group-sm input[type=datetime-local], .input-group-sm input[type=month], .input-group-sm input[type=time], input[type=date].input-sm, input[type=datetime-local].input-sm, input[type=month].input-sm, input[type=time].input-sm {
    line-height: 30px
  }
  .input-group-lg input[type=date], .input-group-lg input[type=datetime-local], .input-group-lg input[type=month], .input-group-lg input[type=time], input[type=date].input-lg, input[type=datetime-local].input-lg, input[type=month].input-lg, input[type=time].input-lg {
    line-height: 46px
  }
}
.form-group {
  margin-bottom: 15px
}
.checkbox, .radio {
  display: block;
  margin-bottom: 10px;
  margin-top: 10px;
  position: relative
}
.checkbox.disabled label, .radio.disabled label, fieldset[disabled] .checkbox label, fieldset[disabled] .radio label {
  cursor: not-allowed
}
.checkbox label, .radio label {
  cursor: pointer;
  font-weight: 400;
  margin-bottom: 0;
  min-height: 20px;
  padding-left: 20px
}
.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] {
  margin-left: -20px;
  margin-top: 4px\9;
  position: absolute
}
.checkbox + .checkbox, .radio + .radio {
  margin-top: -5px
}
.checkbox-inline, .radio-inline {
  cursor: pointer;
  display: inline-block;
  font-weight: 400;
  margin-bottom: 0;
  padding-left: 20px;
  position: relative;
  vertical-align: middle
}
.checkbox-inline.disabled, .radio-inline.disabled, fieldset[disabled] .checkbox-inline, fieldset[disabled] .radio-inline {
  cursor: not-allowed
}
.checkbox-inline + .checkbox-inline, .radio-inline + .radio-inline {
  margin-left: 10px;
  margin-top: 0
}
.form-control-static {
  margin-bottom: 0;
  min-height: 34px;
  padding-bottom: 7px;
  padding-top: 7px
}
.form-control-static.input-lg, .form-control-static.input-sm {
  padding-left: 0;
  padding-right: 0
}
.input-sm {
  border-radius: 3px;
  font-size: 12px;
  height: 30px;
  line-height: 1.5;
  padding: 5px 10px
}
select.input-sm {
  height: 30px;
  line-height: 30px
}
select[multiple].input-sm, textarea.input-sm {
  height: auto
}
.form-group-sm .form-control {
  border-radius: 3px;
  font-size: 12px;
  height: 30px;
  line-height: 1.5;
  padding: 5px 10px
}
.form-group-sm select.form-control {
  height: 30px;
  line-height: 30px
}
.form-group-sm select[multiple].form-control, .form-group-sm textarea.form-control {
  height: auto
}
.form-group-sm .form-control-static {
  font-size: 12px;
  height: 30px;
  line-height: 1.5;
  min-height: 32px;
  padding: 6px 10px
}
.input-lg {
  border-radius: 6px;
  font-size: 18px;
  height: 46px;
  line-height: 1.33333;
  padding: 10px 16px
}
select.input-lg {
  height: 46px;
  line-height: 46px
}
select[multiple].input-lg, textarea.input-lg {
  height: auto
}
.form-group-lg .form-control {
  border-radius: 6px;
  font-size: 18px;
  height: 46px;
  line-height: 1.33333;
  padding: 10px 16px
}
.form-group-lg select.form-control {
  height: 46px;
  line-height: 46px
}
.form-group-lg select[multiple].form-control, .form-group-lg textarea.form-control {
  height: auto
}
.form-group-lg .form-control-static {
  font-size: 18px;
  height: 46px;
  line-height: 1.33333;
  min-height: 38px;
  padding: 11px 16px
}
.has-feedback {
  position: relative
}
.has-feedback .form-control {
  padding-right: 42.5px
}
.form-control-feedback {
  display: block;
  height: 34px;
  line-height: 34px;
  pointer-events: none;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  width: 34px;
  z-index: 2
}
.form-group-lg .form-control + .form-control-feedback, .input-group-lg + .form-control-feedback, .input-lg + .form-control-feedback {
  height: 46px;
  line-height: 46px;
  width: 46px
}
.form-group-sm .form-control + .form-control-feedback, .input-group-sm + .form-control-feedback, .input-sm + .form-control-feedback {
  height: 30px;
  line-height: 30px;
  width: 30px
}
.has-success .checkbox, .has-success .checkbox-inline, .has-success .control-label, .has-success .help-block, .has-success .radio, .has-success .radio-inline, .has-success.checkbox label, .has-success.checkbox-inline label, .has-success.radio label, .has-success.radio-inline label {
  color: #3c763d
}
.has-success .form-control {
  border-color: #3c763d;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}
.has-success .form-control:focus {
  border-color: #2b542c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168
}
.has-success .input-group-addon {
  background-color: #dff0d8;
  border-color: #3c763d;
  color: #3c763d
}
.has-success .form-control-feedback {
  color: #3c763d
}
.has-warning .checkbox, .has-warning .checkbox-inline, .has-warning .control-label, .has-warning .help-block, .has-warning .radio, .has-warning .radio-inline, .has-warning.checkbox label, .has-warning.checkbox-inline label, .has-warning.radio label, .has-warning.radio-inline label {
  color: #8a6d3b
}
.has-warning .form-control {
  border-color: #8a6d3b;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}
.has-warning .form-control:focus {
  border-color: #66512c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b
}
.has-warning .input-group-addon {
  background-color: #fcf8e3;
  border-color: #8a6d3b;
  color: #8a6d3b
}
.has-warning .form-control-feedback {
  color: #8a6d3b
}
.has-error .checkbox, .has-error .checkbox-inline, .has-error .control-label, .has-error .help-block, .has-error .radio, .has-error .radio-inline, .has-error.checkbox label, .has-error.checkbox-inline label, .has-error.radio label, .has-error.radio-inline label {
  color: #a94442
}
.has-error .form-control {
  border-color: #a94442;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}
.has-error .form-control:focus {
  border-color: #843534;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483
}
.has-error .input-group-addon {
  background-color: #f2dede;
  border-color: #a94442;
  color: #a94442
}
.has-error .form-control-feedback {
  color: #a94442
}
.has-feedback label ~ .form-control-feedback {
  top: 25px
}
.has-feedback label.sr-only ~ .form-control-feedback {
  top: 0
}
.help-block {
  color: #737373;
  display: block;
  margin-bottom: 10px;
  margin-top: 5px
}
@media (min-width:768px) {
  .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle
  }
  .form-inline .form-control {
    display: inline-block;
    vertical-align: middle;
    width: auto
  }
  .form-inline .form-control-static {
    display: inline-block
  }
  .form-inline .input-group {
    display: inline-table;
    vertical-align: middle
  }
  .form-inline .input-group .form-control, .form-inline .input-group .input-group-addon, .form-inline .input-group .input-group-btn {
    width: auto
  }
  .form-inline .input-group > .form-control {
    width: 100%
  }
  .form-inline .control-label {
    margin-bottom: 0;
    vertical-align: middle
  }
  .form-inline .checkbox, .form-inline .radio {
    display: inline-block;
    margin-bottom: 0;
    margin-top: 0;
    vertical-align: middle
  }
  .form-inline .checkbox label, .form-inline .radio label {
    padding-left: 0
  }
  .form-inline .checkbox input[type=checkbox], .form-inline .radio input[type=radio] {
    margin-left: 0;
    position: relative
  }
  .form-inline .has-feedback .form-control-feedback {
    top: 0
  }
}
.form-horizontal .checkbox, .form-horizontal .checkbox-inline, .form-horizontal .radio, .form-horizontal .radio-inline {
  margin-bottom: 0;
  margin-top: 0;
  padding-top: 7px
}
.form-horizontal .checkbox, .form-horizontal .radio {
  min-height: 27px
}
.form-horizontal .form-group {
  margin-left: -15px;
  margin-right: -15px
}
.form-horizontal .form-group:after, .form-horizontal .form-group:before {
  content: " ";
  display: table
}
.form-horizontal .form-group:after {
  clear: both
}
@media (min-width:768px) {
  .form-horizontal .control-label {
    margin-bottom: 0;
    padding-top: 7px;
    text-align: right
  }
}
.form-horizontal .has-feedback .form-control-feedback {
  right: 15px
}
@media (min-width:768px) {
  .form-horizontal .form-group-lg .control-label {
    font-size: 18px;
    padding-top: 11px
  }
  .form-horizontal .form-group-sm .control-label {
    font-size: 12px;
    padding-top: 6px
  }
}
header {
  background-color: #fff
}
header .logo {
  color: #404040;
  font-size: 1.6rem;
  padding: 0;
  text-align: left
}
header {
  height: 60px;
  position: fixed;
  width: 100%;
  z-index: 1000
}
header .header-inner {
  height: 100%;
  position: relative,;
}
header .header-inner div.menu {
  float: left;
  height: 100%;
  position: relative;
  width: 10%
}
header .header-inner div.menu span {
  background-color: #404040;
  box-sizing: border-box;
  display: inline-block;
  height: .2rem;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  transition: all .4s;
  width: 2.2rem
}
header .header-inner div.menu span.top {
  top: 2.3rem
}
header .header-inner div.menu span.middle {
  top: 3rem
}
header .header-inner div.menu span.bottom {
  top: 3.7rem
}
header .header-inner div.menu span img {
  bottom: 0;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0
}
header .header-inner div.menu.active span.top {
  -webkit-transform: translateY(.7rem) rotate(-45deg);
  -moz-transform: translateY(.7rem) rotate(-45deg);
  -ms-transform: translateY(.7rem) rotate(-45deg);
  -o-transform: translateY(.7rem) rotate(-45deg);
  transform: translateY(.7rem) rotate(-45deg)
}
header .header-inner div.menu.active span.middle {
  opacity: 0
}
header .header-inner div.menu.active span.bottom {
  -webkit-transform: translateY(-.7rem) rotate(45deg);
  -moz-transform: translateY(-.7rem) rotate(45deg);
  -ms-transform: translateY(-.7rem) rotate(45deg);
  -o-transform: translateY(-.7rem) rotate(45deg);
  transform: translateY(-.7rem) rotate(45deg)
}
header .header-inner .logo {
  float: left;
  height: 100%;
  position: relative;
  width: 80%
}
header .header-inner .logo img {
  bottom: 0;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 18rem
}
header .header-inner .sns {
  right: 0;
  width: 20%
}
header .header-inner .sns, header .header-inner .sns a {
  bottom: 0;
  position: absolute;
  top: 0
}
header .header-inner .sns .ec-link {
  left: 0;
  width: 50%
}
header .header-inner .sns .contact-link {
  right: 0;
  width: 50%
}
header .header-inner .sns img {
  bottom: 0;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 2.2rem
}
header .announcement-bar, nav {
  display: none
}
nav {
  color: #9b806a;
  font-size: 1.4rem;
  font-weight: 700;
  position: fixed;
  top: 60px;
  width: 100%;
  z-index: 1000
}
nav ul.sp-nav {
  overflow: auto
}
nav ul.sp-nav li {
  background-color: #fff;
  position: relative
}
nav ul.sp-nav li div.menu-item {
  border-bottom: 1px solid #f2f2f2;
  padding: 1.5rem 0
}
nav ul.sp-nav li div.menu-item a {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}
nav ul.sp-nav li p {
  display: block;
  letter-spacing: .1rem
}
nav ul.sp-nav .menu-detail {
  bottom: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 4rem
}
nav ul.sp-nav .menu-detail span {
  background-color: #8d8d8d;
  box-sizing: border-box;
  display: inline-block;
  height: .2rem;
  position: absolute;
  right: 2rem;
  transition: all .2s;
  width: 1.8rem
}
nav ul.sp-nav .menu-detail span.first {
  top: 2.5rem
}
nav ul.sp-nav .menu-detail span.last {
  top: 2.5rem;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg)
}
nav ul.sp-nav .menu-detail.active span.last {
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg)
}
nav ul.sp-nav .menu-detail-list {
  display: none
}
nav ul.sp-nav .menu-detail-list li {
  border-bottom: 1px solid #f2f2f2;
  padding: 1.5rem 0;
  position: relative
}
nav ul.sp-nav .menu-detail-list li p {
  color: gray;
  padding-left: 25%
}
nav ul.sp-nav .menu-detail-list li a {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}
nav ul.sp-nav .nav-language {
  background-color: #f4f4f6
}
nav ul.sp-nav .nav-language ul.language-links {
  display: flex;
  justify-content: center
}
nav ul.sp-nav .nav-language ul.language-links li {
  background-color: transparent;
  height: 50px;
  position: relative;
  width: 60px
}
nav ul.sp-nav .nav-language ul.language-links li:after {
  color: #404040;
  content: "|";
  height: 50px;
  line-height: 50px;
  position: absolute;
  right: -2%;
  top: 0
}
nav ul.sp-nav .nav-language ul.language-links li:last-of-type:after {
  display: none
}
nav ul.sp-nav .nav-language ul.language-links li .form-group, nav ul.sp-nav .nav-language ul.language-links li form {
  height: 100%;
  margin: 0
}
nav ul.sp-nav .nav-language ul.language-links li .form-group {
  align-items: center;
  display: flex;
  justify-content: center
}
nav ul.sp-nav .nav-language ul.language-links li button[type=submit] {
  color: #404040;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.2
}
nav ul.sp-nav .nav-language ul.language-links li.current button[type=submit] {
  border-bottom: 2px solid #9b806a;
  font-weight: 700
}
nav ul.sp-nav .nav-sns {
  border-bottom: 1px solid #f2f2f2;
  display: flex;
  justify-content: space-between
}
nav ul.sp-nav .nav-sns li {
  height: 52px;
  text-align: center;
  width: 50%
}
nav ul.sp-nav .nav-sns li a {
  display: block
}
nav ul.sp-nav .nav-sns li a img {
  height: 30px;
  margin: 11px 1rem 11px 0;
  vertical-align: middle;
  width: auto
}
nav ul.sp-nav .nav-sns li a span {
  color: #9b806a
}
main:before {
  background-color: #fff;
  content: "";
  display: block;
  height: 60px;
  width: 100%
}
body.announcement-true header {
  height: 105px
}
body.announcement-true header .header-inner {
  height: calc(100% - 45px)
}
body.announcement-true header .announcement-bar {
  background-color: #f2f2f2;
  color: #9b806a;
  display: block;
  line-height: 1.5;
  padding: 10px 0;
  text-align: center
}
body.announcement-true header .announcement-bar a {
  color: #9b806a;
  font-size: 3vw;
  line-height: 1.5;
  text-decoration: underline
}
body.announcement-true nav {
  top: 105px
}
body.announcement-true main:before {
  height: 105px
}
@media (min-width:600px) {
  header .header-inner div.menu span.top {
    top: 1rem
  }
  header .header-inner div.menu span.middle {
    top: 1.7rem
  }
  header .header-inner div.menu span.bottom {
    top: 2.4rem
  }
}
@media (min-width:769px) {
  header {
    height: 100px;margin-top:0px;
  }
  header .header-inner .logo {
    height: 60px;
    margin-top: 0;
    width: 100%
  }
  nav {
    background-color: #fff;
    display: block;
    top: 60px
  }
  nav .pc-nav-inner {
    border-bottom: 2px solid #f2f2f2
  }
  nav .pc-nav-inner .pc-nav-block {
    display: flex;
    height: 50px
  }
  nav .pc-nav-inner .pc-nav-block ul.pc-nav {
    height: 100%;
    margin: 0 0 0 18%;
    text-align: center;
    width: 75%
  }
  nav .pc-nav-inner .pc-nav-block ul.pc-nav li {
    color: #404040;
    cursor: pointer;
    display: inline-block;
    height: 100%;
    line-height: 5rem;
    margin-right: 4rem;
    position: relative;
    text-align: center
  }
  nav .pc-nav-inner .pc-nav-block ul.pc-nav li i {
    color: #999;
    padding-left: 1rem
  }
  nav .pc-nav-inner .pc-nav-block ul.pc-nav li:after, nav .pc-nav-inner .pc-nav-block ul.pc-nav li:before {
    display: none
  }
  nav .pc-nav-inner .pc-nav-block ul.pc-nav li:before {
    border: 1.2rem solid transparent;
    border-bottom-color: #f2f2f2;
    bottom: 0;
    content: "";
    height: 0;
    left: 0;
    position: absolute;
    right: 0;
    width: 0
  }
  nav .pc-nav-inner .pc-nav-block ul.pc-nav li:after {
    border: 1.2rem solid transparent;
    border-bottom-color: #fff;
    bottom: -4px;
    content: "";
    height: 0;
    left: 0;
    position: absolute;
    right: 0;
    width: 0
  }
  nav .pc-nav-inner .pc-nav-block ul.pc-nav li.about:after, nav .pc-nav-inner .pc-nav-block ul.pc-nav li.about:before, nav .pc-nav-inner .pc-nav-block ul.pc-nav li.brands:after, nav .pc-nav-inner .pc-nav-block ul.pc-nav li.brands:before, nav .pc-nav-inner .pc-nav-block ul.pc-nav li.columns:after, nav .pc-nav-inner .pc-nav-block ul.pc-nav li.columns:before, nav .pc-nav-inner .pc-nav-block ul.pc-nav li.news:after, nav .pc-nav-inner .pc-nav-block ul.pc-nav li.news:before {
    margin-left: 1.5rem
  }
  nav .pc-nav-inner .pc-nav-block ul.pc-nav li.products:after, nav .pc-nav-inner .pc-nav-block ul.pc-nav li.products:before {
    margin-left: 2.5rem
  }
  nav .pc-nav-inner .pc-nav-block ul.pc-nav li.online-shop:after, nav .pc-nav-inner .pc-nav-block ul.pc-nav li.online-shop:before {
    margin-left: 3.5rem
  }
  nav .pc-nav-inner .pc-nav-block ul.pc-nav li.online-shop ul.nav-detail {
    bottom: -4.5rem;
    margin-left: -21rem
  }
  nav .pc-nav-inner .pc-nav-block ul.pc-nav li.online-shop ul.nav-detail li {
    line-height: 2rem
  }
  nav .pc-nav-inner .pc-nav-block ul.pc-nav li ul.nav-detail {
    bottom: -5rem;
    display: none;
    position: absolute;
    z-index: 1001
  }
  nav .pc-nav-inner .pc-nav-block ul.pc-nav li ul.nav-detail li {
    color: #404040;
    float: left;
    font-size: 1.2rem;
    margin: 1rem 4rem 0 0
  }
  nav .pc-nav-inner .pc-nav-block ul.pc-nav li.about ul.nav-detail, nav .pc-nav-inner .pc-nav-block ul.pc-nav li.about ul.nav-detail:lang(en) {
    margin-left: -15rem
  }
  nav .pc-nav-inner .pc-nav-block ul.pc-nav li.products ul.nav-detail {
    margin-left: -29rem
  }
  nav .pc-nav-inner .pc-nav-block ul.pc-nav li.products ul.nav-detail:lang(en) {
    margin-left: -23rem
  }
  nav .pc-nav-inner .pc-nav-block ul.pc-nav li.active ul, nav .pc-nav-inner .pc-nav-block ul.pc-nav li.active:after, nav .pc-nav-inner .pc-nav-block ul.pc-nav li.active:before {
    display: block
  }
  nav .pc-nav-inner .pc-nav-block ul.pc-nav li.active.columns:after, nav .pc-nav-inner .pc-nav-block ul.pc-nav li.active.columns:before, nav .pc-nav-inner .pc-nav-block ul.pc-nav li.active.news:after, nav .pc-nav-inner .pc-nav-block ul.pc-nav li.active.news:before {
    display: none
  }
  nav .pc-nav-inner .pc-nav-block .nav-links {
    height: 20px;
    margin-top: -25px;
    width: 15%
  }
  nav .pc-nav-inner .pc-nav-block .nav-links ul.language-links li {
    float: right;
    height: 25px;
    position: relative;
    text-align: center;
    width: 35px
  }
  nav .pc-nav-inner .pc-nav-block .nav-links ul.language-links li:after {
    color: #404040;
    content: "|";
    position: absolute;
    right: -2px;
    top: 0
  }
  nav .pc-nav-inner .pc-nav-block .nav-links ul.language-links li:first-of-type:after {
    display: none
  }
  nav .pc-nav-inner .pc-nav-block .nav-links ul.language-links li .form-group, nav .pc-nav-inner .pc-nav-block .nav-links ul.language-links li form {
    height: 100%;
    margin: 0
  }
  nav .pc-nav-inner .pc-nav-block .nav-links ul.language-links li button[type=submit] {
    color: #404040;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 20px
  }
  nav .pc-nav-inner .pc-nav-block .nav-links ul.language-links li.current button[type=submit] {
    border-bottom: 2px solid #9b806a;
    font-weight: 700
  }
  nav .pc-nav-inner .pc-nav-block .nav-links a.contact-link {
    background-color: #9b806a;
    color: #fff;
    display: block;
    height: 45px;
    line-height: 45px;
    text-align: center
  }
  nav .menu-bg {
    background-color: #fff;
    bottom: -50px;
    display: none;
    height: 50px;
    position: absolute;
    width: 100%
  }
  nav .menu-bg.active {
    display: block
  }
  main:before {
    height: 60px;
    position: relative;
    z-index: 999
  }
  body.announcement-true header {
    height: 105px
  }
  body.announcement-true header .header-inner {
    height: 100%
  }
  body.announcement-true header .announcement-bar, body.announcement-true header .announcement-bar a {
    font-size: 16px
  }
  body.announcement-true header + nav {
    top: 105px
  }
  body.announcement-true main:before {
    height: 205px
  }
}
footer {
  background-color: #fff
}
footer p {
  color: #000;
  font-size: 1.6rem;
  padding: 0;
  text-align: left
}
footer {
  background-color: #404040;
  margin-top: 4rem
}
footer .footer-wrapper.pc-none p {
  color: #9b806a
}
footer .footer-wrapper.pc-none .footer-inner {
  padding-top: 20px
}
footer .footer-wrapper.pc-none .footer-inner img {
  display: block;
  margin: 0 35%;
  width: 30%
}
footer .footer-wrapper.pc-none ul.footer-sns {
  display: flex;
  justify-content: space-between;
  padding: 20px 0
}
footer .footer-wrapper.pc-none ul.footer-sns li {
  padding: 0;
  position: static;
  width: 46%
}
footer .footer-wrapper.pc-none ul.footer-sns li a {
  display: block;
  position: static
}
footer .footer-wrapper.pc-none ul.footer-sns li img {
  display: inline-block;
  height: 27px;
  margin: 0;
  width: auto
}
footer .footer-wrapper.pc-none ul.footer-sns li.item-fb a {
  text-align: right
}
footer .footer-wrapper.pc-none ul.footer-sns li.item-insta a {
  text-align: left
}
footer .footer-wrapper.pc-none ul.footer-links {
  padding-bottom: 20px
}
footer .footer-wrapper.pc-none ul.footer-links > li {
  border-top: 1px solid #606060;
  height: 60px;
  position: relative
}
footer .footer-wrapper.pc-none ul.footer-links > li a, footer .footer-wrapper.pc-none ul.footer-links > li > p {
  color: #fff;
  display: block;
  font-size: 1.1rem;
  font-weight: 700;
  height: 60px;
  letter-spacing: .1rem;
  line-height: 60px;
  margin: 0 5%;
  text-align: left;
  width: 90%
}
footer .footer-wrapper.pc-none .language-block {
  position: relative
}
footer .footer-wrapper.pc-none .language-block ul {
  position: absolute;
  right: 5%;
  top: 0
}
footer .footer-wrapper.pc-none .language-block ul li {
  float: left;
  height: 60px;
  padding-top: 15px
}
footer .footer-wrapper.pc-none .language-block ul li .form-group, footer .footer-wrapper.pc-none .language-block ul li form {
  height: 100%;
  margin: 0
}
footer .footer-wrapper.pc-none .language-block ul li button[type=submit] {
  background-color: #2b2b2b;
  border-radius: 1px;
  color: #fff;
  display: block;
  font-size: 1.2rem;
  height: 30px;
  line-height: 30px;
  margin-right: 1px;
  text-align: center;
  width: 60px
}
footer .footer-wrapper.pc-none .language-block ul li.current button[type=submit] {
  background-color: #fff;
  color: #2b2b2b
}
footer .footer-wrapper.pc-none .copyright-block p {
  background-color: #2b2b2b;
  color: #8d8d8d;
  font-size: 1.1rem;
  font-weight: 700;
  letter-spacing: .1rem;
  padding: 1.5rem 0;
  text-align: center
}
@media (min-width:769px) {
  footer .footer-wrapper.sp-none {
    font-size: 1rem;
    font-weight: 700
  }
  footer .footer-wrapper.sp-none .menu-block {
    color: #fff;
    padding: 3rem 0
  }
  footer .footer-wrapper.sp-none .menu-block div.footer-content {
    float: left;
    margin-right: 5%;
    width: 20%
  }
  footer .footer-wrapper.sp-none .menu-block div.footer-content img {
    margin-bottom: 1rem
  }
  footer .footer-wrapper.sp-none .menu-block div.footer-content ul.footer-sns li {
    float: left;
    margin-right: 10%;
    width: 20%
  }
  footer .footer-wrapper.sp-none .menu-block div.footer-content ul.footer-sns li img {
    float: none;
    margin: 0;
    width: 100%
  }
  footer .footer-wrapper.sp-none .menu-block ul.footer-menus {
    float: left;
    width: 65%
  }
  footer .footer-wrapper.sp-none .menu-block ul.footer-menus > li {
    float: left;
    width: 14.28%
  }
  footer .footer-wrapper.sp-none .menu-block ul.footer-menus > li > ul li {
    margin-bottom: 1rem
  }
  footer .footer-wrapper.sp-none .menu-block ul.footer-menus > li > ul li:first-of-type {
    color: #9b806a
  }
  footer .footer-wrapper.sp-none .menu-block ul.footer-menus > li > ul li a {
    color: #fff
  }
  footer .footer-wrapper.sp-none .menu-block ul.footer-menus .item-about {
    width: 25%
  }
  footer .footer-wrapper.sp-none .menu-block ul.footer-menus .item-projects {
    width: 23%
  }
  footer .footer-wrapper.sp-none .menu-block ul.footer-menus .item-product {
    width: 18%
  }
  footer .footer-wrapper.sp-none .menu-block ul.footer-menus .item-contact {
    width: 21%
  }
  footer .footer-wrapper.sp-none .menu-block ul.footer-menus .item-language {
    width: 19%
  }
  footer .footer-wrapper.sp-none .menu-block ul.footer-menus .item-language p {
    color: #9b806a;
    font-size: 1rem;
    margin-bottom: 1rem
  }
  footer .footer-wrapper.sp-none .menu-block ul.footer-menus .item-language ul {
    font-weight: 400
  }
  footer .footer-wrapper.sp-none .menu-block ul.footer-menus .item-language ul li {
    background-color: #2b2b2b;
    float: left;
    margin-right: 1px
  }
  footer .footer-wrapper.sp-none .menu-block ul.footer-menus .item-language ul li .form-group, footer .footer-wrapper.sp-none .menu-block ul.footer-menus .item-language ul li form {
    height: 100%;
    margin: 0
  }
  footer .footer-wrapper.sp-none .menu-block ul.footer-menus .item-language ul li button[type=submit] {
    color: #fff;
    display: block;
    font-size: 1.2rem;
    height: 23px;
    line-height: 23px;
    text-align: center;
    width: 40px
  }
  footer .footer-wrapper.sp-none .menu-block ul.footer-menus .item-language ul li.current {
    background-color: #fff
  }
  footer .footer-wrapper.sp-none .menu-block ul.footer-menus .item-language ul li.current button[type=submit] {
    color: #2b2b2b
  }
  footer .footer-wrapper.sp-none .menu-block ul.footer-menus .item-language ul li:first-of-type {
    border-radius: 3px 0 0 3px
  }
  footer .footer-wrapper.sp-none .menu-block ul.footer-menus .item-language ul li:last-of-type {
    border-radius: 0 3px 3px 0;
    margin: 0
  }
  footer .footer-wrapper.sp-none .copyright-block {
    background-color: #2b2b2b;
    padding: 2rem 0
  }
  footer .footer-wrapper.sp-none .copyright-block p {
    color: #8d8d8d;
    font-size: 1rem
  }
}
.top-container .movie-section {
  margin-top: -4%;
  position: relative;
  width: 100%
}
.top-container .movie-section .movie-block {
  padding-top: 56.25%;
  position: relative;
  width: 100%
}
.top-container .movie-section .movie-block iframe {
  height: 100% !important;
  position: absolute;
  right: 0;
  top: 0;
  width: 100% !important
}
.top-container .movie-caption-link {
  border: 2px solid #fff;
  color: #fff;
  display: inline-block;
  font-size: 1.4rem;
  padding: 1rem 2rem;
  white-space: nowrap
}
.top-container .message-link-section {
  align-items: center;
  background: #000;
  display: flex;
  height: 8rem;
  justify-content: center;
  margin-top: -4%;
  position: relative
}
.top-container .top-section ul.top-slider {
  margin-bottom: 0
}
.top-container .top-section ul.top-slider li {
  position: relative
}
.top-container .top-section ul.top-slider li a {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}
.top-container .top-section .slick-arrow {
  bottom: 0;
  height: 40px;
  margin: auto;
  position: absolute;
  top: 0;
  width: 20px;
  z-index: 100
}
.top-container .top-section .slick-arrow:after {
  content: "";
  height: 20px;
  position: absolute;
  top: 10px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 20px
}
.top-container .top-section .slick-arrow.btn-prev {
  left: 15px
}
.top-container .top-section .slick-arrow.btn-prev:after {
  border-bottom: 1px solid hsla(0, 0%, 100%, .7);
  border-left: 1px solid hsla(0, 0%, 100%, .7);
  left: 3px
}
.top-container .top-section .slick-arrow.btn-next {
  right: 15px
}
.top-container .top-section .slick-arrow.btn-next:after {
  border-right: 1px solid hsla(0, 0%, 100%, .7);
  border-top: 1px solid hsla(0, 0%, 100%, .7);
  right: 3px
}
.top-container .service-section {
  background: #f2f2f2;
  padding-bottom: 5rem;
  position: relative;
  width: 100%;
  z-index: 1
}
.top-container .service-section h2.page-title {
  padding-bottom: 2rem
}
.top-container .service-section > ul.service-menu {
  *zoom: 1;
  border-left: 1px solid #9b806d;
  margin: 0 auto;
  max-width: 1000px;
  position: relative;
  width: 100%
}
.top-container .service-section > ul.service-menu > li {
  float: left;
  position: relative;
  width: 20%
}
.top-container .service-section > ul.service-menu > li div {
  display: table;
  position: relative;
  text-align: center
}
.top-container .service-section > ul.service-menu > li div p {
  border: 1px solid #000;
  border-radius: 100%;
  display: table-cell;
  vertical-align: middle
}
.top-container .service-section > ul.service-menu > li div p span {
  display: inline-block;
  white-space: nowrap
}
.top-container .service-section > ul.service-menu > li a {
  color: #fff;
  display: block;
  position: relative
}
.top-container .service-section > ul.service-menu > li a .product-image {
  display: block;
  margin-right: 50%;
  width: 50%
}
.top-container .service-section > ul.service-menu > li a h3 {
  align-items: center;
  bottom: 0;
  display: flex;
  justify-content: center;
  left: 55%;
  margin: auto;
  position: absolute;
  text-align: center;
  top: 0;
  width: 36%
}
.top-container .service-section > ul.service-menu > li a span {
  color: #9b806a;
  font-size: 1.6rem;
  line-height: 2rem
}
.top-container .service-section > ul.service-menu > li a .angle-right {
  bottom: 0;
  margin: auto;
  position: absolute;
  right: 1rem;
  top: 0;
  width: 1.3rem
}
.top-container .service-section > ul.service-menu > li ul {
  background: #9b806d;
  width: 100%
}
.top-container .service-section > ul.service-menu > li ul li a {
  color: #fff;
  padding: 5px 0
}
.top-container .service-section > ul.service-menu > li ul li a:hover {
  opacity: .8
}
.top-container .service-section > ul.service-menu > li ul > li:first-child a {
  padding-top: 10px
}
.top-container .service-section > ul.service-menu > li ul > li:last-child a {
  padding-bottom: 10px
}
.top-container .service-section > ul.service-menu > li > p {
  background: #fff;
  border: 1px solid #9b806d;
  color: #9b806d;
  cursor: pointer;
  font-size: 1.7rem;
  padding: 10px 10px 10px 0;
  position: relative
}
.top-container .service-section > ul.service-menu .init-bottom:after {
  border-bottom: 1px solid #9b806d;
  border-right: 1px solid #9b806d;
  content: "";
  display: inline-block;
  height: 6px;
  margin: -5px 0 0 15px;
  position: absolute;
  right: 10px;
  top: 50%;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 6px
}
.top-container .service-section > ul.service-menu:after, .top-container .service-section > ul.service-menu:before {
  content: " ";
  display: table
}
.top-container .service-section > ul.service-menu:after {
  clear: both
}
.top-container .service-section .see-catalog {
  margin-bottom: 4rem;
  text-align: center
}
.top-container .service-section .see-catalog a {
  background-color: #9b806a;
  color: #fff;
  display: inline-block;
  height: 4rem;
  padding: 0 8rem
}
.top-container .service-section .see-catalog a span {
  font-size: 1.4rem;
  letter-spacing: .1rem;
  line-height: 4rem
}
.top-container .product-section-wrapper {
  background-color: #fff;
  position: relative
}
.top-container .product-section h2.page-title {
  padding-bottom: 2rem
}
.top-container .product-section ul {
  margin-bottom: 4rem
}
.top-container .product-section ul li a {
  display: block;
  position: relative
}
.top-container .product-section ul li a .product-image {
  display: block;
  margin-right: 50%;
  width: 50%
}
.top-container .product-section ul li a h3 {
  align-items: center;
  bottom: 0;
  display: flex;
  justify-content: center;
  left: 55%;
  margin: auto;
  position: absolute;
  text-align: center;
  top: 0;
  width: 36%
}
.top-container .product-section ul li a h3 span {
  color: #9b806a;
  font-size: 1.6rem;
  line-height: 2rem
}
.top-container .product-section ul li a .angle-right {
  bottom: 0;
  margin: auto;
  position: absolute;
  right: 1rem;
  top: 0;
  width: 1.3rem
}
.top-container .product-section .see-catalog {
  text-align: center
}
.top-container .product-section .see-catalog a {
  background-color: #9b806a;
  color: #fff;
  display: inline-block;
  height: 4rem;
  padding: 0 8rem
}
.top-container .product-section .see-catalog a span {
  font-size: 1.4rem;
  letter-spacing: .1rem;
  line-height: 4rem
}
.top-container .column-section ul.column-excerpt-list-container li {
  border-bottom: 1px solid #fff
}
.top-container .column-section ul.column-excerpt-list-container li:last-of-type {
  border-bottom: none
}
.top-container .column-section .see-more {
  padding: 4rem 0
}
.top-container .news-section ul.news-excerpt-list-container li {
  border-bottom: 1px solid #f2f2f2
}
.top-container .news-section .see-more {
  padding: 4rem 0
}
.top-container .project-section .project-section-inner {
  padding-bottom: 2rem
}
.top-container .project-section .project-section-inner ul li {
  margin-bottom: 40px
}
.top-container .project-section .project-section-inner ul li:last-of-type {
  margin-bottom: 0
}
.top-container .project-section .project-section-inner ul li a {
  align-items: center;
  display: flex;
  text-align: center
}
.top-container .project-section .project-section-inner ul li a .img-block {
  width: 50%
}
.top-container .project-section .project-section-inner ul li a .img-block img {
  display: block;
  margin-bottom: 10px
}
.top-container .project-section .project-section-inner ul li a .content {
  margin-left: 2%;
  width: 48%
}
.top-container .project-section .project-section-inner ul li a .content h3 {
  display: none;
  font-size: 2rem;
  font-weight: 700;
  margin-bottom: 10px
}
.top-container .project-section .project-section-inner ul li a .content p {
  font-size: 1.6rem
}
.top-container .project-section .project-section-inner ul li a .content p br {
  display: none
}
.top-container .access-section {
  padding-top: 2rem
}
.top-container .access-section p {
  margin-bottom: 2rem;
  text-align: center
}
@media (min-width:600px) {
  .top-container .top-section {
    padding-bottom: 10px
  }
  .top-container .top-section .slick-arrow {
    background-color: #000;
    height: 40px;
    width: 35px
  }
  .top-container .top-section .slick-arrow:after {
    height: 20px;
    top: 10px;
    width: 20px
  }
  .top-container .top-section .slick-arrow.btn-prev {
    left: 0
  }
  .top-container .top-section .slick-arrow.btn-prev:after {
    border-bottom: 1px solid #fff;
    border-left: 1px solid #fff;
    left: 10px
  }
  .top-container .top-section .slick-arrow.btn-next {
    right: 0
  }
  .top-container .top-section .slick-arrow.btn-next:after {
    border-right: 1px solid #fff;
    border-top: 1px solid #fff;
    right: 10px
  }
}
@media (max-width:768px) {
  .top-container .service-section ul.service-menu > li {
    display: block
  }
  .top-container .service-section ul.service-menu > li ul {
    display: none
  }
  .top-container .service-section ul.service-menu > li ul li a {
    padding-left: 10px
  }
  .top-container .service-section ul.service-menu > li > p {
    border-bottom: none;
    padding: 10px
  }
  .top-container .service-section ul.service-menu > li:last-child {
    border-bottom: 1px solid #9b806d
  }
}
@media (min-width:769px) {
  .top-container .movie-section {
    margin-top: -7%
  }
  .top-container .movie-section .movie-caption {
    padding-top: 27%
  }
  .top-container .movie-section .movie-caption a {
    font-size: 2.4rem
  }
  .top-container .message-link-section {
    height: 10rem;
    margin-top: -7%
  }
  .top-container .service-section > ul.service-menu {
    margin: 3rem 0 6rem
  }
  .top-container .service-section > ul.service-menu > li {
    float: left;
    margin: 0 !important;
    text-align: center;
    width: 20% !important
  }
  .top-container .service-section > ul.service-menu > li > p, .top-container .service-section > ul.service-menu > li > ul a {
    font-size: 1.4rem
  }
  .top-container .service-section > ul.service-menu > li > p {
    border-left: none
  }
  .top-container .service-section > ul.service-menu > li ul {
    opacity: 0;
    position: absolute;
    top: 38px;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    visibility: hidden;
    z-index: 1
  }
  .top-container .service-section > ul.service-menu > li:hover {
    background: #072a24;
    -webkit-transition: all .5s;
    transition: all .5s
  }
  .top-container .service-section > ul.service-menu > li:hover ul {
    opacity: 1;
    top: 42px;
    visibility: visible
  }
  .top-container .service-section .see-catalog {
    margin-bottom: 6rem
  }
  .top-container .service-section .see-catalog a {
    padding: 0 12rem
  }
  .top-container .service-section .see-catalog a span {
    font-weight: 700
  }
  .top-container .product-section ul {
    margin: 3rem 0 6rem
  }
  .top-container .product-section ul li {
    float: left;
    margin: 0 !important;
    width: 33% !important
  }
  .top-container .product-section ul li a {
    display: block;
    margin: 0;
    position: static;
    width: 100%
  }
  .top-container .product-section ul li a .product-image {
    margin: 0;
    width: 100%
  }
  .top-container .product-section ul li a h3 {
    margin: 3rem 0 0;
    position: static;
    text-align: center;
    width: 100%
  }
  .top-container .product-section ul li a h3 span.sp-none {
    display: inline
  }
  .top-container .column-section .column-section-inner ul.column-excerpt-list-container li {
    background-color: #fff;
    border-bottom: none;
    padding: 0
  }
  .top-container .news-section ul.news-excerpt-list-container li {
    background-color: #f2f2f2;
    border-bottom: none
  }
  .top-container .project-section .project-section-inner ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
  }
  .top-container .project-section .project-section-inner ul li {
    width: 30%
  }
  .top-container .project-section .project-section-inner ul li a {
    align-items: start;
    display: block
  }
  .top-container .project-section .project-section-inner ul li a .content, .top-container .project-section .project-section-inner ul li a .img-block {
    margin: 0;
    width: 100%
  }
  .top-container .project-section .project-section-inner ul li a .content p br {
    display: block
  }
  .top-container .about-section {
    padding-bottom: 1rem
  }
  .top-container .about-section .about-section-inner ul {
    margin: 0;
    width: 100%
  }
  .top-container .about-section .about-section-inner ul li {
    float: left;
    height: 20rem;
    margin-bottom: 2rem;
    width: 30%
  }
  .top-container .about-section .about-section-inner ul li:nth-child(2), .top-container .about-section .about-section-inner ul li:nth-child(5) {
    margin: 0 5%
  }
  .top-container .access-section {
    padding: 6rem 0
  }
  .top-container .access-section p {
    margin-bottom: 1.5rem
  }
  .top-container .access-section p span.sp-none {
    display: inline;
    margin-right: 1rem
  }
  .top-container .access-section p:last-of-type {
    margin-bottom: 5rem
  }
}
.product-container .top-section, .product-detail-container .top-section {
  position: relative
}
.product-container .top-section .product-bg, .product-detail-container .top-section .product-bg {
  display: block
}
.product-container .top-section .product-bg.pc, .product-detail-container .top-section .product-bg.pc {
  display: none
}
.product-container .top-section h1, .product-container .top-section h2, .product-detail-container .top-section h1, .product-detail-container .top-section h2 {
  bottom: 7%;
  color: #9b806a;
  font-size: 3.5rem;
  font-weight: 100;
  left: 0;
  letter-spacing: .3rem;
  position: absolute;
  right: 0;
  text-align: center
}
.product-container .top-section h1 span, .product-container .top-section h2 span, .product-detail-container .top-section h1 span, .product-detail-container .top-section h2 span {
  color: #404040;
  display: block;
  font-size: 1.6rem;
  letter-spacing: 0
}
.product-container .banner-section, .product-detail-container .banner-section {
  margin: 0 3%;
  width: 94%
}
.product-container .banner-section .inner, .product-detail-container .banner-section .inner {
  background-color: hsla(0, 0%, 100%, .5);
  padding: 3rem 0;
  text-align: center
}
.product-container .banner-section .inner a, .product-detail-container .banner-section .inner a {
  background-color: hsla(0, 0%, 100%, .5);
  border: 1px solid rgba(0, 0, 0, .3);
  padding: 1rem
}
.product-container .banner-section .inner a:after, .product-detail-container .banner-section .inner a:after {
  content: ">";
  padding-left: 1rem
}
.product-container .custom-copack-section .inner img, .product-detail-container .custom-copack-section .inner img {
  width: 40%
}
.product-container .custom-copack-section .inner h2, .product-detail-container .custom-copack-section .inner h2 {
  font-size: 1.6rem;
  margin: 2rem 0;
  text-align: center
}
.product-container .ec-banner-section, .product-detail-container .ec-banner-section {
  margin: 0 3% 3rem
}
.product-container .ec-banner-section .inner img, .product-detail-container .ec-banner-section .inner img {
  width: 70%
}
.product-container .ec-banner-section .inner h2, .product-detail-container .ec-banner-section .inner h2 {
  font-size: 1.6rem;
  margin: 2rem 0;
  text-align: center
}
.product-container .third-section .inner img.banner-title, .product-detail-container .third-section .inner img.banner-title {
  margin: 0 3%;
  width: 94%
}
.product-container .third-section .inner img.banner-logo, .product-detail-container .third-section .inner img.banner-logo {
  margin: 2rem 37.5%;
  width: 25%
}
.product-container .display-banner-section, .product-detail-container .display-banner-section {
  position: relative
}
.product-container .display-banner-section a, .product-detail-container .display-banner-section a {
  background-color: hsla(0, 0%, 100%, .5);
  border: 1px solid rgba(0, 0, 0, .3);
  bottom: 20%;
  display: block;
  left: 0;
  line-height: 1;
  margin: 0 auto;
  padding: 1rem 2rem;
  position: absolute;
  right: 0;
  text-align: center;
  width: 200px
}
.product-container .display-banner-section a:after, .product-detail-container .display-banner-section a:after {
  content: ">";
  padding-left: 1rem
}
.product-container .display-banner-section a:lang(en), .product-detail-container .display-banner-section a:lang(en) {
  width: 240px
}
.product-container .projects-section .see-more, .product-detail-container .projects-section .see-more {
  padding-bottom: 2rem
}
.product-container .supply-section .inner, .product-detail-container .supply-section .inner {
  background-color: transparent
}
.product-container .supply-section img, .product-detail-container .supply-section img {
  display: block;
  margin: 0 auto 1.5rem;
  width: 50%
}
.product-container .supply-section h2, .product-detail-container .supply-section h2 {
  font-size: 1.6rem;
  margin: 0 auto 1.5rem;
  width: 90%
}
.product-container .column-section ul.column-excerpt-list-container li .list-item a.category-mark, .product-detail-container .column-section ul.column-excerpt-list-container li .list-item a.category-mark {
  display: none
}
.product-container .column-section .see-more, .product-detail-container .column-section .see-more {
  padding: 2rem 0 4rem
}
.product-container .caption-section h2 {
  font-size: 2rem;
  margin: 4rem 0;
  text-align: center
}
.product-container .caption-section p {
  margin-bottom: 2rem
}
.product-container .caption-section.mannequin:lang(zh) h2 {
  font-size: 1.8rem
}
.product-container .product-container ul.product-list {
  margin-bottom: 2rem
}
.product-detail-container .slider-section {
  margin: 3rem 10% 4rem;
  width: 80%
}
.product-detail-container .slider-section .slick-slider .slick-arrow {
  background: none;
  border: 0;
  bottom: 0;
  color: #fff;
  font-size: 6rem;
  font-weight: 700;
  margin: auto;
  padding: 0;
  position: absolute;
  top: 0;
  z-index: 1
}
.product-detail-container .slider-section .slick-slider .slick-arrow:focus {
  outline: none
}
.product-detail-container .slider-section .slick-slider .slick-prev.slick-arrow {
  left: 1rem
}
.product-detail-container .slider-section .slick-slider .slick-next.slick-arrow {
  right: 1rem
}
.product-detail-container .slider-section h2 {
  font-size: 2rem;
  margin: 4rem 0 2.5rem;
  text-align: center
}
.casestudy-section ul.column-excerpt-list-container.column-3 li .inner-link {
  animation: inherit;
  background-color: #9b806a;
  bottom: inherit;
  color: #fff;
  display: inline-block;
  margin-top: 1rem;
  padding: .1rem 2rem;
  position: relative;
  right: inherit;
  text-align: center;
  top: inherit
}
.casestudy-section ul.column-excerpt-list-container.column-3 li .inner-link span {
  font-size: 1.4rem;
  letter-spacing: .1rem;
  line-height: 3rem
}
.casestudy-section ul.column-excerpt-list-container.column-3 li .inner-link span:after {
  content: ">";
  padding-left: 1rem
}
.casestudy-section .additional-case-study {
  display: none
}
@media (min-width:769px) {
  .product-container .top-section .product-bg.sp, .product-detail-container .top-section .product-bg.sp {
    display: none
  }
  .product-container .top-section .product-bg.pc, .product-detail-container .top-section .product-bg.pc {
    display: block
  }
  .product-container .banner-section, .product-detail-container .banner-section {
    margin: 0 20%;
    width: 60%
  }
  .product-container .banner-section .inner, .product-detail-container .banner-section .inner {
    padding: 6rem 0
  }
  .product-container .banner-section .inner a, .product-detail-container .banner-section .inner a {
    background-color: rgba(0, 0, 0, .4);
    color: #fff
  }
  .product-container .ec-banner-section, .product-detail-container .ec-banner-section {
    margin: 0 20% 3rem
  }
  .product-container .custom-copack-section .inner img, .product-detail-container .custom-copack-section .inner img {
    width: 35%
  }
  .product-container .custom-copack-section .inner h2, .product-detail-container .custom-copack-section .inner h2 {
    font-size: 1.4rem
  }
  .product-container .third-section .inner img.banner-title, .product-detail-container .third-section .inner img.banner-title {
    margin: 0 10%;
    width: 80%
  }
  .product-container .third-section .inner img.banner-logo, .product-detail-container .third-section .inner img.banner-logo {
    margin: 2rem 40% 4rem;
    width: 20%
  }
  .product-container .display-banner-section a, .product-detail-container .display-banner-section a {
    background-color: rgba(0, 0, 0, .4);
    color: #fff
  }
  .product-container .supply-section h2, .product-container .supply-section img, .product-detail-container .supply-section h2, .product-detail-container .supply-section img {
    margin-bottom: 2rem
  }
  .product-container .column-section .see-more, .product-container .projects-section .see-more, .product-detail-container .column-section .see-more, .product-detail-container .projects-section .see-more {
    padding-top: 5rem
  }
  .product-container .partition-banners, .product-detail-container .partition-banners {
    padding-top: 3rem
  }
  .product-container section.caption-section {
    margin: 0 auto;
    width: 100%
  }
  
   .product-container section.caption-section p {
   line-height:25px;
  }
  
  
  .product-detail-container .slider-section {
    margin: 3rem 5% 4rem;
    width: 90%
  }
  .product-detail-container .slider-section .slider-section-inner .product-detail-slider-for {
    float: left;
    width: 50%
  }
  .product-detail-container .slider-section .slider-section-inner .product-detail-inner {
    float: left;
    margin: 0 3%;
    width: 44%
  }
  .product-detail-container .slider-section .slider-section-inner .product-detail-inner p {
    margin-bottom: 1rem
  }
  .product-detail-container .slider-section .product-detail-slider-nav {
    margin: 3rem 50% 0 0;
    width: 50%
  }
  .product-detail-container .slider-section .product-detail-slider-nav .slick-arrow {
    color: #000;
    font-size: 4rem
  }
  .product-detail-container .slider-section .product-detail-slider-nav .slick-prev.slick-arrow {
    left: -1.5rem
  }
  .product-detail-container .slider-section .product-detail-slider-nav .slick-next.slick-arrow {
    right: -1.5rem
  }
  .product-detail-container .slider-section .product-detail-slider-nav li {
    cursor: pointer;
    outline: none
  }
  .product-detail-container .slider-section .product-detail-slider-nav li img {
    margin: 0 5%;
    width: 90%
  }
  .product-detail-container .slider-section .product-detail-slider-nav li.slick-current img {
    border: 1px solid #888
  }
  .casestudy-section ul.column-excerpt-list-container.column-3 {
    display: flex;
    flex-wrap: wrap
  }
  .casestudy-section ul.column-excerpt-list-container.column-3 li {
    float: none;
    width: 33.3%
  }
  .casestudy-section ul.column-excerpt-list-container.column-3 li .inner .list-item h3 {
    height: auto;
    line-height: inherit;
    text-align: center
  }
  .casestudy-section ul.column-excerpt-list-container.column-3 li .inner .list-item h3 img {
    height: auto;
    max-width: 200px;
    width: inherit
  }
  .casestudy-section ul.column-excerpt-list-container.column-3 li .inner .list-item .excerpt-text p {
    height: auto
  }
  .casestudy-section ul.column-excerpt-list-container.column-3 li .inner-link {
    left: 50%;
    margin-left: -25%;
    margin-top: 0
  }
}
.brand-container .top-section ul.brand-slider li {
  position: relative
}
.brand-container .top-section ul.brand-slider li .content {
  background-color: rgba(79, 127, 172, .2);
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0
}
.brand-container .caption-section {
  text-align: center
}
.brand-container .caption-section h2 {
  font-size: 2rem;
  margin: 4rem 0 2rem
}
.brand-container .caption-section p {
  margin-bottom: 2rem
}
.third-container .top-section ul.brand-slider li .content img.original-collection {
  margin: 10rem 10% 0;
  width: 80%
}
.third-container .top-section ul.brand-slider li .content img.third {
  margin: 3rem 30%;
  width: 40%
}
.third-container .top-section ul.brand-slider li .content img.three-e {
  margin: 0 25%;
  width: 50%
}
.third-container .projects-section .see-more {
  padding-bottom: 2rem
}
.third-container .column-section .column-excerpt-list-container li:first-of-type {
  border-top: none
}
.third-container .column-section .column-excerpt-list-container li:last-of-type {
  border-bottom: none
}
.third-container .column-section .see-more {
  padding-top: 3rem
}
.third-modal-global {
  max-width: 375px
}
.third-modal-container {
  font-size: 1rem;
  text-align: left
}
.third-modal-container img {
  margin-bottom: 1rem
}
.third-modal-container ul.bisect h2 {
  text-align: center
}
.third-modal-container ul.bisect li {
  float: left;
  width: 50%
}
.third-modal-container ul.quarter li {
  float: left;
  width: 25%
}
.third-modal-container dl dt {
  float: left
}
.third-modal-container dl dt:after {
  content: ":";
  margin: 0 .3rem
}
.third-modal-container dl dd {
  overflow: hidden
}
.third-modal-container dl.base dt {
  margin-left: .3rem
}
.third-modal-container dl.base dd {
  float: left
}
.third-modal-container h2.base {
  margin-top: 1rem
}
.third-modal-container div.description {
  margin-top: 1.5rem
}
.third-modal-container div.content {
  margin: 0 33.3333%;
  width: 33.3333%
}
.third-modal-container div.center-align {
  text-align: center
}
.third-modal-container div.center-align dl {
  display: inline-block
}
.third-modal-container.torso-container .content {
  margin-top: 1rem
}
@media (min-width:769px) {
  .third-container .top-section ul.brand-slider li .content img.original-collection {
    margin: 10rem 10% 0;
    width: 80%
  }
  .third-container .top-section ul.brand-slider li .content img.third {
    margin: 3rem 40% 8rem;
    width: 20%
  }
  .third-container .top-section ul.brand-slider li .content img.three-e {
    margin: 0 39%;
    width: 22%
  }
  .third-container .column-section .see-more, .third-container .projects-section .see-more {
    padding-top: 5rem
  }
}
.project-display-container .top-section ul.brand-slider li .content img {
  bottom: 2rem;
  left: 2rem;
  position: absolute;
  width: 40%
}
.project-display-container .flow-section {
  background-color: #f2f2f2;
  padding: 2rem 0
}
.project-display-container .flow-section .flow-inner h2 {
  font-size: 1.6rem;
  line-height: 2rem;
  padding: 1rem 0;
  text-align: center
}
.project-display-container .flow-section .flow-inner h2 span {
  color: #b0b3b9;
  font-size: 1.4rem
}
.project-display-container .flow-section .flow-inner ul li {
  border-left: 1px solid #b4b7bd;
  position: relative
}
.project-display-container .flow-section .flow-inner ul li:after {
  bottom: 0;
  color: #535b68;
  content: "●";
  font-size: 1.2rem;
  height: 1.2rem;
  left: -.65rem;
  margin: auto;
  position: absolute;
  top: 0;
  width: 1.2rem
}
.project-display-container .flow-section .flow-inner ul li .flow-item {
  border-bottom: 1px solid #fff;
  margin-left: 4%;
  padding: 1rem 0;
  width: 96%
}
.project-display-container .flow-section .flow-inner ul li .flow-item h3 {
  font-size: 1.2rem;
  font-weight: 700
}
.project-display-container .flow-section .flow-inner ul li .flow-item p {
  font-size: 1.2rem
}
.project-display-container .flow-section .flow-inner ul li:last-of-type .flow-item {
  border-bottom: none
}
.project-display-container .column-section ul {
  margin-bottom: 20px
}
.project-display-container .project-slider {
  margin-bottom: 40px
}
.project-display-container .project-slider.pc-none {
  margin-left: auto;
  margin-right: auto;
  width: calc(100% - 60px)
}
.project-display-container .project-slider li {
  float: left;
  width: 100%
}
.project-display-container .project-slider .slick-slide {
  outline: none
}
.project-display-container .picture-filter {
  height: 100%;
  left: 0;
  opacity: 1;
  position: absolute;
  top: 0;
  -moz-transition: -moz-transform 1.8s cubic-bezier(.165, .84, .44, 1);
  -webkit-transition: -webkit-transform -.2s cubic-bezier(.165, .84, .44, 1);
  -o-transition: -o-transform 1.8s cubic-bezier(.165, .84, .44, 1);
  -ms-transition: -ms-transform 1.8s cubic-bezier(.165, .84, .44, 1);
  transition: transform 1.8s cubic-bezier(.165, .84, .44, 1);
  width: 100%;
  z-index: 1
}
.project-display-container .display-project-slider .slick-next, .project-display-container .display-project-slider .slick-prev {
  height: 30px;
  width: 30px
}
.project-display-container .display-project-slider .slick-next:before, .project-display-container .display-project-slider .slick-prev:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  cursor: pointer;
  display: block;
  height: 30px;
  width: 30px
}
.project-display-container .display-project-slider .slick-prev {
  left: -30px
}
.project-display-container .display-project-slider .slick-prev:before {
  background: url(../image/d1168253f0ca55afde7d.png) no-repeat 50% top;
  background-size: contain
}
.project-display-container .display-project-slider .slick-next {
  right: -30px
}
.project-display-container .display-project-slider .slick-next:before {
  background: url(../image/fa0aa6f4aee8a25d021e.png) no-repeat 50% top;
  background-size: contain
}
.project-display-container .hover_efc {
  display: inline-block;
  height: 160px;
  overflow: hidden;
  position: relative;
  width: 48.5%
}
.project-display-container .hover_efc p {
  background-color: transparent;
  border: 1px solid #fff;
  color: #fff;
  display: inline-block;
  font-size: 2rem;
  font-weight: 400;
  left: 50%;
  opacity: 1;
  position: absolute;
  text-align: center;
  top: 50%;
  -webkit-transform: perspective(0);
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  z-index: 2
}
.project-display-container .hover_efc:hover {
  opacity: 1
}
.project-display-container .hover_efc:hover p {
  background-color: #fff;
  border: 1px solid #fff;
  color: #033b5b
}
.project-display-container .hover_efc:hover:after {
  -moz-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2)
}
.project-display-container .hover_efc:after {
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  top: 0;
  -moz-transition: -moz-transform 1.8s cubic-bezier(.165, .84, .44, 1);
  -webkit-transition: -webkit-transform -.2s cubic-bezier(.165, .84, .44, 1);
  -o-transition: -o-transform 1.8s cubic-bezier(.165, .84, .44, 1);
  -ms-transition: -ms-transform 1.8s cubic-bezier(.165, .84, .44, 1);
  transition: transform 1.8s cubic-bezier(.165, .84, .44, 1);
  width: 100%
}
.project-display-container .product-section .hover_efc {
  height: 21vw;
  width: 32.2%
}
.project-display-container .allin-slider .allin-wrap1 .hover_efc {
  height: 50vw;
  min-height: 160px
}
.project-display-container .project-slider li .hover_efc:after {
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: cover
}
.project-display-container .project-slider li .img1:after {
  background-image: url(../image/cde44388a51855081752.jpg)
}
.project-display-container .project-slider li .img2:after {
  background-image: url(../image/6471f2e404988a7462e4.jpg)
}
.project-display-container .project-slider li .img3:after {
  background-image: url(../image/c50f5d65ee2c0913395e.jpg)
}
.project-display-container .project-slider li .img4:after {
  background-image: url(../image/5d792bea95cb2aaa8636.jpg)
}
.project-display-container .project-slider li .img5:after {
  background-image: url(../image/f0d525d74a889e38a95a.jpg)
}
.project-display-container .project-slider li .img6:after {
  background-image: url(../image/a6737369632aa5716e1f.jpg)
}
.project-display-container .project-slider li .img7:after {
  background-image: url(../image/38dcb10ee2ff69ef5080.jpg)
}
.project-display-container .project-slider li .img8:after {
  background-image: url(../image/4176ade72efdb295b023.jpg)
}
.project-display-container .project-slider li .img9:after {
  background-image: url(../image/15b71ee8bca8b2b5208a.jpg)
}
.project-display-container .project-slider li .img10:after {
  background-image: url(../image/7f089ba4d0ee9210ff3c.jpg)
}
.project-display-container .project-slider li .img11:after {
  background-image: url(../image/996c0eefc4e277620f3a.jpg)
}
.project-display-container .project-slider li .img12:after {
  background-image: url(../image/59f127c8c2ebcbdefcd3.jpg)
}
.project-display-container .project-slider li .img13:after {
  background-image: url(../image/b29b883045eaa771c432.jpg)
}
.project-display-container .project-slider li .img14:after {
  background-image: url(../image/cd4dbd4e7a99ea7cb35e.jpg)
}
.project-display-container .allin-section {
  margin: 0 3%;
  width: 94%
}
.project-display-container .allin-section .allin-slider {
  margin: 30px 0 0;
  overflow: hidden
}
.project-display-container .allin-section .allin-slider .hover_efc:after {
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: cover
}
.project-display-container .allin-section .allin-slider .allin-wrap1 .allin-box1 .img1:after {
  background-image: url(../image/0d481b165e96ee938154.jpg)
}
.project-display-container .allin-section .allin-slider .allin-wrap1 .allin-box1 .img2:after {
  background-image: url(../image/d5b9dce7cf0d6dc43c08.jpg)
}
.project-display-container .allin-section .allin-slider .allin-wrap2 .allin-box1 .img1:after {
  background-image: url(../image/6f50130a00435d860cc9.jpg)
}
.project-display-container .allin-section .allin-slider .allin-wrap2 .allin-box1 .img2:after {
  background-image: url(../image/84fb2fceca3d1ca2febb.jpg)
}
.project-display-container .allin-section .allin-slider .allin-wrap2 .allin-box1 .img3:after {
  background-image: url(../image/b69534a8f38b60d6b1f1.jpg)
}
.project-display-container .allin-section .allin-slider .allin-wrap2 .allin-box1 .img4:after {
  background-image: url(../image/f6d4399bbff9cd55ca3a.jpg)
}
.project-display-container .allin-section .allin-slider .allin-wrap2 .allin-box2 .img1:after {
  background-image: url(../image/59b25035d5c8e34c13a0.jpg)
}
.project-display-container .allin-section .allin-slider .allin-wrap2 .allin-box2 .img2:after {
  background-image: url(../image/c7eefdd27b4ba472171d.jpg)
}
.project-display-container .allin-section .allin-slider .allin-wrap3 .allin-box1 .img1:after {
  background-image: url(../image/432b14b62fda2f4722b2.jpg)
}
.project-display-container .allin-section .allin-slider .allin-wrap3 .allin-box1 .img2:after {
  background-image: url(../image/9d46822a070c958022e7.jpg)
}
.project-display-container .allin-section .allin-slider .allin-wrap3 .allin-box2 .img1:after {
  background-image: url(../image/2f74ae96a6fc35d89d22.jpg)
}
.project-display-container .allin-section .allin-slider .allin-wrap3 .allin-box2 .img2:after {
  background-image: url(../image/8ead1ba92d3aebadbf92.jpg)
}
.project-display-container .allin-section .allin-slider .allin-wrap4 .allin-box1 .img1:after {
  background-image: url(../image/ef5e0554e9ade33b7f81.jpg)
}
.project-display-container .allin-section .allin-slider .allin-wrap4 .allin-box1 .img2:after {
  background-image: url(../image/fc766d91a647716cc2c4.jpg)
}
.project-display-container .allin-section .allin-slider .allin-wrap4 .allin-box2 .img1:after {
  background-image: url(../image/d597e2b569ecc1f3c8b6.jpg)
}
.project-display-container .allin-section .allin-slider .allin-wrap4 .allin-box2 .img2:after {
  background-image: url(../image/d147407ddd9cbfb02d65.jpg)
}
.project-display-container .allin-section .allin-wrap > * {
  margin-bottom: 30px
}
.project-display-container .allin-section .allin-wrap > * > p {
  margin-top: 50px;
  text-align: center
}
.project-display-container .allin-section .allin-wrap.col1 > * {
  width: 100%
}
.project-display-container .allin-section .allin-wrap.col2 > * {
  width: calc(50% - 5px)
}
.project-display-container .allin-section .allin-wrap.col2 > :first-child {
  float: left
}
.project-display-container .allin-section .allin-wrap.col2 > :last-child {
  float: right
}
.project-display-container .allin-section .allin-box-in > button {
  display: none;
  z-index: -2
}
.project-display-container .allin-section .allin-box-in > .slick-dots {
  bottom: -40px
}
@media (max-width:768px) {
  .brand-container .caption-section h2 {
    font-size: 1.8rem
  }
  .brand-container .caption-section p {
    text-align: left
  }
}
@media (min-width:769px) {
  .project-display-container .flow-section {
    padding: 4rem 0
  }
  .project-display-container .flow-section .flow-inner ul {
    margin-top: 4rem
  }
  .project-display-container .flow-section .flow-inner ul li {
    border-left: none;
    border-top: 1px solid #b4b7bd;
    float: left;
    width: 25%
  }
  .project-display-container .flow-section .flow-inner ul li:after {
    bottom: auto;
    left: 0;
    right: 0;
    top: -1rem
  }
  .project-display-container .flow-section .flow-inner ul li .flow-item {
    border-bottom: none;
    border-right: 1px solid #fff;
    box-sizing: border-box;
    height: 15rem;
    margin: 4rem 0 0;
    padding: 0 2%;
    width: 96%
  }
  .project-display-container .flow-section .flow-inner ul li .flow-item h3 {
    margin-bottom: 1rem
  }
  .project-display-container .flow-section .flow-inner ul li:last-of-type .flow-item {
    border-right: none
  }
  .project-display-container .allin-section {
    margin: 0;
    width: 100%
  }
  .project-display-container .allin-section .allin-wrap1 .hover_efc {
    height: 490px
  }
  .project-display-container .hover_efc {
    height: 290px;
    width: 33%
  }
  .project-display-container .product-section .hover_efc {
    height: 230px
  }
  .project-display-container .display-project-slider .slick-prev {
    left: -40px
  }
  .project-display-container .display-project-slider .slick-next {
    right: -40px
  }
  .project-display-container [dir=rtl] .display-project-slider .slick-prev {
    right: 40px
  }
  .project-display-container [dir=rtl] .display-project-slider .slick-next {
    left: -40px
  }
}
.about-title {
  font-size: 2rem;
  padding: 2rem 0;
  text-align: center
}
.about-title span.border {
  border-bottom: 2px solid #f2f2f2;
  display: block;
  margin: 0 35%;
  width: 30%
}
.about-title span:last-of-type {
  font-size: 1.6rem;
  font-weight: 700
}
.about-image {
  position: relative
}
.about-image img {
  display: block
}
.about-image .image-filter {
  background-color: rgba(79, 127, 172, .2);
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}
.concept-container section {
  padding: 2rem 0;
  text-align: center
}
.concept-container section .movie-block {
  margin-bottom: 6rem;
  padding-top: 56.25%;
  position: relative;
  width: 100%
}
.concept-container section .movie-block iframe {
  height: 100% !important;
  position: absolute;
  right: 0;
  top: 0;
  width: 100% !important
}
.concept-container section h2 {
  font-size: 2rem;
  padding-bottom: 2rem
}
.concept-container section p {
  line-height: 2.6rem
}
.about-us-container dl {
  padding: 3rem 0
}
.about-us-container dl dt {
  font-weight: 700;
  text-align: center
}
.about-us-container dl dd {
  margin-bottom: 2rem
}
.about-us-container dl dd ul {
  word-break: break-all
}
.about-us-container dl dd ul.locations li {
  margin-bottom: 2rem
}
.about-us-container dl dd ul.locations a {
  color: blue
}
.history-container dl {
  text-align: center
}
.history-container dl dt {
  font-weight: 700;
  padding-top: 1rem
}
.history-container dl dd {
  border-bottom: 1px solid #f2f2f2;
  padding-bottom: 1rem
}
.access-container section {
  padding: 2rem 0
}
.access-container section h3 {
  font-size: 1.6rem;
  font-weight: 700;
  margin-bottom: 1rem;
  text-align: center
}
.access-container section.location p {
  text-align: center
}
.access-container .see-more {
  padding-top: 3rem
}
@media (min-width:769px) {
  .about-title {
    padding: 4rem 0
  }
  .about-us-container div.about-inner {
    margin: 5%;
    width: 90%
  }
  .about-us-container .about-image {
    padding-top: 
  }
  .about-us-container .about-image img {
    margin: 0 auto;
    width: 100%
  }
  .concept-container section p {
    line-height: 3.2rem
  }
  .about-us-container dl {
    margin: 0 3%;
    padding: 3rem 0;
    width: 94%
  }
  .about-us-container dl dt {
    float: left;
    text-align: left;
    width: 30%
  }
  .about-us-container dl dd {
    float: left;
    text-align: left;
    width: 70%
  }
  .about-us-container dl dd span.sp-none {
    display: inline;
    margin-right: 1rem
  }
  .history-container dl {
    display: flex;
    flex-wrap: wrap
  }
  .history-container dl dt {
    border-bottom: 1px solid #f2f2f2;
    padding: 1rem 0;
    text-align: left;
    width: 25%
  }
  .history-container dl dd {
    padding: 1rem 0;
    text-align: left;
    width: 75%
  }
  .history-container dl dd span.sp-none {
    display: inline;
    margin-right: 1rem
  }
  .access-container {
    padding-bottom: 4rem
  }
  .access-container .about-inner {
    margin: 3rem 5%
  }
  .access-container .about-inner section {
    float: left;
    padding: 0;
    width: 50%
  }
  .access-container .about-inner section h3, .access-container .about-inner section p {
    text-align: left
  }
  .access-container .see-more {
    padding: 0
  }
}
.contact-button-style, .contact-confirmation-container .contact-confirmation-inner form .contact-back-wrapper a, .contact-confirmation-container .contact-confirmation-inner form .submit-wrapper button, .contact-finish-container .contact-finish-inner a {
  border: 1px solid;
  display: inline-block;
  padding: 1rem 0;
  width: 20rem
}
.contact-container .contact-inner .banner-wrapper {
  margin-bottom: 4rem
}
.contact-container .contact-inner p {
  margin: 0
}
.contact-container .contact-inner p.contact-description {
  margin-bottom: 4rem
}
.contact-container .contact-inner .tel-block {
  padding-top: 2rem;
  text-align: center
}
.contact-container .contact-inner .tel-block p {
  margin-bottom: 0
}
.contact-container .contact-inner .tel-block p a {
  color: #9b806a;
  font-size: 2rem;
  font-weight: 700
}
.contact-container form label {
  font-weight: 500
}
.contact-container form small {
  color: #999;
  font-size: 1.2rem;
  padding-left: 1rem
}
.contact-container form small:lang(en) {
  display: none
}
.contact-container form strong {
  color: red;
  font-size: 1.2rem;
  padding-left: 1rem
}
.contact-container form .input-privacy-wrapper {
  text-align: center
}
.contact-container form .input-privacy-wrapper p {
  margin: 4rem 0 2rem
}
.contact-container form .input-privacy-wrapper a {
  border-bottom: 1px solid #404040
}
.contact-container form .input-privacy-wrapper .form-check {
  background-color: #f2f2f2;
  padding: 2rem 0
}
.contact-container form .input-privacy-wrapper .form-check label {
  margin-bottom: 0
}
.contact-container form .input-privacy-wrapper .form-check input {
  margin-right: 1rem
}
.contact-container form .input-privacy-wrapper .form-check #privacy_field {
  margin-bottom: 0
}
.contact-container form .submit-wrapper {
  text-align: center
}
.contact-container form .submit-wrapper button {
  background-color: #404040;
  color: #fff;
  letter-spacing: .2rem;
  margin-top: 4rem;
  padding: .8rem 4rem
}
.contact-container form .error-message {
  color: red;
  display: block;
  margin-bottom: .5rem
}
.contact-container form .email-address div.form-group:first-of-type {
  margin-bottom: 1rem
}
.contact-container.distributor h2 {
  font-size: 2rem;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 2rem
}
.contact-container.distributor .distributor-caption {
  background-color: #f2f2f2;
  margin-bottom: 4rem;
  overflow: hidden
}
.contact-container.distributor .distributor-caption .image-block {
  margin-top: -4rem
}
.contact-container.distributor .distributor-caption .image-block img {
  display: block
}
.contact-container.distributor .distributor-caption .caption-inner {
  padding: 2rem
}
.contact-container.distributor .requirements {
  margin-bottom: 6rem
}
.contact-container.distributor .requirements ul {
  padding-top: 2rem
}
.contact-container.distributor .with-optional-input {
  margin-bottom: 0
}
.contact-container.distributor .with-optional-input .radio:first-child {
  margin-top: 0
}
.contact-container.distributor .with-optional-input .radio:last-child {
  margin-bottom: 0
}
.contact-container .contact-partition-link {
  border-bottom: 1px solid #404040;
  color: #404040;
  font-size: 1.4rem
}
.contact-confirmation-container .contact-confirmation-inner .caption {
  margin: 0 5% 4rem;
  width: 90%
}
.contact-confirmation-container .contact-confirmation-inner .caption h3 {
  font-size: 2rem;
  margin: 0 0 2rem;
  text-align: center
}
.contact-confirmation-container .contact-confirmation-inner ul li > span {
  display: block
}
.contact-confirmation-container .contact-confirmation-inner ul li > span:first-of-type {
  margin-bottom: .5rem
}
.contact-confirmation-container .contact-confirmation-inner ul li > span:first-of-type small {
  color: #999;
  font-size: 1.2rem;
  padding-left: 1rem
}
.contact-confirmation-container .contact-confirmation-inner ul li > span:first-of-type strong {
  color: red;
  font-size: 1.2rem;
  padding-left: 1rem
}
.contact-confirmation-container .contact-confirmation-inner ul li > span:last-of-type {
  border-bottom: 1px solid #f2f2f2;
  margin-bottom: 1.5rem;
  padding: 0 1rem .5rem
}
.contact-confirmation-container .contact-confirmation-inner form .contact-back-wrapper {
  margin: 3rem 0;
  text-align: center
}
.contact-confirmation-container .contact-confirmation-inner form .submit-wrapper {
  text-align: center
}
.contact-confirmation-container .contact-confirmation-inner form .submit-wrapper button {
  background-color: #404040;
  color: #fff
}
.contact-finish-container .contact-finish-inner {
  text-align: center
}
.contact-finish-container .contact-finish-inner h3 {
  font-size: 2rem;
  font-weight: 500;
  margin: 0 0 2rem
}
.contact-finish-container .contact-finish-inner p {
  margin-bottom: 4rem
}
.contact-finish-container .contact-finish-inner a span:before {
  content: "<";
  padding-right: 1rem
}
@media (min-width:769px) {
  .contact-button-style, .contact-confirmation-container .contact-confirmation-inner form .contact-back-wrapper a, .contact-confirmation-container .contact-confirmation-inner form .submit-wrapper button, .contact-finish-container .contact-finish-inner a {
    width: 23rem
  }
  .contact-container div.contact-inner {
    margin: 0;
    width: 100%
  }
  .contact-container div.contact-inner .banner-wrapper {
    margin: 0 auto 8rem;
    width: 70%
  }
  .contact-container div.contact-inner p.contact-description {
    text-align: center
  }
  .contact-container div.contact-inner form .form-inner {
    margin-bottom: 3rem
  }
  .contact-container div.contact-inner form .form-inner .form-first, .contact-container div.contact-inner form .form-inner .form-last {
    float: left;
    width: 47%
  }
  .contact-container div.contact-inner form .form-inner .form-first {
    margin-right: 3%
  }
  .contact-container div.contact-inner form .form-inner .form-last {
    margin-left: 3%
  }
  .contact-container div.contact-inner form .form-inner .form-last textarea {
    height: 50rem
  }
  .contact-container div.contact-inner form .input-privacy-wrapper .form-check {
    padding: 0
  }
  .contact-container div.contact-inner form .submit-wrapper span.sp-none:after {
    content: ">";
    padding-left: 1rem
  }
  .contact-container.distributor .distributor-caption {
    align-items: center;
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between
  }
  .contact-container.distributor .distributor-caption .image-block {
    margin: 0;
    width: 27%
  }
  .contact-container.distributor .distributor-caption .caption-inner {
    padding: 0 2rem;
    width: 73%
  }
  .contact-container.distributor div.contact-inner form .form-inner .form-last textarea {
    height: 11rem
  }
  .contact-confirmation-container .contact-confirmation-inner .caption h3 {
    margin-top: 0
  }
  .contact-confirmation-container .contact-confirmation-inner .caption p {
    text-align: center
  }
  .contact-confirmation-container .contact-confirmation-inner ul li {
    border-bottom: 1px solid #f2f2f2;
    margin-bottom: 1.5rem;
    padding-bottom: 1.5rem
  }
  .contact-confirmation-container .contact-confirmation-inner ul li > span {
    border-bottom: none !important;
    float: left;
    margin: 0 !important;
    padding: 0 !important
  }
  .contact-confirmation-container .contact-confirmation-inner ul li > span:first-of-type {
    width: 30%
  }
  .contact-confirmation-container .contact-confirmation-inner ul li > span:first-of-type small, .contact-confirmation-container .contact-confirmation-inner ul li > span:first-of-type strong {
    display: none
  }
  .contact-confirmation-container .contact-confirmation-inner ul li > span:last-of-type {
    width: 70%
  }
  .contact-confirmation-container .contact-confirmation-inner form {
    margin: 7rem 20% 0;
    width: 60%
  }
  .contact-confirmation-container .contact-confirmation-inner form .contact-back-wrapper {
    float: left;
    margin: 0;
    width: 50%
  }
  .contact-confirmation-container .contact-confirmation-inner form .contact-back-wrapper span:before {
    content: "<";
    padding-right: 1rem
  }
  .contact-confirmation-container .contact-confirmation-inner form .submit-wrapper {
    float: left;
    margin: 0;
    width: 50%
  }
  .contact-confirmation-container .contact-confirmation-inner form .submit-wrapper span:after {
    content: ">";
    padding-left: 1rem
  }
  .contact-finish-container .contact-finish-inner h3 {
    margin: 0 0 2rem
  }
}
.catalog-container ul.product-list {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap
}
.catalog-container ul.product-list li {
  float: none
}
.catalog-container ul.product-list li img {
  display: block;
  margin: 0 auto 10px;
  max-width: 330px;
  width: 80%
}
.catalog-container ul.product-list li h3 {
  height: inherit
}
.catalog-container ul.product-list li a {
  background: #9b806a;
  color: #fff;
  display: block;
  font-size: 80%;
  margin: 10px auto 0;
  padding: 5px 0;
  position: relative;
  text-align: center;
  width: 80%
}
.catalog-container ul.product-list li a:after {
  background-size: contain;
  content: "";
  height: 16px;
  margin-top: -8px;
  position: absolute;
  right: 10px;
  top: 50%;
  width: 16px
}
.catalog-container ul.product-list li a.btn_webview:after {
  background: url(../image/d5a864e92f3a7982ee9d.png) no-repeat;
  background-size: contain
}
@media (min-width:769px) {
  .catalog-container .page-title {
    padding: 0 0 4rem
  }
  .catalog-container {
    margin: 0 auto;
    width: 1000px
  }
  .catalog-container ul.product-list li {
    margin: 0 5% 4rem 0;
    width: 30%
  }
  .catalog-container ul.product-list li:nth-child(3n) {
    margin-right: 0
  }
}
@media (max-width:768px) {
  .catalog-container .page-title {
    padding: 2rem 0 4rem
  }
  .catalog-container ul.product-list li {
    margin: 0 3% 4rem;
    width: 44%
  }
  .catalog-container ul.product-list li a {
    width: 100%
  }
}
.gallery-container section {
  padding: 2rem 0
}
.gallery-container section h1 {
  font-weight: 700;
  padding-bottom: 2rem;
  text-align: center
}
.gallery-container section h1 img {
  display: block;
  margin: 0 auto;
  padding-bottom: 4rem;
  width: 56%
}
.gallery-container section h1 em {
  display: block;
  font-size: 2rem;
  font-style: normal;
  padding-bottom: 1rem
}
.gallery-container section h1 span {
  display: block;
  font-size: 1.8rem
}
.gallery-container section p {
  line-height: 2;
  padding-bottom: 1.5rem;
  text-align: center
}
.gallery-container section ul {
  list-style-type: disc;
  padding: 0 0 2rem 2.5rem
}
@media (min-width:769px) {
  .gallery-container section h1 img {
    margin: 0 auto;
    width: 24%
  }
  .gallery-container section h1 em, .gallery-container section h1 span {
    padding-bottom: 2rem
  }
  .gallery-container section ul {
    margin-left: 30%;
    padding-left: 6.5rem
  }
}
.language-modal-global {
  border-radius: 10px;
  margin: 0 auto;
  max-width: none;
  padding: 30px 0;
  position: relative;
  text-align: left;
  width: 90%
}
.language-modal-container {
  margin: 0 5%;
  width: 90%
}
.language-modal-container strong {
  display: block;
  font-size: 1.5rem;
  line-height: 25px;
  padding: 0 0 5px 30px;
  position: relative
}
.language-modal-container strong img {
  height: 25px;
  left: 0;
  position: absolute;
  top: 0;
  width: auto
}
.language-modal-container small {
  border-bottom: 1px solid #f4f4f4;
  display: block;
  font-size: 1.2rem;
  font-weight: 700;
  margin-bottom: 20px;
  padding-bottom: 20px
}
.language-modal-container ul li {
  background-color: #f4f4f4;
  border-radius: 5px;
  box-shadow: 0 2px 1px 0 rgba(0, 0, 0, .2);
  margin-bottom: 20px
}
.language-modal-container ul li:last-of-type {
  margin-bottom: 0
}
.language-modal-container ul li .form-group {
  display: block;
  margin: 0;
  vertical-align: top
}
.language-modal-container ul li .form-group button[type=submit] {
  display: block;
  font-weight: 700;
  height: 50px;
  line-height: 50px;
  text-align: center;
  width: 100%
}
.language-modal-container ul li .form-group button[type=submit] span {
  display: inline-block;
  font-weight: 400;
  padding-left: 2rem
}
.language-modal-container ul li a {
  display: block;
  font-weight: 700;
  height: 50px;
  line-height: 50px;
  text-align: center
}
.language-modal-container ul li a span {
  display: inline-block;
  font-weight: 400;
  padding-left: 2rem
}
.language-modal-container .language-modal-close {
  display: block;
  height: 20px;
  position: absolute;
  right: 2%;
  top: 2%;
  width: 20px
}
.language-modal-container .language-modal-close img {
  display: block;
  width: 100%
}
@media (min-width:769px) {
  .language-modal-global {
    margin: 0 auto;
    padding: 60px 0;
    width: 700px
  }
  .language-modal-container {
    margin: 0 10%;
    width: 80%
  }
  .language-modal-container strong {
    font-size: 3rem;
    line-height: 45px;
    padding: 0 0 30px 60px
  }
  .language-modal-container strong img {
    height: 45px
  }
  .language-modal-container small {
    font-size: 1.8rem;
    margin-bottom: 40px;
    padding-bottom: 40px
  }
  .language-modal-container ul {
    display: flex;
    justify-content: space-between
  }
  .language-modal-container ul li {
    margin: 0;
    width: 27%
  }
  .language-modal-container ul li .form-group {
    width: 100%
  }
  .language-modal-container ul li .form-group button[type=submit] {
    height: 70px;
    line-height: 25px;
    padding-top: 5px
  }
  .language-modal-container ul li .form-group button[type=submit] span {
    display: block;
    padding: 0
  }
  .language-modal-container ul li a {
    height: 70px;
    line-height: 25px;
    padding-top: 10px
  }
  .language-modal-container ul li a span {
    display: block;
    padding: 0
  }
  .language-modal-container .language-modal-close {
    height: 25px;
    width: 25px
  }
}
.ecopack-global footer {
  margin: 0
}
.ecopack-container .common-section {
  padding: 50px 0
}
.ecopack-container .common-section .section-inner {
  margin: 0 3%;
  width: 94%
}
.ecopack-container .common-section p {
  line-height: 1.7
}
.ecopack-container .common-section .caption {
  margin: 0 auto;
  padding-bottom: 20px
}
.ecopack-container .common-section .sub-caption {
  display: block;
  font-size: 1.3rem;
  font-weight: 400;
  letter-spacing: 10px;
  line-height: 1.7;
  padding-bottom: 20px;
  text-align: center
}
.ecopack-container .common-section .common-list {
  padding-top: 40px
}
.ecopack-container .common-section .common-list li {
  padding-bottom: 40px
}
.ecopack-container .common-section .common-list li.coming-soon {
  pointer-events: none
}
.ecopack-container .common-section .common-list li.coming-soon .see-more {
  opacity: .5
}
.ecopack-container .common-section .common-list li img {
  display: block;
  margin: 0 auto 20px;
  width: 48%
}
.ecopack-container .common-section .common-list li p {
  padding-bottom: 20px
}
.ecopack-container .common-section .common-list li .item-title {
  display: block;
  font-size: 17.5px;
  font-weight: 700;
  padding-bottom: 20px;
  text-align: center
}
.ecopack-container .common-section .common-list li:last-of-type {
  padding: 0
}
.ecopack-container .top-section {
  padding: 25px 0 50px
}
.ecopack-container .top-section .caption {
  width: 52%
}
.ecopack-container .top-section .caption img {
  display: block;
  width: 100%
}
.ecopack-container .top-section em {
  color: #9b806a;
  display: block;
  font-size: 1.3rem;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 2.5px;
  padding-bottom: 30px;
  text-align: center
}
.ecopack-container .top-section .youtube-block {
  margin-bottom: 30px
}
.ecopack-container .top-section p {
  font-size: 1.3rem;
  letter-spacing: 1.2px
}
.ecopack-container .top-section .see-more a span:after {
  content: "↓"
}
.ecopack-container .column-section .caption {
  width: 49%
}
.ecopack-container .column-section ul.column-excerpt-list-container {
  background-color: #fff;
  padding-bottom: 25px
}
.ecopack-container .column-section ul.column-excerpt-list-container li {
  border-color: #fff
}
.ecopack-container .product-section .caption {
  width: 66%
}
.ecopack-container .product-section .sub-caption {
  padding-bottom: 0
}
.ecopack-container .service-section .caption {
  width: 58%
}
.ecopack-container .service-section h3 {
  font-size: 1.5rem;
  font-weight: 700;
  letter-spacing: 3px;
  line-height: 1.2;
  padding-bottom: 25px;
  text-align: center
}
.ecopack-container .service-section .common-list li p {
  padding-bottom: 30px
}
.ecopack-container.coming-soon b {
  display: block;
  font-size: 4rem;
  line-height: 1.7;
  text-align: center
}
@media (min-width:769px) {
  .ecopack-container .common-section {
    padding: 80px 0
  }
  .ecopack-container .common-section .section-inner {
    margin: 0 auto;
    width: 1000px
  }
  .ecopack-container .common-section p {
    line-height: 2
  }
  .ecopack-container .common-section .caption {
    line-height: 1;
    padding-bottom: 40px
  }
  .ecopack-container .common-section .sub-caption {
    font-size: 1.8rem;
    letter-spacing: 14px;
    line-height: 1
  }
  .ecopack-container .common-section .sub-caption br {
    display: none
  }
  .ecopack-container .common-section .common-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
  }
  .ecopack-container .common-section .common-list li {
    padding: 0
  }
  .ecopack-container .common-section .common-list li img {
    margin-bottom: 45px;
    width: 85%
  }
  .ecopack-container .common-section .common-list li p {
    font-size: 1.6rem;
    letter-spacing: 1.6px
  }
  .ecopack-container .common-section .common-list li h2 {
    padding-bottom: 42px
  }
  .ecopack-container .common-section .common-list li h2 img {
    margin: 0 auto
  }
  .ecopack-container .common-section .common-list li .item-title {
    font-size: 2rem;
    font-weight: 400
  }
  .ecopack-container .top-section {
    padding-top: 40px
  }
  .ecopack-container .top-section .caption {
    width: 270px
  }
  .ecopack-container .top-section em {
    font-size: 1.8rem;
    letter-spacing: 3px;
    padding-bottom: 40px
  }
  .ecopack-container .top-section .youtube-block {
    margin-bottom: 60px
  }
  .ecopack-container .top-section p {
    font-size: 1.6rem;
    letter-spacing: 1.6px
  }
  .ecopack-container .top-section .common-list li {
    width: 30%
  }
  .ecopack-container .top-section .common-list li p {
    min-height: 150px
  }
  .ecopack-container .top-section .common-list li.item-column h2 img {
    width: 59.3%
  }
  .ecopack-container .top-section .common-list li.item-product h2 img {
    width: 76.6%
  }
  .ecopack-container .top-section .common-list li.item-service h2 img {
    width: 64.3%
  }
  .ecopack-container .column-section .caption {
    width: 271px
  }
  .ecopack-container .column-section .sub-caption {
    padding-bottom: 50px
  }
  .ecopack-container .product-section .caption {
    width: 354px
  }
  .ecopack-container .product-section .common-list {
    padding-top: 60px
  }
  .ecopack-container .product-section .common-list li {
    width: 22%
  }
  .ecopack-container .product-section .common-list li img {
    margin-bottom: 35px
  }
  .ecopack-container .product-section .common-list li .see-more {
    text-align: center;
    width: 100%
  }
  .ecopack-container .product-section .common-list li .see-more a {
    padding: 0;
    width: 100%
  }
  .ecopack-container .service-section .caption {
    width: 295px
  }
  .ecopack-container .service-section .sub-caption {
    padding-bottom: 45px
  }
  .ecopack-container .service-section h3 {
    font-size: 2.3rem;
    letter-spacing: 4.6px;
    padding-bottom: 45px
  }
  .ecopack-container .service-section .common-list {
    padding-top: 60px
  }
  .ecopack-container .service-section .common-list li {
    width: 30%
  }
  .ecopack-container .service-section .common-list li p {
    min-height: 160px
  }
}
.reuse-container .common-section {
  padding: 25px 0
}
.reuse-container .common-section .section-inner {
  margin: 0 3%;
  width: 94%
}
.reuse-container .common-section dl, .reuse-container .common-section p {
  font-size: 1.3rem;
  line-height: 1.7
}
.reuse-container .common-section .caption img {
  display: block;
  margin: 0 auto
}
.reuse-container .top-section {
  padding-top: 20px
}
.reuse-container .top-section h1 {
  font-size: 1.5rem;
  letter-spacing: 4px;
  padding-bottom: 25px;
  text-align: center
}
.reuse-container .top-section h1 b {
  color: #9b806a;
  display: block;
  font-size: 1.35rem;
  font-weight: 700;
  letter-spacing: 2.5px;
  padding-top: 10px
}
.reuse-container .top-section .content .apng-block {
  border: 1px solid #9b806a;
  margin-bottom: 20px
}
.reuse-container .top-section .content.ecohanger .apng-block {
  border: none
}
.reuse-container .top-section .content.ecohanger .apng-block img {
  border: 1px solid #9b806a
}
.reuse-container .top-section strong {
  display: block;
  font-size: 1.5rem;
  font-weight: 400;
  letter-spacing: 4px;
  padding: 35px 0 25px;
  text-align: center
}
.reuse-container .top-section strong span {
  display: inline-block
}
.reuse-container .top-section strong small {
  display: block;
  margin-top: 1rem
}
.reuse-container .top-section .youtube-wrapper {
  padding-top: 25px
}
.reuse-container .product-section {
  padding-bottom: 0
}
.reuse-container .product-section h2 {
  padding-bottom: 35px
}
.reuse-container .product-section h2 img {
  width: 58.3%
}
.reuse-container .product-section ul.ec-product-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between
}
.reuse-container .product-section ul.ec-product-list > li {
  overflow: hidden;
  padding-bottom: 30px;
  width: 45%
}
.reuse-container .product-section ul.ec-product-list > li .ec-product-slider {
  -webkit-tap-highlight-color: transparent;
  padding-bottom: 10px
}
.reuse-container .product-section ul.ec-product-list > li .ec-product-slider img {
  margin: 0 auto;
  width: 80%
}
.reuse-container .product-section ul.ec-product-list > li .ec-product-slider .slick-list {
  border: 1px solid #9b806a
}
.reuse-container .product-section ul.ec-product-list > li .ec-product-slider .slick-slide {
  outline: none
}
.reuse-container .product-section ul.ec-product-list > li .ec-product-slider .slick-arrow {
  background: none;
  border: 0;
  bottom: 0;
  color: #9b806a;
  font-size: 2.6rem;
  font-weight: 400;
  margin: auto;
  padding: 0;
  position: absolute;
  top: 0;
  z-index: 1
}
.reuse-container .product-section ul.ec-product-list > li .ec-product-slider .slick-arrow:focus {
  outline: none
}
.reuse-container .product-section ul.ec-product-list > li .ec-product-slider .slick-prev.slick-arrow {
  left: 1rem
}
.reuse-container .product-section ul.ec-product-list > li .ec-product-slider .slick-next.slick-arrow {
  right: 1rem
}
.reuse-container .product-section ul.ec-product-list > li p {
  text-align: center
}
.reuse-container .product-section ul.ec-product-list > li p span {
  display: block;
  font-size: 1.1rem;
  padding-top: 5px
}
.reuse-container .column-section h2 {
  padding-bottom: 30px
}
.reuse-container .column-section h2 img {
  width: 41.7%
}
.reuse-container .column-section ul.column-excerpt-list-container {
  margin-bottom: 35px
}
.reuse-container .question-section h2 {
  font-size: 2.1rem;
  letter-spacing: 6px;
  padding-bottom: 25px;
  text-align: center
}
.reuse-container .question-section .question-list {
  padding-top: 25px
}
.reuse-container .question-section .question-list dl {
  border-bottom: 1px solid #c4c4c4
}
.reuse-container .question-section .question-list dl span {
  border: 1px solid #9b806a;
  border-radius: 50%;
  color: #9b806a;
  display: inline-block;
  font-size: 1.1rem;
  height: 26px;
  left: 0;
  line-height: 26px;
  margin: auto;
  position: absolute;
  text-align: center;
  top: 13px;
  vertical-align: middle;
  width: 26px
}
.reuse-container .question-section .question-list dl dd, .reuse-container .question-section .question-list dl dt {
  position: relative
}
.reuse-container .question-section .question-list dl dt {
  display: block;
  padding: 15px 20px 15px 35px
}
.reuse-container .question-section .question-list dl dt img {
  bottom: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  transition: all .4s;
  width: 4%
}
.reuse-container .question-section .question-list dl dt.open img {
  transform: rotate(180deg)
}
.reuse-container .question-section .question-list dl dd {
  display: none;
  margin-bottom: 15px;
  padding: 15px 0 5px 35px
}
@media (min-width:769px) {
  .reuse-container .common-section {
    padding: 50px 0
  }
  .reuse-container .common-section .section-inner {
    margin: 0 auto;
    width: 1000px
  }
  .reuse-container .common-section dl, .reuse-container .common-section p {
    font-size: 1.6rem;
    letter-spacing: 1px;
    line-height: 2
  }
  .reuse-container .top-section {
    padding-top: 0
  }
  .reuse-container .top-section h1 {
    font-size: 3rem;
    letter-spacing: 9px;
    padding-bottom: 45px
  }
  .reuse-container .top-section h1 b {
    font-size: 1.8rem;
    letter-spacing: 3.6px
  }
  .reuse-container .top-section .content {
    display: flex
  }
  .reuse-container .top-section .content .apng-block {
    margin: 0;
    width: 40%
  }
  .reuse-container .top-section .content p {
    font-size: 2rem;
    margin-left: 5%;
    padding-top: 60px;
    width: 55%
  }
  .reuse-container .top-section .content.ecohanger p {
    padding-top: 0
  }
  .reuse-container .top-section .content.ecohanger p strong {
    font-size: 2.5rem;
    line-height: 1.8;
    margin-top: -1rem;
    padding: 0 0 20px;
    text-align: left
  }
  .reuse-container .top-section strong {
    font-size: 3rem;
    letter-spacing: 9px;
    line-height: 1;
    padding: 120px 0 50px
  }
  .reuse-container .top-section strong small {
    margin-top: 3rem
  }
  .reuse-container .top-section .youtube-wrapper {
    padding-top: 60px
  }
  .reuse-container .product-section h2 {
    padding-bottom: 70px
  }
  .reuse-container .product-section h2 img {
    width: 315px
  }
  .reuse-container .product-section ul.ec-product-list > li {
    padding-bottom: 50px;
    width: 30%
  }
  .reuse-container .product-section ul.ec-product-list > li .ec-product-slider .slick-arrow {
    cursor: pointer;
    font-size: 4rem
  }
  .reuse-container .product-section ul.ec-product-list > li p {
    font-size: 2rem;
    letter-spacing: 2px
  }
  .reuse-container .product-section ul.ec-product-list > li p span {
    font-size: 1.6rem;
    letter-spacing: 1.6px;
    padding: 0
  }
  .reuse-container .column-section h2 {
    padding-bottom: 70px
  }
  .reuse-container .column-section h2 img {
    width: 234px
  }
  .reuse-container .column-section ul.column-excerpt-list-container {
    margin-bottom: 45px
  }
  .reuse-container .question-section {
    padding-bottom: 120px
  }
  .reuse-container .question-section h2 {
    font-size: 3rem;
    letter-spacing: 9px;
    margin-bottom: 50px
  }
  .reuse-container .question-section .question-list {
    padding-top: 60px
  }
  .reuse-container .question-section .question-list dl span {
    font-size: 1.6rem;
    height: 42px;
    line-height: 42px;
    top: 20px;
    width: 42px
  }
  .reuse-container .question-section .question-list dl dt {
    padding: 25px 60px
  }
  .reuse-container .question-section .question-list dl dt img {
    width: 15px
  }
  .reuse-container .question-section .question-list dl dd {
    padding: 25px 0 20px 60px
  }
}
.showroom-container .showroom-inner section {
  padding-bottom: 40px
}
.showroom-container .showroom-inner h2 {
  font-size: 1.4rem;
  letter-spacing: 4px;
  padding-bottom: 1rem;
  text-align: center
}
.showroom-container .showroom-inner p {
  font-size: 1.2rem;
  letter-spacing: 1px
}
.showroom-container .showroom-inner .sub-title {
  font-size: 1.3rem;
  text-align: center
}
.showroom-container .showroom-inner .see-more a {
  background-color: #9b806a;
  color: #fff
}
.showroom-container .showroom-inner section ul.top-slider {
  margin-bottom: 0
}
.showroom-container .showroom-inner section ul.top-slider li {
  position: relative
}
.showroom-container .showroom-inner section ul.top-slider li a {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}
.showroom-container .showroom-inner section .slick-arrow {
  bottom: 0;
  height: 40px;
  margin: auto;
  position: absolute;
  top: 0;
  width: 20px;
  z-index: 100
}
.showroom-container .showroom-inner section .slick-arrow:after {
  content: "";
  height: 20px;
  position: absolute;
  top: 10px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 20px
}
.showroom-container .showroom-inner section .slick-arrow.btn-prev {
  left: 15px
}
.showroom-container .showroom-inner section .slick-arrow.btn-prev:after {
  border-bottom: 1px solid hsla(0, 0%, 100%, .7);
  border-left: 1px solid hsla(0, 0%, 100%, .7);
  left: 3px
}
.showroom-container .showroom-inner section .slick-arrow.btn-next {
  right: 15px
}
.showroom-container .showroom-inner section .slick-arrow.btn-next:after {
  border-right: 1px solid hsla(0, 0%, 100%, .7);
  border-top: 1px solid hsla(0, 0%, 100%, .7);
  right: 3px
}
.showroom-container .showroom-inner section ul {
  padding: 25px 0
}
.showroom-container .showroom-inner .space-section {
  padding-top: 20px
}
.showroom-container .showroom-inner .space-section ul {
  padding-top: 30px
}
.showroom-container .showroom-inner .space-section ul li {
  margin-bottom: 35px
}
.showroom-container .showroom-inner .space-section ul li:last-of-type {
  margin-bottom: 0
}
.showroom-container .showroom-inner .space-section ul li p {
  padding-bottom: 25px;
  text-align: center
}
.showroom-container .showroom-inner .space-section ul li img {
  display: block;
  margin: 0 auto;
  width: 60%
}
.showroom-container .showroom-inner .shop-section .info {
  padding: 30px 0 40px
}
.showroom-container .showroom-inner .shop-section .info p {
  margin-bottom: 30px;
  text-align: center
}
.showroom-container .showroom-inner .shop-section .info p:last-of-type {
  margin-bottom: 0
}
.showroom-container .showroom-inner .gallery-section .see-more, .showroom-container .showroom-inner .showroom-section .see-more {
  padding-top: 35px
}
@media (min-width:600px) {
  .showroom-container .showroom-inner section .slick-arrow {
    background-color: #000;
    height: 40px;
    width: 35px
  }
  .showroom-container .showroom-inner section .slick-arrow:after {
    height: 20px;
    top: 10px;
    width: 20px
  }
  .showroom-container .showroom-inner section .slick-arrow.btn-prev {
    left: 0
  }
  .showroom-container .showroom-inner section .slick-arrow.btn-prev:after {
    border-bottom: 1px solid #fff;
    border-left: 1px solid #fff;
    left: 10px
  }
  .showroom-container .showroom-inner section .slick-arrow.btn-next {
    right: 0
  }
  .showroom-container .showroom-inner section .slick-arrow.btn-next:after {
    border-right: 1px solid #fff;
    border-top: 1px solid #fff;
    right: 10px
  }
  .showroom-container .showroom-inner section ul {
    padding: 40px 0 50px
  }
}
@media (min-width:769px) {
  .showroom-container .showroom-inner section {
    padding-bottom: 80px
  }
  .showroom-container .showroom-inner h2 {
    font-size: 2.6rem;
    letter-spacing: 2px;
    padding-bottom: 20px
  }
  .showroom-container .showroom-inner p {
    font-size: 1.6rem;
    letter-spacing: 1px;
    line-height: 1.7;
    text-align: center
  }
  .showroom-container .showroom-inner .sub-title {
    font-size: 1.8rem
  }
  .showroom-container .showroom-inner .see-more a {
    height: 6rem
  }
  .showroom-container .showroom-inner .see-more a span {
    line-height: 6rem
  }
  .showroom-container .showroom-inner .space-section ul {
    display: flex;
    justify-content: space-between;
    padding: 60px 0 30px
  }
  .showroom-container .showroom-inner .space-section ul li {
    margin: 0;
    width: 50%
  }
  .showroom-container .showroom-inner .space-section ul li img {
    width: 60%
  }
  .showroom-container .showroom-inner .shop-section .info {
    padding: 45px 0
  }
  .showroom-container .showroom-inner .shop-section .info p {
    margin-bottom: 45px
  }
  .showroom-container .showroom-inner .gallery-section .see-more, .showroom-container .showroom-inner .showroom-section .see-more {
    padding-top: 50px
  }
}
.recruit-container {
  letter-spacing: 1.4px;
  line-height: 1.8
}
.recruit-container h2 {
  font-size: 1.6rem;
  font-weight: 700;
  padding-top: 25px;
  text-align: center
}
.recruit-container .tab-block {
  border-bottom: 2px solid #9b806a;
  display: flex;
  justify-content: space-between;
  margin-bottom: 35px;
  padding-top: 30px
}
.recruit-container .tab-block div {
  cursor: pointer;
  text-align: center;
  width: 50%
}
.recruit-container .tab-block div span {
  display: inline-block;
  font-weight: 700;
  height: 50px;
  line-height: 50px;
  text-align: center;
  width: 66%
}
.recruit-container .tab-block div.active span {
  background-color: #9b806a;
  color: #fff
}
.recruit-container strong {
  display: block;
  padding-bottom: 30px
}
.career-container h3, .recruit-container strong {
  font-size: 1.6rem;
  font-weight: 700
}
.career-container .apply-section {
  padding-bottom: 40px
}
.career-container .apply-section dl {
  padding-top: 40px
}
.career-container .apply-section dl dt {
  background-color: #f5f5f5;
  display: block;
  font-weight: 700;
  height: 37.5px;
  line-height: 37.5px;
  padding: 0 15px
}
.career-container .apply-section dl dd {
  border: 1px solid #f5f5f5;
  box-sizing: border-box;
  margin-bottom: 37px;
  padding: 10px 15px
}
.career-container .strategy-section {
  padding-top: 20px
}
.career-container .strategy-section h3 {
  padding-bottom: 35px
}
.career-container .strategy-section p {
  padding-bottom: 40px
}
.fresh-container {
  display: none;
  padding-bottom: 50px
}
.fresh-container p {
  font-weight: 700;
  text-align: center
}
.fresh-container p a {
  color: blue;
  text-decoration: underline
}
@media (min-width:769px) {
  .recruit-container {
    margin: 0 auto;
    width: 1000px
  }
  .recruit-container h2 {
    font-size: 2rem;
    letter-spacing: 2px
  }
  .recruit-container .tab-block {
    margin-bottom: 60px
  }
  .recruit-container .tab-block div span {
    height: 50px;
    line-height: 50px;
    width: 150px
  }
  .recruit-container strong {
    padding-bottom: 45px
  }
  .career-container .apply-section dl {
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 30px
  }
  .career-container .apply-section dl dd, .career-container .apply-section dl dt {
    height: 40px;
    line-height: 40px;
    margin: 0 0 5px;
    overflow: hidden;
    padding: 0 30px
  }
  .career-container .apply-section dl dt {
    text-align: center;
    width: 30%
  }
  .career-container .apply-section dl dd {
    border: 2px solid #f5f5f5;
    width: 70%
  }
}
.theme-color {
  color: #9b806a
}
.theme-bg-color {
  background-color: #9b806a
}
.theme-border-color {
  border-color: #9b806a !important
}
.theme-hover-color:hover, .theme-pagination-color .current {
  color: #9b806a !important
}
.about-inner, .brand-container .caption-section, .column-list-container .column-list-wrapper ul.article-list, .contact-confirmation-container .contact-confirmation-inner, .contact-container .contact-inner, .contact-finish-container .contact-finish-inner, .container, .faq-container, .gallery-container, .news-container .news-inner, .privacy-container, .product-container .caption-section, .product-container .column-section, .product-container .product-container, .product-container .projects-section, .product-detail-container .column-section, .product-detail-container .projects-section, .project-display-container .flow-section .flow-inner, .showroom-container .showroom-inner, .third-container .column-section, .third-container .projects-section, .top-container .column-section ul.column-excerpt-list-container, .top-container .product-section ul li, .top-container .project-section .project-section-inner ul, .top-container .service-section > ul.service-menu > li, header .header-inner, nav ul.sp-nav li p, ul.news-excerpt-list-container li .excerpt-list-inner {
  margin: 0 auto;
  width: 95%
}
.clearfix, .news-list-container .news-list-wrapper li, .third-modal-container dl:after, .third-modal-container ul:after, header .header-inner, ul.column-excerpt-list-container li, ul.product-list {
  *zoom: 1
}
.clearfix:after, .news-list-container .news-list-wrapper li:after, header .header-inner:after, ul.column-excerpt-list-container li:after, ul.product-list:after {
  clear: both;
  content: "";
  display: table
}
@media (min-width:769px) {
  .about-us-container, .access-container, .column-container, .column-list-container, .concept-container, .contact-confirmation-container, .contact-container, .contact-finish-container, .container-pc, .faq-container, .gallery-container, .history-container, .news-container, .news-list-container, .privacy-container, .product-container, .product-detail-container, .project-display-container, .showroom-container, .third-container, .top-container .about-section .about-section-inner, .top-container .access-section, .top-container .column-section .column-section-inner, .top-container .news-section, .top-container .product-section, .top-container .project-section, .top-container .service-section > ul.service-menu, .top-container .top-section, footer .footer-wrapper.sp-none .copyright-block p, footer .footer-wrapper.sp-none .menu-block, header .header-inner, nav .pc-nav-inner .pc-nav-block, nav .pc-nav-inner .pc-nav-block ul.pc-nav li ul.nav-detail {
    margin: 0 auto;
    width: 1000px
  }
  .container-reset {
    margin: 0;
    width: 100%
  }
  .about-us-container dl, .access-container .about-inner, .clearfix-pc, .contact-confirmation-container .contact-confirmation-inner form, .contact-confirmation-container .contact-confirmation-inner ul li, .contact-container div.contact-inner form .form-inner, .product-detail-container .slider-section .slider-section-inner, .project-display-container .flow-section .flow-inner ul, .top-container .about-section .about-section-inner ul, .top-container .product-section ul, footer .footer-wrapper.pc-none .language-block ul:after, footer .footer-wrapper.sp-none .menu-block, footer .footer-wrapper.sp-none .menu-block div.footer-content ul.footer-sns, footer .footer-wrapper.sp-none .menu-block ul.footer-menus, footer .footer-wrapper.sp-none .menu-block ul.footer-menus .item-language ul:after, nav .pc-nav-inner .pc-nav-block .nav-links ul.language-links, nav .pc-nav-inner .pc-nav-block ul.pc-nav li ul.nav-detail, ul.column-excerpt-list-container, ul.news-excerpt-list-container, ul.news-excerpt-list-container li div.excerpt-list-inner, ul.project-list li {
    *zoom: 1
  }
  .about-us-container dl:after, .access-container .about-inner:after, .clearfix-pc:after, .contact-confirmation-container .contact-confirmation-inner form:after, .contact-confirmation-container .contact-confirmation-inner ul li:after, .contact-container div.contact-inner form .form-inner:after, .product-detail-container .slider-section .slider-section-inner:after, .project-display-container .flow-section .flow-inner ul:after, .top-container .about-section .about-section-inner ul:after, .top-container .product-section ul:after, footer .footer-wrapper.pc-none .language-block ul:after, footer .footer-wrapper.sp-none .menu-block div.footer-content ul.footer-sns:after, footer .footer-wrapper.sp-none .menu-block ul.footer-menus .item-language ul:after, footer .footer-wrapper.sp-none .menu-block ul.footer-menus:after, footer .footer-wrapper.sp-none .menu-block:after, nav .pc-nav-inner .pc-nav-block .nav-links ul.language-links:after, nav .pc-nav-inner .pc-nav-block ul.pc-nav li ul.nav-detail:after, ul.column-excerpt-list-container:after, ul.news-excerpt-list-container li div.excerpt-list-inner:after, ul.news-excerpt-list-container:after, ul.project-list li:after {
    clear: both;
    content: "";
    display: table
  }
}
.css-bg, .product-container .banner-section, .product-detail-container .banner-section, .top-image {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover
}
.brand-container .top-section ul.brand-slider .slick-dots, .common-slick-dots, .showroom-container .showroom-inner section ul.top-slider .slick-dots, .top-container .top-section ul.top-slider .slick-dots {
  bottom: 2rem
}
.brand-container .top-section ul.brand-slider .slick-dots li, .common-slick-dots li, .showroom-container .showroom-inner section ul.top-slider .slick-dots li, .top-container .top-section ul.top-slider .slick-dots li {
  margin: 0 .5rem
}
.brand-container .top-section ul.brand-slider .slick-dots li button:before, .common-slick-dots li button:before, .showroom-container .showroom-inner section ul.top-slider .slick-dots li button:before, .top-container .top-section ul.top-slider .slick-dots li button:before {
  background-image: url(../image/355c83a91f153b208871.png);
  background-size: contain;
  color: #fff;
  content: "";
  font-size: 1.2rem;
  opacity: .9
}
.brand-container .top-section ul.brand-slider .slick-dots li.slick-active button:before, .common-slick-dots li.slick-active button:before, .showroom-container .showroom-inner section ul.top-slider .slick-dots li.slick-active button:before, .top-container .top-section ul.top-slider .slick-dots li.slick-active button:before {
  background-image: url(../image/b035a34ba7d8cd518d02.png);
  background-size: contain;
  content: ""
}
.faq-container h1 {
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: 1px;
  line-height: 1.6;
  padding: 30px 0 20px;
  text-align: center
}
.faq-container .intro {
  font-size: 1.6rem;
  letter-spacing: .8px;
  line-height: 1.8;
  margin-bottom: 40px;
  text-align: center
}
.faq-container .intro a {
  color: #9b806a;
  font-weight: 700;
  text-decoration: underline
}
.faq-container section h2 {
  border: 1px solid #555;
  height: 50px;
  line-height: 50px;
  position: relative
}
.faq-container section h2 span {
  display: block;
  font-size: 1.4rem;
  font-weight: 700;
  height: 100%;
  letter-spacing: .6px;
  margin-left: 5%;
  width: 95%
}
.faq-container section h2:before {
  background-color: #555;
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 3.7px
}
.faq-container section dl {
  padding-bottom: 30px
}
.faq-container section dl dd, .faq-container section dl dt {
  display: block;
  font-size: 1.4rem;
  letter-spacing: .6px
}
.faq-container section dl dt {
  cursor: pointer;
  line-height: 1.8;
  margin-left: 10%;
  padding: 22px 0;
  position: relative;
  transition-duration: .3s;
  width: 90%
}
.faq-container section dl dt:before {
  bottom: 0;
  content: "\f105";
  font-family: FontAwesome;
  font-size: 2rem;
  font-weight: 700;
  height: 15px;
  left: -6.5%;
  line-height: 15px;
  margin: auto 0;
  position: absolute;
  text-align: center;
  top: 0;
  transition-duration: .3s;
  width: 10px
}
.faq-container section dl dt.open {
  font-weight: 700
}
.faq-container section dl dt.open:before {
  transform: rotate(90deg)
}
.faq-container section dl dd {
  border-bottom: 1px solid #d2d2d2;
  line-height: 1.4;
  width: 100%
}
.faq-container section dl dd .inner {
  display: none;
  margin: 0 auto;
  padding-bottom: 22px;
  width: 90%
}
.faq-container section dl dd:last-of-type {
  border: none
}
.faq-container .link-block {
  padding-bottom: 150px
}
.faq-container .link-block a {
  background-color: #9b806a;
  display: block;
  height: 87px;
  line-height: 87px;
  margin-bottom: 25px;
  position: relative;
  text-align: center
}
.faq-container .link-block a:last-of-type {
  margin: 0
}
.faq-container .link-block a img {
  bottom: 0;
  display: block;
  height: 22px;
  left: 12%;
  margin: auto;
  position: absolute;
  top: 0;
  width: auto
}
.faq-container .link-block a span {
  color: #fff;
  display: block;
  font-size: 1.4rem;
  letter-spacing: 1.2px;
  margin-left: 10%;
  width: 90%
}
@media (min-width:769px) {
  .faq-container h1 {
    font-size: 2.1rem;
    padding-bottom: 40px
  }
  .faq-container .intro {
    font-size: 1.6rem;
    margin-bottom: 70px
  }
  .faq-container section h2 {
    font-size: 1.6rem
  }
  .faq-container section h2 span {
    margin-left: 3%;
    width: 97%
  }
  .faq-container section dl {
    margin: 0 auto;
    padding-bottom: 60px;
    width: 94%
  }
  .faq-container .link-block {
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    padding-bottom: 100px;
    width: 60%
  }
  .faq-container .link-block a {
    margin: 0;
    width: 255px
  }
  .faq-container .link-block a img {
    left: 7%
  }
  .faq-container .link-block a span {
    letter-spacing: .6px;
    margin-left: 6%;
    width: 94%
  }
}
.column-container .partition-banners, .contact-container .partition-banners {
  padding-left: 0 !important
}
.column-container .partition-banners > li .banner-inner, .contact-container .partition-banners > li .banner-inner {
  padding: 2rem 1.5rem
}
.column-container .partition-banners > li .banner-inner .img-block, .contact-container .partition-banners > li .banner-inner .img-block {
  display: none
}
.column-container .partition-banners > li .banner-inner .banner-title, .contact-container .partition-banners > li .banner-inner .banner-title {
  width: 100%
}
.column-container .partition-banners > li .partition-banner-details, .contact-container .partition-banners > li .partition-banner-details {
  padding-left: 0 !important
}
.column-container .partition-banners > li .partition-banner-details > li a, .contact-container .partition-banners > li .partition-banner-details > li a {
  text-decoration: none !important
}
@media (min-width:769px) {
  .column-container .partition-banners > li .banner-inner, .contact-container .partition-banners > li .banner-inner {
    padding: 0
  }
  .column-container .partition-banners > li .banner-inner .banner-title, .contact-container .partition-banners > li .banner-inner .banner-title {
    font-size: 1.6rem;
    padding: 2rem 0;
    width: 100%
  }
}