@charset "UTF-8";

@font-face {
  font-family: 'Touna';
  src: url("../font/NotoSansSC-6.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Touna';
  src: url("../font/Noto-Sans-SC-Bold-2.ttf") format("truetype");
  font-weight: bold;
}

@font-face {
  font-family: 'Tounaen';
  src: url("../font/PlayfairDisplay-Regular.ttf") format("truetype");
}


html,body{
  font-family: 'Touna',Microsoft,HelveticaYaHei,Arial!important;
}

/* PRELOADER */
.preloader{ width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 9999999; background:#fff; }
.preloader{-webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transform:all 0.4s ease; transition: all 0.4s ease;  }
.preloader *{-webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transform:all 0.4s ease; transition: all 0.4s ease;}
.preloader img{ position: absolute; left: 50%; top:50%; transform: translate(-50%,-50%); z-index: 4;}




/* PAGE LOADED */
.page-loaded .preloader{top: -100%;transition-delay: 0.60s;}
.page-loaded .preloader img{ opacity: 0; margin-top: -120px; transition-delay: 0.30s;}

/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0;
}
.header .inner .header__menu ul li a small,.contents small,.footer .menu__item .menu__title a small,#page_vision .vision #h01 .about__title,
#page_vision .vision #h02 .vision__title,#page_vision .vision #h03 .president__title,#page_company .company .company__title,
#page_company .company .iso__title,#page_company .company .history__title{
  font-family: 'Tounaen';
}

/* HTML5 display definitions
   ========================================================================== */
/**
 * Add the correct display in IE <10.
 * Add the correct display in Edge, IE, and Firefox for `details` or `summary`.
 * Add the correct display in IE for `main`.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  display: block;
}

/**
 * Add the correct display in IE <10.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
}

/**
 * Add the correct display and remove excess height in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Add the correct display in IE <11, Safari <8, and Firefox <22.
 * 1. Add the correct display in IE.
 */
template,
[hidden] {
  display: none;
}

/* Links
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent;
  /* 1 */
  -webkit-text-decoration-skip: objects;
  /* 2 */
}

/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */
a:active,
a:hover {
  outline-width: 0;
}

/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the bottom border in Firefox <40.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
  /* 2 */
}

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/**
 * Add the correct font style in Android <4.4.
 */
dfn {
  font-style: italic;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  /* Set 1 unit of vertical rhythm on the top and bottom margins. */
  margin: 0.75em 0;
}

/**
 * Add the correct background and color in IE <10.
 */
mark {
  background-color: #ff0;
  color: #000;
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE <11.
 */
img {
  border-style: none;
}

/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */
/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1.5em 40px;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}

pre {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
   ========================================================================== */
/**
 * Known issues:
 * - By default, Chrome on OS X and Safari on OS X allow very limited styling of
 *   select, unless a border property is set. The default font weight on
 *   optgroup elements cannot safely be changed in Chrome on OSX and Safari on
 *   OS X.
 * - It is recommended that you do not style checkbox and radio inputs as
 *   Firefox's implementation does not respect box-sizing, padding, or width.
 * - Certain font size values applied to number inputs cause the cursor style of
 *   the decrement button to change from default to text.
 * - The search input is not fully stylable by default. In Chrome and Safari on
 *   OSX/iOS you can't control font, padding, border, or background. In Chrome
 *   and Safari on Windows you can't control border properly. It will apply
 *   border-width but will only show a border color (which cannot be controlled)
 *   for the outer 1px of that border. Applying -webkit-appearance: textfield
 *   addresses these issues without removing the benefits of search inputs (e.g.
 *   showing past searches). Safari (but not Chrome) will clip the cancel button
 *   on when it has padding (and textfield appearance).
 */
/**
 * 1. Change font properties to `inherit` in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 * 3. Address `font-family` inconsistency between `textarea` and other form in IE 7
 * 4. Improve appearance and consistency with IE 6/7.
 */
button,
input,
optgroup,
select,
textarea {
  font: inherit;
  /* 1 */
  margin: 0;
  /* 2 */
}

/**
 * Show the overflow in IE.
 */
button {
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
  /* 2 */
}

button,
[type=button],
[type=reset],
[type=submit] {
  /**
   * Remove the inner border and padding in Firefox.
   */
  /**
   * Restore the focus styles unset by the previous rule.
   */
}
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Show the overflow in Edge.
 */
input {
  overflow: visible;
}

/**
 * 1. Add the correct box sizing in IE <11.
 * 2. Remove the padding in IE <11.
 * 3. Remove excess padding in IE 7.
 *    Known issue: excess padding remains in IE 6.
 */
[type=checkbox],
[type=radio] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
  /**
   * Remove the inner padding and cancel buttons in Chrome and Safari on OS X.
   */
}
[type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Correct the text style of placeholders in Chrome, Edge, and Safari.
 */
::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.54;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 * 4. Correct alignment displayed oddly in IE 6/7.
 */
legend {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* 1 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  white-space: normal;
  /* 1 */
  color: inherit;
  /* 2 */
  padding: 0;
  /* 3 */
}

/**
 * Restore the font weight unset by a previous rule.
 */
optgroup {
  font-weight: bold;
}

/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto;
}

/* 以下デフォルトスタイルのリセット
   ========================================================================== */
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
dl,
dt,
dd,
ul,
ol,
li,
form {
  margin: 0px;
  padding: 0px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 1em;
}

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

fieldset,
img {
  border: 0;
}

ol,
ul {
  list-style-type: none;
}

img {
  border: none;
}

/*@font-face {
  font-family: "Genshin";
  font-style: normal;
  font-weight: 100;
  src: url("../font/GenShinGothic-P-Light.eot");
  !* IE9 Compat Modes *!
  src: url("../font/GenShinGothic-P-Light.eot?#iefix") format("embedded-opentype"), url("../font/GenShinGothic-P-Light.woff") format("woff"), url("../font/GenShinGothic-P-Light.ttf") format("truetype");
  !* Safari, Android, iOS *!
}
@font-face {
  font-family: "Genshin";
  font-style: normal;
  font-weight: 500;
  src: url("../font/GenShinGothic-P-Regular.eot");
  !* IE9 Compat Modes *!
  src: url("../font/GenShinGothic-P-Regular.eot?#iefix") format("embedded-opentype"), url("../font/GenShinGothic-P-Regular.woff") format("woff"), url("../font/GenShinGothic-P-Regular.ttf") format("truetype");
  !* Safari, Android, iOS *!
}
@font-face {
  font-family: "Genshin";
  font-style: normal;
  font-weight: 700;
  src: url("../font/GenShinGothic-P-Medium.eot");
  !* IE9 Compat Modes *!
  src: url("../font/GenShinGothic-P-Medium.eot?#iefix") format("embedded-opentype"), url("../font/GenShinGothic-P-Medium.woff") format("woff"), url("../font/GenShinGothic-P-Medium.ttf") format("truetype");
  !* Safari, Android, iOS *!
}
@font-face {
  font-family: "Genshin";
  font-style: normal;
  font-weight: 900;
  src: url("../font/GenShinGothic-P-Bold.eot");
  !* IE9 Compat Modes *!
  src: url("../font/GenShinGothic-P-Bold.eot?#iefix") format("embedded-opentype"), url("../font/GenShinGothic-P-Bold.woff") format("woff"), url("../font/GenShinGothic-P-Bold.ttf") format("truetype");
  !* Safari, Android, iOS *!
}
@font-face {
  font-family: "Gyre";
  font-style: normal;
  font-weight: 100;
  src: url("../font/texgyreadventor-regular.eot");
  !* IE9 Compat Modes *!
  src: url("../font/texgyreadventor-regular.eot?#iefix") format("embedded-opentype"), url("../font/texgyreadventor-regular.woff") format("woff"), url("../font/texgyreadventor-regular.ttf") format("truetype");
  !* Safari, Android, iOS *!
}
@font-face {
  font-family: "Gyre";
  font-style: normal;
  font-weight: 500;
  src: url("../font/texgyreadventor-regular.eot");
  !* IE9 Compat Modes *!
  src: url("../font/texgyreadventor-regular.eot?#iefix") format("embedded-opentype"), url("../font/texgyreadventor-regular.woff") format("woff"), url("../font/texgyreadventor-regular.ttf") format("truetype");
  !* Safari, Android, iOS *!
}
@font-face {
  font-family: "Gyre";
  font-style: normal;
  font-weight: 700;
  src: url("../font/texgyreadventor-bold.eot");
  !* IE9 Compat Modes *!
  src: url("../font/texgyreadventor-bold.eot?#iefix") format("embedded-opentype"), url("../font/texgyreadventor-bold.woff") format("woff"), url("../font/texgyreadventor-bold.ttf") format("truetype");
  !* Safari, Android, iOS *!
}
@font-face {
  font-family: "Gyre";
  font-style: normal;
  font-weight: 900;
  src: url("../font/texgyreadventor-bold.eot");
  !* IE9 Compat Modes *!
  src: url("../font/texgyreadventor-bold.eot?#iefix") format("embedded-opentype"), url("../font/texgyreadventor-bold.woff") format("woff"), url("../font/texgyreadventor-bold.ttf") format("truetype");
  !* Safari, Android, iOS *!
}*/
.cf, #page_catalog .catalog .catalog__items .catalog__item.catalog__item--wide, #page_catalog .catalog .catalog__items, #page_news .news .tab li a, #page_news .news .news__tabs, #page_support .support .faq .faq__item .faq__body ul li a, #page_support .support .faq .faq__item .faq__body ul, #page_gallery .gallery .colorspice .colorspice__access .colorspice__banners, #page_gallery .gallery .colorspice .colorspice__access .access__detail .access__item, #page_gallery .gallery .colorspice .colorspice__access, #page_gallery .gallery .colorspice .colorspice__info, #page_painting .painting .painting__contents .painting__article .article__bottom .sns__share, #page_painting .painting .painting__contents .painting__article .article__bottom, #page_painting .painting .painting__contents .painting__article .article__info, #page_painting .painting .painting__contents .painting__body .painting__item .item__info, #page_painting .painting, #page_vision .vision #history .history__all .history__block ul li, #page_vision .vision #history .history__all, #page_company .company #iso .iso, #page_company .company #company .company__other, #page_company .company #company .company__item .company__detail .company__prof .prof__item, #page_company .company #company .company__item, #page_business .business .business__item .pickup__item .pickup__body li, #page_business .business .business__item .pickup__item .pickup__body, #page_vision .vision #logo .logo__about .logo__detail .logo__meaning, #page_vision .vision #logo .logo__about, #page_work_detail .work .work__body .work__item, #page_work_detail .work .work__summary, #page_brand_detail .item__color .color__item .color__list .list__item, #page_brand_detail .item__color .color__item .color__list, #page_brand_detail .brand_detail .brand__main .brand__spec .spec__item .spec__colors li, #page_brand_detail .brand_detail .brand__main .brand__spec .spec__item .spec__colors, #page_brand_detail .brand_detail .brand__main .brand__spec .spec__item, #page_brand_detail .brand_detail .links, #page_brand_detail .brand_detail .brand__summary .brand__images, #page_brand_detail .brand_detail, #page_brand .brand__body, #home #brand .brand__items, #home #information .tab li a, #home #information .news__tabs, #home #information .information__news, #home #information, .contents .item__lineup .lineup__body, .breadcrumb{
  *zoom: 1;
}
.cf:after, #page_catalog .catalog .catalog__items .catalog__item.catalog__item--wide:after, #page_catalog .catalog .catalog__items:after, #page_news .news .tab li a:after, #page_news .news .news__tabs:after, #page_support .support .faq .faq__item .faq__body ul li a:after, #page_support .support .faq .faq__item .faq__body ul:after, #page_gallery .gallery .colorspice .colorspice__access .colorspice__banners:after, #page_gallery .gallery .colorspice .colorspice__access .access__detail .access__item:after, #page_gallery .gallery .colorspice .colorspice__access:after, #page_gallery .gallery .colorspice .colorspice__info:after, #page_painting .painting .painting__contents .painting__article .article__bottom .sns__share:after, #page_painting .painting .painting__contents .painting__article .article__bottom:after, #page_painting .painting .painting__contents .painting__article .article__info:after, #page_painting .painting .painting__contents .painting__body .painting__item .item__info:after, #page_painting .painting:after, #page_vision .vision #history .history__all .history__block ul li:after, #page_vision .vision #history .history__all:after, #page_company .company #iso .iso:after, #page_company .company #company .company__other:after, #page_company .company #company .company__item .company__detail .company__prof .prof__item:after, #page_company .company #company .company__item:after, #page_business .business .business__item .pickup__item .pickup__body li:after, #page_business .business .business__item .pickup__item .pickup__body:after, #page_vision .vision #logo .logo__about .logo__detail .logo__meaning:after, #page_vision .vision #logo .logo__about:after, #page_work_detail .work .work__body .work__item:after, #page_work_detail .work .work__summary:after, #page_brand_detail .item__color .color__item .color__list .list__item:after, #page_brand_detail .item__color .color__item .color__list:after, #page_brand_detail .brand_detail .brand__main .brand__spec .spec__item .spec__colors li:after, #page_brand_detail .brand_detail .brand__main .brand__spec .spec__item .spec__colors:after, #page_brand_detail .brand_detail .brand__main .brand__spec .spec__item:after, #page_brand_detail .brand_detail .links:after, #page_brand_detail .brand_detail .brand__summary .brand__images:after, #page_brand_detail .brand_detail:after, #page_brand .brand__body:after, #home #brand .brand__items:after, #home #information .tab li a:after, #home #information .news__tabs:after, #home #information .information__news:after, #home #information:after, .contents .item__lineup .lineup__body:after, .breadcrumb:after{
  content: "";
  display: table;
  clear: both;
}

.hover, #page_support .support .download .download__button a, #page_gallery .gallery .gallery__button a, #page_gallery .gallery .colorspice .colorspice__access .access__detail .access__button a, #page_painting .painting .painting__contents .more__button a, #page_painting .painting__banners li a, #page_company .company #company .company__item .company__detail .company__map a, #page_business .business .business__item .art__point .art__item .art__button a, #home #brand .brand__items li a, #home #work .work__staff a, .header .inner .header__menu ul li a, .header .inner .header__top .header__social li a, .header .inner .header__top .header__english a, .header .inner .header__top .header__support a, .header .inner .header__top .header__catalog a, .header .inner .header__top .search__btn input {
  -webkit-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
.hover:hover, #page_support .support .download .download__button a:hover, #page_gallery .gallery .gallery__button a:hover, #page_gallery .gallery .colorspice .colorspice__access .access__detail .access__button a:hover, #page_painting .painting .painting__contents .more__button a:hover, #page_painting .painting__banners li a:hover, #page_company .company #company .company__item .company__detail .company__map a:hover, #page_business .business .business__item .art__point .art__item .art__button a:hover, #home #brand .brand__items li a:hover, #home #work .work__staff a:hover, .header .inner .header__menu ul li a:hover, .header .inner .header__top .header__social li a:hover, .header .inner .header__top .header__english a:hover, .header .inner .header__top .header__support a:hover, .header .inner .header__top .header__catalog a:hover, .header .inner .header__top .search__btn input:hover {
  opacity: 0.7;
}

.flex, #page_work_detail .work__staff, #home #work .work__staff, .footer .footer__menu, .contents .box__links, .contents .box__tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

html, body {
  width: 100%;
}

html {
  font-size: 62.5%;
}

body {
  color: black;
  /*font-family: "Gyre", "Genshin", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";*/
  font-weight: normal;
  position: relative;
  line-break: strict;
}

img {
  vertical-align: bottom;
}

@media only screen and (max-width: 769px) {
  .pc {
    display: none;
  }
}

.spi {
  display: none;
}
@media only screen and (max-width: 769px) {
  .spi {
    display: inline;
  }
}

.spb {
  display: none;
}
@media only screen and (max-width: 769px) {
  .spb {
    display: block;
  }
}

img {
  vertical-align: bottom;
}

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

#wrapper {
  -webkit-animation: bg-gradient 40s infinite;
  animation: bg-gradient 40s infinite;
  background: -o-linear-gradient(105deg, #bd000b, #e3383d, #e98d78, #8176b5, #00a6ac, #8175b5, #e32620);
  background: linear-gradient(-15deg, #bd000b, #e3383d, #e98d78, #8176b5, #00a6ac, #8175b5, #e32620);
  background-position: 0% 0%;
  background-size: 200% 200%;
  padding: 30px;
  position: relative;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
@media only screen and (max-width: 769px) {
  #wrapper {
    -webkit-animation: none;
    animation: none;
    padding: 15px;
  }
}

@media only screen and (max-width: 769px) {
  .wrapper__inner {
    background: white;
    padding-bottom: 1px;
    -webkit-backface-visibility: hidden;
  }
}

@-webkit-keyframes bg-gradient {
  0% {
    background-position: 0% 0%;
  }
  25% {
    background-position: 50% 0%;
  }
  50% {
    background-position: 100% 100%;
  }
  75% {
    background-position: 0% 50%;
  }
  100% {
    background-position: 0% 0%;
  }
}

@keyframes bg-gradient {
  0% {
    background-position: 0% 0%;
  }
  25% {
    background-position: 50% 0%;
  }
  50% {
    background-position: 100% 100%;
  }
  75% {
    background-position: 0% 50%;
  }
  100% {
    background-position: 0% 0%;
  }
}
@-webkit-keyframes title-gradient {
  0% {
    background-position: 0% 0%;
  }
  50% {
    background-position: 100% 100%;
  }
  100% {
    background-position: 0% 0%;
  }
}
@keyframes title-gradient {
  0% {
    background-position: 0% 0%;
  }
  50% {
    background-position: 100% 100%;
  }
  100% {
    background-position: 0% 0%;
  }
}
#colorbox, #cboxOverlay, #cboxWrapper {
  z-index: 30000;
}

.header .inner {
  background: rgba(255, 255, 255, 0.8);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  left: 30px;
  position: absolute;
  top: 30px;
  -webkit-transition: width 0.3s ease-in-out, left 0.3s ease-in-out;
  -o-transition: width 0.3s ease-in-out, left 0.3s ease-in-out;
  transition: width 0.3s ease-in-out, left 0.3s ease-in-out;
  width: calc(100% - 60px);
  z-index: 20000;
}
@media (max-width: 1000px){
  .header .inner {
    background: white;
  }
}
@media only screen and (max-width: 769px) {
  .header .inner {
    background: white;
    left: 15px;
    top: 15px;
    width: calc(100% - 30px);
  }
}
.header .inner #menu {
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
@media (max-width: 1000px) {
  .header .inner #menu {
    opacity: 1;
  }
}
.header .inner #menu > a {
  background: none;
  border-radius: 0 0 0 4px;
  display: block;
  height: 23px;
  position: absolute;
  right: 40px;
  top: 30px;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  width: 30px;
  z-index: 20002;
}
@media only screen and (max-width: 769px) {
  .header .inner #menu > a {
    height: 15px;
    right: 20px;
    width: 25px;
    top: 25px;
  }
}
.header .inner #menu > a span {
  background: black;
  display: block;
  height: 3px;
  left: 0;
  position: absolute;
  -webkit-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  width: 30px;
}
@media only screen and (max-width: 769px) {
  .header .inner #menu > a span {
    height: 2px;
    width: 25px;
  }
}
.header .inner #menu > a span:nth-child(1) {
  top: 0;
  -webkit-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.header .inner #menu > a span:nth-child(2) {
  opacity: 1;
  top: 10px;
  -webkit-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
@media only screen and (max-width: 769px) {
  .header .inner #menu > a span:nth-child(2) {
    margin-top: -1px;
    top: 50%;
  }
}
.header .inner #menu > a span:nth-child(3) {
  bottom: 0;
  -webkit-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.header .inner .header__body {
  margin: 0 auto;
  padding: 18px 0 15px;
  -webkit-transition: padding 0.3s ease-in-out;
  -o-transition: padding 0.3s ease-in-out;
  transition: padding 0.3s ease-in-out;
  width: 1399px;
}
@media (max-width: 1500px) {
  .header .inner .header__body {
    padding: 0;
    width: 95%;
  }
}
@media (min-width: 1000px) {
  .header .inner .header__top {
    margin-bottom: 0px!important;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}


.header .inner .header__top img{
  display: block;
  width: auto;
  height: 50px;
}

.header .inner .header__top .header__logob img{
  display: block;
  width: auto;
  height: 45px;
}

.header .navright ul{
  display: flex;

  justify-content: space-between;
}

.header .navright li{
  font-size: 20px;
  display: flex;
  justify-content: space-between;
  font-weight: 400;
}

.header .navright li span{
  height: 70%;
  display: block;
  margin: 5px 10px 0;
  width: 1px;
  background: #999;
}

.header .navright img{
  width: auto;
  height: 22px!important;
  float: left;

}

.header .navright ul li:nth-child(3) img{
  height: 22px!important;
  margin-top: 0px!important;
  margin-right: 3px;
}

.header .navright ul li img:hover{
  cursor: pointer;
}

.header .navright input{
transition: all 0.5s;
  border-radius: 10px;
  box-sizing: border-box;
  height: 20px;
  outline: none;
  margin-right: 5px;
  width: 0px;
  /*border: 1px solid #fff;*/
font-size: 14px;
  background: none;
  border: none;
}

/*.header .navright input.search-input{
    width: 100px;
  border: 1px solid #5e5e5e;
}*/
.header .navright li:nth-child(1):hover input{
  width: 100px;
  border: 1px solid #5e5e5e;
  background: #fff;
}

.hcjs{
  margin-bottom: 80px;
}

.hcjs h3{
  font-size: 24px;
  margin-bottom: 25px;
  text-align: center;
  font-weight: 100;
  line-height: 40px;
}

.hcjs p{
  font-size: 14px;
  line-height: 24px;
  color: #333;
}






@media (max-width: 1000px) {
  .header .inner .header__top {
    margin-bottom: 9px;
  }
}
.header .inner .header__top .header__logo {
  float: left;
  margin-right: 10px;
}
@media (max-width: 1000px) {
  .header .inner .header__top .header__logo {
    float: none;
    margin-right: 0;
    text-align: center;
  }
  .header .inner .header__top .header__logo img {
    width: 125px;
  }
}
.header .inner .header__top .header__search {
  float: left;
  margin-right: 20px;
}
@media only screen and (max-width: 769px) {
  .header .inner .header__top .header__search {
    display: none;
  }
}
.header .inner .header__top .search__form {
  float: left;
  margin-right: 8px;
  width: 181px;
}
.header .inner .header__top .search__form input {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 25px;
  line-height: 2.5rem;
  background: #eeeeef;
  border: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 5px;
  width: 100%;
}
.header .inner .header__top .search__btn {
  line-height: 35px;
  line-height: 3.5rem;
  float: left;
  padding-top: 6px;
}
.header .inner .header__top .search__btn input {
  background: transparent url(../img/common/btn_search.png) no-repeat left top/23px auto;
  border: none;
  cursor: pointer;
  display: inline-block;
  height: 23px;
  overflow: hidden;
  text-indent: -9999px;
  vertical-align: top;
  width: 23px;
}
.header .inner .header__top .header__catalog {
  float: left;
  margin-right: 4px;
  width: 92px;
}
@media only screen and (max-width: 769px) {
  .header .inner .header__top .header__catalog {
    display: none;
  }
}
.header .inner .header__top .header__catalog a {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 34px;
  line-height: 3.4rem;
  background: #000 url(../img/common/icon_catalog.png) no-repeat 11px center/14px auto;
  color: white;
  display: block;
  font-weight: bold;
  letter-spacing: 0.2em;
  padding-left: 30px;
  text-decoration: none;
}
.header .inner .header__top .header__support {
  float: left;
  margin-right: 4px;
  width: 92px;
}
@media only screen and (max-width: 769px) {
  .header .inner .header__top .header__support {
    display: none;
  }
}
.header .inner .header__top .header__support a {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 34px;
  line-height: 3.4rem;
  background: #000 url(../img/common/icon_support.png) no-repeat 11px center/7px auto;
  color: white;
  display: block;
  font-weight: bold;
  letter-spacing: 0.2em;
  padding-left: 30px;
  text-decoration: none;
}
.header .inner .header__top .header__english {
  float: left;
  margin-right: 4px;
  width: 92px;
}
@media only screen and (max-width: 769px) {
  .header .inner .header__top .header__english {
    display: none;
  }
}
.header .inner .header__top .header__english a {
  font-size: 10px;
  font-size: 1rem;
  line-height: 34px;
  line-height: 3.4rem;
  display: block;
  font-weight: bold;
  letter-spacing: 0.1em;
  text-decoration: none;
  text-align: center;
}
.header .inner .header__top .header__social {
  float: left;
  padding-top: 10px;
}
@media only screen and (max-width: 769px) {
  .header .inner .header__top .header__social {
    display: none;
  }
}
.header .inner .header__top .header__social li {
  float: left;
  margin-left: 5px;
}
.header .inner .header__top .header__social li:first-child {
  margin-left: 0;
}
.header .inner .header__top .header__social li:nth-child(4), .header .inner .header__top .header__social li:nth-child(5) {
  padding-top: 2px;
}
.header .inner .header__menu {

  width: 800px;
}
@media (max-width: 1000px) {
  .header .inner .header__menu {
    width: 100%;
    background: #fff;
  }
}
.header .inner .header__menu ul {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
}
@media (max-width: 1000px) {
  .header .inner .header__menu ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-top: 20px;
  }
}
.header .inner .header__menu ul li {
  letter-spacing: 0.1em;
  text-align: center;
}
@media (max-width: 1000px) {
  .header .inner .header__menu ul li {
    /* margin-bottom: 25px;*/
    width: 100%;
  }
}
.header .inner .header__menu ul li a {
  font-size: 17px;
  color: #333;
  /*letter-spacing: 0.12em;*/
  text-decoration: none;
}
@media (max-width: 1000px) {
  .header .inner .header__menu ul li a {
    font-size: 16px;
    width: 100%;
  }
}
.header .inner .header__menu ul li a span {
  position: relative;
}
.header .inner .header__menu ul li a span:after {
  background: #000;
  bottom: -4px;
  content: "";
  display: block;
  height: 1px;
  left: 0;
  position: absolute;
  -webkit-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  width: 0;
}
.header .inner .header__menu ul li a small {
  font-size: 10px;
  font-size: 1rem;
}
@media (max-width: 1000px) {
  .header .inner .header__menu ul li a small {
    font-size: 7px;
    font-size: 0.7rem;
  }
}
.header .inner .header__menu ul li a:hover span:after {
  width: 100%;
}
@media (max-width: 1000px) {
  .header .inner .header__menu ul li a:hover span:after {
    width: 0;
  }
}
.header .inner.fixed {
  position: fixed;
  top: 0;
}
.header .inner.fixed .header__body {
  padding-top: 20px;
  padding-bottom: 1px;
}
@media (max-width: 1000px) {
  .header .inner.fixed .header__body {
    padding-top: 10px;
  }
}
.header .inner.fixed .header__top {
  margin-bottom: 20px;
}
@media (max-width: 1000px) {
  .header .inner.fixed .header__top {
    margin-bottom: 9px;
  }
}
@media (min-width:1000px) {
  #menu{
    display: none;
  }
}

@media (max-width: 1000px) {
  .navright{
    display: none;
  }
}
.header .inner.fixed #menu {
  opacity: 1;
}
.header .inner.fixed #menu > a.on span:nth-child(1) {
  -webkit-transform: translateY(10px) rotate(-315deg);
  -ms-transform: translateY(10px) rotate(-315deg);
  transform: translateY(10px) rotate(-315deg);
}
@media (max-width: 1000px) {
  .header .inner.fixed #menu > a.on span:nth-child(1) {
    -webkit-transform: translateY(4px) rotate(-315deg);
    -ms-transform: translateY(4px) rotate(-315deg);
    transform: translateY(4px) rotate(-315deg);
  }
}
.header .inner.fixed #menu > a.on span:nth-child(2) {
  opacity: 0;
  -webkit-transform: translateX(30px);
  -ms-transform: translateX(30px);
  transform: translateX(30px);
}
.header .inner.fixed #menu > a.on span:nth-child(3) {
  -webkit-transform: translateY(-10px) rotate(315deg);
  -ms-transform: translateY(-10px) rotate(315deg);
  transform: translateY(-10px) rotate(315deg);
}
@media (max-width: 1000px) {
  .header .inner.fixed #menu > a.on span:nth-child(3) {
    -webkit-transform: translateY(-4px) rotate(315deg);
    -ms-transform: translateY(-4px) rotate(315deg);
    transform: translateY(-4px) rotate(315deg);
  }
}
.header .inner.header--under .header__body {
  padding-top: 20px;
  padding-bottom: 1px;
}
@media (max-width: 1000px) {
  .header .inner.header--under .header__body {
    padding-top: 10px;
  }
  .header .inner{
    height: 70px;
    line-height: 70px;
    /*overflow: hidden;*/
  }
}
.header .inner.header--under .header__top {
  margin-bottom: 20px;
}
@media  (max-width: 1000px) {
  .header .inner.header--under .header__top {
    margin-bottom: 9px;
  }
}
.header .inner.header--under .header__menu {
  /*padding-bottom: 15px;*/
}
@media (max-width: 1000px) {
  .header .inner.header--under .header__menu {
    display: none;
  }
}
.header .inner.header--under #menu > a.on span:nth-child(1) {
  -webkit-transform: translateY(10px) rotate(-315deg);
  -ms-transform: translateY(10px) rotate(-315deg);
  transform: translateY(10px) rotate(-315deg);
}
@media (max-width: 1000px) {
  .header .inner.header--under #menu > a.on span:nth-child(1) {
    -webkit-transform: translateY(4px) rotate(-315deg);
    -ms-transform: translateY(4px) rotate(-315deg);
    transform: translateY(4px) rotate(-315deg);
  }
}
.header .inner.header--under #menu > a.on span:nth-child(2) {
  opacity: 0;
  -webkit-transform: translateX(30px);
  -ms-transform: translateX(30px);
  transform: translateX(30px);
}
.header .inner.header--under #menu > a.on span:nth-child(3) {
  -webkit-transform: translateY(-10px) rotate(315deg);
  -ms-transform: translateY(-10px) rotate(315deg);
  transform: translateY(-10px) rotate(315deg);
}
@media only screen and (max-width: 769px) {
  .header .inner.header--under #menu > a.on span:nth-child(3) {
    -webkit-transform: translateY(-4px) rotate(315deg);
    -ms-transform: translateY(-4px) rotate(315deg);
    transform: translateY(-4px) rotate(315deg);
  }
}

.breadcrumb {
  margin: 0 auto 35px;
  width: 924px;
}
@media (max-width: 1000px) {
  .breadcrumb {
    display: none;
    width: 100%;
  }
}
.breadcrumb li {
  font-size: 16px;
  float: left;

  letter-spacing: 0.12em;
  line-height: 1.5;
  margin-right: 15px;
}
.breadcrumb li a {
  line-height: 1;
}

.contents {
  background: white;
  padding-bottom: 1px;
  -webkit-backface-visibility: hidden;
}
.contents .mainvisual {
  position: relative;
}
.contents .mainvisual .brand__name {
  bottom: 10px;
  left: 20px;
  position: absolute;
}
@media only screen and (max-width: 769px) {
  .contents .mainvisual .brand__name {
    bottom: 0;
    left: 10px;
  }
}
.contents .mainvisual .brand__num {
  bottom: 10px;
  position: absolute;
  right: 20px;
}
.contents .js-hidden {
  opacity: 0;
  -webkit-transform: translate(0, 50px);
  -ms-transform: translate(0, 50px);
  transform: translate(0, 50px);
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.contents .js-hidden.on {
  opacity: 1;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}
.contents .box {
  margin: 0 auto;
  width: 850px;
}
@media (max-width: 1000px) {
  .contents .box {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 10px;
    width: 100%;
  }
}
.contents .box.box--wide {
  width: 925px;
}
@media  (max-width: 1000px) {
  .contents .box.box--wide {
    width: 100%;
  }
}
.contents .box__title {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 337px;
  margin-bottom: 20px;
  padding-top: 136px;
}
@media only screen and (max-width: 769px) {
  .contents .box__title {
    height: 168px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0;
  }
}
.contents .box__title2 {
  background-position: center -200px;
  background-repeat: no-repeat;
  background-size: 100% auto;
  margin-bottom: 20px;
  padding: 156px 0;
}
@media  (max-width: 1000px) {
  .contents .box__title2 {
    background-position: center center;
    background-size: cover;
    padding: 70px 0;
  }
}
.contents .main__title {
  font-size: 22px;
  font-size: 2.2rem;
  -webkit-animation: title-gradient 40s infinite;
  animation: title-gradient 40s infinite;
  background: -webkit-gradient(linear, left top, right top, from(#e3383d), color-stop(#e98d78), color-stop(#8176b5), color-stop(#00a6ac), color-stop(#8175b5), to(#e32620));
  background: -o-linear-gradient(left, #e3383d, #e98d78, #8176b5, #00a6ac, #8175b5, #e32620);
  background: linear-gradient(to right, #e3383d, #e98d78, #8176b5, #00a6ac, #8175b5, #e32620);
  background-position: 0% 0%;
  background-size: 600% 600%;
  color: white;
  font-weight: normal;
  letter-spacing: 0.2em;
  margin: 0 auto;
  padding: 15px 0;
  text-align: center;
  width: 314px;
}
@media only screen and (max-width: 769px) {
  .contents .main__title {
    font-size: 14px;
    font-size: 1.4rem;
    padding: 7px 0;
    width: 236px;
  }
}
.contents .main__title small {
  font-size: 11px;
  font-size: 1.1rem;
  display: inline-block;
  position: relative;
}
@media only screen and (max-width: 769px) {
  .contents .main__title small {
    font-size: 7px;
    font-size: 0.7rem;
  }
}
.contents .main__title small::before {
  background: white;
  content: "";
  display: block;
  height: 1px;
  left: 50%;
  margin-left: -55px;
  position: absolute;
  top: -8px;
  width: 110px;
}
@media only screen and (max-width: 769px) {
  .contents .main__title small::before {
    margin-left: -41px;
    top: -6px;
    width: 82px;
  }
}
.contents .main__title2 {
  font-size: 21px;
  font-size: 2.1rem;
  font-weight: 900;
  letter-spacing: 0.2em;
  margin: 0 auto 50px;
  padding: 15px 0;
  text-align: center;
  width: 400px;
}
@media only screen and (max-width: 769px) {
  .contents .main__title2 {
    font-size: 24px;

    margin-bottom: 23px;
    padding: 0;
    width: auto;
  }
}
.contents .main__title2 small {
  font-size: 14px;
  font-size: 1.4rem;
  display: inline-block;
  font-weight: normal;
  position: relative;
}
@media only screen and (max-width: 769px) {
  .contents .main__title2 small {
    display: none!important;
  }
}
.contents .main__title2 small::before {
  background: #000;
  content: "";
  display: block;
  height: 3px;
  left: 50%;
  margin-left: -80px;
  position: absolute;
  top: -8px;
  width: 160px;
}
@media only screen and (max-width: 769px) {
  .contents .main__title2 small::before {
    height: 2px;
    margin-left: -60px;
    top: -4px;
    width: 120px;
  }
}
.contents .main__title3 {
  font-size: 22px;
  font-size: 2.2rem;
  -webkit-animation: title-gradient 40s infinite;
  animation: title-gradient 40s infinite;
  background: -webkit-gradient(linear, left top, right top, from(#e3383d), color-stop(#e98d78), color-stop(#8176b5), color-stop(#00a6ac), color-stop(#8175b5), to(#e32620));
  background: -o-linear-gradient(left, #e3383d, #e98d78, #8176b5, #00a6ac, #8175b5, #e32620);
  background: linear-gradient(to right, #e3383d, #e98d78, #8176b5, #00a6ac, #8175b5, #e32620);
  background-position: 0% 0%;
  background-size: 600% 600%;
  color: white;
  font-weight: normal;
  letter-spacing: 0.2em;
  margin: 0 auto;
  padding: 30px 0;
  text-align: center;
  width: 924px;
}
@media only screen and (max-width: 769px) {
  .contents .main__title3 {
    font-size: 14px;
    font-size: 1.4rem;
    padding: 7px 0;
    width: 236px;
  }
}
.contents .main__title3 small {
  font-size: 11px;
  font-size: 1.1rem;
  display: inline-block;
  position: relative;
}
@media only screen and (max-width: 769px) {
  .contents .main__title3 small {
    font-size: 7px;
    font-size: 0.7rem;
  }
}
.contents .main__title3 small::before {
  background: white;
  content: "";
  display: block;
  height: 1px;
  left: 50%;
  margin-left: -55px;
  position: absolute;
  top: -8px;
  width: 110px;
}
@media only screen and (max-width: 769px) {
  .contents .main__title3 small::before {
    margin-left: -41px;
    top: -6px;
    width: 82px;
  }
}
.contents .box__lead {
  font-size: 18px;
  font-size: 1.8rem;
  letter-spacing: 0.1em;
  min-height: 2em;
  margin-bottom: 35px;
  text-align: center;
}
@media (max-width: 1000px) {
  .contents .box__lead {
    font-size: 13px;
    font-size: 1.3rem;
    margin-bottom: 15px;
    min-height: 0;

  }
}
.contents .box__tabs {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  border-top: 1px solid #000;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 auto 38px;
}
.contents .box__tabs li {
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 20%;
}
.contents .box__tabs li:first-child, .contents .box__tabs li:nth-child(7n+1) {
  border-left: 1px solid #000;
}
@media only screen and (max-width: 769px) {
  .contents .box__tabs li:first-child, .contents .box__tabs li:nth-child(7n+1) {
    border-left: none;
  }
  #brand .box__tabs li:nth-child(1){
    display: none;
  }
}
@media only screen and (max-width: 769px) {
  .contents .box__tabs li:nth-child(2),.contents .box__tabs li:nth-child(4)  {
    border-left: 1px solid #000;
  }
}
@media only screen and (max-width: 769px) {
  .contents .box__tabs li {
    width: 50%;
  }
}
.contents .box__tabs li a {
  font-size: 17px;
  font-size: 1.7rem;
  line-height: 60px;
  line-height: 6rem;
  display: block;
  position: relative;
  text-align: center;
}
.contents .box__tabs li a small {
  font-size: 11px;
  font-size: 1.1rem;
  left: 5px;
  line-height: 1;
  position: absolute;
  top: 5px;
}
.contents .box__tabs li a.active, .contents .box__tabs li a:hover {
  background: #000;
  color: white;
}
.contents .box__links {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  border-top: 1px solid #000;
  border-left: 1px solid #000;
  margin: 0 auto 85px;
  width: 924px;
}
@media (max-width: 1000px) {
  .contents .box__links {
    margin-bottom: 0;
    width: 100%;
  }
}
.contents .box__links li {
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  box-sizing: border-box;
  width: 308px;
}
.zzcolor .box__links li{
  width: 25%;
}
.zzcolorcon ul{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.zzcolor img{
  max-width: 100%;
  display: block;
  height: auto;
  margin: 0 auto 1rem;
}

.zzcolorcon ul li{
  width: 48%;
}
.zzcolor li p{
  font-size: 16px;
  color: #111;
  margin: 15px 0 30px;
}
.zzcolordz ul li{
  width: 100%;
}
.zzcolordz li{
  margin-bottom: 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid #f1f1f1;
}
.zzcolordz li:last-child{
  border: none;
  margin-bottom: 0;
  padding-bottom: 0;
}
.zzcolorsc img{
  margin-bottom: 30px;
}
.newscon{
  font-size: 14px;
  color: #333;
  line-height: 28px;
}
.newscon h3{
  font-size: 22px;
  color: #111;
  text-align: center;
  margin-bottom: 50px;
}
.newscon img{
  max-width: 100%;
  height: auto;
  margin: 15px auto;
}
.jm{
  margin-bottom: 50px!important;
}
.jm img{
  max-width: 100%;
  display: block;
  height: auto;
}
.qqyw{

}
.qqyw li{
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 50px;
}
.qqywimg{

}
.qqyw img{
  display: block;
  max-width: 100%;
  height: auto;
}
.qqyw h4{
  font-size: 20px;
  margin-bottom: 20px;
  color: #111;
  width: 100%;
}
.qqyw p{
  font-size: 16px;
  color: #555;
}

@media (max-width: 1000px) {
  .contents .box__links li {
    width: 33.3%;
  }
  .zzcolor .box__links li{
    width: 50%;
  }
  #business .box__links li{
    width: 50%;
  }
  .footer__menu{
    display: none!important;
  }
}
.contents .box__links li:first-child, .contents .box__links li:nth-child(3n+1) {
  border-left: none;
}
.contents .box__links li a {
  font-size: 17px;
  font-size: 1.7rem;
  line-height: 61px;
  line-height: 6.1rem;
  background: url(../img/common/icon_arrow01.png) no-repeat 10px center;
  display: block;
  padding-left: 38px;
}
@media only screen and (max-width: 769px) {
  .contents .box__links li a {
    font-size: 14px;

    line-height: 44px;

    background-size: 8px 8px;
    padding-left: 0;
    text-align: center;
  }
}
.contents .item__lineup {
  border-top: 1px dashed #000;
  margin-top: 80px;
  padding-top: 32px;
  padding-bottom: 190px;
}
@media only screen and (max-width: 769px) {
  .contents .item__lineup {
    border-top: none;
    margin-top: 50px;
    padding-top: 0;
    padding-bottom: 20px;
  }
}
.contents .item__lineup .lineup__body li {
  float: left;
  margin-right: 40px;
  margin-bottom: 70px;
  width: 138px;
}
@media only screen and (max-width: 769px) {
  .contents .item__lineup .lineup__body li {
    margin-right: 0;
    margin-bottom: 30px;
    width: 48%;
  }
  .contents .item__lineup .lineup__body li:nth-child(2n) {
    float: right;
  }
}
.contents .item__lineup .lineup__body li a {
  display: block;
}
.contents .item__lineup .lineup__body li:nth-child(5n) {
  margin-right: 0;
}
.contents .item__lineup .lineup__body .lineup__img {
  height: 138px;
  margin-bottom: 20px;
  overflow: hidden;
  position: relative;
  text-align: center;
  width: 138px;
}
.contents .item__lineup .lineup__body .lineup__img img {
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  top: 50%;
  width: 100%;
}
@media only screen and (max-width: 769px) {
  .contents .item__lineup .lineup__body .lineup__img {
    margin-bottom: 10px;
  }
}
.contents .item__lineup .lineup__body .lineup__name {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 900;
  text-align: center;
}
@media only screen and (max-width: 769px) {
  .contents .item__lineup .lineup__body .lineup__name {
    font-size: 12px;
    font-size: 1.2rem;
  }
}

.bx-wrapper {
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  margin-bottom: 0;
}
.bx-wrapper .bx-controls-direction .bx-prev {
  background: url(../img/common/sp/btn_prev.png) no-repeat left top/10px 20px;
  height: 20px;
  left: 0;
  margin-top: -6px;
  overflow: hidden;
  width: 10px;
}
.bx-wrapper .bx-controls-direction .bx-next {
  background: url(../img/common/sp/btn_next.png) no-repeat left top/10px 20px;
  height: 20px;
  margin-top: -6px;
  overflow: hidden;
  right: 0;
  width: 10px;
}

.footer {
  background: #dcdcdc;
  padding: 37px 0 26px;
}
@media (max-width: 1000px) {
  .footer {
    padding: 17px 15px 25px;
  }
}
.footer .inner {
  margin: 0 auto;
  width: 850px;
}
@media (max-width: 1000px) {
  .footer .inner {
    width: 100%;
  }
  footer .footer__logo {
    margin-bottom: 20px;
  }
  .footer__logo .foottr img{
    display: none;
  }

}

.footer__logo .foottl img{
  width: auto;
  height: 40px;
}

@media (min-width: 1000px) {
  .footer .footer__logo {
    margin-bottom: 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }



.footer__logo .foottr{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.footer__logo .foottr .foottrimg{
  position: relative;
}
.footer__logo .foottr .foottrimgt{
  position: absolute;
  left: -45px;
  bottom: 50px;
  height: 120px;
  opacity: 0;
  transition: all 1s;
}
.footer__logo .foottr img{
  width: auto;
  height: 30px;
  margin-left: 10px;
}
.footer__logo .foottr img:hover{
  cursor: pointer;
}
.footer__logo .foottr .foottrimg:hover .foottrimgt{
  opacity: 1;
}
}


@media only screen and (max-width: 769px) {
  .footer .footer__logo {
    text-align: center;
  }
}
.footer .footer__social {
  display: none;
}
@media only screen and (max-width: 769px) {
  .footer .footer__social {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 25px;
    text-align: center;
  }
  .footer .footer__social li {
    margin: 0 10px;
  }
  .footer .footer__social li:nth-child(4) {
    padding-top: 2px;
  }
}
.footer .footer__menu {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 30px;
}
.footer .footer__menu .menu__item{
  width: 25%;
}

@media only screen and (max-width: 769px) {
  .footer .footer__menu {
    border-top: 1px solid #000;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 20px;
  }
}
.footer .menu__item .menu__title {
  margin-bottom: 10px;
}
@media only screen and (max-width: 769px) {
  .footer .menu__item .menu__title {
    margin-bottom: 0;
  }
}
.footer .menu__item .menu__title a {
  font-size: 18px;
  font-size: 1.8rem;
  color: #000;
  line-height: 0.7;
  text-decoration: none;
}
@media only screen and (max-width: 769px) {
  .footer .menu__item .menu__title a {
    line-height: 40px;
    line-height: 4rem;
    border-bottom: 1px solid #000;
    display: block;
    text-align: center;
    width: 100%;
  }
}
.footer .menu__item .menu__title a small {
  font-size: 10px;
  font-size: 1rem;
}
@media only screen and (max-width: 769px) {
  .footer .menu__item .menu__title a small {
    display: none;
  }
}
.footer .menu__item .menu__sub {
  margin-bottom: 40px;
}
.footer .menu__item .menu__sub:last-child {
  margin-bottom: 0;
}
@media only screen and (max-width: 769px) {
  .footer .menu__item .menu__sub {
    display: none;
  }
}
.footer .menu__item .menu__sub li {
  line-height: 1.8;
}
.footer .menu__item .menu__sub li a {
  font-size: 14px;
  font-size: 1.4rem;
}
.footer .footer__copyright {
  font-size: 14px;
  font-size: 1.4rem;
  letter-spacing: 0.1em;
}
@media only screen and (max-width: 769px) {
  .footer .footer__copyright {
    font-size: 9px;
    font-size: 0.9rem;
    text-align: center;
  }
}

.button {
  font-size: 19px;
  font-size: 1.9rem;
  line-height: 64px;
  line-height: 6.4rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  letter-spacing: 0.12em;
  text-align: center;
}
@media only screen and (max-width: 769px) {
  .button {
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 50px;
    line-height: 5rem;
  }
}
.button.button01 {
  background: url(../img/brand_detail/icon_arrow02.jpg) no-repeat 10px center;
  border: 1px solid #000;
}
@media only screen and (max-width: 769px) {
  .button.button01 {
    background-size: 8px auto;
  }
}
.button.button02 {
  -webkit-animation: bg-gradient 40s infinite;
  animation: bg-gradient 40s infinite;
  background: -webkit-gradient(linear, left top, right top, from(#bd000b), color-stop(#e3383d), color-stop(#e98d78), color-stop(#8176b5), color-stop(#00a6ac), color-stop(#8175b5), to(#e32620));
  background: -o-linear-gradient(left, #bd000b, #e3383d, #e98d78, #8176b5, #00a6ac, #8175b5, #e32620);
  background: linear-gradient(90deg, #bd000b, #e3383d, #e98d78, #8176b5, #00a6ac, #8175b5, #e32620);
  background-position: 0% 0%;
  background-size: 200% 200%;
  color: white;
  display: block;
  position: relative;
}
.button.button02::before {
  background: url(../img/brand_detail/icon_arrow03.png) no-repeat left top;
  content: "";
  display: block;
  height: 16px;
  left: 11px;
  margin-top: -8px;
  position: absolute;
  top: 50%;
  width: 16px;
}
@media only screen and (max-width: 769px) {
  .button.button02::before {
    background-size: 8px auto;
    height: 8px;
    margin-top: -4px;
    width: 8px;
  }
}
.button.button-disable {
  background: #eeeeef;
  border: 1px solid #eeeeef;
}

.icon {
  font-size: 16px;
  font-size: 1.6rem;
  border-bottom: 1px solid #000;
  display: inline-block;
  padding-left: 18px;
}
@media only screen and (max-width: 769px) {
  .icon {
    font-size: 12px;
    font-size: 1.2rem;
    padding-left: 9px;
  }
}
.icon.icon--spec {
  background: url(../img/brand_detail/icon_specification.gif) no-repeat left center;
}
@media only screen and (max-width: 769px) {
  .icon.icon--spec {
    background-size: 6px auto;
  }
}
.icon.icon--catalog {
  background: url(../img/brand_detail/icon_catalog.gif) no-repeat left center;
}
@media only screen and (max-width: 769px) {
  .icon.icon--catalog {
    background-size: 7px auto;
  }
}
.icon.icon--sds {
  background: url(../img/brand_detail/icon_sds.gif) no-repeat left center;
}
@media only screen and (max-width: 769px) {
  .icon.icon--sds {
    background-size: 7px auto;
  }
}

.totop {
  bottom: 50px;
  opacity: 0;
  position: fixed;
  right: 100px;
  -webkit-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}



  .totop.on {
    opacity: 1;
  }

  .totop a {

    line-height: 8.4rem;
    border: 1px solid #000;
    border-radius: 43px;
    display: block;
    text-align: center;
    width: 84px;
  }

@media  (max-width: 1000px) {
  .totop a {

    line-height: 3rem;
    margin: 0 auto 10px;
    width: 30px;
  }
}
.totop a img {
  vertical-align: middle;
}
@media  (max-width: 1000px) {
  .totop a img {
    width: 7px;
  }
}
@media (max-width: 668px) {
  .totop {
    display: none
  }
}

.side__copyright {

  font-size: 13px;
  color: white;
  letter-spacing: 0.2em;
  left: 15px;
  position: absolute;
  top: 25px;
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
  -webkit-transform-origin: 0;
      -ms-transform-origin: 0;
          transform-origin: 0;
}
@media only screen and (max-width: 769px) {
  .side__copyright {

    font-size: 0.6rem;
    left: 7px;
    top: 10px;
    white-space: nowrap;
  }
}

.side__text {

  font-size: 13px;
  color: white;
  letter-spacing: 0.2em;
  left: 15px;
  position: absolute;
  top: 550px;
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
  -webkit-transform-origin: 0;
      -ms-transform-origin: 0;
          transform-origin: 0;
}
@media only screen and (max-width: 769px) {
  .side__text {

    font-size: 0.6rem;
    left: 7px;
    margin-top: -140px;
    top: 50%;
    white-space: nowrap;
  }
}

.back__link {
  display: none;
}
@media only screen and (max-width: 769px) {
  .back__link {

    font-size: 1.4rem;
    display: block;
    margin-bottom: 15px;
  }
}

#home {
  padding-top: 90px;
}
@media (max-width: 1000px) {
  #home {
    padding-top: 80px;
  }
  .header .inner .header__top img{
    height: 60px;
    padding-left: 15px;
  }
}
@media (max-width: 767px) {
  #home {
    padding-top: 70px;
  }
  .header .inner.header--under .header__body{
    padding-top: 5px;
  }
}
#home .box__lead {
  font-weight: 900;
}
#home .mv {
  position: relative;
  margin-bottom: 50px;
}
#home .mv .bx-wrapper {
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
#home .mv .bx-wrapper .bx-pager.bx-default-pager {
  bottom: 20px;
  position: absolute;
}
#home .mv .bx-wrapper .bx-next {
  background: url(../img/index/btn_next.png) no-repeat left top;
  height: 54px;
  left: 90%;
  margin-top: -27px;
 /* margin-left: 427px;*/
  right: auto;
  top: 50%;
  width: 54px;
}
@media (max-width: 1000px) {
  #home .mv .bx-wrapper .bx-next {
    background-size: 35px 35px;
    height: 35px;
    left: auto;
    margin-top: -14px;
    margin-left: 0;
    right: 10px;
    width: 35px;
  }
}
#home .mv .bx-wrapper .bx-prev {
  background: url(../img/index/btn_prev.png) no-repeat left top;
  height: 54px;
  left: 10%;
  margin-top: -27px;
  /*margin-left: -462px;*/
  top: 50%;
  width: 54px;
}
@media (max-width: 1000px) {
  #home .mv .bx-wrapper .bx-prev {
    background-size: 35px 35px;
    height: 35px;
    left: 10px;
    margin-top: -14px;
    margin-left: 0;
    width: 35px;
  }
}
#home .mv .bxslider li {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;

  position: relative;
}
#home .mv .bxslider li a {
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
/*@media only screen and (max-width: 769px) {
  #home .mv .bxslider li {
    height: 195px;
    padding-top: 190px;
  }
}*/
#home .mv .bxslider li .mv__title {

  font-size: 1.8rem;
  letter-spacing: 0.2em;
  margin-bottom: 25px;
  padding-bottom: 16px;
  position: relative;
  text-align: center;
}
@media only screen and (max-width: 769px) {
  #home .mv .bxslider li .mv__title {

    font-size: 1.1rem;
    margin-bottom: 12px;
    padding-bottom: 8px;
  }
}
#home .mv .bxslider li .mv__title::after {
  background: #000;
  bottom: 0;
  content: "";
  display: block;
  height: 1px;
  left: 50%;
  margin-left: -73px;
  position: absolute;
  width: 146px;
}
#home .mv .bxslider li .mv__lead {

  font-size: 4.1rem;
  letter-spacing: 0.2em;
  margin-bottom: 10px;
  text-align: center;
}
@media only screen and (max-width: 769px) {
  #home .mv .bxslider li .mv__lead {

    font-size: 2.5rem;
    letter-spacing: 0.12em;
    margin-bottom: 5px;
  }
}
#home .mv .bxslider li .mv__text {

  font-size: 1.6rem;
  letter-spacing: 0.4em;
  margin-bottom: 25px;
  text-align: center;
}
@media only screen and (max-width: 769px) {
  #home .mv .bxslider li .mv__text {

    font-size: 0.9rem;
  }
}
#home .mv .bxslider li .mv__play {
  text-align: center;
}
#home .mv .bxslider li .mv__play img {
  display: inline;
}
#home .milkpaint_bnr {
  margin-bottom: 60px;
}
@media only screen and (max-width: 769px) {
  #home .milkpaint_bnr {
    margin-bottom: 30px;
  }
}
#home .milkpaint_bnr .img {
  text-align: center;
}
#home .milkpaint_bnr .img img {
  max-width: 1200px;
  width: 100%;
}
@media only screen and (max-width: 769px) {
  #home .milkpaint_bnr .img img {
    width: 100%;
  }
}
#home .milkpaint_bnr .txt {

  font-size: 1.6rem;
  margin-top: 10px;
  text-align: center;
}
@media only screen and (max-width: 769px) {
  #home .milkpaint_bnr .txt {

    font-size: 1rem;
  }
  #home .milkpaint_bnr .txt br {
    display: none;
  }
}
#home .banner__wrap {
  height: 58px;
  margin: 0 auto 60px;
  position: relative;
}
@media only screen and (max-width: 769px) {
  #home .banner__wrap {
    height: 29px;
    margin-bottom: 15px;
  }
}
#home .banner__wrap .bx-wrapper {
  margin: 0 auto;
}
#home #banner a {
  display: block;
  position: relative;
}
#home #banner a::after {
  background: rgba(0, 0, 0, 0.5);
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
#home #banner a.active::after {
  display: none;
}
#home .banners {
  position: relative;
}
@media only screen and (max-width: 769px) {
  #home .banners {
    margin-bottom: 25px;
  }
}
#home .banners img {
  width: 100%;
}
#home .banners .slick-next, #home .banners .slick-prev {
  border: none;
  cursor: pointer;
  height: 35px;
  left: 50%;
  margin-top: -18px;
  overflow: hidden;
  outline: none;
  position: absolute;
  right: auto;
  text-indent: -100px;
  top: 50%;
  width: 35px;
  z-index: 9999;
}
#home .banners .slick-next {
  background: url(../img/index/btn_next.png) no-repeat left top;
  margin-left: 427px;
}
@media only screen and (max-width: 769px) {
  #home .banners .slick-next {
    background-size: 18px 18px;
    height: 18px;
    left: auto;
    margin-top: -9px;
    margin-left: 0;
    right: 10px;
    width: 18px;
  }
}
#home .banners .slick-prev {
  background: url(../img/index/btn_prev.png) no-repeat left top;
  margin-left: -462px;
}
@media only screen and (max-width: 769px) {
  #home .banners .slick-prev {
    background-size: 18px 18px;
    height: 18px;
    left: 10px;
    margin-top: -9px;
    margin-left: 0;
    right: auto;
    width: 18px;
  }
}
#home .top_banner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 auto;
  max-width: 1200px;
  width: 100%;
}
@media only screen and (max-width: 769px) {
  #home .top_banner {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 0 15px;
  }
}
#home .top_banner li {
  margin-right: 25px;
  margin-bottom: 60px;
  width: 220px;
}
#home .top_banner li:nth-child(5n) {
  margin-right: 0;
}
@media only screen and (max-width: 769px) {
  #home .top_banner li {
    margin-bottom: 30px;
    margin-right: 0;
    width: 48%;
  }
}
#home .top_banner li img {
  width: 100%;
}
#home .top_banner li a {
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
#home .top_banner li a:hover {
  opacity: 0.7;
}
#home .top_banner li p {

  font-size: 1.2rem;
  margin-top: 10px;
  text-align: center;
}
@media only screen and (max-width: 769px) {
  #home .top_banner li p {

    font-size: 1rem;
    text-align: left;
  }
  #home .top_banner li p br {
    display: none;
  }
}
#home #information {
  margin-bottom: 135px;
}
@media only screen and (max-width: 769px) {
  #home #information {
    margin-bottom: 0;
  }
  #home #information .inner {
    border-bottom: 2px solid #ccc;
    margin-bottom: 30px;
    padding-bottom: 30px;
  }
}
#home #information .main__title {
  margin-bottom: 50px;
  width: 100%;
}
@media only screen and (max-width: 769px) {
  #home #information .main__title {
    margin: 0 -10px 10px;
    width: auto;
  }
}
@media only screen and (max-width: 769px) {
  #home #information .information__news {
    float: none;
    margin-bottom: 20px;
    width: 100%;
  }
}
#home #information .news__tabs {
  border-left: 1px solid #000;
  margin-bottom: 30px;
}
@media only screen and (max-width: 769px) {
  #home #information .news__tabs {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
  }
}
#home #information .news__tabs li {
  border-right: 1px solid #000;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  float: left;
  padding: 4px 11px;
  width: 424px;
}
@media  (max-width: 1000px) {
  #home #information .news__tabs li {
    padding: 0;
    width: 50%;
  }
}
#home #information .news__tabs li a {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 43px;
  line-height: 4.3rem;
  color: #000;
  display: block;
  position: relative;
  text-align: center;
}
@media  (max-width: 1000px) {
  #home #information .news__tabs li a {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 26px;
    line-height: 2.6rem;
  }
}
#home #information .news__tabs li a span {
  position: relative;
  z-index: 100;
}
#home #information .news__tabs li a::after {
  background: #faed00;
  content: "";
  display: block;
  height: 43px;
  left: 0;
  position: absolute;
  top: 0;
  -webkit-transition: width 0.3s ease-in-out;
  -o-transition: width 0.3s ease-in-out;
  transition: width 0.3s ease-in-out;
  width: 0;
}
@media (max-width: 1000px) {
  #home #information .news__tabs li a::after {
    height: 26px;
  }
}
#home #information .news__tabs li a.actv::after, #home #information .news__tabs li a:hover::after {
  width: 100%;
}
#home #information .controls {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media only screen and (max-width: 769px) {
  #home #information .controls {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
#home #information .news__link {
  margin-right: 20px;
}
#home #information .news__link a {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 32px;
  line-height: 3.2rem;
  background: #f7f7f7;
  display: inline-block;
  letter-spacing: 0.2em;
  padding: 0 5px;
  text-align: center;
}
@media only screen and (max-width: 769px) {
  #home #information .news__link a {
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 25px;
    line-height: 2.5rem;
    letter-spacing: 0;
  }
}
#home #information #tabs {
  position: relative;
}
#home #information .tab {
  display: none;
  left: 0;
  top: 0;
}
#home #information .tab.actv {
  display: block;
}
#home #information .tab .tab__body {
  margin-bottom: 10px;
}
#home #information .tab li {
  margin-top: 10px;
}
#home #information .tab li a {
  display: block;
}
#home #information .tab li a .news__date {
  font-size: 14px;
  font-size: 1.4rem;
  float: left;
  line-height: 1.62;
  width: 115px;
}
@media only screen and (max-width: 769px) {
  #home #information .tab li a .news__date {
    font-size: 12px;
    font-size: 1.2rem;
    float: none;
  }
}
#home #information .tab li a .news__title {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.62;
  overflow: hidden;
}
@media only screen and (max-width: 769px) {
  #home #information .tab li a .news__title {
    font-size: 12px;
    font-size: 1.2rem;
  }
  #home #information .tab li a .news__title br {
    display: none;
  }
}
#home #information .tab .news__page {
  font-size: 14px;
  font-size: 1.4rem;
  letter-spacing: 0.2em;
}
@media only screen and (max-width: 769px) {
  #home #information .tab .news__page {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 25px;
    line-height: 2.5rem;
    padding-top: 0;
  }
}
#home #information .information__banner {
  float: right;
  padding-top: 45px;
  width: 265px;
}
@media only screen and (max-width: 769px) {
  #home #information .information__banner {
    float: none;
    padding-top: 0;
    width: 100%;
  }
}
#home #information .information__banner .bx-wrapper {
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  margin-bottom: 0;
}
@media only screen and (max-width: 769px) {
  #home #information .information__banner .bx-wrapper {
    margin: 0 auto;
  }
}
#home #information .information__banner .bx-wrapper .bx-next {
  background: url(../img/index/btn_next2.png) no-repeat left top;
  bottom: -45px;
  height: 14px;
  left: 50%;
  margin-top: 0;
  margin-left: -14px;
  right: auto;
  top: auto;
  width: 28px;
}
@media only screen and (max-width: 769px) {
  #home #information .information__banner .bx-wrapper .bx-next {
    background-size: 12px 6px;
    bottom: auto;
    height: 6px;
    left: auto;
    margin-top: -3px;
    margin-left: 0;
    right: -5px;
    -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
            transform: rotate(-90deg);
    top: 50%;
    width: 12px;
  }
}
#home #information .information__banner .bx-wrapper .bx-prev {
  background: url(../img/index/btn_prev2.png) no-repeat left top;
  height: 14px;
  left: 50%;
  margin-top: 0;
  margin-left: -14px;
  top: -45px;
  width: 28px;
}
@media only screen and (max-width: 769px) {
  #home #information .information__banner .bx-wrapper .bx-prev {
    background-size: 12px 6px;
    bottom: auto;
    height: 6px;
    left: -5px;
    margin-top: -3px;
    margin-left: 0;
    right: auto;
    -webkit-transform: rotate(270deg);
        -ms-transform: rotate(270deg);
            transform: rotate(270deg);
    top: 50%;
    width: 12px;
  }
}
#home #work__title {
  background-position: center top;
}
#home #work {
  margin-bottom: 180px;
}
@media only screen and (max-width: 769px) {
  #home #work {
    margin-bottom: 0;
  }
  #home #work .inner {
    border-bottom: 2px solid #ccc;
    margin-bottom: 30px;
    padding-bottom: 30px;
  }
}
#home #work .work__staff {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media only screen and (max-width: 769px) {
  #home #work .work__staff {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
#home #work .work__staff a {
  display: block;
}
#home #work .work__staff .staff__img {
  margin-bottom: 10px;
}
@media only screen and (max-width: 769px) {
  #home #work .work__staff .staff__img {
    margin-bottom: 5px;
  }
}
#home #work .work__staff .staff__name {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.6;
  letter-spacing: 0.1em;
  text-align: center;
}
@media only screen and (max-width: 769px) {
  #home #work .work__staff .staff__name {
    font-size: 13px;
    font-size: 1.3rem;
  }
}
#home #work .work__staff .staff__name small {
  font-size: 14px;
  font-size: 1.4rem;
}
@media only screen and (max-width: 769px) {
  #home #work .work__staff .staff__name small {
    font-size: 12px;
    font-size: 1.2rem;
  }
}
#home #work .work__staff li {
  width: 199px;
}
#home #work .work__staff li:not(:first-child) {
  margin-left: 43px;
}
@media only screen and (max-width: 769px) {
  #home #work .work__staff li:not(:first-child) {
    margin-left: 0;
  }
}
#home #work .work__staff li img {
  width: 100%;
}
@media only screen and (max-width: 769px) {
  #home #work .work__staff li {
    margin-bottom: 10px;
    width: 48%;
  }
}
#home #work .work__staff li:first-child .staff__img {
  border-bottom: 32px solid #ff00ff;
}
#home #work .work__staff li:nth-child(2) .staff__img {
  border-bottom: 32px solid #f15a24;
}
#home #work .work__staff li:nth-child(3) .staff__img {
  border-bottom: 32px solid #0ff;
}
#home #work .work__staff li:nth-child(4) .staff__img {
  border-bottom: 32px solid #fcee21;
}
#home #brand {
  margin-bottom: 180px;
}
@media only screen and (max-width: 769px) {
  #home #brand {
    margin-bottom: 0;
  }
  #home #brand .inner {
    border-bottom: 2px solid #ccc;
    margin-bottom: 30px;
    padding-bottom: 30px;
  }
}
#home #brand .box__links li a {
  font-size: 17px;
  font-size: 1.7rem;
  line-height: normal;
}
#home #brand .box__links li a span {
  line-height: 76px;
  line-height: 7.6rem;
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 28px auto;
  display: inline-block;
  padding-left: 43px;
}
#home #brand .brand__items li {
  float: left;
  padding: 1%;
  width: 23%;
}

.brand .f4js{
  display: flex;
  justify-content: space-between;
  margin-bottom: 50px;
}

.brand .f4jsl{

}

.brand .f4jsr{
  padding-left: 5%;
  align-items: center;
  display: flex;
}

.brand .f4jsr p{
  font-size: 16px;
  line-height: 30px;
  color: #333;
}







@media only screen and (max-width: 769px) {
  #home #brand .brand__items li {
    margin-left: 0;
    margin-bottom: 12px;
    width: 48%;
  }
  #home #brand .brand__items li img {
    width: 100%;
  }
  #home #brand .brand__items li:nth-child(2n) {
    float: right;
  }
}
#home #brand .brand__items li:first-child {
  margin-left: 0;
}
#home #brand .brand__items li a {
  display: block;
}
#home #brand .brand__items li .brand__img {
  margin-bottom: 10px;
}
#home #brand .brand__items li .brand__name {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 900;
  margin-bottom: 20px;
  text-align: center;
}
@media only screen and (max-width: 769px) {
  #home #brand .brand__items li .brand__name {
    font-size: 12px;
    font-size: 1.2rem;
    margin-bottom: 5px;
    min-height: 19px;
  }
}
#home #brand .brand__items li .brand__text {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.6;
}
@media only screen and (max-width: 769px) {
  #home #brand .brand__items li .brand__text {
    font-size: 12px;
    font-size: 1.2rem;
  }
}

#business {
  margin-bottom: 160px;
}
@media only screen and (max-width: 769px) {
  #business {
    margin-bottom: 15px;
  }
}

#page_brand {
  padding-bottom: 120px;
}
#page_brand .mainvisual {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  border-bottom: 3px solid #000;
  margin-bottom: 20px;
  height: 474px;
}
#page_brand .mainvisual .inner {
  padding-top: 215px;
  text-align: center;
}
@media only screen and (max-width: 769px) {
  #page_brand .brand__tab-wrap {
    height: 60px;
    margin: 0 10px 55px;
    position: relative;
  }
}
#page_brand .box__tabs {
  margin: 0 auto 45px;
  width: 924px;
}
@media  (max-width: 1000px) {
  #page_brand .box__tabs {
    width: 100%;
    z-index: 999;
  }
  /*#page_brand .box__tabs li {
    border-left: 1px solid #000;
    display: none;
    width: 100%;
  }
  #page_brand .box__tabs li a {
    background: white;
  }
  #page_brand .box__tabs li a.active {
    background: #000;
  }
  #page_brand .box__tabs li.show {
    display: block;
  }
  #page_brand .box__tabs .active::after {
    background: url(../img/brand/sp/icon_button.png) no-repeat left top/12px 6px;
    content: "";
    display: block;
    height: 6px;
    margin-top: -3px;
    position: absolute;
    right: 10px;
    top: 50%;
    width: 12px;
  }*/
}
#page_brand .main__title2 {
  margin-bottom: 10px;
}
#page_brand .brand__initial {
  font-size: 14px;
  font-size: 1.4rem;
  border-bottom: 1px solid #717071;
  margin-bottom: 20px;
}
#page_brand .brand__item {
  padding-bottom: 15px;
}
#page_brand .brand__tab {
  display: none;
}
#page_brand .brand__tab.actv {
  display: block;
}
#page_brand .brand__body li {
  margin-bottom: 30px;
  width: 31%;
  padding: 1%;
  height: auto!important;
}
.brand__body{
  display: flex;
  flex-wrap: wrap;
}
#page_brand .brand__body li:nth-child(4n) {
  margin-right: 0;
}
@media only screen and (max-width: 769px) {
  #page_brand .brand__body li {

    width: 48%;
  }

}
#page_brand .brand__body li a {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #000;
  position: relative;
  text-decoration: none;
}
#page_brand .brand__body li a .brand__img {
  height: auto;

  overflow: hidden;
  position: relative;
  width: 100%;
}
#page_brand .brand__body li a .brand__img img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0 auto 15px;
}
#brand .brand__img img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0 auto 15px;
}
#page_brand .brand__body li a .brand__name {
  font-size: 16px;
  letter-spacing: 0.2em;

}
.brandshow{
  padding-top: 180px;
}
@media only screen and (max-width: 769px) {
  #page_brand .brand__body li a .brand__name {
    font-size: 14px;
    width: 100%;
  }
  .brandshow{
    padding-top: 80px;
  }
}
#page_brand .brand__body li a span {
  font-size: 8px;
  font-size: 0.8rem;
  color: #000;
  left: 0;
  position: absolute;
  top: 0;
}

#page_brand_lineup .mainvisual {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  border-bottom: 3px solid #000;
  margin-bottom: 20px;
  height: 474px;
}
#page_brand_lineup .mainvisual .inner {
  padding-top: 215px;
  text-align: center;
}
#page_brand_lineup .mainvisual .main__logo {
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 55px;
  line-height: 5.5rem;
  background: white;
  display: inline-block;
  font-weight: normal;
  letter-spacing: 0.2em;
  padding: 0 50px;
  text-align: center;
}
#page_brand_lineup .brand__lineup .brand__icon {
  margin-bottom: 20px;
  text-align: center;
}
#page_brand_lineup .brand__lineup .lineup__title {
  font-size: 26px;
  font-size: 2.6rem;
  font-weight: 100;
  letter-spacing: 0.2em;
  line-height: 1.8;
  margin-bottom: 25px;
  text-align: center;
}
@media only screen and (max-width: 769px) {
  #page_brand_lineup .brand__lineup .lineup__title {
    font-size: 13px;
    font-size: 1.3rem;
    margin-bottom: 13px;
  }
}
#page_brand_lineup .brand__lineup .lineup__lead {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 28px;
  line-height: 2.8rem;
  letter-spacing: 0.1em;
  margin: 0 auto;
  text-align: justify;
  width: 712px;
}
@media only screen and (max-width: 769px) {
  #page_brand_lineup .brand__lineup .lineup__lead {
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 18px;
    line-height: 1.8rem;
    width: 100%;
  }
}

#page_brand_detail .mainvisual {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  border-bottom: 3px solid #000;
  margin-bottom: 20px;
  height: 238px;
}
@media only screen and (max-width: 769px) {
  #page_brand_detail .mainvisual {
    height: 120px;
  }
}
#page_brand_detail .mainvisual .inner {
  padding-top: 123px;
  text-align: center;
}
@media only screen and (max-width: 769px) {
  #page_brand_detail .mainvisual .inner {
    padding-top: 63px;
  }
}
#page_brand_detail .mainvisual .main__logo {
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 55px;
  line-height: 5.5rem;
  background: white;
  display: inline-block;
  font-weight: normal;
  letter-spacing: 0.2em;
  padding: 0 50px;
  text-align: center;
}
@media only screen and (max-width: 769px) {
  #page_brand_detail .mainvisual .main__logo {
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 40px;
    line-height: 4rem;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    max-width: 90%;
    padding: 0 25px;
  }
}
@media only screen and (max-width: 769px) {
  #page_brand_detail .brand_detail {
    margin-bottom: 10px;
  }
}
#page_brand_detail .brand_detail .brand__name {
  font-size: 12px;
  font-size: 1.2rem;
}
#page_brand_detail .brand_detail .brand__summary {
  float: left;
  margin-right: 78px;
  width: 332px;
}
@media only screen and (max-width: 769px) {
  #page_brand_detail .brand_detail .brand__summary {
    width: 100%;
  }
}
#page_brand_detail .brand_detail .brand__summary .brand__main-image {
  height: 332px;
  overflow: hidden;
  position: relative;
  width: 332px;
}
#page_brand_detail .brand_detail .brand__summary .brand__main-image img {
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 100%;
}
@media only screen and (max-width: 769px) {
  #page_brand_detail .brand_detail .brand__summary .brand__main-image {
    display: none;
  }
}
#page_brand_detail .brand_detail .brand__summary .brand__images {
  margin-bottom: 45px;
}
#page_brand_detail .brand_detail .brand__summary .brand__images li {
  float: left;
  height: 106px;
  margin-top: 10px;
  margin-right: 7px;
  position: relative;
  overflow: hidden;
  width: 106px;
}
#page_brand_detail .brand_detail .brand__summary .brand__images li:nth-child(3n) {
  margin-right: 0;
}
#page_brand_detail .brand_detail .brand__summary .brand__images li img {
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 100%;
}
@media only screen and (max-width: 769px) {
  #page_brand_detail .brand_detail .brand__summary .brand__images li {
    float: none;
    height: 100%;
    margin-right: 0;
    width: 100%;
  }
  #page_brand_detail .brand_detail .brand__summary .brand__images li::after {
    content: "";
    display: block;
    padding-top: 100%;
  }
}
#page_brand_detail .brand_detail .buttons {
  margin-bottom: 25px;
}
#page_brand_detail .brand_detail .buttons li {
  margin-top: 8px;
}
#page_brand_detail .brand_detail .buttons li a span {
  font-size: 12px;
  font-size: 1.2rem;
  font-family: "Genshin";
}
#page_brand_detail .brand_detail .buttons li:first-child {
  margin-top: 0;
}
#page_brand_detail .brand_detail .links li {
  float: left;
  margin-bottom: 15px;
  width: 110px;
}
#page_brand_detail .brand_detail .links li:nth-child(2) {
  text-align: center;
}
#page_brand_detail .brand_detail .links li:nth-child(3) {
  text-align: right;
}
#page_brand_detail .brand_detail .brand__main {
  overflow: hidden;
}
@media only screen and (max-width: 769px) {
  #page_brand_detail .brand_detail .brand__main {
    width: 100%;
  }
}
#page_brand_detail .brand_detail .brand__main .brand__name {
  font-size: 20px;
  font-size: 2rem;
  font-weight: 900;
  letter-spacing: 0.12em;
  margin-bottom: 20px;
}
#page_brand_detail .brand_detail .brand__main .brand__catch {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 28px;
  line-height: 2.8rem;
  font-weight: 900;
  letter-spacing: 0.3em;
  margin-bottom: 20px;
}
@media only screen and (max-width: 769px) {
  #page_brand_detail .brand_detail .brand__main .brand__catch {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 20px;
    line-height: 2rem;
    margin-bottom: 10px;
  }
}
#page_brand_detail .brand_detail .brand__main .brand__lead {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 24px;
  line-height: 2.4rem;
  letter-spacing: 0.12em;
  margin-bottom: 50px;
}
@media only screen and (max-width: 769px) {
  #page_brand_detail .brand_detail .brand__main .brand__lead {
    font-size: 14px;

    line-height: 28px;

    margin: 15px 0;
  }
}
#page_brand_detail .brand_detail .brand__main .brand__spec .spec__item {
  margin-bottom: 40px;
}
@media only screen and (max-width: 769px) {
  #page_brand_detail .brand_detail .brand__main .brand__spec .spec__item {
    margin-bottom: 15px;
  }
}
#page_brand_detail .brand_detail .brand__main .brand__spec .spec__item .spec__title {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 32px;
  line-height: 3.2rem;
  background: #eeeeef;
  float: left;
  letter-spacing: 0.12em;
  margin-right: 12px;
  text-align: center;
  width: 118px;
}
@media only screen and (max-width: 769px) {
  #page_brand_detail .brand_detail .brand__main .brand__spec .spec__item .spec__title {
    font-size: 10px;
    font-size: 1rem;
    line-height: 21px;
    line-height: 2.1rem;
    float: none;
    width: 100%;
  }
}
#page_brand_detail .brand_detail .brand__main .brand__spec .spec__item .spec__detail {
  overflow: hidden;
  zoom: 1;
}
#page_brand_detail .brand_detail .brand__main .brand__spec .spec__item .spec__detail .spec__text {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 32px;
  line-height: 3.2rem;
  letter-spacing: 0.2em;
}
@media only screen and (max-width: 769px) {
  #page_brand_detail .brand_detail .brand__main .brand__spec .spec__item .spec__detail .spec__text {
    font-size: 10px;
    font-size: 1rem;
    line-height: 21px;
    line-height: 2.1rem;
  }
}
#page_brand_detail .brand_detail .brand__main .brand__spec .spec__item .spec__colors li {
  float: left;
  margin-top: 12px;
  width: 192px;
}
#page_brand_detail .brand_detail .brand__main .brand__spec .spec__item .spec__colors li .color__body {
  float: left;
  margin-right: 5px;
  width: 60px;
}
#page_brand_detail .brand_detail .brand__main .brand__spec .spec__item .spec__colors li .color__body span {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  height: 30px;
}
#page_brand_detail .brand_detail .brand__main .brand__spec .spec__item .spec__colors li .color__name {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 15px;
  line-height: 1.5rem;
  overflow: hidden;
  zoom: 1;
}
@media only screen and (max-width: 769px) {
  #page_brand_detail .item__color {
    background-color: #eeeeef;
  }
}
#page_brand_detail .item__color .color__title {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 38px;
  line-height: 3.8rem;
  background: #eeeeef;
  letter-spacing: 0.2em;
  margin-bottom: 15px;
  text-align: center;
}
@media only screen and (max-width: 769px) {
  #page_brand_detail .item__color .color__title {
    /*border-bottom: 1px solid #000;*/
    width: 100%;
    font-size: 18px;
    padding-top: 20px;
  }
  .zzcolor li p{
    font-size: 14px;
    line-height: 26px;
  }
}
@media only screen and (max-width: 769px) {
  #page_brand_detail .item__color .color__item {
    padding-bottom: 15px;
  }
}
#page_brand_detail .item__color .color__item .color__header .item__title {
  font-size: 16px;
  font-size: 1.6rem;
  letter-spacing: 0.1em;
  margin-bottom: 10px;
}
@media only screen and (max-width: 769px) {
  #page_brand_detail .item__color .color__item .color__header .item__title {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 50px;
    line-height: 5rem;
    background: white;
    border: 1px solid #000;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: relative;
    text-align: center;
  }
  #page_brand_detail .item__color .color__item .color__header .item__title::after {
    background: url(../img/common/icon_arrow_b.png) no-repeat left top/13px 6px;
    content: "";
    display: block;
    height: 6px;
    margin-top: -3px;
    position: absolute;
    right: 10px;
    top: 50%;
    width: 13px;
  }
}
@media only screen and (max-width: 769px) {
  #page_brand_detail .item__color .color__item .color__hide {
    display: none;
  }
}
#page_brand_detail .item__color .color__item .color__list {
  padding-bottom: 40px;
}
@media only screen and (max-width: 769px) {
  #page_brand_detail .item__color .color__item .color__list {
    padding-bottom: 0;
  }
}
#page_brand_detail .item__color .color__item .color__list .list__item {
  float: left;
  margin-bottom: 15px;
  width: 170px;
}
@media only screen and (max-width: 769px) {
  #page_brand_detail .item__color .color__item .color__list .list__item {
    width: 50%;
  }
}
#page_brand_detail .item__color .color__item .color__list .list__item .color__color {
  border: 1px solid #c8c9ca;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  float: left;
  height: 25px;
  position: relative;
  width: 25px;
}
#page_brand_detail .item__color .color__item .color__list .list__item .color__color.color__double {
  width: 50px;
}
@media only screen and (max-width: 769px) {
  #page_brand_detail .item__color .color__item .color__list .list__item .color__color.color__double {
    width: 38px;
  }
}
#page_brand_detail .item__color .color__item .color__list .list__item .color__color span {
  bottom: 0;
  display: block;
  height: 23px;
  position: absolute;
  right: 0;
  width: 24px;
}
@media only screen and (max-width: 769px) {
  #page_brand_detail .item__color .color__item .color__list .list__item .color__color span {
    height: 17px;
    width: 19px;
  }
}
#page_brand_detail .item__color .color__item .color__list .list__item .color__color.color__image {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 50px;
}
@media only screen and (max-width: 769px) {
  #page_brand_detail .item__color .color__item .color__list .list__item .color__color.color__image {
    width: 38px;
  }
}
#page_brand_detail .item__color .color__item .color__list .list__item .color__color.color__image.color__imagen1 {
  background-image: url(../img/brand_detail/n1.jpg);
}
#page_brand_detail .item__color .color__item .color__list .list__item .color__color.color__image.color__imagen2 {
  background-image: url(../img/brand_detail/n2.jpg);
}
#page_brand_detail .item__color .color__item .color__list .list__item .color__color.color__image.color__imagen3 {
  background-image: url(../img/brand_detail/n3.jpg);
}
#page_brand_detail .item__color .color__item .color__list .list__item .color__color.color__image.color__imagen4 {
  background-image: url(../img/brand_detail/n4.jpg);
}
#page_brand_detail .item__color .color__item .color__list .list__item .color__color.color__image.color__imagen5 {
  background-image: url(../img/brand_detail/n5.jpg);
}
#page_brand_detail .item__color .color__item .color__list .list__item .color__color.color__image.color__imagen6 {
  background-image: url(../img/brand_detail/n6.jpg);
}
#page_brand_detail .item__color .color__item .color__list .list__item .color__color.color__image.color__imagen7 {
  background-image: url(../img/brand_detail/n7.jpg);
}
#page_brand_detail .item__color .color__item .color__list .list__item .color__color.color__image.color__imagen8 {
  background-image: url(../img/brand_detail/n8.jpg);
}
#page_brand_detail .item__color .color__item .color__list .list__item .color__color.color__image.color__imagen9 {
  background-image: url(../img/brand_detail/n9.jpg);
}
#page_brand_detail .item__color .color__item .color__list .list__item .color__color.color__image.color__image-gold {
  background-image: url(../img/brand_detail/gold.jpg);
}
#page_brand_detail .item__color .color__item .color__list .list__item .color__color.color__image.color__image-silver {
  background-image: url(../img/brand_detail/silver.jpg);
}
#page_brand_detail .item__color .color__item .color__list .list__item .color__color.color__image.color__imagea1 {
  background-image: url(../img/brand_detail/a1.jpg);
}
#page_brand_detail .item__color .color__item .color__list .list__item .color__color.color__image.color__imagea2 {
  background-image: url(../img/brand_detail/a2.jpg);
}
#page_brand_detail .item__color .color__item .color__list .list__item .color__color.color__image.color__imagea3 {
  background-image: url(../img/brand_detail/a3.jpg);
}
#page_brand_detail .item__color .color__item .color__list .list__item .color__color.color__image.color__imagea4 {
  background-image: url(../img/brand_detail/a4.jpg);
}
#page_brand_detail .item__color .color__item .color__list .list__item .color__color.color__image.color__imagea5 {
  background-image: url(../img/brand_detail/a5.jpg);
}
#page_brand_detail .item__color .color__item .color__list .list__item .color__color.color__image.color__imagea6 {
  background-image: url(../img/brand_detail/a6.jpg);
}
#page_brand_detail .item__color .color__item .color__list .list__item .color__color.color__image.color__imagea7 {
  background-image: url(../img/brand_detail/a7.jpg);
}
#page_brand_detail .item__color .color__item .color__list .list__item .color__color.color__image.color__imagea8 {
  background-image: url(../img/brand_detail/a8.jpg);
}
#page_brand_detail .item__color .color__item .color__list .list__item .color__color.color__image.color__imageo1 {
  background-image: url(../img/brand_detail/o01.jpg);
}
#page_brand_detail .item__color .color__item .color__list .list__item .color__color.color__image.color__imageo2 {
  background-image: url(../img/brand_detail/o02.jpg);
}
#page_brand_detail .item__color .color__item .color__list .list__item .color__color.color__image.color__imageo3 {
  background-image: url(../img/brand_detail/o03.jpg);
}
#page_brand_detail .item__color .color__item .color__list .list__item .color__color.color__image.color__imageo4 {
  background-image: url(../img/brand_detail/o04.jpg);
}
#page_brand_detail .item__color .color__item .color__list .list__item .color__color.color__image.color__imageo5 {
  background-image: url(../img/brand_detail/o05.jpg);
}
#page_brand_detail .item__color .color__item .color__list .list__item .color__color.color__image.color__imageo6 {
  background-image: url(../img/brand_detail/o06.jpg);
}
#page_brand_detail .item__color .color__item .color__list .list__item .color__color.color__image.color__imageo7 {
  background-image: url(../img/brand_detail/o07.jpg);
}
#page_brand_detail .item__color .color__item .color__list .list__item .color__color.color__image.color__imageo8 {
  background-image: url(../img/brand_detail/o08.jpg);
}
#page_brand_detail .item__color .color__item .color__list .list__item .color__color.color__image.color__imageo9 {
  background-image: url(../img/brand_detail/o09.jpg);
}
#page_brand_detail .item__color .color__item .color__list .list__item .color__color.color__image.color__imageo10 {
  background-image: url(../img/brand_detail/o10.jpg);
}
#page_brand_detail .item__color .color__item .color__list .list__item .color__color.color__image.color__imageg10 {
  background-image: url(../img/brand_detail/g10.jpg);
}
#page_brand_detail .item__color .color__item .color__list .list__item .color__color.color__image.color__imageg11 {
  background-image: url(../img/brand_detail/g11.jpg);
}
#page_brand_detail .item__color .color__item .color__list .list__item .color__color.color__image.color__imageg12 {
  background-image: url(../img/brand_detail/g12.jpg);
}
#page_brand_detail .item__color .color__item .color__list .list__item .color__color.color__image.color__imageg13 {
  background-image: url(../img/brand_detail/g13.jpg);
}
#page_brand_detail .item__color .color__item .color__list .list__item .color__color.color__image.color__imageg20 {
  background-image: url(../img/brand_detail/g20.jpg);
}
#page_brand_detail .item__color .color__item .color__list .list__item .color__color.color__image.color__imageg21 {
  background-image: url(../img/brand_detail/g21.jpg);
}
#page_brand_detail .item__color .color__item .color__list .list__item .color__color.color__image.color__imageg22 {
  background-image: url(../img/brand_detail/g22.jpg);
}
#page_brand_detail .item__color .color__item .color__list .list__item .color__color.color__image.color__imageg23 {
  background-image: url(../img/brand_detail/g23.jpg);
}
#page_brand_detail .item__color .color__item .color__list .list__item .color__color.color__image.color__imageg4 {
  background-image: url(../img/brand_detail/g4.jpg);
}
#page_brand_detail .item__color .color__item .color__list .list__item .color__color.color__image.color__imageg3 {
  background-image: url(../img/brand_detail/g3.jpg);
}
#page_brand_detail .item__color .color__item .color__list .list__item .color__color.color__image.color__imageg2 {
  background-image: url(../img/brand_detail/g2.jpg);
}
#page_brand_detail .item__color .color__item .color__list .list__item .color__color.color__image.color__imageg1 {
  background-image: url(../img/brand_detail/g1.jpg);
}
#page_brand_detail .item__color .color__item .color__list .list__item .color__color.color__image.color__imageF-30 {
  background-image: url(../img/brand_detail/F-30.jpg);
}
#page_brand_detail .item__color .color__item .color__list .list__item .color__color.color__image.color__imageF-31 {
  background-image: url(../img/brand_detail/F-31.jpg);
}
#page_brand_detail .item__color .color__item .color__list .list__item .color__color.color__image.color__imageF-32 {
  background-image: url(../img/brand_detail/F-32.jpg);
}
#page_brand_detail .item__color .color__item .color__list .list__item .color__color.color__image.color__imageF-33 {
  background-image: url(../img/brand_detail/F-33.jpg);
}
#page_brand_detail .item__color .color__item .color__list .list__item .color__color.color__image.color__imageF-34 {
  background-image: url(../img/brand_detail/F-34.jpg);
}
#page_brand_detail .item__color .color__item .color__list .list__item .color__color.color__image.color__imageF-46 {
  background-image: url(../img/brand_detail/F-46.jpg);
}
#page_brand_detail .item__color .color__item .color__list .list__item .color__color.color__image.color__imageF-59 {
  background-image: url(../img/brand_detail/F-59.jpg);
}
#page_brand_detail .item__color .color__item .color__list .list__item .color__color.color__image.color__imageF-61 {
  background-image: url(../img/brand_detail/F-61.jpg);
}
#page_brand_detail .item__color .color__item .color__list .list__item .color__color.color__image.color__imageF-70 {
  background-image: url(../img/brand_detail/F-70.jpg);
}
#page_brand_detail .item__color .color__item .color__list .list__item .color__color.color__image.color__imageF-48 {
  background-image: url(../img/brand_detail/F-48.jpg);
}
#page_brand_detail .item__color .color__item .color__list .list__item .color__color.color__image.color__imageF-50 {
  background-image: url(../img/brand_detail/F-50.jpg);
}
#page_brand_detail .item__color .color__item .color__list .list__item .color__color.color__image.color__imageF-55 {
  background-image: url(../img/brand_detail/F-55.jpg);
}
#page_brand_detail .item__color .color__item .color__list .list__item .color__color.color__image.color__image170 {
  background-image: url(../img/brand_detail/170.jpg);
}
#page_brand_detail .item__color .color__item .color__list .list__item .color__color.color__image.color__image172 {
  background-image: url(../img/brand_detail/172.jpg);
}
#page_brand_detail .item__color .color__item .color__list .list__item .color__color.color__image.color__image173 {
  background-image: url(../img/brand_detail/173.jpg);
}
#page_brand_detail .item__color .color__item .color__list .list__item .color__color.color__image.color__image174 {
  background-image: url(../img/brand_detail/174.jpg);
}
#page_brand_detail .item__color .color__item .color__list .list__item .color__color.color__image.color__image176 {
  background-image: url(../img/brand_detail/176.jpg);
}
#page_brand_detail .item__color .color__item .color__list .list__item .color__color.color__image.color__image178 {
  background-image: url(../img/brand_detail/178.jpg);
}
#page_brand_detail .item__color .color__item .color__list .list__item .color__color.color__image.color__image179 {
  background-image: url(../img/brand_detail/179.jpg);
}
#page_brand_detail .item__color .color__item .color__list .list__item .color__color.color__image.color__image180 {
  background-image: url(../img/brand_detail/180.jpg);
}
#page_brand_detail .item__color .color__item .color__list .list__item .color__color.color__image.color__image181 {
  background-image: url(../img/brand_detail/181.jpg);
}
#page_brand_detail .item__color .color__item .color__list .list__item .color__color.color__image.color__image182 {
  background-image: url(../img/brand_detail/182.jpg);
}
#page_brand_detail .item__color .color__item .color__list .list__item .color__color.color__image.color__image184 {
  background-image: url(../img/brand_detail/184.jpg);
}
#page_brand_detail .item__color .color__item .color__list .list__item .color__color.color__image.color__image185 {
  background-image: url(../img/brand_detail/185.jpg);
}
#page_brand_detail .item__color .color__item .color__list .list__item .color__color.color__image.color__image190 {
  background-image: url(../img/brand_detail/190.jpg);
}
#page_brand_detail .item__color .color__item .color__list .list__item .color__color.color__image.color__image221 {
  background-image: url(../img/brand_detail/221.png);
}
#page_brand_detail .item__color .color__item .color__list .list__item .color__color.color__image.color__image222 {
  background-image: url(../img/brand_detail/222.png);
}
#page_brand_detail .item__color .color__item .color__list .list__item .color__color.color__image.color__image223 {
  background-image: url(../img/brand_detail/223.png);
}
#page_brand_detail .item__color .color__item .color__list .list__item .color__color.color__image.color__image224 {
  background-image: url(../img/brand_detail/224.png);
}
#page_brand_detail .item__color .color__item .color__list .list__item .color__color.color__image.color__image225 {
  background-image: url(../img/brand_detail/225.png);
}
#page_brand_detail .item__color .color__item .color__list .list__item .color__color.color__image.color__image226 {
  background-image: url(../img/brand_detail/226.png);
}
#page_brand_detail .item__color .color__item .color__list .list__item .color__color.color__image.color__image227 {
  background-image: url(../img/brand_detail/227.png);
}
#page_brand_detail .item__color .color__item .color__list .list__item .color__color.color__image.color__image228 {
  background-image: url(../img/brand_detail/228.png);
}
#page_brand_detail .item__color .color__item .color__list .list__item .color__color.color__image.color__image229 {
  background-image: url(../img/brand_detail/229.png);
}
#page_brand_detail .item__color .color__item .color__list .list__item .color__color.color__image.color__image230 {
  background-image: url(../img/brand_detail/230.png);
}
#page_brand_detail .item__color .color__item .color__list .list__item .color__color.color__image.color__image231 {
  background-image: url(../img/brand_detail/231.png);
}
#page_brand_detail .item__color .color__item .color__list .list__item .color__color.color__image.color__image232 {
  background-image: url(../img/brand_detail/232.png);
}
#page_brand_detail .item__color .color__item .color__list .list__item .color__color.color__image.color__image233 {
  background-image: url(../img/brand_detail/233.png);
}
#page_brand_detail .item__color .color__item .color__list .list__item .color__color.color__image.color__image390 {
  background-image: url(../img/brand_detail/tama1.png);
}
#page_brand_detail .item__color .color__item .color__list .list__item .color__color.color__image.color__image391 {
  background-image: url(../img/brand_detail/tama2.png);
}
#page_brand_detail .item__color .color__item .color__list .list__item .color__color.color__image.color__image392 {
  background-image: url(../img/brand_detail/tama3.png);
}
#page_brand_detail .item__color .color__item .color__list .list__item .color__color.color__image.color__image393 {
  background-image: url(../img/brand_detail/tama4.png);
}
#page_brand_detail .item__color .color__item .color__list .list__item .color__color.color__image.color__imageglass1 {
  background-image: url(../img/brand_detail/glass1.jpg);
}
#page_brand_detail .item__color .color__item .color__list .list__item .color__color.color__image.color__imageglass3 {
  background-image: url(../img/brand_detail/glass3.jpg);
}
#page_brand_detail .item__color .color__item .color__list .list__item .color__color.color__image.color__imageglass5 {
  background-image: url(../img/brand_detail/glass5.jpg);
}
#page_brand_detail .item__color .color__item .color__list .list__item .color__color.color__image.color__imageglass7 {
  background-image: url(../img/brand_detail/glass7.jpg);
}
#page_brand_detail .item__color .color__item .color__list .list__item .color__color.color__image.color__imageglass10 {
  background-image: url(../img/brand_detail/glass10.jpg);
}
#page_brand_detail .item__color .color__item .color__list .list__item .color__color.color__image.color__imageglass12 {
  background-image: url(../img/brand_detail/glass12.jpg);
}
#page_brand_detail .item__color .color__item .color__list .list__item .color__color.color__image.color__imageglass15 {
  background-image: url(../img/brand_detail/glass15.jpg);
}
#page_brand_detail .item__color .color__item .color__list .list__item .color__color.color__image.color__imageglass17 {
  background-image: url(../img/brand_detail/glass17.jpg);
}
#page_brand_detail .item__color .color__item .color__list .list__item .color__color.color__image.color__imageglass20 {
  background-image: url(../img/brand_detail/glass20.jpg);
}
#page_brand_detail .item__color .color__item .color__list .list__item .color__color.color__image.color__imageglass100 {
  background-image: url(../img/brand_detail/glass100.jpg);
}
#page_brand_detail .item__color .color__item .color__list .list__item .color__color.color__image.color__imageglass105 {
  background-image: url(../img/brand_detail/glass105.jpg);
}
#page_brand_detail .item__color .color__item .color__list .list__item .color__color.color__image.color__image_single {
  width: 25px;
}
@media only screen and (max-width: 769px) {
  #page_brand_detail .item__color .color__item .color__list .list__item .color__color.color__image.color__image_single {
    width: 19px;
  }
}
@media only screen and (max-width: 769px) {
  #page_brand_detail .item__color .color__item .color__list .list__item .color__color {
    height: 19px;
    width: 19px;
  }
}
#page_brand_detail .item__color .color__item .color__list .list__item .color__num {
  float: left;
  font-family: "Genshin";
  width: 32px;
}
@media only screen and (max-width: 769px) {
  #page_brand_detail .item__color .color__item .color__list .list__item .color__num {
    width: 23px;
  }
}
#page_brand_detail .item__color .color__item .color__list .list__item .color__num p {
  font-size: 10px;
  font-size: 1rem;
  line-height: 12px;
  line-height: 1.2rem;
  text-align: center;
}
@media only screen and (max-width: 769px) {
  #page_brand_detail .item__color .color__item .color__list .list__item .color__num p {
    font-size: 7px;
    font-size: 0.7rem;
    line-height: 9px;
    line-height: 0.9rem;
  }
}
#page_brand_detail .item__color .color__item .color__list .list__item .color__name {
  font-size: 11px;
  font-size: 1.1rem;
  line-height: 12px;
  line-height: 1.2rem;
  border-left: 1px solid #000;
  min-height: 24px;
  overflow: hidden;
  padding-left: 5px;
  padding-right: 3px;
  zoom: 1;
}
@media only screen and (max-width: 769px) {
  #page_brand_detail .item__color .color__item .color__list .list__item .color__name {
    font-size: 9px;
    font-size: 0.9rem;
    line-height: 9px;
    line-height: 0.9rem;
    min-height: 18px;
  }
}
#page_brand_detail .item__color .color__item .color__list.color__list--nobdr .list__item .color__name {
  border: none;
}
#page_brand_detail .item__color .color__item .color__list.color__list--double .list__item .color__color {
  width: 50px;
}
@media only screen and (max-width: 769px) {
  #page_brand_detail .item__color .color__item .color__list.color__list--double .list__item .color__color {
    width: 38px;
  }
}
@media only screen and (max-width: 769px) {
  #page_brand_detail .item__color .color__item .close a {
    display: block;
    text-align: center;
    width: 100%;
  }
  #page_brand_detail .item__color .color__item .close a img {
    width: 14px;
  }
}
#page_brand_detail .item__color .color__offer {
  background: #eeeeef;
  padding: 20px;
}
@media only screen and (max-width: 769px) {
  #page_brand_detail .item__color .color__offer {
    padding: 10px;
  }
}
#page_brand_detail .item__color .color__offer p {
  font-size: 12px;
  font-size: 1.2rem;
  letter-spacing: 0.1em;
}
@media only screen and (max-width: 769px) {
  #page_brand_detail .item__color .color__offer p {
    font-size: 9px;
    font-size: 0.9rem;
  }
}

#page_work {
  padding-bottom: 120px;
}
#page_work .breadcrumb {
  margin-bottom: 65px;
}
#page_work .mainvisual {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  border-bottom: 3px solid #000;
  margin-bottom: 20px;
  height: 474px;
}
#page_work .mainvisual .inner {
  padding-top: 215px;
  text-align: center;
}
#page_work .work .work__lead {
  font-size: 32px;
  font-size: 3.2rem;
  font-weight: bold;
  letter-spacing: 0.2em;
  margin-bottom: 85px;
  text-align: center;
}
@media only screen and (max-width: 769px) {
  #page_work .work .work__lead {
    font-size: 14px;
    font-size: 1.4rem;
    margin-bottom: 25px;
  }
}
#page_work .work .work__staff {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media only screen and (max-width: 769px) {
  #page_work .work .work__staff {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
#page_work .work .work__staff .staff__item {
  margin-bottom: 70px;
  width: 396px;
}
@media only screen and (max-width: 769px) {
  #page_work .work .work__staff .staff__item {
    width: 100%;
  }
}
#page_work .work .work__staff .staff__item a {
  display: block;
}
#page_work .work .work__staff .staff__item .staff__img {
  margin-bottom: 12px;
}
@media only screen and (max-width: 769px) {
  #page_work .work .work__staff .staff__item .staff__img img {
    width: 100%;
  }
}
#page_work .work .work__staff .staff__item .staff__name {
  font-size: 16px;
  font-size: 1.6rem;
  margin-bottom: 12px;
}
#page_work .work .work__staff .staff__item .staff__text {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 24px;
  line-height: 2.4rem;
}
#page_work .work .work__staff .staff__item:first-child .staff__img {
  border-bottom: 32px solid #ff00ff;
}
#page_work .work .work__staff .staff__item:nth-child(2) .staff__img {
  border-bottom: 32px solid #f15a24;
}
#page_work .work .work__staff .staff__item:nth-child(3) .staff__img {
  border-bottom: 32px solid #0ff;
}
#page_work .work .work__staff .staff__item:nth-child(4) .staff__img {
  border-bottom: 32px solid #fcee21;
}

#page_work_detail {
  padding-bottom: 120px;
}
#page_work_detail .breadcrumb {
  margin-bottom: 65px;
}
@media only screen and (max-width: 769px) {
  #page_work_detail .main__title {
    font-size: 12px;
    font-size: 1.2rem;
    padding: 7px 0;
  }
  #page_work_detail .main__title small {
    font-size: 6px;
    font-size: 0.6rem;
  }
}
#page_work_detail .mainvisual {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  border-bottom: 3px solid #000;
  margin-bottom: 20px;
  height: 350px;
}
@media only screen and (max-width: 769px) {
  #page_work_detail .mainvisual {
    height: 120px;
  }
}
#page_work_detail .mainvisual .inner {
  padding-top: 200px;
  text-align: center;
}
@media only screen and (max-width: 769px) {
  #page_work_detail .mainvisual .inner {
    padding-top: 63px;
  }
}
#page_work_detail .work .work__lead {
  font-size: 32px;
  font-size: 3.2rem;
  font-weight: bold;
  letter-spacing: 0.2em;
  margin-bottom: 85px;
  text-align: center;
}
@media only screen and (max-width: 769px) {
  #page_work_detail .work .work__lead {
    font-size: 14px;
    font-size: 1.4rem;
    margin-bottom: 25px;
  }
}
#page_work_detail .work .work__links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 auto 50px;
  width: 924px;
}
@media only screen and (max-width: 769px) {
  #page_work_detail .work .work__links {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: 10px;
    padding: 0 10px;
    width: 100%;
  }
}
#page_work_detail .work .work__links li {
  padding-top: 5px;
  width: 198px;
}
@media only screen and (max-width: 769px) {
  #page_work_detail .work .work__links li {
    margin-bottom: 15px;
    width: 48%;
  }
}
#page_work_detail .work .work__links li:not(:first-child) {
  margin-left: 44px;
}
@media only screen and (max-width: 769px) {
  #page_work_detail .work .work__links li:not(:first-child) {
    margin-left: 0;
  }
}
#page_work_detail .work .work__links li a {
  font-size: 16px;
  font-size: 1.6rem;
  display: block;
  letter-spacing: 0.15em;
  text-align: center;
}
@media only screen and (max-width: 769px) {
  #page_work_detail .work .work__links li a {
    font-size: 12px;
    font-size: 1.2rem;
  }
}
#page_work_detail .work .work__links li a small {
  font-size: 14px;
  font-size: 1.4rem;
}
@media only screen and (max-width: 769px) {
  #page_work_detail .work .work__links li a small {
    font-size: 10px;
    font-size: 1rem;
  }
}
#page_work_detail .work .work__links li:first-child {
  border-top: 12px solid #ff00ff;
}
@media only screen and (max-width: 769px) {
  #page_work_detail .work .work__links li:first-child {
    border-width: 8px;
  }
}
#page_work_detail .work .work__links li:nth-child(2) {
  border-top: 12px solid #f15a24;
}
@media only screen and (max-width: 769px) {
  #page_work_detail .work .work__links li:nth-child(2) {
    border-width: 8px;
  }
}
#page_work_detail .work .work__links li:nth-child(3) {
  border-top: 12px solid #0ff;
}
@media only screen and (max-width: 769px) {
  #page_work_detail .work .work__links li:nth-child(3) {
    border-width: 8px;
  }
}
#page_work_detail .work .work__links li:nth-child(4) {
  border-top: 12px solid #fcee21;
}
@media only screen and (max-width: 769px) {
  #page_work_detail .work .work__links li:nth-child(4) {
    border-width: 8px;
  }
}
#page_work_detail .work .work__summary {
  background: #ff0;
  margin-bottom: 75px;
}
@media only screen and (max-width: 769px) {
  #page_work_detail .work .work__summary {
    background: transparent;
    margin-bottom: 30px;
    padding: 0 10px;
  }
}
#page_work_detail .work .work__summary .inner {
  margin: 0 auto;
  width: 924px;
}
@media only screen and (max-width: 769px) {
  #page_work_detail .work .work__summary .inner {
    background: #ff0;
    width: 100%;
  }
}
#page_work_detail .work .work__summary .summary__image {
  float: right;
}
@media only screen and (max-width: 769px) {
  #page_work_detail .work .work__summary .summary__image {
    float: none;
  }
  #page_work_detail .work .work__summary .summary__image img {
    width: 100%;
  }
}
#page_work_detail .work .work__summary .summary__detail {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  float: right;
  padding: 77px 0 0 53px;
  width: 419px;
}
@media only screen and (max-width: 769px) {
  #page_work_detail .work .work__summary .summary__detail {
    float: none;
    padding: 15px 10px;
    width: 100%;
  }
}
#page_work_detail .work .work__summary .summary__detail .summary__title {
  font-size: 25px;
  font-size: 2.5rem;
  line-height: 41px;
  line-height: 4.1rem;
  font-weight: 900;
  letter-spacing: 0.15em;
  margin-bottom: 35px;
}
@media only screen and (max-width: 769px) {
  #page_work_detail .work .work__summary .summary__detail .summary__title {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 21px;
    line-height: 2.1rem;
    margin-bottom: 13px;
  }
}
#page_work_detail .work .work__summary .summary__detail .summary__position {
  font-size: 28px;
  font-size: 2.8rem;
  letter-spacing: 0.15em;
}
@media only screen and (max-width: 769px) {
  #page_work_detail .work .work__summary .summary__detail .summary__position {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
#page_work_detail .work .work__summary .summary__detail .summary__position small {
  font-size: 18px;
  font-size: 1.8rem;
}
@media only screen and (max-width: 769px) {
  #page_work_detail .work .work__summary .summary__detail .summary__position small {
    font-size: 9px;
    font-size: 0.9rem;
  }
}
#page_work_detail .work .work__body .work__item {
  margin-bottom: 50px;
}
@media only screen and (max-width: 769px) {
  #page_work_detail .work .work__body .work__item {
    margin-bottom: 25px;
  }
}
#page_work_detail .work .work__body .work__item.mb-s {
  margin-bottom: 15px;
}
@media only screen and (max-width: 769px) {
  #page_work_detail .work .work__body .work__item.mb-s {
    margin-bottom: 7px;
  }
}
#page_work_detail .work .work__body .work__item .work__image {
  float: left;
  margin-right: 35px;
}
@media only screen and (max-width: 769px) {
  #page_work_detail .work .work__body .work__item .work__image {
    float: none;
    margin-right: 0;
    margin-bottom: 20px;
  }
}
#page_work_detail .work .work__body .work__item .work__image img {
  max-width: 100%;
}
@media only screen and (max-width: 769px) {
  #page_work_detail .work .work__body .work__item .work__image img {
    max-width: auto;
    width: 100%;
  }
}
#page_work_detail .work .work__body .work__item .work__detail {
  overflow: hidden;
  zoom: 1;
}
#page_work_detail .work .work__body .work__item .work__detail .detail__block {
  margin-top: 40px;
}
@media only screen and (max-width: 769px) {
  #page_work_detail .work .work__body .work__item .work__detail .detail__block {
    margin-top: 20px;
  }
}
#page_work_detail .work .work__body .work__item .work__detail .detail__block:first-child {
  margin-top: 0;
}
#page_work_detail .work .work__body .work__item .work__detail .detail__block .detail__head {
  font-size: 20px;
  font-size: 2rem;
  line-height: 40px;
  line-height: 4rem;
  background: #ccc;
  font-weight: 900;
  margin-bottom: 20px;
  padding: 0 7px;
}
#page_work_detail .work .work__body .work__item .work__detail .detail__block .detail__head.detail__head--left {
  text-align: left;
}
#page_work_detail .work .work__body .work__item .work__detail .detail__block .detail__head.detail__head--center {
  text-align: center;
}
#page_work_detail .work .work__body .work__item .work__detail .detail__block .detail__head.detail__head--right {
  text-align: right;
}
@media only screen and (max-width: 769px) {
  #page_work_detail .work .work__body .work__item .work__detail .detail__block .detail__head {
    font-size: 13px;
    font-size: 1.3rem;
  }
}
#page_work_detail .work .work__body .work__item .work__detail .detail__block .detail__text {
  font-size: 16px;
  font-size: 1.6rem;
  margin-top: 15px;
}
#page_work_detail .work .work__body .work__item .work__detail .detail__block .detail__text.detail__text--left {
  text-align: justify;
}
#page_work_detail .work .work__body .work__item .work__detail .detail__block .detail__text.detail__text--center {
  text-align: center;
}
#page_work_detail .work .work__body .work__item .work__detail .detail__block .detail__text.detail__text--right {
  text-align: right;
}
@media only screen and (max-width: 769px) {
  #page_work_detail .work .work__body .work__item .work__detail .detail__block .detail__text {
    font-size: 10px;
    font-size: 1rem;
  }
}
#page_work_detail .work .work__body .work__item .work__detail .detail__block .detail__text:first-child {
  margin-top: 0;
}
#page_work_detail .work .work__body .work__item.work__item--wide {
  margin: 0 auto 50px;
  width: 643px;
}
@media only screen and (max-width: 769px) {
  #page_work_detail .work .work__body .work__item.work__item--wide {
    width: 100%;
  }
}
#page_work_detail .work .work__body .work__item.work__item--wide .work__image {
  float: none;
  margin-right: 0;
  margin-bottom: 15px;
  text-align: center;
}
#page_work_detail .work .work__body .work__pagenation {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
#page_work_detail .work .work__body .work__pagenation li {
  margin: 0 10px;
}
#page_work_detail .work .work__body .work__pagenation li a {
  font-size: 16px;
  font-size: 1.6rem;
  border: 1px solid #000;
  border-radius: 28px;
  display: block;
  height: 28px;
  text-align: center;
  width: 28px;
}
#page_work_detail .work__staff {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media only screen and (max-width: 769px) {
  #page_work_detail .work__staff {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
#page_work_detail .work__staff .staff__img {
  margin-bottom: 10px;
}
@media only screen and (max-width: 769px) {
  #page_work_detail .work__staff .staff__img {
    margin-bottom: 5px;
  }
}
#page_work_detail .work__staff .staff__name {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.6;
  letter-spacing: 0.1em;
  text-align: center;
}
@media only screen and (max-width: 769px) {
  #page_work_detail .work__staff .staff__name {
    font-size: 13px;
    font-size: 1.3rem;
  }
}
#page_work_detail .work__staff .staff__name small {
  font-size: 14px;
  font-size: 1.4rem;
}
@media only screen and (max-width: 769px) {
  #page_work_detail .work__staff .staff__name small {
    font-size: 12px;
    font-size: 1.2rem;
  }
}
#page_work_detail .work__staff li {
  width: 199px;
}
#page_work_detail .work__staff li:not(:first-child) {
  margin-left: 43px;
}
@media only screen and (max-width: 769px) {
  #page_work_detail .work__staff li:not(:first-child) {
    margin-left: 0;
  }
}
#page_work_detail .work__staff li img {
  width: 100%;
}
@media only screen and (max-width: 769px) {
  #page_work_detail .work__staff li {
    margin-bottom: 10px;
    width: 48%;
  }
}
#page_work_detail .work__staff li:first-child .staff__img {
  border-bottom: 32px solid #ff00ff;
}
#page_work_detail .work__staff li:nth-child(2) .staff__img {
  border-bottom: 32px solid #f15a24;
}
#page_work_detail .work__staff li:nth-child(3) .staff__img {
  border-bottom: 32px solid #0ff;
}
#page_work_detail .work__staff li:nth-child(4) .staff__img {
  border-bottom: 32px solid #fcee21;
}

#page_vision {
  padding-bottom: 120px;
}
#page_vision .mainvisual {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  border-bottom: 3px solid #000;
  margin-bottom: 20px;
  height: 474px;
}
@media only screen and (max-width: 769px) {
  #page_vision .mainvisual {
    height: 237px;
  }
  #page_brand .mainvisual{
    height: 237px;
  }
}
#page_vision .mainvisual .inner {
  padding-top: 215px;
  text-align: center;
}
@media only screen and (max-width: 769px) {
  #page_vision .mainvisual .inner {
    padding-top: 130px;
  }
  #page_brand .mainvisual .inner {
    padding-top: 130px;
  }
  .contents .box__tabs li{
    width: 50%!important;
    border: 1px solid #999!important;
    display: block!important;
  }
  .contents .box__tabs li a{
    font-size: 14px;
    line-height: 38px;
  }
}
@media only screen and (max-width: 769px) {
  #page_vision .box__links {
    margin-bottom: 37px;
  }
}
#page_vision .vision .main__title2 {
  margin-bottom: 30px;
  margin-top: 50px;
}
#page_vision .vision .main__title2 small {
  /*display: inline-block;
  letter-spacing: 0.05em;*/
  display: none;
}
#page_vision .vision .pagelink {
  margin-bottom: 0;
}
#page_vision .vision #h01 .about__title {
  font-size: 36px;
  font-size: 3.6rem;
  font-weight: normal;
  letter-spacing: 0.15em;
  line-height: 1;
  text-align: center;
}
@media only screen and (max-width: 769px) {
  #page_vision .vision #h01 .about__title {
    font-size: 20px;
    font-size: 2rem;
  }
}
#page_vision .vision #h01 .about__title small {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 500;
}
@media only screen and (max-width: 769px) {
  #page_vision .vision #h01 .about__title small {
    font-size: 8px;
    font-size: 0.8rem;
  }
}
#page_vision .vision #about,#page_vision .vision #history{
  margin-bottom: 210px;
}
@media only screen and (max-width: 769px) {
  #page_vision .vision #about {
    margin-bottom: 50px;
  }
}
#page_vision .vision #about .about__lead {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 38px;
  line-height: 3.8rem;
  letter-spacing: 0.15em;
  margin-bottom: 45px;
  text-align: left;
}
@media  (max-width: 1000px) {
  #page_vision .vision #about .about__lead {
    font-size: 15px;
    line-height: 28px;
    margin-bottom: 20px;
    padding: 0 10px;
    text-align: justify;
  }
  #page_vision .vision #about .about__lead br{
    margin-bottom: 20px;
  }
}
#page_vision .vision #about .point {
  background: #eeeeef;
  padding: 35px 0;
}
@media (max-width: 1000px) {
  #page_vision .vision #about .point {
    padding: 15px 10px;
  }
}
#page_vision .vision #about .point .inner,#page_vision .vision #about .aboutcon .inner {
  margin: 0 auto;
  width: 850px;
}
@media  (max-width: 1000px) {
  #page_vision .vision #about .point .inner,#page_vision .vision #about .aboutcon .inner {
    width: 100%;
  }
}
#page_vision .vision #about .point .point__title {
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 84px;
  line-height: 8.4rem;
  -webkit-animation: title-gradient 40s infinite;
          animation: title-gradient 40s infinite;
  background: -webkit-gradient(linear, left top, right top, from(#e3383d), color-stop(#e98d78), color-stop(#8176b5), color-stop(#00a6ac), color-stop(#8175b5), to(#e32620));
  background: -o-linear-gradient(left, #e3383d, #e98d78, #8176b5, #00a6ac, #8175b5, #e32620);
  background: linear-gradient(to right, #e3383d, #e98d78, #8176b5, #00a6ac, #8175b5, #e32620);
  background-position: 0% 0%;
  background-size: 600% 600%;
  color: white;
  font-weight: bold;
  letter-spacing: 0.2em;
  margin-bottom: 20px;
  text-align: center;
}
@media only screen and (max-width: 769px) {
  #page_vision .vision #about .point .point__title {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 40px;
    line-height: 4rem;
  }
}
#page_vision .vision #about .point .point__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media only screen and (max-width: 769px) {
  #page_vision .vision #about .point .point__body {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
#page_vision .vision #about .point .point__body .point__item {
  width: 195px;
}
@media only screen and (max-width: 769px) {
  #page_vision .vision #about .point .point__body .point__item {
    width: 48%;
  }
}
#page_vision .vision #about .point .point__body .point__item .point__image img {
  width: 100%;
}
#page_vision .vision #about .point .point__body .point__item .point__num {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 53px;
  line-height: 5.3rem;
  -webkit-animation: title-gradient 40s infinite;
          animation: title-gradient 40s infinite;
  background: -webkit-gradient(linear, left top, right top, from(#e3383d), color-stop(#e98d78), color-stop(#8176b5), color-stop(#00a6ac), color-stop(#8175b5), to(#e32620));
  background: -o-linear-gradient(left, #e3383d, #e98d78, #8176b5, #00a6ac, #8175b5, #e32620);
  background: linear-gradient(to right, #e3383d, #e98d78, #8176b5, #00a6ac, #8175b5, #e32620);
  background-position: 0% 0%;
  background-size: 600% 600%;
  color: white;
  text-align: center;
  text-decoration: underline;
}
@media only screen and (max-width: 769px) {
  #page_vision .vision #about .point .point__body .point__item .point__num {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 25px;
    line-height: 2.5rem;
  }
}
#page_vision .vision #about .point .point__body .point__item .point__sub-title {
  font-size: 20px;
  font-size: 2rem;
  line-height: 28px;
  line-height: 2.8rem;
  border-bottom: 1px solid #000;
  display: table-cell;
  font-weight: 900;
  height: 80px;
  letter-spacing: 0.1em;
  vertical-align: middle;
  width: 195px;
}
@media only screen and (max-width: 769px) {
  #page_vision .vision #about .point .point__body .point__item .point__sub-title {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 18px;
    line-height: 1.8rem;
    display: block;
    height: auto;
    letter-spacing: 0;
    padding: 10px 0;
    width: 100%;
  }
  #page_vision .vision #about .point .point__body .point__item .point__sub-title br {
    display: none;
  }
}
#page_vision .vision #about .point .point__body .point__item .point__text {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 20px;
  line-height: 2rem;
  padding-top: 10px;
  text-align: justify;
}
#page_vision .vision #h02 .vision__title {
  font-size: 41px;
  font-size: 4.1rem;
  color: white;
  font-weight: normal;
  letter-spacing: 0.15em;
  line-height: 1;
  text-align: center;
}
@media only screen and (max-width: 769px) {
  #page_vision .vision #h02 .vision__title {
    font-size: 20px;
    font-size: 2rem;
  }
}
#page_vision .vision #h02 .vision__title small {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 500;
}
@media only screen and (max-width: 769px) {
  #page_vision .vision #h02 .vision__title small {
    font-size: 8px;
    font-size: 0.8rem;
  }
}
#page_vision .vision #vision {
  margin-bottom: 200px;
}
@media only screen and (max-width: 769px) {
  #page_vision .vision #vision {
    margin-bottom: 100px;
  }
}
#page_vision .vision #vision .vision__lead {
  font-size: 26px;
  font-size: 2.6rem;
  font-weight: 900;
  letter-spacing: 0.15em;
  margin-bottom: 20px;
  text-align: center;
}
@media only screen and (max-width: 769px) {
  #page_vision .vision #vision .vision__lead {
    font-size: 17px;
    font-size: 1.7rem;
  }
}
#page_vision .vision #vision .vision__text {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 33px;
  line-height: 3.3rem;
  letter-spacing: 0.1em;
  text-align: center;
}
@media only screen and (max-width: 769px) {
  #page_vision .vision #vision .vision__text {
    font-size: 10px;
    font-size: 1rem;
    line-height: 17px;
    line-height: 1.7rem;
  }
}
#page_vision .vision #h03 {
  padding-top: 150px;
}
@media only screen and (max-width: 769px) {
  #page_vision .vision #h03 {
    padding: 0;
  }
}
#page_vision .vision #h03 .president__title {
  font-size: 36px;
  font-size: 3.6rem;
  color: white;
  font-weight: 500;
  letter-spacing: 0.15em;
  text-align: center;
}
@media only screen and (max-width: 769px) {
  #page_vision .vision #h03 .president__title {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
.yewucon{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.yewuconm{
  /*width: 48%;*/

}
.yewucon img{
  display: block;
  max-width: 100%;
  height: auto;
}
.yewucon p{
  font-size: 17px;
  color: #333;
  line-height: 32px;
  margin: 10px 0 30px;
}
#page_vision .vision #president {
  margin-bottom: 240px;
}
@media only screen and (max-width: 769px) {
  #page_vision .vision #president {
    margin-bottom: 100px;
  }
}
#page_vision .vision #president .president__text {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 38px;
  line-height: 3.8rem;
  letter-spacing: 0.12em;
  text-align: center;
}
@media only screen and (max-width: 769px) {
  #page_vision .vision #president .president__text {
    font-size: 10px;
    font-size: 1rem;
    line-height: 18px;
    line-height: 1.8rem;
  }
}
#page_vision .vision #president .president__name {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 37px;
  line-height: 3.7rem;
  letter-spacing: 0.12em;
  margin: 30px 0 50px;
  text-align: center;
}
#page_vision .vision #president .president__name img {
  margin-left: 20px;
}
@media only screen and (max-width: 769px) {
  #page_vision .vision #president .president__name {
    font-size: 10px;
    font-size: 1rem;
    line-height: 18px;
    line-height: 1.8rem;
  }
}
#page_vision .vision #president .president__sign {
  margin-bottom: 22px;
  text-align: right;
}
@media only screen and (max-width: 769px) {
  #page_vision .vision #president .president__sign img {
    width: 85px;
  }
}
#page_vision .vision #president .president__movie {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media only screen and (max-width: 769px) {
  #page_vision .vision #president .president__movie {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media only screen and (max-width: 769px) {
  #page_vision .vision #president .president__movie p {
    margin-bottom: 10px;
  }
}
#page_vision .vision #president .president__movie a {
  display: block;
  line-height: 1.2;
  position: relative;
}
@media only screen and (max-width: 769px) {
  #page_vision .vision #president .president__movie a img {
    width: 100%;
  }
}
#page_vision .vision #president .president__movie a span {
  font-size: 18px;
  font-size: 1.8rem;
  color: white;
  font-weight: bold;
  left: 27px;
  letter-spacing: 0.1em;
  position: absolute;
  top: 24px;
}
#page_vision .vision #president .president__movie a span small {
  font-size: 10px;
  font-size: 1rem;
  display: inline-block;
  line-height: 1.2;
  margin-top: 10px;
}
#page_vision .vision #h04 {
  padding-top: 150px;
}
@media only screen and (max-width: 769px) {
  #page_vision .vision #h04 {
    padding: 0;
  }
}
#page_vision .vision #h04 .working__title {
  font-size: 36px;
  font-size: 3.6rem;
  color: white;
  font-weight: 500;
  letter-spacing: 0.15em;
  text-align: center;
}
@media only screen and (max-width: 769px) {
  #page_vision .vision #h04 .working__title {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
#page_vision .vision #working {
  margin-bottom: 150px;
}
@media only screen and (max-width: 769px) {
  #page_vision .vision #working {
    margin-bottom: 65px;
  }
}
#page_vision .vision #working .work__staff {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
#page_vision .vision #working .work__staff .staff__item {
  margin-bottom: 70px;
  width: 396px;
}
@media only screen and (max-width: 769px) {
  #page_vision .vision #working .work__staff .staff__item {
    margin-bottom: 36px;
    width: 100%;
  }
}
#page_vision .vision #working .work__staff .staff__item a {
  display: block;
}
#page_vision .vision #working .work__staff .staff__item .staff__img {
  margin-bottom: 12px;
}
@media only screen and (max-width: 769px) {
  #page_vision .vision #working .work__staff .staff__item .staff__img img {
    width: 100%;
  }
}
#page_vision .vision #working .work__staff .staff__item .staff__name {
  font-size: 16px;
  font-size: 1.6rem;
  margin-bottom: 12px;
}
@media only screen and (max-width: 769px) {
  #page_vision .vision #working .work__staff .staff__item .staff__name {
    font-size: 12px;
    font-size: 1.2rem;
    margin-bottom: 0;
  }
}
#page_vision .vision #working .work__staff .staff__item .staff__text {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 24px;
  line-height: 2.4rem;
}
@media only screen and (max-width: 769px) {
  #page_vision .vision #working .work__staff .staff__item .staff__text {
    font-size: 10px;
    font-size: 1rem;
    line-height: 1.6;
  }
}
#page_vision .vision #working .work__staff .staff__item:first-child .staff__img {
  border-bottom: 32px solid #ff00ff;
}
@media only screen and (max-width: 769px) {
  #page_vision .vision #working .work__staff .staff__item:first-child .staff__img {
    border-width: 22px;
  }
}
#page_vision .vision #working .work__staff .staff__item:nth-child(2) .staff__img {
  border-bottom: 32px solid #f15a24;
}
@media only screen and (max-width: 769px) {
  #page_vision .vision #working .work__staff .staff__item:nth-child(2) .staff__img {
    border-width: 22px;
  }
}
#page_vision .vision #working .work__staff .staff__item:nth-child(3) .staff__img {
  border-bottom: 32px solid #0ff;
}
@media only screen and (max-width: 769px) {
  #page_vision .vision #working .work__staff .staff__item:nth-child(3) .staff__img {
    border-width: 22px;
  }
}
#page_vision .vision #working .work__staff .staff__item:nth-child(4) .staff__img {
  border-bottom: 32px solid #fcee21;
}
@media only screen and (max-width: 769px) {
  #page_vision .vision #working .work__staff .staff__item:nth-child(4) .staff__img {
    border-width: 22px;
  }
}
#page_vision .vision #h05 {
  padding-top: 150px;
}
@media only screen and (max-width: 769px) {
  #page_vision .vision #h05 {
    padding: 0;
  }
}
#page_vision .vision #h05 .logo__title {
  font-size: 32px;
  font-size: 3.2rem;
  font-weight: 500;
  letter-spacing: 0.15em;
  text-align: center;
}
@media only screen and (max-width: 769px) {
  #page_vision .vision #h05 .logo__title {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
#page_vision .vision #logo {
  margin-bottom: 80px;
}
@media only screen and (max-width: 769px) {
  #page_vision .vision #logo {
    margin-bottom: 40px;
  }
}
#page_vision .vision #logo .logo__about .logo__image {
  float: left;
  padding-left: 63px;
}
@media only screen and (max-width: 769px) {
  #page_vision .vision #logo .logo__about .logo__image {
    float: none;
    margin-bottom: 15px;
    padding: 0;
    text-align: center;
  }
  #page_vision .vision #logo .logo__about .logo__image img {
    width: 88px;
  }
}
#page_vision .vision #logo .logo__about .logo__detail {
  float: right;
  width: 476px;
}
@media only screen and (max-width: 769px) {
  #page_vision .vision #logo .logo__about .logo__detail {
    float: none;
    width: 100%;
  }
}
#page_vision .vision #logo .logo__about .logo__detail .logo__text {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 28px;
  line-height: 2.8rem;
  letter-spacing: 0.12em;
  margin-bottom: 5px;
  text-align: justify;
}
@media only screen and (max-width: 769px) {
  #page_vision .vision #logo .logo__about .logo__detail .logo__text {
    font-size: 10px;
    font-size: 1rem;
    line-height: 16px;
    line-height: 1.6rem;
  }
}
#page_vision .vision #logo .logo__about .logo__detail .logo__meaning {
  background: #e8e8e8;
  padding: 10px 45px;
}
@media only screen and (max-width: 769px) {
  #page_vision .vision #logo .logo__about .logo__detail .logo__meaning {
    padding: 10px 20px;
  }
}
#page_vision .vision #logo .logo__about .logo__detail .logo__meaning li {
  font-size: 18px;
  font-size: 1.8rem;
  float: left;
  letter-spacing: 0.15em;
  width: 50%;
}
@media only screen and (max-width: 769px) {
  #page_vision .vision #logo .logo__about .logo__detail .logo__meaning li {
    font-size: 10px;
    font-size: 1rem;
    line-height: 16px;
    line-height: 1.6rem;
  }
}

#page_business {
  padding-bottom: 120px;
}
@media only screen and (max-width: 769px) {
  #page_business {
    padding-bottom: 20px;
  }
}
#page_business .mainvisual {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  border-bottom: 3px solid #000;
  margin-bottom: 20px;
  height: 474px;
}
@media only screen and (max-width: 769px) {
  #page_business .mainvisual {
    height: 237px;
  }
}
#page_business .mainvisual .inner {
  padding-top: 215px;
  text-align: center;
}
@media only screen and (max-width: 769px) {
  #page_business .mainvisual .inner {
    padding-top: 130px;
  }
}
@media only screen and (max-width: 769px) {
  #page_business .box__links {
    margin-bottom: 37px;
  }
}
#page_business .business .main__title2 {
  margin-bottom: 30px;
  width: auto;
}
#page_business .business .main__title2 small {
  display: inline-block;
  letter-spacing: 0.05em;
}
#page_business .business .pagelink {
  margin-bottom: 0;
}
#page_business .business .business__item {
  margin-bottom: 100px;
}
@media only screen and (max-width: 769px) {
  #page_business .business .business__item {
    margin-bottom: 100px;
  }
}
#page_business .business .business__item .business__lead {
  font-size: 25px;
  font-size: 2.5rem;
  letter-spacing: 0.15em;
  margin-bottom: 25px;
}
@media only screen and (max-width: 769px) {
  #page_business .business .business__item .business__lead {
    font-size: 16px;
    font-size: 1.6rem;
    margin-bottom: 12px;
    text-align: center;
  }
}
#page_business .business .business__item .business__text {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 26px;
  line-height: 2.6rem;
  margin-bottom: 22px;
  text-align: justify;
}
@media only screen and (max-width: 769px) {
  #page_business .business .business__item .business__text {
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 16px;
    line-height: 1.6rem;
  }
}
#page_business .business .business__item .art__point {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
#page_business .business .business__item .art__point .art__item {
  margin-bottom: 26px;
  padding-top: 33px;
  position: relative;
  width: 401px;
}
@media only screen and (max-width: 769px) {
  #page_business .business .business__item .art__point .art__item {
    padding-top: 14px;
    width: 100%;
  }
}
#page_business .business .business__item .art__point .art__item .art__button {
  left: 50%;
  margin: 0 auto;
  position: absolute;
  text-align: center;
  top: 0;
  -webkit-transform: translate(-50%);
      -ms-transform: translate(-50%);
          transform: translate(-50%);
  width: 342px;
}
@media only screen and (max-width: 769px) {
  #page_business .business .business__item .art__point .art__item .art__button {
    width: 85%;
  }
}
#page_business .business .business__item .art__point .art__item .art__button a {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 56px;
  line-height: 5.6rem;
  background: white url(../img/business/icon_arrow.png) no-repeat 7px center;
  border: 2px solid #ff0300;
  color: #ff0300;
  display: block;
}
@media only screen and (max-width: 769px) {
  #page_business .business .business__item .art__point .art__item .art__button a {
    font-size: 10px;
    font-size: 1rem;
    line-height: 28px;
    line-height: 2.8rem;
  }
}
#page_business .business .business__item .art__point .art__item .art__image {
  margin-bottom: 15px;
}
#page_business .business .business__item .art__point .art__item .art__image img {
  width: 100%;
}
#page_business .business .business__item .art__point .art__item .art__title {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 24px;
  line-height: 2.4rem;
  border-bottom: 1px solid #000;
  letter-spacing: 0.12em;
  margin-bottom: 10px;
  padding-bottom: 10px;
  text-align: center;
}
@media only screen and (max-width: 769px) {
  #page_business .business .business__item .art__point .art__item .art__title {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 20px;
    line-height: 2rem;
  }
}
#page_business .business .business__item .art__point .art__item .art__text {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 20px;
  line-height: 2rem;
  letter-spacing: 0.12em;
  text-align: justify;
}
@media only screen and (max-width: 769px) {
  #page_business .business .business__item .art__point .art__item .art__text {
    font-size: 11px;
    font-size: 1.1rem;
  }
}
#page_business .business .business__item .pickup__item {
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
}
#page_business .business .business__item .pickup__item .pickup__title {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 37px;
  line-height: 3.7rem;
  border-bottom: 1px solid #000;
  letter-spacing: 0.15em;
}
@media only screen and (max-width: 769px) {
  #page_business .business .business__item .pickup__item .pickup__title {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 28px;
    line-height: 2.8rem;
  }
}
#page_business .business .business__item .pickup__item .pickup__title small {
  font-size: 14px;
  font-size: 1.4rem;
  display: inline-block;
  margin-left: 25px;
}
@media only screen and (max-width: 769px) {
  #page_business .business .business__item .pickup__item .pickup__title small {
    font-size: 10px;
    font-size: 1rem;
    margin-left: 18px;
  }
}
#page_business .business .business__item .pickup__item .pickup__body {
  padding: 23px 0 17px;
}
@media only screen and (max-width: 769px) {
  #page_business .business .business__item .pickup__item .pickup__body {
    padding: 15px 0 10px;
  }
}
#page_business .business .business__item .pickup__item .pickup__body li {
  float: left;
  margin-left: 35px;
  width: 260px;
}
@media only screen and (max-width: 769px) {
  #page_business .business .business__item .pickup__item .pickup__body li {
    float: none;
    margin-left: 0;
    margin-top: 5px;
    width: 100%;
  }
}
#page_business .business .business__item .pickup__item .pickup__body li:first-child {
  margin-left: 0;
}
#page_business .business .business__item .pickup__item .pickup__body li .pickup__image {
  float: left;
  margin-right: 10px;
  width: 107px;
}
@media only screen and (max-width: 769px) {
  #page_business .business .business__item .pickup__item .pickup__body li .pickup__image {
    margin-right: 7px;
    width: 80px;
  }
}
#page_business .business .business__item .pickup__item .pickup__body li .pickup__image img {
  width: 100%;
}
#page_business .business .business__item .pickup__item .pickup__body li .pickup__detail {
  overflow: hidden;
  zoom: 1;
}
#page_business .business .business__item .pickup__item .pickup__body li .pickup__detail .pickup__name {
  font-size: 14px;
  font-size: 1.4rem;
  letter-spacing: -0.04em;
  margin-bottom: 15px;
}
@media only screen and (max-width: 769px) {
  #page_business .business .business__item .pickup__item .pickup__body li .pickup__detail .pickup__name {
    font-size: 11px;
    font-size: 1.1rem;
    margin-bottom: 10px;
  }
}
#page_business .business .business__item .pickup__item .pickup__body li .pickup__detail .pickup__text {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.2;
  text-align: justify;
}
@media only screen and (max-width: 769px) {
  #page_business .business .business__item .pickup__item .pickup__body li .pickup__detail .pickup__text {
    font-size: 11px;
    font-size: 1.1rem;
  }
}
@media only screen and (max-width: 769px) {
  #page_business #h06 {
    background-size: 100% auto;
  }
}
#page_business .shirokuma_btn {
  text-align: center;
}
#page_business .shirokuma_btn a {
  font-size: 16px;
  font-size: 1.6rem;
  background: #B1E2F3;
  border: 3px solid #B1E2F3;
  display: inline-block;
  padding: 1em 2em;
  text-align: center;
  -webkit-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  width: 200px;
}
@media only screen and (max-width: 769px) {
  #page_business .shirokuma_btn a {
    font-size: 11px;
    font-size: 1.1rem;
  }
}
#page_business .shirokuma_btn a:hover {
  background: #fff;
  color: #B1E2F3;
}

.contents .box__links li a span {
  display: none;
}

#page_company {
  padding-bottom: 120px;
}
@media only screen and (max-width: 769px) {
  #page_company {
    padding-bottom: 20px;
  }
}
#page_company .mainvisual {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  border-bottom: 3px solid #000;
  margin-bottom: 20px;
  height: 474px;
}
@media only screen and (max-width: 769px) {
  #page_company .mainvisual {
    height: 237px;
  }
}
#page_company .mainvisual .inner {
  padding-top: 215px;
  text-align: center;
}
@media only screen and (max-width: 769px) {
  #page_company .mainvisual .inner {
    padding-top: 130px;
  }
}
@media only screen and (max-width: 769px) {
  #page_company .box__links {
    margin-bottom: 37px;
  }
}
#page_company .company .main__title2 {
  margin-bottom: 30px;
}
#page_company .company .main__title2 small {
  display: inline-block;
  letter-spacing: 0.05em;
}
#page_company .company .pagelink {
  margin-bottom: 0;
}
#page_company .company .company__title {
  font-size: 32px;
  font-size: 3.2rem;
  font-weight: bold;
  letter-spacing: 0.2em;
  text-align: center;
}
@media only screen and (max-width: 769px) {
  #page_company .company .company__title {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
#page_company .company #company {
  margin-bottom: 190px;
}
@media only screen and (max-width: 769px) {
  #page_company .company #company {
    margin-bottom: 55px;
  }
}
#page_company .company #company .company__item {
  margin-bottom: 40px;
}
@media only screen and (max-width: 769px) {
  #page_company .company #company .company__item {
    margin-bottom: 25px;
  }
}
#page_company .company #company .company__item .company__image {
  float: left;
  margin-right: 40px;
}
@media only screen and (max-width: 769px) {
  #page_company .company #company .company__item .company__image {
    float: none;
    margin-right: 0;
  }
}
#page_company .company #company .company__item .company__image img {
  width: 100%;
}
#page_company .company #company .company__item .company__detail {
  overflow: hidden;
  zoom: 1;
}
#page_company .company #company .company__item .company__detail .company__name {
  font-size: 16px;
  font-size: 1.6rem;
  margin-bottom: 15px;
}
@media only screen and (max-width: 769px) {
  #page_company .company #company .company__item .company__detail .company__name {
    font-size: 11px;
    font-size: 1.1rem;
    margin-top: 12px;
    margin-bottom: 5px;
  }
}
#page_company .company #company .company__item .company__detail .company__prof {
  margin-bottom: 15px;
}
@media only screen and (max-width: 769px) {
  #page_company .company #company .company__item .company__detail .company__prof {
    margin-bottom: 5px;
  }
}
#page_company .company #company .company__item .company__detail .prof__subject {
  font-size: 16px;
  font-size: 1.6rem;
  float: left;
  margin-right: 30px;
  text-align: justify;
  -moz-text-align-last: justify;
       text-align-last: justify;
  text-justify: inter-ideograph;
  width: 5em;
}
@media only screen and (max-width: 769px) {
  #page_company .company #company .company__item .company__detail .prof__subject {
    font-size: 11px;
    font-size: 1.1rem;
    margin-right: 15px;
  }
}
#page_company .company #company .company__item .company__detail .prof__text {
  font-size: 16px;
  font-size: 1.6rem;
  letter-spacing: 0.1em;
  overflow: hidden;
  zoom: 1;
}
@media only screen and (max-width: 769px) {
  #page_company .company #company .company__item .company__detail .prof__text {
    font-size: 11px;
    font-size: 1.1rem;
  }
}
#page_company .company #company .company__item .company__detail .company__address {
  margin-bottom: 10px;
}
#page_company .company #company .company__item .company__detail .company__map a {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 45px;
  line-height: 4.5rem;
  background: #d6d4d3;
  display: block;
  letter-spacing: 0.15em;
  text-align: center;
}
@media only screen and (max-width: 769px) {
  #page_company .company #company .company__item .company__detail .company__map a {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 40px;
    line-height: 4rem;
  }
}
#page_company .company #company .company__item .company__detail .company__hide {
  display: none;
}
@media only screen and (max-width: 769px) {
  #page_company .company #company .company__item .company__detail .company__hide iframe {
    width: 100%;
  }
}
#page_company .company #company .company__other .other__item {
  float: left;
  width: 389px;
}
@media only screen and (max-width: 769px) {
  #page_company .company #company .company__other .other__item {
    float: none;
    margin-bottom: 25px;
    width: 100%;
  }
  #page_company .company #company .company__other .other__item img {
    width: 100%;
  }
}
#page_company .company #company .company__other .other__item:nth-child(2) {
  float: right;
}
@media only screen and (max-width: 769px) {
  #page_company .company #company .company__other .other__item:nth-child(2) {
    float: none;
  }
}
#page_company .company #company .company__other .other__item .other__name,
#page_company .company #company .company__other .other__item .other__address {
  font-size: 16px;
  font-size: 1.6rem;
  margin-top: 12px;
}
@media only screen and (max-width: 769px) {
  #page_company .company #company .company__other .other__item .other__name,
#page_company .company #company .company__other .other__item .other__address {
    font-size: 11px;
    font-size: 1.1rem;
    margin-top: 5px;
  }
}
#page_company .company .iso__title {
  font-size: 32px;
  font-size: 3.2rem;
  font-weight: bold;
  letter-spacing: 0.2em;
  text-align: center;
}
@media only screen and (max-width: 769px) {
  #page_company .company .iso__title {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
#page_company .company #iso {
  margin-bottom: 230px;
}
@media only screen and (max-width: 769px) {
  #page_company .company #iso {
    margin-bottom: 80px;
  }
}
#page_company .company #iso .iso .iso__images {
  float: left;
  margin-right: 50px;
}
@media only screen and (max-width: 769px) {
  #page_company .company #iso .iso .iso__images {
    float: none;
    margin: 0 auto 20px;
    width: 175px;
  }
}
#page_company .company #iso .iso .iso__images p {
  text-align: center;
}
@media only screen and (max-width: 769px) {
  #page_company .company #iso .iso .iso__images p:nth-child(1) img {
    width: 175px;
  }
  #page_company .company #iso .iso .iso__images p:nth-child(2) img {
    width: 67px;
  }
}
#page_company .company #iso .iso .iso__detail {
  overflow: hidden;
  zoom: 1;
}
#page_company .company #iso .iso .iso__detail p {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 26px;
  line-height: 2.6rem;
  letter-spacing: 0.12em;
  margin-top: 25px;
}
@media only screen and (max-width: 769px) {
  #page_company .company #iso .iso .iso__detail p {
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 18px;
    line-height: 1.8rem;
    margin-top: 12px;
  }
}
#page_company .company #iso .iso .iso__detail p:first-child {
  margin-top: 0;
}
#page_company .company .history__title {
  font-size: 32px;
  font-size: 3.2rem;
  color: white;
  font-weight: bold;
  letter-spacing: 0.2em;
  text-align: center;
}
@media only screen and (max-width: 769px) {
  #page_company .company .history__title {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
#page_vision .vision #history .history__all .history__images {
  float: right;
  width: 220px;
}
@media only screen and (max-width: 769px) {
  #page_vision .vision #history .history__all .history__images {
    display: none;
  }
}
#page_vision .vision #history .history__all .history__image {
  margin-bottom: 130px;
  text-align: center;
}
@media only screen and (max-width: 769px) {
  #page_vision .vision #history .history__all .history__image {
    margin-bottom: 10px;
  }
}
#page_vision .vision #history .history__all .history__image.history__image_large {
  margin-bottom: 450px;
}
#page_vision .vision #history .history__all .history__image img {
  max-width: 204px;
}
#page_vision .vision #history .history__all .history__image small {
  font-size: 12px;
  font-size: 1.2rem;
  display: inline-block;
  letter-spacing: 0.1em;
  margin-top: 7px;
}
@media only screen and (max-width: 769px) {
  #page_vision .vision #history .history__all .history__image small {
    font-size: 9px;
    font-size: 0.9rem;
    margin-top: 5px;
  }
}
#page_vision .vision #history .history__all .history__summary {
  overflow: hidden;
  position: relative;
  zoom: 1;
}
#page_vision .vision #history .history__all .history__summary::before {
  background: #ccc;
  content: "";
  display: block;
  height: 100%;
  left: 45px;
  position: absolute;
  top: 17px;
  width: 2px;
}
@media only screen and (max-width: 769px) {
  #page_vision .vision #history .history__all .history__summary::before {
    display: none;
  }
}
@media only screen and (max-width: 769px) {
  #page_vision .vision #history .history__all .history__block {
    margin-bottom: 15px;
  }
}
#page_vision .vision #history .history__all .history__block .history__button {
  display: none;
}
@media only screen and (max-width: 769px) {
  #page_vision .vision #history .history__all .history__block .history__button {
    display: block;
    margin-bottom: 12px;
  }
  #page_vision .vision #history .history__all .history__block .history__button a {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 50px;
    line-height: 5rem;
    border: 1px solid #000;
    display: block;
    letter-spacing: 0.12em;
    position: relative;
    text-align: center;
  }
  #page_vision .vision #history .history__all .history__block .history__button a::after {
    background: url(../img/common/icon_arrow_b.png) no-repeat left top/13px 6px;
    content: "";
    display: block;
    height: 6px;
    margin-top: -3px;
    position: absolute;
    right: 12px;
    top: 50%;
    width: 13px;
  }
}
#page_vision .vision #history .history__all .history__block .history__image {
  display: none;
}
@media only screen and (max-width: 769px) {
  #page_vision .vision #history .history__all .history__block .history__image {
    display: block;
  }
}

@media only screen and (max-width: 769px) {
  #page_vision .vision #history .history__all .history__block ul {
    position: relative;
  }
  #page_vision .vision #history .history__all .history__block ul::before {
    background: #000;
    content: "";
    display: block;
    height: 100%;
    left: 40px;
    position: absolute;
    top: 7px;
    width: 1px;
  }
}
#page_vision .vision #history .history__all .history__year {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 38px;
  line-height: 3.8rem;
  background: url(../img/company/img_circle.png) no-repeat 43px center;
  float: left;
  position: relative;
  width: 58px;
  z-index: 999;
}
@media only screen and (max-width: 769px) {
  #page_vision .vision #history .history__all .history__year {
    font-size: 14px;

    line-height: 28px;

    background-position: 38px center;
    background-size: 5px 5px;
    width: 47px;
  }
  .history__hide li{
    margin-bottom: 10px;
  }
  #page_vision .vision #about, #page_vision .vision #history{
    margin-bottom: 110px;
  }
  .yewucon p{font-size: 16px;line-height: 28px;}
}
#page_vision .vision #history .history__all .history__body {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 38px;
  line-height: 3.8rem;
  font-family: "Genshin";
  letter-spacing: -0.04em;
  overflow: hidden;
  zoom: 1;
}
@media only screen and (max-width: 769px) {
  #page_vision .vision #history .history__all .history__body {
    font-size: 14px;

    line-height: 28px;

  }
  #page_vision .vision #history .history__all .history__body br {
    display: none;
  }
}

#page_painting {
  padding-bottom: 120px;
}
@media only screen and (max-width: 769px) {
  #page_painting .painting__banners {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 15px 10px;
  }
}
#page_painting .painting__banners li {
  margin-bottom: 10px;
}
@media only screen and (max-width: 769px) {
  #page_painting .painting__banners li {
    margin-bottom: 0;
    width: 47%;
  }
  #page_painting .painting__banners li img {
    width: 100%;
  }
}
#page_painting .mainvisual {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  border-bottom: 3px solid #000;
  margin-bottom: 20px;
  height: 474px;
}
@media only screen and (max-width: 769px) {
  #page_painting .mainvisual {
    height: 237px;
  }
}
#page_painting .mainvisual .inner {
  padding-top: 215px;
  text-align: center;
}
@media only screen and (max-width: 769px) {
  #page_painting .mainvisual .inner {
    padding-top: 130px;
  }
  .newscon h3{
    padding-top: 30px;
  }
}
@media only screen and (max-width: 769px) {
  #page_painting .box__links {
    margin-bottom: 37px;
  }
}
#page_painting .painting .painting__sidebar {
  float: left;
  width: 196px;
}
@media only screen and (max-width: 769px) {
  #page_painting .painting .painting__sidebar {
    float: none;
    width: 100%;
  }
}
#page_painting .painting .painting__sidebar .sidebar__title {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 900;
  letter-spacing: 0.12em;
  margin-bottom: 20px;
}
#page_painting .painting .painting__sidebar .sidebar__categories {
  margin-bottom: 50px;
}
@media only screen and (max-width: 769px) {
  #page_painting .painting .painting__sidebar .sidebar__categories {
    height: 60px;
    position: relative;
  }
}
#page_painting .painting .painting__sidebar .sidebar__item {
  font-size: 16px;
  font-size: 1.6rem;
  letter-spacing: 0.12em;
  line-height: 1;
  margin-bottom: 15px;
  padding-left: 10px;
}
#page_painting .painting .painting__sidebar .sidebar__item.sidebar__item--report {
  border-left: 6px solid #f93;
}
#page_painting .painting .painting__sidebar .sidebar__item.sidebar__item--story {
  border-left: 6px solid #ff0;
}
#page_painting .painting .painting__sidebar .sidebar__item.sidebar__item--material {
  border-left: 6px solid #6f0;
}
#page_painting .painting .painting__sidebar .sidebar__item.sidebar__item--paintdiy {
  border-left: 6px solid #00f;
}
#page_painting .painting .painting__sidebar .sidebar__item.sidebar__item--howto {
  border-left: 6px solid #f00;
}
@media only screen and (max-width: 769px) {
  #page_painting .painting .painting__sidebar .painting__banners {
    display: none;
  }
}
@media only screen and (max-width: 769px) {
  #page_painting .painting .painting__sidebar ul {
    border-bottom: 1px solid #000;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 999;
  }
  #page_painting .painting .painting__sidebar ul .sidebar__item {
    border-left: none !important;
    border-top: 1px solid #000;
    margin: 0;
    padding-left: 0;
    display: none;
    width: 100%;
  }
  #page_painting .painting .painting__sidebar ul .sidebar__item a {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 45px;
    line-height: 4.5rem;
    background: white;
    display: block;
    text-align: center;
  }
  #page_painting .painting .painting__sidebar ul .sidebar__item.show {
    display: block;
  }
  #page_painting .painting .painting__sidebar ul .active {
    position: relative;
  }
  #page_painting .painting .painting__sidebar ul .active::after {
    background: url(../img/painting/sp/icon_button.png) no-repeat left top/12px 6px;
    content: "";
    display: block;
    height: 6px;
    margin-top: -3px;
    position: absolute;
    right: 10px;
    top: 50%;
    width: 12px;
  }
}
#page_painting .painting .painting__contents {
  float: right;
  width: 654px;
}
@media only screen and (max-width: 769px) {
  #page_painting .painting .painting__contents {
    float: none;
    margin: 0 -10px;
    width: auto;
  }
}
#page_painting .painting .painting__contents .painting__title {
  display: table;
  margin-bottom: 25px;
  width: 100%;
}
#page_painting .painting .painting__contents .painting__title .painting__title--body {
  font-size: 26px;
  font-size: 2.6rem;
  color: #000;
  display: table-cell;
  font-weight: 900;
  height: 98px;
  letter-spacing: 0.15em;
  line-height: 1;
  margin-bottom: 25px;
  text-align: center;
  vertical-align: middle;
  width: 100%;
}
@media only screen and (max-width: 769px) {
  #page_painting .painting .painting__contents .painting__title .painting__title--body {
    font-size: 19px;
    font-size: 1.9rem;
    line-height: 12px;
    line-height: 1.2rem;
    height: 50px;
    vertical-align: middle;
  }
  #page_painting .painting .painting__contents .painting__title .painting__title--body img {
    vertical-align: middle;
    width: 85px;
  }
}
#page_painting .painting .painting__contents .painting__title .painting__title--body small {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: normal;
}
@media only screen and (max-width: 769px) {
  #page_painting .painting .painting__contents .painting__title .painting__title--body small {
    font-size: 10px;
    font-size: 1rem;
  }
}
#page_painting .painting .painting__contents .painting__title .painting__title--body.painting__title--general {
  background: #0ff;
}
#page_painting .painting .painting__contents .painting__title .painting__title--body.painting__title--report {
  background: #f93;
}
#page_painting .painting .painting__contents .painting__title .painting__title--body.painting__title--story {
  background: #ff0;
}
#page_painting .painting .painting__contents .painting__title .painting__title--body.painting__title--material {
  background: #6f0;
}
#page_painting .painting .painting__contents .painting__title .painting__title--body.painting__title--paintdiy {
  background: #00f;
}
#page_painting .painting .painting__contents .painting__title .painting__title--body.painting__title--howto {
  background: #f00;
}
#page_painting .painting .painting__contents .painting__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
#page_painting .painting .painting__contents .painting__body .painting__item {
  margin-bottom: 30px;
  width: 290px;
}
@media only screen and (max-width: 769px) {
  #page_painting .painting .painting__contents .painting__body .painting__item {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 0 10px;
    width: 100%;
  }
}
#page_painting .painting .painting__contents .painting__body .painting__item a {
  display: block;
}
#page_painting .painting .painting__contents .painting__body .painting__item .item__image {
  position: relative;
}
#page_painting .painting .painting__contents .painting__body .painting__item .item__image img {
  width: 100%;
}
#page_painting .painting .painting__contents .painting__body .painting__item .item__image.item__movie::after {
  background: url(../img/painting/icon_movie.png) no-repeat left top;
  content: "";
  display: block;
  height: 57px;
  left: 50%;
  margin-top: -28px;
  margin-left: -28px;
  position: absolute;
  top: 50%;
  width: 57px;
}
#page_painting .painting .painting__contents .painting__body .painting__item .item__info {
  padding: 10px 0;
}
#page_painting .painting .painting__contents .painting__body .painting__item .item__info .item__category {
  font-size: 16px;
  font-size: 1.6rem;
  float: left;
  line-height: 1;
  padding-left: 7px;
}
@media only screen and (max-width: 769px) {
  #page_painting .painting .painting__contents .painting__body .painting__item .item__info .item__category {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
#page_painting .painting .painting__contents .painting__body .painting__item .item__info .item__date {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 16px;
  line-height: 1.6rem;
  float: right;
}
@media only screen and (max-width: 769px) {
  #page_painting .painting .painting__contents .painting__body .painting__item .item__info .item__date {
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 15px;
    line-height: 1.5rem;
  }
}
#page_painting .painting .painting__contents .painting__body .painting__item .item__title {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 900;
}
@media only screen and (max-width: 769px) {
  #page_painting .painting .painting__contents .painting__body .painting__item .item__title {
    font-size: 13px;
    font-size: 1.3rem;
  }
}
#page_painting .painting .painting__contents .painting__body .painting__item.painting__item--report .item__category {
  border-left: 6px solid #f93;
}
#page_painting .painting .painting__contents .painting__body .painting__item.painting__item--story .item__category {
  border-left: 6px solid #ff0;
}
#page_painting .painting .painting__contents .painting__body .painting__item.painting__item--material .item__category {
  border-left: 6px solid #6f0;
}
#page_painting .painting .painting__contents .painting__body .painting__item.painting__item--paintdiy .item__category {
  border-left: 6px solid #00f;
}
#page_painting .painting .painting__contents .painting__body .painting__item.painting__item--howto .item__category {
  border-left: 6px solid #f00;
}
@media only screen and (max-width: 769px) {
  #page_painting .painting .painting__contents .more__button {
    padding: 0 10px;
  }
}
#page_painting .painting .painting__contents .more__button a {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 70px;
  line-height: 7rem;
  background: #000;
  color: white;
  display: block;
  font-weight: 900;
  letter-spacing: 0.2em;
  text-align: center;
}
@media only screen and (max-width: 769px) {
  #page_painting .painting .painting__contents .more__button a {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 53px;
    line-height: 5.3rem;
  }
}
#page_painting .painting .painting__contents .more__button a span {
  line-height: 18px;
  line-height: 1.8rem;
  background: url(../img/painting/icon_arrow03.png) no-repeat left 3px;
  display: inline-block;
  padding-left: 20px;
}
#page_painting .painting .painting__contents .painting__pagenation {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
#page_painting .painting .painting__contents .painting__pagenation li {
  line-height: 30px;
  line-height: 3rem;
  background: #ffc;
  height: 30px;
  margin: 0 2px;
  text-align: center;
  width: 30px;
}
#page_painting .painting .painting__contents .painting__pagenation li a {
  font-size: 12px;
  font-size: 1.2rem;
  background: #ffc;
  display: block;
  font-weight: 900;
  text-align: center;
  width: 30px;
}
@media only screen and (max-width: 769px) {
  #page_painting .painting .painting__contents .painting__article {
    padding: 0 10px;
  }
}
#page_painting .painting .painting__contents .painting__article .article__main-image {
  margin-bottom: 18px;
  padding-bottom: 18px;
}
#page_painting .painting .painting__contents .painting__article .article__main-image img {
  width: 100%;
}
@media only screen and (max-width: 769px) {
  #page_painting .painting .painting__contents .painting__article .article__main-image {
    height: 0;
    overflow: hidden;
    position: relative;
    padding-bottom: 62.25%;
  }
  #page_painting .painting .painting__contents .painting__article .article__main-image iframe {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
  }
}
#page_painting .painting .painting__contents .painting__article.painting__article--report .article__main-image {
  background: #f93;
}
#page_painting .painting .painting__contents .painting__article.painting__article--story .article__main-image {
  background: #ff0;
}
#page_painting .painting .painting__contents .painting__article.painting__article--material .article__main-image {
  background: #6f0;
}
#page_painting .painting .painting__contents .painting__article.painting__article--paintdiy .article__main-image {
  background: #00f;
}
#page_painting .painting .painting__contents .painting__article.painting__article--howto .article__main-image {
  background: #f00;
}
#page_painting .painting .painting__contents .painting__article .article__info {
  margin-bottom: 16px;
}
#page_painting .painting .painting__contents .painting__article .article__info .article__category {
  font-size: 25px;
  font-size: 2.5rem;
  line-height: 25px;
  line-height: 2.5rem;
  float: left;
  padding-left: 7px;
}
@media only screen and (max-width: 769px) {
  #page_painting .painting .painting__contents .painting__article .article__info .article__category {
    font-size: 13px;
    font-size: 1.3rem;
    float: none;
    line-height: 1.2;
    margin-bottom: 15px;
  }
}
#page_painting .painting .painting__contents .painting__article .article__info .article__date {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 25px;
  line-height: 2.5rem;
  float: right;
}
@media only screen and (max-width: 769px) {
  #page_painting .painting .painting__contents .painting__article .article__info .article__date {
    font-size: 9px;
    font-size: 0.9rem;
    float: none;
    line-height: 1.2;
    margin-bottom: 10px;
  }
}
#page_painting .painting .painting__contents .painting__article.painting__article--report .article__category {
  border-left: 8px solid #f93;
}
#page_painting .painting .painting__contents .painting__article.painting__article--story .article__category {
  border-left: 8px solid #ff0;
}
#page_painting .painting .painting__contents .painting__article.painting__article--material .article__category {
  border-left: 8px solid #6f0;
}
#page_painting .painting .painting__contents .painting__article.painting__article--paintdiy .article__category {
  border-left: 8px solid #00f;
}
#page_painting .painting .painting__contents .painting__article.painting__article--howto .article__category {
  border-left: 8px solid #f00;
}
#page_painting .painting .painting__contents .painting__article .article__title {
  font-size: 25px;
  font-size: 2.5rem;
  line-height: 38px;
  line-height: 3.8rem;
  font-weight: 900;
  letter-spacing: 0.2em;
  margin-bottom: 35px;
}
@media only screen and (max-width: 769px) {
  #page_painting .painting .painting__contents .painting__article .article__title {
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 19px;
    line-height: 1.9rem;
    margin-bottom: 15px;
  }
}
#page_painting .painting .painting__contents .painting__article .article__body {
  margin-bottom: 50px;
}
@media only screen and (max-width: 769px) {
  #page_painting .painting .painting__contents .painting__article .article__body {
    margin-bottom: 25px;
  }
}
#page_painting .painting .painting__contents .painting__article .article__body p {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 22px;
  line-height: 2.2rem;
  letter-spacing: 0.15em;
  margin-bottom: 24px;
  text-align: justify;
}
@media only screen and (max-width: 769px) {
  #page_painting .painting .painting__contents .painting__article .article__body p {
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 18px;
    line-height: 1.8rem;
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 769px) {
  #page_painting .painting .painting__contents .painting__article .article__body img {
    height: auto;
    width: 100%;
  }
}
#page_painting .painting .painting__contents .painting__article .article__bottom {
  margin-bottom: 64px;
}
@media only screen and (max-width: 769px) {
  #page_painting .painting .painting__contents .painting__article .article__bottom {
    margin-bottom: 50px;
  }
}
#page_painting .painting .painting__contents .painting__article .article__bottom .back__button {
  float: left;
}
#page_painting .painting .painting__contents .painting__article .article__bottom .back__button a {
  font-size: 20px;
  font-size: 2rem;
  line-height: 40px;
  line-height: 4rem;
  background: url(../img/painting_detail/btn_back.png) no-repeat left top;
  display: block;
  font-weight: 900;
  letter-spacing: 0.2em;
  padding-left: 50px;
}
@media only screen and (max-width: 769px) {
  #page_painting .painting .painting__contents .painting__article .article__bottom .back__button a {
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 23px;
    line-height: 2.3rem;
    background-size: 23px 23px;
    padding-left: 35px;
  }
}
#page_painting .painting .painting__contents .painting__article .article__bottom .sns__share {
  float: right;
  padding-top: 6px;
}
@media only screen and (max-width: 769px) {
  #page_painting .painting .painting__contents .painting__article .article__bottom .sns__share {
    padding-top: 3px;
  }
}
#page_painting .painting .painting__contents .painting__article .article__bottom .sns__share li {
  float: left;
  margin-left: 10px;
}
@media only screen and (max-width: 769px) {
  #page_painting .painting .painting__contents .painting__article .article__bottom .sns__share li {
    margin-left: 5px;
  }
  #page_painting .painting .painting__contents .painting__article .article__bottom .sns__share li img {
    width: 13px;
  }
}
#page_painting .painting .painting__contents .painting__article .article__related {
  margin: 0 -10px;
}
#page_painting .painting .painting__contents .painting__article .article__related .related__title {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 64px;
  line-height: 6.4rem;
  margin-bottom: 27px;
  text-align: center;
}
@media only screen and (max-width: 769px) {
  #page_painting .painting .painting__contents .painting__article .article__related .related__title {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 50px;
    line-height: 5rem;
  }
}
#page_painting .painting .painting__contents .painting__article.painting__article--report .related__title {
  background: #f93;
}
#page_painting .painting .painting__contents .painting__article.painting__article--story .related__title {
  background: #ff0;
}
#page_painting .painting .painting__contents .painting__article.painting__article--material .related__title {
  background: #6f0;
}
#page_painting .painting .painting__contents .painting__article.painting__article--paintdiy .related__title {
  background: #00f;
}
#page_painting .painting .painting__contents .painting__article.painting__article--howto .related__title {
  background: #f00;
}

#page_gallery {
  padding-bottom: 120px;
}
@media only screen and (max-width: 769px) {
  #page_gallery {
    padding-bottom: 20px;
  }
}
#page_gallery .mainvisual {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  border-bottom: 3px solid #000;
  margin-bottom: 20px;
  height: 474px;
}
@media only screen and (max-width: 769px) {
  #page_gallery .mainvisual {
    height: 237px;
  }
}
#page_gallery .mainvisual .inner {
  padding-top: 215px;
  text-align: center;
}
@media only screen and (max-width: 769px) {
  #page_gallery .mainvisual .inner {
    padding-top: 130px;
  }
}
#page_gallery .box__links {
  border-top: none;
}
@media only screen and (max-width: 769px) {
  #page_gallery .box__links {
    margin-bottom: 37px;
  }
}
#page_gallery .box__links li {
  border-top: 1px solid #000;
}

.gallery img{
  display: block;
  max-width: 100%;
  height: auto;
  margin-bottom: 10px;
}
.gallery .box{
  margin-bottom: 40px;
}

.gallery .box ul{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.gallery .box ul li{

}

.gallery .box ul li p{
  font-size: 16px;
  padding: 10px 0;
}

.aboutmore ul{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;

}

.aboutmore ul li.aboutmorecon{
  display: flex;
  align-items: center;
}

.aboutmore ul:nth-child(1){
  margin-bottom: 50px;
}

.aboutmore img{
  display: block;
  max-width: 100%;
  height: auto;
}

.aboutmore ul li{
  width: 48%;
}

.aboutmore ul li h3{
  color: #5cc48d;
  font-size: 18px;
  margin-bottom: 20px;
}

.aboutmore ul:nth-child(2) h3{
  color: #4f81bd;
}

.aboutmore ul li p{
  font-size: 14px;
  line-height: 28px;
  padding: 10px 0;
}

.yw1 img{
  max-width: 100%;
  height: auto;
  margin-bottom: 50px;
}

#page_gallery .gallery .main__title2 {
  margin-bottom: 30px;
}
#page_gallery .gallery .main__title2 small {
  display: inline-block;
  letter-spacing: 0.05em;
}
#page_gallery .gallery .pagelink {
  margin-bottom: 0;
}
#page_gallery .gallery .gallery__lead {
  font-size: 25px;
  font-size: 2.5rem;
  font-weight: 900;
  letter-spacing: 0.15em;
  margin-bottom: 20px;
  text-align: center;
}
@media only screen and (max-width: 769px) {
  #page_gallery .gallery .gallery__lead {
    font-size: 20px;
    font-size: 2rem;
    margin-bottom: 12px;
  }
}
#page_gallery .gallery .gallery__text {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 26px;
  line-height: 2.6rem;
  letter-spacing: 0.15em;
  margin-bottom: 60px;
  text-align: center;
}
@media only screen and (max-width: 769px) {
  #page_gallery .gallery .gallery__text {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 22px;
    line-height: 2.2rem;
    margin-bottom: 30px;
    text-align: justify;
  }
  #page_gallery .gallery .gallery__text br {
    display: none;
  }
}
#page_gallery .gallery #h01 {
  padding-top: 50px;
}
@media only screen and (max-width: 769px) {
  #page_gallery .gallery #h01 {
    padding-top: 34px;
  }
}
#page_gallery .gallery #h01 h2 {
  text-align: center;
}
@media only screen and (max-width: 769px) {
  #page_gallery .gallery #h01 h2 img {
    width: 180px;
  }
}
#page_gallery .gallery .colorspice {
  margin-bottom: 280px;
}
@media only screen and (max-width: 769px) {
  #page_gallery .gallery .colorspice {
    margin-bottom: 100px;
  }
}
#page_gallery .gallery .colorspice .box__title {
  height: 667px;
}
#page_gallery .gallery .colorspice .box__title img {
  display: none;
}
@media only screen and (max-width: 769px) {
  #page_gallery .gallery .colorspice .box__title {
    background: none !important;
    height: auto;
    padding: 0 10px;
  }
  #page_gallery .gallery .colorspice .box__title img {
    display: inline;
    width: 100%;
  }
}
#page_gallery .gallery .colorspice .colorspice__info {
  margin-bottom: 40px;
}
#page_gallery .gallery .colorspice .colorspice__info .colorspice__logo {
  float: left;
  margin-right: 40px;
}
@media only screen and (max-width: 769px) {
  #page_gallery .gallery .colorspice .colorspice__info .colorspice__logo {
    float: none;
    margin-right: 0;
    margin-bottom: 20px;
    text-align: center;
  }
}
#page_gallery .gallery .colorspice .colorspice__info .colorspice__detail {
  overflow: hidden;
  table-layout: fixed;
  width: 510px;
  zoom: 1;
}
@media only screen and (max-width: 769px) {
  #page_gallery .gallery .colorspice .colorspice__info .colorspice__detail {
    display: block;
    width: 100%;
  }
}
#page_gallery .gallery .colorspice .colorspice__info .colorspice__detail th {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 26px;
  line-height: 2.6rem;
  text-align: left;
  vertical-align: top;
  width: 115px;
}
@media only screen and (max-width: 769px) {
  #page_gallery .gallery .colorspice .colorspice__info .colorspice__detail th {
    font-size: 10px;
    font-size: 1rem;
    line-height: 18px;
    line-height: 1.8rem;
    display: block;
    width: 100%;
  }
}
#page_gallery .gallery .colorspice .colorspice__info .colorspice__detail td {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 26px;
  line-height: 2.6rem;
  font-family: "Genshin";
  width: 395px;
}
@media only screen and (max-width: 769px) {
  #page_gallery .gallery .colorspice .colorspice__info .colorspice__detail td {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 18px;
    line-height: 1.8rem;
    display: block;
    width: 100%;
  }
}
@media only screen and (max-width: 769px) {
  #page_gallery .gallery .colorspice .colorspice__access {
    margin-bottom: 20px;
  }
}
#page_gallery .gallery .colorspice .colorspice__access .access__detail {
  float: left;
  width: 500px;
}
@media only screen and (max-width: 769px) {
  #page_gallery .gallery .colorspice .colorspice__access .access__detail {
    float: none;
    margin-bottom: 20px;
    width: 100%;
  }
}
#page_gallery .gallery .colorspice .colorspice__access .access__detail .access__title {
  font-size: 16px;
  font-size: 1.6rem;
  border-bottom: 1px solid #000;
  font-weight: 900;
  padding-bottom: 5px;
}
@media only screen and (max-width: 769px) {
  #page_gallery .gallery .colorspice .colorspice__access .access__detail .access__title {
    font-size: 13px;
    font-size: 1.3rem;
  }
}
#page_gallery .gallery .colorspice .colorspice__access .access__detail .access__item {
  margin-top: 12px;
}
#page_gallery .gallery .colorspice .colorspice__access .access__detail .access__item .train__name {
  font-size: 14px;
  font-size: 1.4rem;
  border-bottom: 1px solid #000;
  float: left;
  margin-right: 15px;
}
@media only screen and (max-width: 769px) {
  #page_gallery .gallery .colorspice .colorspice__access .access__detail .access__item .train__name {
    font-size: 10px;
    font-size: 1rem;
  }
}
#page_gallery .gallery .colorspice .colorspice__access .access__detail .access__item .train__info {
  overflow: hidden;
  zoom: 1;
}
#page_gallery .gallery .colorspice .colorspice__access .access__detail .access__item .train__info li {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 26px;
  line-height: 2.6rem;
  margin-left: 1em;
  text-indent: -0.5em;
}
@media only screen and (max-width: 769px) {
  #page_gallery .gallery .colorspice .colorspice__access .access__detail .access__item .train__info li {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 18px;
    line-height: 1.8rem;
  }
}
#page_gallery .gallery .colorspice .colorspice__access .access__detail .access__button {
  margin-top: 12px;
}
#page_gallery .gallery .colorspice .colorspice__access .access__detail .access__button a {
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 100px;
  line-height: 10rem;
  background: #e96f00;
  color: white;
  display: block;
  font-weight: 900;
  letter-spacing: 0.15em;
  text-align: center;
}
@media only screen and (max-width: 769px) {
  #page_gallery .gallery .colorspice .colorspice__access .access__detail .access__button a {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 50px;
    line-height: 5rem;
  }
}
#page_gallery .gallery .colorspice .colorspice__access .access__map {
  float: right;
  width: 300px;
}
@media only screen and (max-width: 769px) {
  #page_gallery .gallery .colorspice .colorspice__access .access__map {
    float: none;
    margin-top: 15px;
    width: 100%;
  }
  #page_gallery .gallery .colorspice .colorspice__access .access__map iframe {
    width: 100%;
  }
}
#page_gallery .gallery .colorspice .colorspice__access .colorspice__banners {
  clear: both;
  padding-top: 45px;
}
@media only screen and (max-width: 769px) {
  #page_gallery .gallery .colorspice .colorspice__access .colorspice__banners {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 0;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
#page_gallery .gallery .colorspice .colorspice__access .colorspice__banners li {
  float: left;
  margin-right: 45px;
}
#page_gallery .gallery .colorspice .colorspice__access .colorspice__banners li span {
  font-size: 12px;
  font-size: 1.2rem;
}
@media only screen and (max-width: 769px) {
  #page_gallery .gallery .colorspice .colorspice__access .colorspice__banners li span {
    font-size: 8px;
    font-size: 0.8rem;
  }
}
@media only screen and (max-width: 769px) {
  #page_gallery .gallery .colorspice .colorspice__access .colorspice__banners li {
    float: none;
    margin-right: 0;
    width: 48%;
  }
  #page_gallery .gallery .colorspice .colorspice__access .colorspice__banners li img {
    width: 100%;
  }
}
#page_gallery .gallery #h02 h2 {
  text-align: center;
}
@media only screen and (max-width: 769px) {
  #page_gallery .gallery #h02 h2 img {
    width: 300px;
  }
}
#page_gallery .gallery .gallery__button {
  margin: 0 auto;
  width: 500px;
}
@media only screen and (max-width: 769px) {
  #page_gallery .gallery .gallery__button {
    width: 100%;
  }
}
#page_gallery .gallery .gallery__button a {
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 100px;
  line-height: 10rem;
  background: #c9c9c9;
  color: white;
  display: block;
  font-weight: 900;
  letter-spacing: 0.15em;
  text-align: center;
}
@media only screen and (max-width: 769px) {
  #page_gallery .gallery .gallery__button a {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 50px;
    line-height: 5rem;
  }
}

#page_support {
  padding-bottom: 120px;
}
@media only screen and (max-width: 769px) {
  #page_support {
    padding-bottom: 20px;
  }
}
#page_support .mainvisual {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  border-bottom: 3px solid #000;
  margin-bottom: 20px;
  height: 474px;
}
@media only screen and (max-width: 769px) {
  #page_support .mainvisual {
    height: 237px;
  }
}
#page_support .mainvisual .inner {
  padding-top: 215px;
  text-align: center;
}
@media only screen and (max-width: 769px) {
  #page_support .mainvisual .inner {
    padding-top: 100px;
  }
}
@media only screen and (max-width: 769px) {
  #page_support .box__links {
    margin-bottom: 30px;
  }
}
#page_support .support .main__title2 {
  margin-bottom: 30px;
}
#page_support .support .main__title2 small {
  display: inline-block;
  letter-spacing: 0.05em;
}
#page_support .support .pagelink {
  margin-bottom: 0;
}
#page_support .support .download {
  margin-bottom: 220px;
}
@media only screen and (max-width: 769px) {
  #page_support .support .download {
    margin-bottom: 60px;
  }
}
#page_support .support .download .download__button {
  margin: 0 auto;
  padding-top: 60px;
  width: 680px;
}
@media only screen and (max-width: 769px) {
  #page_support .support .download .download__button {
    padding-top: 0;
    width: 100%;
  }
}
#page_support .support .download .download__button a {
  font-size: 25px;
  font-size: 2.5rem;
  line-height: 190px;
  line-height: 19rem;
  background: #ccc url(../img/support/icon_arrow.png) no-repeat 15px center;
  border: 1px solid #000;
  display: block;
  font-weight: 900;
  letter-spacing: 0.2em;
  text-align: center;
}
@media only screen and (max-width: 769px) {
  #page_support .support .download .download__button a {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 95px;
    line-height: 9.5rem;
    background-size: 9px 9px;
  }
}
#page_support .support .information {
  margin-bottom: 170px;
}
@media only screen and (max-width: 769px) {
  #page_support .support .information {
    margin-bottom: 50px;
  }
}
#page_support .support .information .information__lead {
  font-size: 16px;
  font-size: 1.6rem;
  margin-bottom: 15px;
}
#page_support .support .information .table__wrap {
  margin-bottom: 30px;
}
@media only screen and (max-width: 769px) {
  #page_support .support .information .table__wrap {
    overflow: auto;
  }
  #page_support .support .information .table__wrap::-webkit-scrollbar {
    height: 5px;
  }
  #page_support .support .information .table__wrap::-webkit-scrollbar-track {
    background: #F1F1F1;
  }
  #page_support .support .information .table__wrap::-webkit-scrollbar-thumb {
    background: #BCBCBC;
  }
}
#page_support .support .information .offer {
  font-size: 11px;
  font-size: 1.1rem;
  margin-top: 10px;
}
#page_support .support .information .information__table {
  border-collapse: collapse;
  table-layout: fixed;
  width: 100%;
}
@media only screen and (max-width: 769px) {
  #page_support .support .information .information__table {
    width: 200%;
  }
}
#page_support .support .information .information__table tr th {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 1px 0 5px 1px;
  text-align: left;
}
@media only screen and (max-width: 769px) {
  #page_support .support .information .information__table tr th {
    white-space: nowrap;
  }
}
#page_support .support .information .information__table tr th span {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 38px;
  line-height: 3.8rem;
  background: #dfdfdf;
  display: block;
  padding: 0 7px;
}
@media only screen and (max-width: 769px) {
  #page_support .support .information .information__table tr th span {
    font-size: 10px;
    font-size: 1rem;
    line-height: 28px;
    line-height: 2.8rem;
  }
}
#page_support .support .information .information__table tr th.category {
  width: 50px;
}
#page_support .support .information .information__table tr th.name {
  width: 229px;
}
@media only screen and (max-width: 769px) {
  #page_support .support .information .information__table tr th.name {
    width: 140px;
  }
}
#page_support .support .information .information__table tr th.kind {
  width: 295px;
}
@media only screen and (max-width: 769px) {
  #page_support .support .information .information__table tr th.kind {
    width: 130px;
  }
}
#page_support .support .information .information__table tr th.num {
  width: 80px;
}
@media only screen and (max-width: 769px) {
  #page_support .support .information .information__table tr th.num {
    width: 40px;
  }
}
#page_support .support .information .information__table tr th.capacity {
  width: 240px;
}
@media only screen and (max-width: 769px) {
  #page_support .support .information .information__table tr th.capacity {
    width: 120px;
  }
}
#page_support .support .information .information__table tr td {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 24px;
  line-height: 2.4rem;
  border-top: 1px dotted #000;
  border-left: 1px solid #000;
  border-right: 1px solid #000;
  border-bottom: 1px dotted #000;
  padding: 7px;
}
@media only screen and (max-width: 769px) {
  #page_support .support .information .information__table tr td {
    font-size: 10px;
    font-size: 1rem;
    line-height: 20px;
    line-height: 2rem;
    padding: 4px 7px;
  }
}
#page_support .support .information .information__table tr td.name {
  border-style: solid;
  line-height: 1.5;
}
#page_support .support .information .information__table tr td.name span {
  /*
  border: 1px solid #000;
  display: inline-block;
  padding: 0 8px;
   */
}
#page_support .support .information .information__table tr.top td {
  border-top-style: solid;
}
#page_support .support .information .information__table tr.bottom td {
  border-bottom-style: solid;
}
#page_support .support .information .information__table.information__table2018 tr th.num {
  width: 240px;
}
@media only screen and (max-width: 769px) {
  #page_support .support .information .information__table.information__table2018 tr th.num {
    width: 120px;
  }
}
#page_support .support .information .information__table.information__table2018 tr th.capacity {
  width: 80px;
}
@media only screen and (max-width: 769px) {
  #page_support .support .information .information__table.information__table2018 tr th.capacity {
    width: 40px;
  }
}
#page_support .support .information .information__table.information__table2019 tr th.num {
  width: 90px;
}
@media only screen and (max-width: 769px) {
  #page_support .support .information .information__table.information__table2019 tr th.num {
    width: 120px;
  }
}
#page_support .support .information .information__table.information__table2019 tr th.capacity {
  width: 80px;
}
@media only screen and (max-width: 769px) {
  #page_support .support .information .information__table.information__table2019 tr th.capacity {
    width: 40px;
  }
}
#page_support .support .faq {
  margin-bottom: 140px;
}
@media only screen and (max-width: 769px) {
  #page_support .support .faq {
    margin-bottom: 50px;
  }
}
#page_support .support .faq .faq__item {
  margin-bottom: 10px;
}
#page_support .support .faq .faq__item .faq__title a {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 66px;
  line-height: 6.6rem;
  background: #ebebec;
  display: block;
  font-weight: 900;
  letter-spacing: 0.12em;
  position: relative;
  text-align: center;
}
@media only screen and (max-width: 769px) {
  #page_support .support .faq .faq__item .faq__title a {
    font-size: 10px;
    font-size: 1rem;
    line-height: 33px;
    line-height: 3.3rem;
  }
}
#page_support .support .faq .faq__item .faq__title a::before {
  background: #000;
  content: "";
  display: block;
  height: 1px;
  position: absolute;
  right: 29px;
  top: 50%;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  width: 10px;
}
@media only screen and (max-width: 769px) {
  #page_support .support .faq .faq__item .faq__title a::before {
    right: 25px;
    width: 5px;
  }
}
#page_support .support .faq .faq__item .faq__title a::after {
  background: #000;
  content: "";
  display: block;
  height: 1px;
  position: absolute;
  right: 22px;
  top: 50%;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  width: 10px;
}
@media only screen and (max-width: 769px) {
  #page_support .support .faq .faq__item .faq__title a::after {
    width: 5px;
  }
}
#page_support .support .faq .faq__item .faq__title a.on::before {
  right: 25px;
  -webkit-transform: rotate(405deg);
      -ms-transform: rotate(405deg);
          transform: rotate(405deg);
  width: 15px;
}
@media only screen and (max-width: 769px) {
  #page_support .support .faq .faq__item .faq__title a.on::before {
    right: 21px;
    width: 7px;
  }
}
#page_support .support .faq .faq__item .faq__title a.on::after {
  right: 25px;
  -webkit-transform: rotate(-405deg);
      -ms-transform: rotate(-405deg);
          transform: rotate(-405deg);
  width: 15px;
}
@media only screen and (max-width: 769px) {
  #page_support .support .faq .faq__item .faq__title a.on::after {
    right: 21px;
    width: 7px;
  }
}
#page_support .support .faq .faq__item .faq__body {
  display: none;
  padding-top: 25px;
}
@media only screen and (max-width: 769px) {
  #page_support .support .faq .faq__item .faq__body {
    padding-top: 12px;
  }
}
#page_support .support .faq .faq__item .faq__body ul {
  margin-right: -20px;
}
#page_support .support .faq .faq__item .faq__body ul li {
  float: left;
  margin-right: 20px;
  margin-bottom: 15px;
  width: 270px;
}
@media only screen and (max-width: 769px) {
  #page_support .support .faq .faq__item .faq__body ul li {
    margin-bottom: 5px;
    width: 100%;
  }
  #page_support .support .faq .faq__item .faq__body ul li br {
    display: none;
  }
}
#page_support .support .faq .faq__item .faq__body ul li a {
  display: block;
  letter-spacing: 0.12em;
}
#page_support .support .faq .faq__item .faq__body ul li a .faq__num {
  font-size: 14px;
  font-size: 1.4rem;
  float: left;
  font-family: "Genshin";
  font-weight: normal;
  margin-right: 25px;
}
@media only screen and (max-width: 769px) {
  #page_support .support .faq .faq__item .faq__body ul li a .faq__num {
    font-size: 11px;
    font-size: 1.1rem;
    margin-right: 12px;
  }
}
#page_support .support .faq .faq__item .faq__body ul li a .faq__name {
  font-size: 14px;
  font-size: 1.4rem;
  overflow: hidden;
  zoom: 1;
}
@media only screen and (max-width: 769px) {
  #page_support .support .faq .faq__item .faq__body ul li a .faq__name {
    font-size: 11px;
    font-size: 1.1rem;
  }
}
#page_support .support .discon {
  margin-bottom: 150px;
}
@media only screen and (max-width: 769px) {
  #page_support .support .discon {
    margin-bottom: 50px;
  }
}
#page_support .support .discon .discon__block {
  margin-bottom: 30px;
}
#page_support .support .discon .discon__block .discon__title {
  font-size: 24px;
  font-size: 2.4rem;
  margin-bottom: 15px;
}
@media only screen and (max-width: 769px) {
  #page_support .support .discon .discon__block .discon__title {
    font-size: 12px;
    font-size: 1.2rem;
    margin-bottom: 7px;
  }
}
#page_support .support .discon .discon__block .discon__title small {
  font-size: 14px;
  font-size: 1.4rem;
  display: inline-block;
  font-weight: 900;
  margin-left: 15px;
}
@media only screen and (max-width: 769px) {
  #page_support .support .discon .discon__block .discon__title small {
    font-size: 7px;
    font-size: 0.7rem;
    margin-left: 7px;
  }
}
#page_support .support .discon .discon__block .discon__item {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: url(../img/support/bg_discon.png) repeat-y;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 12px;
}
@media only screen and (max-width: 769px) {
  #page_support .support .discon .discon__block .discon__item {
    background-size: 100% auto;
  }
}
#page_support .support .discon .discon__block .discon__item .item__title {
  font-size: 18px;
  font-size: 1.8rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-weight: 900;
  padding: 15px;
  width: 228px;
}
@media only screen and (max-width: 769px) {
  #page_support .support .discon .discon__block .discon__item .item__title {
    font-size: 9px;
    font-size: 0.9rem;
  }
}
#page_support .support .discon .discon__block .discon__item .item__detail {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 15px;
  width: 605px;
}
@media only screen and (max-width: 769px) {
  #page_support .support .discon .discon__block .discon__item .item__detail {
    padding: 0;
  }
}
#page_support .support .discon .discon__block .discon__item .item__detail p {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 26px;
  line-height: 2.6rem;
}
@media only screen and (max-width: 769px) {
  #page_support .support .discon .discon__block .discon__item .item__detail p {
    font-size: 8px;
    font-size: 0.8rem;
    line-height: 12px;
    line-height: 1.2rem;
  }
}
#page_support .support .contact .contact__item {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid #000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto 5px;
  width: 616px;
}
@media only screen and (max-width: 769px) {
  #page_support .support .contact .contact__item {
    width: 100%;
  }
}
#page_support .support .contact .contact__item .contact__subject {
  font-size: 19px;
  font-size: 1.9rem;
  line-height: 75px;
  line-height: 7.5rem;
  background: #dfdfdf;
  font-weight: 900;
  text-align: center;
  width: 166px;
}
@media only screen and (max-width: 769px) {
  #page_support .support .contact .contact__item .contact__subject {
    font-size: 10px;
    font-size: 1rem;
    line-height: 37px;
    line-height: 3.7rem;
    width: 68px;
  }
}
#page_support .support .contact .contact__item .contact__tel {
  font-size: 39px;
  font-size: 3.9rem;
  font-weight: 900;
  letter-spacing: 0.1em;
  padding: 0 15px;
}
@media only screen and (max-width: 769px) {
  #page_support .support .contact .contact__item .contact__tel {
    font-size: 19px;
    font-size: 1.9rem;
  }
}
#page_support .support .contact .contact__item .contact__time {
  font-size: 19px;
  font-size: 1.9rem;
  letter-spacing: 0.1em;
  padding: 0 15px;
}
@media only screen and (max-width: 769px) {
  #page_support .support .contact .contact__item .contact__time {
    font-size: 9px;
    font-size: 0.9rem;
  }
}
#page_support .support .contact .contact__offer {
  font-size: 14px;
  font-size: 1.4rem;
  letter-spacing: 0.1em;
  text-align: center;
}
@media only screen and (max-width: 769px) {
  #page_support .support .contact .contact__offer {
    font-size: 9px;
    font-size: 0.9rem;
  }
}
#page_support #modal {
  background: white;
  border: 1px solid #000;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: none;
  left: 50%;
  padding: 50px;
  position: absolute;
  -webkit-transform: translate(-50%);
      -ms-transform: translate(-50%);
          transform: translate(-50%);
  width: 750px;
  z-index: 20000;
}
@media only screen and (max-width: 769px) {
  #page_support #modal {
    padding: 25px;
    width: 90%;
  }
}
#page_support #modal .modal {
  display: none;
}
#page_support #modal .close {
  position: absolute;
  right: 15px;
  top: 15px;
}
@media only screen and (max-width: 769px) {
  #page_support #modal .close {
    right: 7px;
    top: 7px;
  }
  #page_support #modal .close img {
    vertical-align: top;
    width: 8px;
  }
}
#page_support #modal .q {
  font-size: 18px;
  font-size: 1.8rem;
  color: #f00;
  font-weight: 900;
  margin-bottom: 20px;
}
@media only screen and (max-width: 769px) {
  #page_support #modal .q {
    font-size: 9px;
    font-size: 0.9rem;
    margin-bottom: 10px;
  }
}
#page_support #modal .a {
  font-size: 18px;
  font-size: 1.8rem;
  color: #03f;
  font-weight: 900;
  margin-bottom: 25px;
}
@media only screen and (max-width: 769px) {
  #page_support #modal .a {
    font-size: 9px;
    font-size: 0.9rem;
    margin-bottom: 12px;
  }
}
#page_support #modal .a__detail p {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 26px;
  line-height: 2.6rem;
  margin-top: 20px;
}
@media only screen and (max-width: 769px) {
  #page_support #modal .a__detail p {
    font-size: 8px;
    font-size: 0.8rem;
    line-height: 13px;
    line-height: 1.3rem;
    margin-top: 10px;
  }
}

#page_recruit {
  padding-bottom: 120px;
}
@media only screen and (max-width: 769px) {
  #page_recruit {
    padding-bottom: 20px;
  }
}
#page_recruit .mainvisual {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  border-bottom: 3px solid #000;
  margin-bottom: 20px;
  height: 474px;
}
@media only screen and (max-width: 769px) {
  #page_recruit .mainvisual {
    height: 237px;
  }
}
#page_recruit .mainvisual .inner {
  padding-top: 215px;
  text-align: center;
}
@media only screen and (max-width: 769px) {
  #page_recruit .mainvisual .inner {
    padding-top: 130px;
  }
}
#page_recruit .box__links {
  border-top: none;
}
@media only screen and (max-width: 769px) {
  #page_recruit .box__links {
    margin-bottom: 37px;
  }
}
#page_recruit .box__links li {
  border-top: 1px solid #000;
}
@media only screen and (max-width: 769px) {
  /*#page_recruit .box__links li:nth-child(2), #page_recruit .box__links li:nth-child(3) {
    border-top: none;
  }*/
  #page_recruit .box__links li{
    width: 100%!important;
  }
  .qqyw li{
    flex-wrap: wrap;
  }
  .qqywimg,.qqywlx{
    width: 100%;
  }
  .qqywimg img{
    margin-bottom: 10px;
  }
}
#page_recruit .box__links li:nth-child(4), #page_recruit .box__links li:nth-child(5), #page_recruit .box__links li:nth-child(6), #page_recruit .box__links li:nth-child(7) {
  border-top: none;
}
#page_recruit .recruit .norecruit {
  font-size: 30px;
  font-size: 3rem;
  font-weight: 900;
  letter-spacing: 0.2em;
  margin-bottom: 200px;
  text-align: center;
}
@media only screen and (max-width: 769px) {
  #page_recruit .recruit .norecruit {
    font-size: 18px;
    font-size: 1.8rem;
    margin-bottom: 100px;
  }
}
#page_recruit .recruit .main__title2 {
  margin-bottom: 30px;
}
#page_recruit .recruit .main__title2 small {
  display: inline-block;
  letter-spacing: 0.05em;
}
#page_recruit .recruit .pagelink {
  margin-bottom: 0;
}
#page_recruit .recruit .recruit__item {
  margin-bottom: 30px;
}
#page_recruit .recruit .recruit__item .recruit__lead {
  font-size: 19px;
  font-size: 1.9rem;
  font-weight: 900;
  letter-spacing: 0.2em;
  margin-bottom: 15px;
  text-align: center;
}
@media only screen and (max-width: 769px) {
  #page_recruit .recruit .recruit__item .recruit__lead {
    font-size: 12px;
    font-size: 1.2rem;
    margin-bottom: 7px;
  }
}
#page_recruit .recruit .recruit__item .recruit__table {
  border-bottom: 1px solid #000;
  border-collapse: collapse;
  table-layout: fixed;
  width: 100%;
}
#page_recruit .recruit .recruit__item .recruit__table tr th {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 1px 0 5px 1px;
  text-align: left;
}
#page_recruit .recruit .recruit__item .recruit__table tr th span {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 38px;
  line-height: 3.8rem;
  background: #dfdfdf;
  display: block;
  padding: 0 7px;
}
@media only screen and (max-width: 769px) {
  #page_recruit .recruit .recruit__item .recruit__table tr th span {
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 20px;
    line-height: 2rem;
  }
}
#page_recruit .recruit .recruit__item .recruit__table tr .subject {
  width: 228px;
}
@media only screen and (max-width: 769px) {
  #page_recruit .recruit .recruit__item .recruit__table tr .subject {
    width: 20%;
  }
}
#page_recruit .recruit .recruit__item .recruit__table tr .detail {
  width: 620px;
}
@media only screen and (max-width: 769px) {
  #page_recruit .recruit .recruit__item .recruit__table tr .detail {
    width: 80%;
  }
}
#page_recruit .recruit .recruit__item .recruit__table tr td {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 38px;
  line-height: 3.8rem;
  border-top: 1px dotted #000;
  border-left: 1px solid #000;
  border-right: 1px solid #000;
  border-bottom: 1px dotted #000;
  padding: 0 7px;
}
@media only screen and (max-width: 769px) {
  #page_recruit .recruit .recruit__item .recruit__table tr td {
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 20px;
    line-height: 2rem;
  }
}
#page_recruit .recruit .recruit__item .recruit__table tr td.name {
  border-style: solid;
  line-height: 1.5;
}
#page_recruit .recruit .recruit__item .recruit__table tr.top td {
  border-top-style: solid;
}
#page_recruit .recruit .recruit__item .recruit__table tr.bottom td {
  border-bottom-style: solid;
}
@media only screen and (max-width: 769px) {
  #page_recruit .recruit .contact {
    padding: 0 10px;
  }
}
#page_recruit .recruit .contact .contact__lead {
  font-size: 23px;
  font-size: 2.3rem;
  font-weight: 900;
  letter-spacing: 0.15em;
  margin-bottom: 10px;
  text-align: center;
}
@media only screen and (max-width: 769px) {
  #page_recruit .recruit .contact .contact__lead {
    font-size: 12px;
    font-size: 1.2rem;
  }
}
#page_recruit .recruit .contact .contact__item {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid #000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto 5px;
  width: 616px;
}
@media only screen and (max-width: 769px) {
  #page_recruit .recruit .contact .contact__item {
    width: 100%;
    flex-wrap: wrap;
  }
}
#page_recruit .recruit .contact .contact__item .contact__subject {
  font-size: 19px;
  font-size: 1.9rem;
  line-height: 75px;
  line-height: 7.5rem;
  background: #dfdfdf;
  font-weight: 900;
  text-align: center;
  width: 166px;
}
@media only screen and (max-width: 769px) {
  #page_recruit .recruit .contact .contact__item .contact__subject {
    font-size: 14px;

    line-height: 28px;

    width: 100%;
  }
}
#page_recruit .recruit .contact .contact__item .contact__tel {
  font-size: 29px;
  font-size: 2.9rem;
  font-weight: 900;
  letter-spacing: 0.1em;
  padding: 0 15px;
}

#page_recruit .recruit .contact .contact__item .contact__time {
  font-size: 19px;
  font-size: 1.9rem;
  letter-spacing: 0.1em;
  padding: 0 15px;
}
@media only screen and (max-width: 769px) {

  #page_recruit .recruit .contact .contact__item .contact__subject{
    font-size: 14px;
  }
}
@media only screen and (max-width: 769px) {
  #page_recruit .recruit .contact .contact__item .contact__tel,#page_recruit .recruit .contact .contact__item .contact__time{
    font-size: 14px;
    padding: 5px 0;
    line-height: 28px;
    width: 100%;
    text-align: center;
  }
}
#page_recruit .recruit .contact .contact__offer {
  font-size: 14px;
  font-size: 1.4rem;
  letter-spacing: 0.1em;
  text-align: center;
}
@media only screen and (max-width: 769px) {
  #page_recruit .recruit .contact .contact__offer {
    font-size: 9px;
    font-size: 0.9rem;
  }
}

#page_news {
  padding-bottom: 120px;
}
@media only screen and (max-width: 769px) {
  #page_news {
    padding-bottom: 20px;
  }
}
#page_news .mainvisual {
  border-bottom: 3px solid #000;
  margin-bottom: 20px;
  padding: 170px 0 22px;
  height: auto;
}
@media only screen and (max-width: 769px) {
  #page_news .mainvisual {
    padding-top: 70px;
  }
}
#page_news .mainvisual .inner {
  text-align: center;
}
#page_news .news .news__tabs {
  border-left: 1px solid #000;
  margin-bottom: 30px;
}
@media only screen and (max-width: 769px) {
  #page_news .news .news__tabs {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
  }
}
#page_news .news .news__tabs li {
  border-right: 1px solid #000;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  float: left;
  padding: 4px 11px;
  width: 50%;
}
@media only screen and (max-width: 769px) {
  #page_news .news .news__tabs li {
    padding: 0;
    width: 50%;
  }
}
#page_news .news .news__tabs li a {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 43px;
  line-height: 4.3rem;
  color: #000;
  display: block;
  position: relative;
  text-align: center;
}
@media only screen and (max-width: 769px) {
  #page_news .news .news__tabs li a {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 26px;
    line-height: 2.6rem;
  }
}
#page_news .news .news__tabs li a span {
  position: relative;
  z-index: 100;
}
#page_news .news .news__tabs li a::after {
  background: #faed00;
  content: "";
  display: block;
  height: 43px;
  left: 0;
  position: absolute;
  top: 0;
  -webkit-transition: width 0.3s ease-in-out;
  -o-transition: width 0.3s ease-in-out;
  transition: width 0.3s ease-in-out;
  width: 0;
}
@media only screen and (max-width: 769px) {
  #page_news .news .news__tabs li a::after {
    height: 26px;
  }
}
#page_news .news .news__tabs li a.actv::after, #page_news .news .news__tabs li a:hover::after {
  width: 100%;
}
#page_news .news .news__link {
  float: left;
  width: 120px;
}
@media only screen and (max-width: 769px) {
  #page_news .news .news__link {
    width: 78px;
  }
}
#page_news .news .news__link a {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 32px;
  line-height: 3.2rem;
  background: #f7f7f7;
  display: block;
  letter-spacing: 0.2em;
  text-align: center;
}
@media only screen and (max-width: 769px) {
  #page_news .news .news__link a {
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 25px;
    line-height: 2.5rem;
    letter-spacing: 0;
  }
}
#page_news .news #tabs {
  position: relative;
}
#page_news .news .tab {
  display: none;
  left: 0;
  top: 0;
}
#page_news .news .tab.actv {
  display: block;
}
#page_news .news .tab .tab__body {
  margin-bottom: 10px;
}
#page_news .news .tab li {
  margin-top: 25px;
}
#page_news .news .tab li a {
  display: block;
}
#page_news .news .tab li a .news__date {
  font-size: 16px;
  font-size: 1.6rem;
  float: left;
  line-height: 1.62;
  width: 115px;
}
@media only screen and (max-width: 769px) {
  #page_news .news .tab li a .news__date {
    font-size: 12px;
    font-size: 1.2rem;
    float: none;
  }
}
#page_news .news .tab li a .news__title {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.62;
  overflow: hidden;
}
@media only screen and (max-width: 769px) {
  #page_news .news .tab li a .news__title {
    font-size: 12px;
    font-size: 1.2rem;
  }
  #page_news .news .tab li a .news__title br {
    display: none;
  }
}
#page_news .news .tab .news__page {
  font-size: 14px;
  font-size: 1.4rem;
  float: right;
  letter-spacing: 0.2em;
  padding-top: 12px;
  text-align: right;
}
@media only screen and (max-width: 769px) {
  #page_news .news .tab .news__page {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 25px;
    line-height: 2.5rem;
    padding-top: 0;
  }
}
#page_news .news .news__body .news__image {
  margin-bottom: 25px;
}
@media only screen and (max-width: 769px) {
  #page_news .news .news__body .news__image {
    margin-bottom: 17px;
  }
}
#page_news .news .news__body .news__image img {
  width: 100%;
}
#page_news .news .news__body .news__date {
  font-size: 16px;
  font-size: 1.6rem;
  margin-bottom: 15px;
}
@media only screen and (max-width: 769px) {
  #page_news .news .news__body .news__date {
    font-size: 12px;
    font-size: 1.2rem;
    margin-bottom: 7px;
  }
}
#page_news .news .news__body .news__title {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 900;
  margin-bottom: 25px;
}
@media only screen and (max-width: 769px) {
  #page_news .news .news__body .news__title {
    font-size: 14px;
    font-size: 1.4rem;
    margin-bottom: 17px;
  }
}
#page_news .news .news__body .news__detail {
  margin-bottom: 65px;
}
@media only screen and (max-width: 769px) {
  #page_news .news .news__body .news__detail {
    margin-bottom: 30px;
  }
}
#page_news .news .news__body .news__detail p {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 26px;
  line-height: 2.6rem;
  margin-top: 25px;
  text-align: justify;
}
@media only screen and (max-width: 769px) {
  #page_news .news .news__body .news__detail p {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 22px;
    line-height: 2.2rem;
    margin-top: 17px;
  }
}
#page_news .news .news__body .news__detail p:first-child {
  margin-top: 0;
}
#page_news .news .news__body .news__detail img {
  max-width: 100%;
  height: auto;
}
@media only screen and (max-width: 769px) {
  #page_news .news .news__body .news__detail img {
    width: 100%;
  }
}
#page_news .news .news__body .back__link {
  display: block;
}
#page_news .news .news__body .back__link a {
  font-size: 17px;
  font-size: 1.7rem;
  background: url(../img/news/icon_back.png) no-repeat left center;
  padding-left: 25px;
}
@media only screen and (max-width: 769px) {
  #page_news .news .news__body .back__link a {
    font-size: 12px;
    font-size: 1.2rem;
    background-size: 9px 9px;
    padding-left: 17px;
  }
}

#page_catalog {
  padding-bottom: 120px;
}
@media only screen and (max-width: 769px) {
  #page_catalog {
    padding-bottom: 20px;
  }
}
#page_catalog .mainvisual {
  border-bottom: 3px solid #000;
  margin-bottom: 20px;
  padding: 170px 0 22px;
  height: auto;
}
@media only screen and (max-width: 769px) {
  #page_catalog .mainvisual {
    padding-top: 70px;
  }
}
#page_catalog .mainvisual .inner {
  text-align: center;
}
#page_catalog .catalog .catalog__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 120px;
}
@media only screen and (max-width: 769px) {
  #page_catalog .catalog .catalog__items {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
#page_catalog .catalog .catalog__items .catalog__item {
  margin-left: 76px;
  margin-bottom: 30px;
  width: 155px;
}
@media only screen and (max-width: 769px) {
  #page_catalog .catalog .catalog__items .catalog__item {
    margin-left: 0;
    width: 48%;
  }
  #page_catalog .catalog .catalog__items .catalog__item:nth-child(2n) {
    float: right;
  }
}
#page_catalog .catalog .catalog__items .catalog__item:first-child, #page_catalog .catalog .catalog__items .catalog__item:nth-child(4n+1) {
  margin-left: 0;
}
#page_catalog .catalog .catalog__items .catalog__item .catalog__image {
  margin-bottom: 12px;
}
#page_catalog .catalog .catalog__items .catalog__item .catalog__image img {
  width: 100%;
}
#page_catalog .catalog .catalog__items .catalog__item .catalog__name {
  font-size: 16px;
  font-size: 1.6rem;
  display: table-cell;
  font-weight: 900;
  height: 52px;
  padding-bottom: 15px;
  text-align: center;
  vertical-align: middle;
  width: 155px;
}
#page_catalog .catalog .catalog__items .catalog__item .catalog__size {
  padding-left: 15px;
}
#page_catalog .catalog .catalog__items .catalog__item .catalog__size a {
  font-size: 16px;
  font-size: 1.6rem;
  background: url(../img/catalog/icon_pdf.jpg) no-repeat left top;
  display: inline-block;
  padding-left: 25px;
}
#page_catalog .catalog .catalog__items .catalog__item.catalog__item--wide {
  float: left;
  width: 356px;
}
#page_catalog .catalog .catalog__items .catalog__item.catalog__item--wide .catalog__image {
  float: left;
  margin-right: 15px;
}
#page_catalog .catalog .catalog__items .catalog__item.catalog__item--wide .catalog__detail {
  overflow: hidden;
  zoom: 1;
}
#page_catalog .catalog .catalog__items .catalog__item.catalog__item--wide .catalog__detail .catalog__name {
  text-align: left;
}
#page_catalog .catalog .catalog__items .catalog__item.catalog__item--wide .catalog__detail .catalog__body {
  font-size: 12px;
  font-size: 1.2rem;
  margin-bottom: 30px;
}
#page_catalog .catalog .catalog__items .catalog__item.catalog__item--wide .catalog__detail .catalog__size {
  padding-left: 0;
}

#page_search {
  padding-bottom: 120px;
}
@media only screen and (max-width: 769px) {
  #page_search {
    padding-bottom: 20px;
  }
}
#page_search .mainvisual {
  border-bottom: 3px solid #000;
  margin-bottom: 20px;
  padding: 170px 0 22px;
  height: auto;
}
@media only screen and (max-width: 769px) {
  #page_search .mainvisual {
    padding-top: 70px;
  }
}
#page_search .mainvisual .inner {
  text-align: center;
}
#page_search .search .search__item {
  margin-bottom: 125px;
}
#page_search .search .search__item .search__title {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 900;
  margin-bottom: 5px;
}
#page_search .search .search__item .search__url {
  word-break: break-all;
}
#page_search .search .search__item .search__url a {
  font-size: 16px;
  font-size: 1.6rem;
  color: blue;
  margin-bottom: 5px;
}
#page_search .search .search__item .search__excerpt {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 26px;
  line-height: 2.6rem;
  text-align: justify;
}
#page_search .search .notfound {
  font-size: 16px;
  font-size: 1.6rem;
}
#page_search .search .search__pagenation {
  font-size: 14px;
  font-size: 1.4rem;
  letter-spacing: 0.2em;
  text-align: right;
}

#page_privacy {
  padding-bottom: 120px;
}
@media only screen and (max-width: 769px) {
  #page_privacy {
    padding-bottom: 20px;
  }
}
#page_privacy .mainvisual {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  border-bottom: 3px solid #000;
  margin-bottom: 20px;
  height: 474px;
}
@media only screen and (max-width: 769px) {
  #page_privacy .mainvisual {
    height: 237px;
  }
}
#page_privacy .mainvisual .inner {
  padding-top: 215px;
  text-align: center;
}
@media only screen and (max-width: 769px) {
  #page_privacy .mainvisual .inner {
    padding-top: 100px;
  }
}
#page_privacy .privacy .main__title2 {
  margin-bottom: 30px;
}
#page_privacy .privacy .main__title2 small {
  display: inline-block;
  letter-spacing: 0.05em;
}
#page_privacy .privacy p {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 24px;
  line-height: 2.4rem;
  margin-top: 2em;
}
@media only screen and (max-width: 769px) {
  #page_privacy .privacy p {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 22px;
    line-height: 2.2rem;
  }
}