@charset "UTF-8";
body.showBlk * {
  background-color: rgba(255, 0, 0, 0.2); }

body.showBlk * * {
  background-color: rgba(0, 255, 0, 0.2); }

body.showBlk * * * {
  background-color: rgba(0, 0, 255, 0.2); }

body.showBlk * * * * {
  background-color: rgba(255, 0, 255, 0.2); }

body.showBlk * * * * * {
  background-color: rgba(0, 255, 255, 0.2); }

body.showBlk * * * * * * {
  background-color: rgba(255, 255, 0, 0.2); }

body.showBlk * * * * * * * {
  background-color: rgba(255, 0, 0, 0.2); }

body.showBlk * * * * * * * * {
  background-color: rgba(0, 255, 0, 0.2); }

body.showBlk * * * * * * * * * {
  background-color: rgba(0, 0, 255, 0.2); }

@-webkit-keyframes hover {
  30% {
    -webkit-transform: translate3d(0, -12px, 20px) scale(1) rotateX(-5deg);
    -ms-transform: translate3d(0, -12px, 20px) scale(1) rotateX(-5deg);
    transform: translate3d(0, -12px, 20px) scale(1) rotateX(-5deg); }
  100% {
    -webkit-transform: translate3d(0, -10px, 15px) scale(1) rotateX(-2deg);
    -ms-transform: translate3d(0, -10px, 15px) scale(1) rotateX(-2deg);
    transform: translate3d(0, -10px, 15px) scale(1) rotateX(-2deg); } }

@keyframes hover {
  30% {
    -webkit-transform: translate3d(0, -12px, 20px) scale(1) rotateX(-5deg);
    -ms-transform: translate3d(0, -12px, 20px) scale(1) rotateX(-5deg);
    transform: translate3d(0, -12px, 20px) scale(1) rotateX(-5deg); }
  100% {
    -webkit-transform: translate3d(0, -10px, 15px) scale(1) rotateX(-2deg);
    -ms-transform: translate3d(0, -10px, 15px) scale(1) rotateX(-2deg);
    transform: translate3d(0, -10px, 15px) scale(1) rotateX(-2deg); } }

@-webkit-keyframes out {
  0% {
    -webkit-transform: translate3d(0, -10px, 15px) scale(1) rotateX(-2deg);
    -ms-transform: translate3d(0, -10px, 15px) scale(1) rotateX(-2deg);
    transform: translate3d(0, -10px, 15px) scale(1) rotateX(-2deg); } }

@keyframes out {
  0% {
    -webkit-transform: translate3d(0, -10px, 15px) scale(1) rotateX(-2deg);
    -ms-transform: translate3d(0, -10px, 15px) scale(1) rotateX(-2deg);
    transform: translate3d(0, -10px, 15px) scale(1) rotateX(-2deg); } }

*, :before, :after {
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }

a {
  color: inherit;
  text-decoration: none;
  -webkit-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear; }

ul, ol {
  list-style: none; }

h1, h2, h3, h4, ul, ol, dl, dd, p, hr, figure {
  margin: 0;
  padding: 0; }

header, nav, main, footer, section {
  display: block; }

strong {
  font-weight: normal; }

form {
  margin-bottom: 0; }

img {
  vertical-align: bottom; }

/* !!------------------------------------ */
/* !!  base */
body.showBlk * {
  background-color: rgba(255, 0, 0, 0.2); }

body.showBlk * * {
  background-color: rgba(0, 255, 0, 0.2); }

body.showBlk * * * {
  background-color: rgba(0, 0, 255, 0.2); }

body.showBlk * * * * {
  background-color: rgba(255, 0, 255, 0.2); }

body.showBlk * * * * * {
  background-color: rgba(0, 255, 255, 0.2); }

body.showBlk * * * * * * {
  background-color: rgba(255, 255, 0, 0.2); }

body.showBlk * * * * * * * {
  background-color: rgba(255, 0, 0, 0.2); }

body.showBlk * * * * * * * * {
  background-color: rgba(0, 255, 0, 0.2); }

body.showBlk * * * * * * * * * {
  background-color: rgba(0, 0, 255, 0.2); }

html {
  line-height: 1.15;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  font-style: normal;
  font-size: 62.5%; }

body {
  margin: 0;
  font-weight: 400;
  font-size: 1.3rem;
  color: #222222;
  letter-spacing: 0.1em;
  padding-top: 64px;
  -webkit-font-smoothing: none;
  -webkit-font-smoothing: antialiased;
  -webkit-font-smoothing: subpixel-antialiased;
  font-family: ryo-gothic-plusn, sans-serif; }
  .ie body {
    font-family: Meiryo,"メイリオ","Hiragino Kaku Gothic ProN","YuGothic",sans-serif !important; }
  @media screen and (max-width: 767px) {
    body {
      min-width: 320px; } }
  body#top {
    padding-top: 0; }

article, aside, footer, header, nav, section {
  display: block;
  width: 100%; }

h1 {
  font-size: 2.6rem;
  white-space: nowrap; }

h2 {
  font-size: 2.8rem;
  font-family: ryo-text-plusn, serif;
  font-weight: normal !important; }
  .ie h2 {
    font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,serif; }

h3, h4, h5 {
  font-size: 1.8rem;
  font-family: ryo-text-plusn, serif;
  font-weight: normal !important; }
  .ie h3, .ie h4, .ie h5 {
    font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,serif; }

@media screen and (max-width: 767px) {
  h3 {
    font-size: 2.2rem;
    margin-top: -0.25em;
    margin-bottom: -0.25em; } }

p {
  font-size: 1.7rem;
  line-height: 1.8em;
  font-weight: 400;
  font-family: ryo-gothic-plusn, sans-serif; }
  @media screen and (max-width: 767px) {
    p {
      font-size: 1.6rem; }
      .jp p {
        text-align: justify; } }

i {
  font-style: normal; }

button {
  cursor: pointer; }

body#support p {
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.5em; }

body#profile p {
  font-size: 1.6rem;
  line-height: 2em; }

body.paged, body.archive {
  padding-top: 64px; }
  @media screen and (max-width: 767px) {
    body.paged, body.archive {
      padding-top: 50px; } }

h1, h2, h3, h4, h5 {
  line-height: 1em;
  font-weight: 500; }

@media screen and (max-width: 767px) {
  .sp {
    display: block; }
  .pc {
    display: none; } }

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

a {
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  text-decoration: none;
  color: #222222; }
  a:active, a:hover {
    outline-width: 0;
    color: rgba(34, 34, 34, 0.8); }
  a.notExist {
    pointer-events: none; }

ol {
  list-style: none;
  padding-left: 0; }

ul {
  list-style: none;
  padding-left: 0;
  list-style-position: inside; }

dl dt, dl dd {
  margin: 0; }

iframe {
  border: none; }

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

a {
  outline: none; }
  a:hover, a:active, a:visited {
    outline: none; }

button {
  outline: none; }

a:hover img {
  opacity: 0.8; }

a img {
  border-style: none; }

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

td, th {
  padding: 0; }

* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  word-break: break-word;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
  *:before, *:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }

.db {
  display: block !important; }

.center img {
  margin-left: auto;
  margin-right: auto; }

/*.loader {position: fixed;width: 100%;height: 100%;background: #fff;z-index: 9999;text-align: center;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;transition: all .5s ease;opacity: 1;}*/
.clearfix:before, .clearfix:after {
  content: " ";
  display: table; }

.container:before, .container:after {
  content: " ";
  display: table; }

.colums:before, .colums:after {
  content: " ";
  display: table; }

.nav:before, .nav:after {
  content: " ";
  display: table; }

.navbar:before, .navbar:after {
  content: " ";
  display: table; }

.navbar-header:before, .navbar-header:after {
  content: " ";
  display: table; }

.navbar-collapse:before, .navbar-collapse:after {
  content: " ";
  display: table; }

.clearfix:after, .container:after, .colums:after, .nav:after, .navbar:after, .navbar-header:after, .navbar-collapse:after, .pager:after {
  clear: both; }

#wrap {
  position: relative; }

.pb0 {
  padding-bottom: 0 !important; }

/* !!------------------------------------ */
/* !! UI parts */
.default_button, #navigation ul li.menu-item-has-children .sub-menu .drop_menu .drop_menu_navi ul a, .wide_button {
  width: 240px;
  height: 60px;
  background: #0079ce;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: #FFF !important;
  font-size: 1.5rem;
  font-weight: 300;
  position: relative; }
  @media screen and (max-width: 767px) {
    .default_button, #navigation ul li.menu-item-has-children .sub-menu .drop_menu .drop_menu_navi ul a, .wide_button {
      width: 180px;
      height: 40px;
      font-size: 1.4rem; } }
  .default_button span, #navigation ul li.menu-item-has-children .sub-menu .drop_menu .drop_menu_navi ul a span, .wide_button span {
    color: #FFF !important; }
  .default_button:hover, #navigation ul li.menu-item-has-children .sub-menu .drop_menu .drop_menu_navi ul a:hover, .wide_button:hover {
    opacity: .8; }
    .default_button:hover span, #navigation ul li.menu-item-has-children .sub-menu .drop_menu .drop_menu_navi ul a:hover span, .wide_button:hover span {
      color: #FFF; }
  .default_button:after, #navigation ul li.menu-item-has-children .sub-menu .drop_menu .drop_menu_navi ul a:after, .default_button span:after, #navigation ul li.menu-item-has-children .sub-menu .drop_menu .drop_menu_navi ul a span:after, .wide_button:after, .wide_button span:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: auto;
    right: 10px;
    content: "";
    width: 8px;
    height: 8px;
    border: 1px solid #fff;
    border-width: 0 1px 1px 0;
    -webkit-transform: rotate(-45deg) translateY(-50%);
    -ms-transform: rotate(-45deg) translateY(-50%);
    transform: rotate(-45deg) translateY(-50%);
    -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
            transform-origin: center center;
    right: 30px;
    margin-top: -2px; }
    @media screen and (max-width: 767px) {
      .default_button:after, #navigation ul li.menu-item-has-children .sub-menu .drop_menu .drop_menu_navi ul a:after, .default_button span:after, #navigation ul li.menu-item-has-children .sub-menu .drop_menu .drop_menu_navi ul a span:after, .wide_button:after, .wide_button span:after {
        width: 6px;
        height: 6px;
        right: 10px !important;
        margin-top: 0; } }
  .default_button.wide_button, #navigation ul li.menu-item-has-children .sub-menu .drop_menu .drop_menu_navi ul a.wide_button, .wide_button.wide_button {
    font-size: 2rem; }
    .default_button.wide_button span:after, #navigation ul li.menu-item-has-children .sub-menu .drop_menu .drop_menu_navi ul a.wide_button span:after, .wide_button.wide_button span:after {
      display: block;
      position: absolute;
      top: 50%;
      left: auto;
      right: 10px;
      content: "";
      width: 10px;
      height: 10px;
      border: 1px solid #fff;
      border-width: 0 1px 1px 0;
      -webkit-transform: rotate(-45deg) translateY(-50%);
      -ms-transform: rotate(-45deg) translateY(-50%);
      transform: rotate(-45deg) translateY(-50%);
      -webkit-transform-origin: center center;
          -ms-transform-origin: center center;
              transform-origin: center center;
      right: 50px; }
      @media screen and (max-width: 767px) {
        .default_button.wide_button span:after, #navigation ul li.menu-item-has-children .sub-menu .drop_menu .drop_menu_navi ul a.wide_button span:after, .wide_button.wide_button span:after {
          width: 6px;
          height: 6px;
          right: 15px !important; } }
    @media screen and (min-width: 768px) {
      .default_button.wide_button, #navigation ul li.menu-item-has-children .sub-menu .drop_menu .drop_menu_navi ul a.wide_button, .wide_button.wide_button {
        width: 600px;
        height: 90px; } }
    @media screen and (max-width: 767px) {
      .default_button.wide_button, #navigation ul li.menu-item-has-children .sub-menu .drop_menu .drop_menu_navi ul a.wide_button, .wide_button.wide_button {
        width: 100%;
        height: 50px;
        margin-top: 30px;
        font-size: 1.4rem; } }

.links {
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flex;
  display: -o-inline-flex;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 0;
  margin-left: auto;
  font-size: 1.5rem;
  color: #0079ce; }
  .links:after {
    content: "";
    margin-left: 10px;
    margin-right: 2px;
    display: block;
    content: "";
    width: 8px;
    height: 8px;
    border: 1px solid #0079ce;
    border-width: 0 1px 1px 0;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: center;
        -ms-transform-origin: center;
            transform-origin: center; }

h2 i {
  font-style: normal; }

@media screen and (max-width: 767px) {
  *[class$="title"] h2 {
    padding-bottom: 10px;
    font-size: 2.6rem !important;
    line-height: 1.5 !important;
    margin-top: -0.25em;
    margin-bottom: -0.25em; }
    *[class$="title"] h2 i {
      font-style: normal;
      display: inline-block; }
    *[class$="title"] h2.br2l {
      line-height: 1.5 !important; }
    #recruit *[class$="title"] h2 {
      font-size: 2.2rem !important;
      margin-top: -0.25em;
      margin-bottom: -0.25em; }
  *[class$="title"].page_title {
    padding-bottom: 0; }
    *[class$="title"].page_title h2 {
      padding-bottom: 0; }
  .sub_title_head {
    line-height: 1.5; } }

/* !!------------------------------------ */
/* !! サブスライダー共通 */
@media screen and (max-width: 767px) {
  .slick-dots li {
    width: 5px !important;
    height: 5px !important;
    margin: 0 5px !important; }
  .slick-dots button::before {
    content: "" !important;
    background: #fff;
    width: 5px !important;
    height: 5px !important;
    border-radius: 9px; }
    #knowledge .slick-dots button::before {
      background: #eee; }
  .slick-dots li.slick-active button:before {
    content: "";
    background: #0079ce !important; } }

/* !!------------------------------------ */
/* !! SP デーブル共通 */
@media screen and (max-width: 767px) {
  .table_info .scroll_wrap,
  .js-tab-wrap.swipe.ps1 > .js-tab-contents,
  .product_column .swipe,
  .product_info__scroll {
    overflow: hidden !important;
    position: relative; }
    .table_info .scroll_wrap:before,
    .js-tab-wrap.swipe.ps1 > .js-tab-contents:before,
    .product_column .swipe:before,
    .product_info__scroll:before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      border: 1px dashed #ccc;
      background: rgba(255, 255, 255, 0.75);
      background-image: url(../img/swipe_enable_B.png);
      background-repeat: no-repeat;
      background-size: 52px;
      background-position: center center;
      opacity: 1;
      z-index: 1;
      -webkit-transition: 200ms;
      -o-transition: 200ms;
      transition: 200ms; }
    .table_info .on.scroll_wrap,
    .js-tab-wrap.swipe.ps1 > .on.js-tab-contents,
    .product_column .on.swipe,
    .on.product_info__scroll {
      overflow: auto !important; }
      .table_info .on.scroll_wrap:before,
      .js-tab-wrap.swipe.ps1 > .on.js-tab-contents:before,
      .product_column .on.swipe:before,
      .on.product_info__scroll:before {
        content: "";
        opacity: 0;
        pointer-events: none; } }

/* !!------------------------------------ */
/* !! header */
#header_posi {
  position: relative;
  z-index: 10000; }
  @media screen and (max-width: 767px) {
    #header_posi {
      min-width: 320px; } }

header {
  width: 100%;
  font-family: ryo-gothic-plusn, sans-serif;
  font-weight: 400;
  position: fixed;
  top: 0;
  left: 0;
  white-space: nowrap;
  z-index: 10;
  background: #fff; }
  header #logo {
    margin: 0;
    position: relative;
    z-index: 1; }
    header #logo img {
      width: auto !important;
      height: 40px; }

#header_posi.is-animation {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 99999;
  background-color: white;
  -webkit-animation-name: head;
          animation-name: head;
  -webkit-animation-duration: .3s;
          animation-duration: .3s;
  width: 100%; }

ul.slide {
  margin: 0; }

@-webkit-keyframes head {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@keyframes head {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@media screen and (min-width: 769px) {
  header {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    padding-left: 3.15vw; }
    header #navi_area {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: end;
      -webkit-justify-content: flex-end;
          -ms-flex-pack: end;
              justify-content: flex-end;
      /*
	  #navigation > ul > li > a:hover::after,
      #navigation > ul > li > a.on::after {
        content: "";
        position: absolute;
        bottom: 12px;left: 50%;
        @include transform(translateX(-50%));
        border-radius: 999px;
		height: 6px;width: 6px;
		background: $blue;
      }
*/ }
      header #navi_area ul {
        margin: 0; }
        header #navi_area ul:not(.sub_menu) {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex; }
      header #navi_area #navigation ul {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -o-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
            -ms-flex-pack: justify;
                justify-content: space-between;
        height: 100%; }
        header #navi_area #navigation ul li a {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -webkit-align-items: center;
              -ms-flex-align: center;
                  align-items: center;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -webkit-flex-direction: column;
              -ms-flex-direction: column;
                  flex-direction: column;
          -webkit-box-pack: center;
          -webkit-justify-content: center;
              -ms-flex-pack: center;
                  justify-content: center;
          height: 100%;
          padding: 0 1.071vw;
          position: relative; }
      header #navi_area #navigation > ul > li > a {
        position: relative; }
        header #navi_area #navigation > ul > li > a:after {
          content: "";
          position: absolute;
          bottom: 12px;
          left: 50%;
          -webkit-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
          transform: translateX(-50%);
          border-radius: 999px;
          height: 6px;
          width: 6px;
          background: #0079ce;
          opacity: 0;
          -webkit-transition: 300ms;
          -o-transition: 300ms;
          transition: 300ms;
          -webkit-transform: scale(0);
          -ms-transform: scale(0);
          transform: scale(0); }
        header #navi_area #navigation > ul > li > a:hover, header #navi_area #navigation > ul > li > a.on {
          color: #0079ce; }
          header #navi_area #navigation > ul > li > a:hover:after, header #navi_area #navigation > ul > li > a.on:after {
            content: "";
            opacity: 1;
            -webkit-transform: scale(1);
            -ms-transform: scale(1);
            transform: scale(1); }
      header #navi_area .tggl {
        display: none; }
      header #navi_area ul li a.on, header #navi_area ul li a.on {
        color: #0079ce;
        position: relative; }
      header #navi_area #sub_navi {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -o-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
            -ms-flex-pack: justify;
                justify-content: space-between;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center; }
        header #navi_area #sub_navi ul {
          -webkit-box-align: center;
          -webkit-align-items: center;
              -ms-flex-align: center;
                  align-items: center;
          width: 105px;
          display: -webkit-flex;
          display: -moz-flex;
          display: -ms-flex;
          display: -o-flex;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
          -o-flex-wrap: wrap;
          flex-wrap: wrap;
          -webkit-box-pack: justify;
          -webkit-justify-content: space-between;
              -ms-flex-pack: justify;
                  justify-content: space-between;
          margin-left: 30px;
          padding: 0 30px;
          position: relative;
          white-space: nowrap;
          height: 18px;
          border-left: 1px solid #eff0f2; }
        header #navi_area #sub_navi a.button_contact {
          height: 100%;
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -webkit-align-items: center;
              -ms-flex-align: center;
                  align-items: center;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -webkit-flex-direction: column;
              -ms-flex-direction: column;
                  flex-direction: column;
          -webkit-box-pack: center;
          -webkit-justify-content: center;
              -ms-flex-pack: center;
                  justify-content: center;
          border: none;
          background: #0079ce;
          width: 200px;
          height: 64px; }
          header #navi_area #sub_navi a.button_contact:hover {
            opacity: .7; }
          header #navi_area #sub_navi a.button_contact:after {
            content: "";
            display: block;
            position: absolute;
            top: 50%;
            left: auto;
            right: 10px;
            content: "";
            width: 8px;
            height: 8px;
            border: 1px solid #fff;
            border-width: 0 1px 1px 0;
            -webkit-transform: rotate(-45deg) translateY(-50%);
            -ms-transform: rotate(-45deg) translateY(-50%);
            transform: rotate(-45deg) translateY(-50%);
            -webkit-transform-origin: center center;
                -ms-transform-origin: center center;
                    transform-origin: center center;
            right: 27px; }
          header #navi_area #sub_navi a.button_contact span {
            color: #fff;
            display: block;
            font-weight: 500;
            line-height: 1; }
        header #navi_area #sub_navi #icon_sp {
          display: none; }
      header #navi_area #navigation > ul > li {
        height: 100%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center; } }

@media screen and (min-width: 768px) and (max-width: 1365px) {
  header {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    padding-left: 18px;
    height: 64px; }
    header #navi_area {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: end;
      -webkit-justify-content: flex-end;
          -ms-flex-pack: end;
              justify-content: flex-end;
      position: absolute;
      top: 0;
      right: 0;
      width: 100%; }
      header #navi_area ul {
        margin: 0; }
        header #navi_area ul:not(.sub_menu) {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex; }
      header #navi_area #navigation ul {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -o-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
            -ms-flex-pack: justify;
                justify-content: space-between;
        height: 100%; }
        header #navi_area #navigation ul li a {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -webkit-align-items: center;
              -ms-flex-align: center;
                  align-items: center;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -webkit-flex-direction: column;
              -ms-flex-direction: column;
                  flex-direction: column;
          -webkit-box-pack: center;
          -webkit-justify-content: center;
              -ms-flex-pack: center;
                  justify-content: center;
          height: 100%;
          padding: 0 10.8px; }
      header #navi_area ul li a.on {
        color: #0079ce;
        position: relative; }
      header #navi_area #navigation ul li a.on::after {
        content: "";
        position: absolute;
        bottom: 12px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        border-radius: 999px;
        height: 6px;
        width: 6px;
        background: #0079ce; }
      header #navi_area #sub_navi {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -o-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
            -ms-flex-pack: justify;
                justify-content: space-between;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center; }
        header #navi_area #sub_navi ul {
          -webkit-box-align: center;
          -webkit-align-items: center;
              -ms-flex-align: center;
                  align-items: center;
          display: -webkit-flex;
          display: -moz-flex;
          display: -ms-flex;
          display: -o-flex;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
          -o-flex-wrap: wrap;
          flex-wrap: wrap;
          -webkit-box-pack: justify;
          -webkit-justify-content: space-between;
              -ms-flex-pack: justify;
                  justify-content: space-between;
          margin-left: 30px;
          padding: 0 30px;
          height: 18px;
          position: relative;
          white-space: nowrap; }
        header #navi_area #sub_navi a.button_contact {
          height: 100%;
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -webkit-align-items: center;
              -ms-flex-align: center;
                  align-items: center;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -webkit-flex-direction: column;
              -ms-flex-direction: column;
                  flex-direction: column;
          -webkit-box-pack: center;
          -webkit-justify-content: center;
              -ms-flex-pack: center;
                  justify-content: center;
          border: none;
          background: #0079ce;
          width: 150px;
          height: 64px; }
          header #navi_area #sub_navi a.button_contact:after {
            content: "";
            display: block;
            position: absolute;
            top: 50%;
            left: auto;
            right: 10px;
            content: "";
            width: 8px;
            height: 8px;
            border: 1px solid #fff;
            border-width: 0 1px 1px 0;
            -webkit-transform: rotate(-45deg) translateY(-50%);
            -ms-transform: rotate(-45deg) translateY(-50%);
            transform: rotate(-45deg) translateY(-50%);
            -webkit-transform-origin: center center;
                -ms-transform-origin: center center;
                    transform-origin: center center;
            right: 12px; }
          header #navi_area #sub_navi a.button_contact span {
            color: #fff;
            display: block;
            font-weight: 500;
            line-height: 1; }
        header #navi_area #sub_navi #icon_sp {
          display: none; }
      header #navi_area #navigation > ul > li {
        height: 100%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center; } }

@media screen and (min-width: 769px) and (max-width: 1365px) {
  header #logo {
    width: 18.72vw; }
    header #logo img {
      height: auto; }
  header #navi_area {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%; }
    header #navi_area ul {
      margin: 0; }
      header #navi_area ul:not(.sub_menu) {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex; }
    header #navi_area #navigation ul {
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      -o-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between;
      height: 100%; }
      header #navi_area #navigation ul li a {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
            -ms-flex-pack: center;
                justify-content: center;
        height: 100%;
        padding: 0 0.832vw;
        font-size: 1.04vw; }
    header #navi_area #navigation ul li a.on::after {
      content: "";
      position: absolute;
      bottom: 12px;
      left: 50%;
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      transform: translateX(-50%);
      border-radius: 999px;
      height: 6px;
      width: 6px;
      background: #0079ce; }
    header #navi_area #sub_navi {
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      -o-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center; }
      header #navi_area #sub_navi ul {
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -o-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
            -ms-flex-pack: justify;
                justify-content: space-between;
        margin-left: 1.56vw;
        padding: 0 1.56vw;
        height: 18px;
        position: relative;
        white-space: nowrap;
        width: 7.28vw;
        font-size: 1.248vw; }
      header #navi_area #sub_navi a.button_contact {
        height: 100%;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -o-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
            -ms-flex-pack: justify;
                justify-content: space-between;
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -webkit-flex-direction: row !important;
            -ms-flex-direction: row !important;
                flex-direction: row !important;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
            -ms-flex-pack: center;
                justify-content: center;
        border: none;
        background: #0079ce;
        width: 12.48vw;
        height: 64px; }
        header #navi_area #sub_navi a.button_contact:after {
          content: "";
          display: block;
          position: absolute;
          top: 50%;
          left: auto;
          right: 10px;
          content: "";
          width: 8px;
          height: 8px;
          border: 1px solid #fff;
          border-width: 0 1px 1px 0;
          -webkit-transform: rotate(-45deg) translateY(-50%);
          -ms-transform: rotate(-45deg) translateY(-50%);
          transform: rotate(-45deg) translateY(-50%);
          -webkit-transform-origin: center center;
              -ms-transform-origin: center center;
                  transform-origin: center center;
          position: static;
          margin-left: 5px;
          -webkit-transform: rotate(-45deg) translateY(0%);
          -ms-transform: rotate(-45deg) translateY(0%);
          transform: rotate(-45deg) translateY(0%); }
        header #navi_area #sub_navi a.button_contact span {
          color: #fff;
          display: block;
          font-weight: 500;
          line-height: 1;
          font-size: 1.144vw; }
      header #navi_area #sub_navi #icon_sp {
        display: none; }
    header #navi_area #navigation > ul > li {
      height: 100%;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center; } }

header #navi_area ul li.on a {
  color: #0079ce; }

@media screen and (max-width: 768px) {
  header {
    height: 50px; }
    header:before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      height: 50px;
      width: 100vw;
      background: #fff;
      z-index: 1000;
      -webkit-transform: 500ms;
          -ms-transform: 500ms;
              transform: 500ms; }
    header.show::before {
      background: #0079ce; }
    header #logo {
      width: 158px;
      height: auto;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      padding-left: 10px;
      height: 100%;
      position: relative;
      z-index: 1000; }
      header #logo a {
        display: block;
        position: relative;
        z-index: 1;
        background-image: url(../img/logo-W.png);
        background-repeat: no-repeat;
        background-size: 100% 100%;
        background-position: center center; }
        header #logo a img {
          width: 100% !important;
          height: auto !important;
          display: block;
          opacity: 1;
          -webkit-transition: 500ms;
          -o-transition: 500ms;
          transition: 500ms; }
    header.show #logo:before {
      content: "";
      background: #0079ce; }
    header.show #logo img {
      opacity: 0; }
    header #navi_area #navigation {
      position: fixed;
      top: 0;
      left: 0;
      -webkit-transform: translateY(-100%);
          -ms-transform: translateY(-100%);
              transform: translateY(-100%);
      background: #0079ce;
      z-index: 999;
      -webkit-transition: .3s ease-in;
      -o-transition: .3s ease-in;
      transition: .3s ease-in;
      height: 100vh;
      overflow: auto;
      -webkit-overflow-scrolling: touch;
      width: 100%;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      display: block;
      padding-top: 50px; }
      header #navi_area #navigation > ul > li {
        position: relative; }
        header #navi_area #navigation > ul > li > a {
          height: 60px;
          padding: 0 25px;
          display: block;
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: start;
          -webkit-align-items: flex-start;
              -ms-flex-align: start;
                  align-items: flex-start;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -webkit-flex-direction: column;
              -ms-flex-direction: column;
                  flex-direction: column;
          -webkit-box-pack: center;
          -webkit-justify-content: center;
              -ms-flex-pack: center;
                  justify-content: center;
          border-top: 1px solid rgba(255, 255, 255, 0.2);
          color: #fff;
          font-size: 1.5rem; }
        header #navi_area #navigation > ul > li:last-of-type a {
          border-bottom: 1px solid rgba(255, 255, 255, 0.2); }
        header #navi_area #navigation > ul > li:not(.menu-item-has-children):after {
          content: "";
          display: block;
          position: absolute;
          top: 50%;
          left: auto;
          right: 26px;
          content: "";
          width: 6px;
          height: 6px;
          border: 1px solid #fff;
          border-width: 0 1px 1px 0;
          -webkit-transform: rotate(-45deg) translateY(-50%);
          -ms-transform: rotate(-45deg) translateY(-50%);
          transform: rotate(-45deg) translateY(-50%);
          -webkit-transform-origin: center center;
              -ms-transform-origin: center center;
                  transform-origin: center center; }
    header .tggl {
      position: absolute;
      right: 0;
      height: 60px;
      width: 60px; }
      header .tggl:after {
        content: "";
        width: 9px;
        height: 1px;
        background: #fff;
        display: block;
        position: absolute;
        top: 30px;
        left: 26px; }
      header .tggl:before {
        content: "";
        width: 1px;
        height: 9px;
        opacity: 0;
        background: #fff;
        display: block;
        position: absolute;
        top: 26px;
        left: 30px; }
    header .ps .tggl:before {
      content: "";
      opacity: 1; }
    header.show #navi_area #navigation {
      -webkit-transform: translateY(0);
          -ms-transform: translateY(0);
              transform: translateY(0); }
  .show #sub_navi {
    opacity: 0 !important;
    pointer-events: none; }
  header #navi_area #sub_navi {
    width: 50px;
    height: 50px;
    position: absolute;
    top: 0;
    right: 50px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    z-index: 1000;
    background: #eff0f2; }
    header #navi_area #sub_navi ul, header #navi_area #sub_navi a.button_contact {
      display: none; }
    header #navi_area #sub_navi #icon_sp {
      width: 50px;
      height: 50px;
      position: relative;
      z-index: 10;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center; }
      header #navi_area #sub_navi #icon_sp img {
        width: 15px;
        height: 15px; }
    header #navi_area #sub_navi ul {
      display: block;
      position: absolute;
      top: 50px;
      left: 0;
      background: #EFF0F2;
      width: 100px;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      -o-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between;
      opacity: 0;
      pointer-events: none;
      -webkit-transition: 300ms;
      -o-transition: 300ms;
      transition: 300ms; }
      .lang_on header #navi_area #sub_navi ul {
        opacity: 1;
        pointer-events: auto; }
      header #navi_area #sub_navi ul li {
        width: 50px;
        height: 50px; }
        header #navi_area #sub_navi ul li a {
          width: 100%;
          height: 100%;
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -webkit-align-items: center;
              -ms-flex-align: center;
                  align-items: center;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -webkit-flex-direction: column;
              -ms-flex-direction: column;
                  flex-direction: column;
          -webkit-box-pack: center;
          -webkit-justify-content: center;
              -ms-flex-pack: center;
                  justify-content: center; } }

/****************************
   triggeメニュー
****************************/
@media screen and (max-width: 768px) {
  /*main_menu*/
  header #menu-trigger {
    height: 50px;
    width: 50px;
    border: none;
    background: none;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 100001;
    padding: 0;
    background: #0079ce; }
    header #menu-trigger #menu_toggle {
      width: 15px;
      height: 11px;
      margin: 19px 17px;
      position: relative; }
    header #menu-trigger i {
      position: absolute;
      width: 15px;
      left: 0;
      height: 1px;
      background-color: white;
      -webkit-transition: all .4s;
      -o-transition: all .4s;
      transition: all .4s; }
      header #menu-trigger i:nth-of-type(1) {
        top: 0; }
      header #menu-trigger i:nth-of-type(2) {
        top: 5px;
        opacity: 1; }
      header #menu-trigger i:nth-of-type(3) {
        bottom: 0; }
    header #menu-trigger.active i:nth-of-type(1) {
      -webkit-transform: rotateZ(-45deg);
          -ms-transform: rotate(-45deg);
              transform: rotateZ(-45deg);
      top: 5px; }
    header #menu-trigger.active i:nth-of-type(2) {
      opacity: 0; }
    header #menu-trigger.active i:nth-of-type(3) {
      -webkit-transform: rotateZ(45deg);
          -ms-transform: rotate(45deg);
              transform: rotateZ(45deg);
      top: 5px; }
  #menu-trigger {
    display: inline-block;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    outline: none !important; }
    #menu-trigger span {
      display: inline-block;
      -webkit-transition: all .4s;
      -o-transition: all .4s;
      transition: all .4s;
      -webkit-box-sizing: border-box;
              box-sizing: border-box; } }

@media screen and (min-width: 769px) {
  header #menu-trigger {
    opacity: 0;
    visibility: hidden;
    display: none; } }

/* !! - プルダウンメニュ */
#navigation ul li li {
  position: relative;
  display: block; }

#navigation ul li.menu-item-has-children .sub-menu {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  z-index: 10;
  width: 100vw;
  font-family: ryo-text-plusn, serif;
  background: #222222; }
  @media screen and (max-width: 767px) {
    #navigation ul li.menu-item-has-children .sub-menu {
      position: relative;
      top: 0;
      left: 0;
      padding: 25px; } }
  #navigation ul li.menu-item-has-children .sub-menu .drop_menu {
    margin: 0 auto;
    position: relative; }
    @media screen and (min-width: 768px) {
      #navigation ul li.menu-item-has-children .sub-menu .drop_menu {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
            -ms-flex-pack: justify;
                justify-content: space-between;
        width: 100%;
        max-width: 1200px;
        padding: 30px 0;
        padding-left: 190px; } }
    @media screen and (min-width: 769px) and (max-width: 1279px) {
      #navigation ul li.menu-item-has-children .sub-menu .drop_menu {
        padding-right: 20px; } }
    #navigation ul li.menu-item-has-children .sub-menu .drop_menu .drop_menu_head {
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      color: #fff;
      letter-spacing: .1em;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
          -ms-flex-align: start;
              align-items: flex-start;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center; }
      @media screen and (min-width: 769px) and (max-width: 1279px) {
        #navigation ul li.menu-item-has-children .sub-menu .drop_menu .drop_menu_head {
          left: 20px; } }
      @media screen and (max-width: 767px) {
        #navigation ul li.menu-item-has-children .sub-menu .drop_menu .drop_menu_head {
          position: relative;
          margin-bottom: 20px; } }
      #navigation ul li.menu-item-has-children .sub-menu .drop_menu .drop_menu_head .drop_menu_title h5 {
        font-size: 2.8rem;
        margin: 0 0 15px;
        line-height: 1;
        text-align: left !important; }
        @media screen and (min-width: 769px) and (max-width: 1279px) {
          #navigation ul li.menu-item-has-children .sub-menu .drop_menu .drop_menu_head .drop_menu_title h5 {
            font-size: 2.4rem; } }
        @media screen and (max-width: 767px) {
          #navigation ul li.menu-item-has-children .sub-menu .drop_menu .drop_menu_head .drop_menu_title h5 {
            margin-bottom: 10px; } }
      #navigation ul li.menu-item-has-children .sub-menu .drop_menu .drop_menu_head .drop_menu_title span {
        display: block;
        font-size: 1.4rem;
        line-height: 1;
        font-family: ryo-gothic-plusn, sans-serif;
        color: #a0a0a0 !important; }
    #navigation ul li.menu-item-has-children .sub-menu .drop_menu .drop_menu_navi {
      width: 380px; }
      @media screen and (min-width: 769px) and (max-width: 1279px) {
        #navigation ul li.menu-item-has-children .sub-menu .drop_menu .drop_menu_navi {
          width: 30.16vw; } }
      @media screen and (max-width: 767px) {
        #navigation ul li.menu-item-has-children .sub-menu .drop_menu .drop_menu_navi {
          width: 100% !important;
          margin-bottom: 20px; }
          #navigation ul li.menu-item-has-children .sub-menu .drop_menu .drop_menu_navi.mb0 {
            margin-bottom: 10px; }
          #navigation ul li.menu-item-has-children .sub-menu .drop_menu .drop_menu_navi:last-of-type {
            margin-bottom: 0; } }
      #navigation ul li.menu-item-has-children .sub-menu .drop_menu .drop_menu_navi.col1 {
        width: 185px; }
        @media screen and (min-width: 769px) and (max-width: 1279px) {
          #navigation ul li.menu-item-has-children .sub-menu .drop_menu .drop_menu_navi.col1 {
            width: 15.08vw; }
            #navigation ul li.menu-item-has-children .sub-menu .drop_menu .drop_menu_navi.col1 li {
              width: 100% !important; } }
      #navigation ul li.menu-item-has-children .sub-menu .drop_menu .drop_menu_navi p {
        margin: 0;
        width: 100%;
        font-size: 2rem;
        color: white;
        margin-bottom: 20px;
        line-height: 1;
        height: 20px;
        border-left: 2px solid #fff;
        padding-left: 15px !important;
        font-family: ryo-text-plusn, serif; }
        .ie #navigation ul li.menu-item-has-children .sub-menu .drop_menu .drop_menu_navi p {
          font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,serif; }
        @media screen and (min-width: 769px) and (max-width: 1279px) {
          #navigation ul li.menu-item-has-children .sub-menu .drop_menu .drop_menu_navi p {
            font-size: 1.8rem; } }
        @media screen and (max-width: 767px) {
          #navigation ul li.menu-item-has-children .sub-menu .drop_menu .drop_menu_navi p {
            font-size: 1.6rem; } }
      #navigation ul li.menu-item-has-children .sub-menu .drop_menu .drop_menu_navi ul {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -o-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
            -ms-flex-pack: justify;
                justify-content: space-between;
        margin-top: 0 !important;
        height: auto !important;
        -webkit-align-self: flex-start !important;
            -ms-flex-item-align: start !important;
                align-self: flex-start !important; }
        #navigation ul li.menu-item-has-children .sub-menu .drop_menu .drop_menu_navi ul li {
          height: 55px !important;
          margin-bottom: 10px; }
          @media screen and (max-width: 767px) {
            #navigation ul li.menu-item-has-children .sub-menu .drop_menu .drop_menu_navi ul li {
              width: calc(50% - 5px); } }
          @media screen and (min-width: 769px) and (max-width: 1279px) {
            #navigation ul li.menu-item-has-children .sub-menu .drop_menu .drop_menu_navi ul li {
              width: calc(50% - 5px); } }
          #navigation ul li.menu-item-has-children .sub-menu .drop_menu .drop_menu_navi ul li:nth-last-of-type(-n + 2) {
            margin-bottom: 0; }
        #navigation ul li.menu-item-has-children .sub-menu .drop_menu .drop_menu_navi ul a {
          display: block;
          color: #FFF;
          background: #000;
          width: 185px;
          height: 55px !important;
          font-family: ryo-gothic-plusn, sans-serif; }
          @media screen and (min-width: 769px) and (max-width: 1279px) {
            #navigation ul li.menu-item-has-children .sub-menu .drop_menu .drop_menu_navi ul a {
              width: 100%; } }
          .ie #navigation ul li.menu-item-has-children .sub-menu .drop_menu .drop_menu_navi ul a {
            font-family: Meiryo,"メイリオ","Hiragino Kaku Gothic ProN","YuGothic",sans-serif !important; }
          #navigation ul li.menu-item-has-children .sub-menu .drop_menu .drop_menu_navi ul a:after {
            content: "";
            right: 20px;
            width: 6px;
            height: 6px;
            margin-top: 0; }
          @media screen and (max-width: 767px) {
            #navigation ul li.menu-item-has-children .sub-menu .drop_menu .drop_menu_navi ul a {
              width: 100%;
              height: 100%;
              display: -webkit-box;
              display: -webkit-flex;
              display: -ms-flexbox;
              display: flex;
              -webkit-box-align: center;
              -webkit-align-items: center;
                  -ms-flex-align: center;
                      align-items: center;
              -webkit-box-orient: vertical;
              -webkit-box-direction: normal;
              -webkit-flex-direction: column;
                  -ms-flex-direction: column;
                      flex-direction: column;
              -webkit-box-pack: center;
              -webkit-justify-content: center;
                  -ms-flex-pack: center;
                      justify-content: center;
              font-size: 1.4rem; }
              #navigation ul li.menu-item-has-children .sub-menu .drop_menu .drop_menu_navi ul a:after {
                content: "";
                right: 10px !important; } }
          #navigation ul li.menu-item-has-children .sub-menu .drop_menu .drop_menu_navi ul a:hover {
            background: #0079ce; }
  #navigation ul li.menu-item-has-children .sub-menu .recruit_menu h5 {
    text-indent: -5px !important; }
  #navigation ul li.menu-item-has-children .sub-menu .recruit_menu .drop_menu_navi {
    width: 494px; }
    @media screen and (min-width: 769px) and (max-width: 1279px) {
      #navigation ul li.menu-item-has-children .sub-menu .recruit_menu .drop_menu_navi {
        width: calc((100% - 40px ) / 3 * 2); } }
    #navigation ul li.menu-item-has-children .sub-menu .recruit_menu .drop_menu_navi li {
      width: calc(50% - 5px) !important; }
      @media screen and (min-width: 769px) and (max-width: 1279px) {
        #navigation ul li.menu-item-has-children .sub-menu .recruit_menu .drop_menu_navi li {
          width: calc(50% - 10px) !important; } }
    #navigation ul li.menu-item-has-children .sub-menu .recruit_menu .drop_menu_navi a {
      width: 100% !important; }
    #navigation ul li.menu-item-has-children .sub-menu .recruit_menu .drop_menu_navi.entry_sub {
      width: 485px; }
      @media screen and (min-width: 769px) and (max-width: 1279px) {
        #navigation ul li.menu-item-has-children .sub-menu .recruit_menu .drop_menu_navi.entry_sub {
          width: calc(100% - ((100% - 40px ) / 3 * 2) - 20px); } }
      @media screen and (min-width: 768px) {
        #navigation ul li.menu-item-has-children .sub-menu .recruit_menu .drop_menu_navi.entry_sub li {
          width: 100% !important;
          margin-bottom: 10px !important; }
          #navigation ul li.menu-item-has-children .sub-menu .recruit_menu .drop_menu_navi.entry_sub li:last-of-type {
            margin-bottom: 0 !important; } }

@media screen and (min-width: 768px) {
  #sub_navi_sp {
    display: none; } }

#sub_navi_sp ul {
  padding: 0 20px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 60px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }
  #sub_navi_sp ul li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    opacity: .7 !important; }
    #sub_navi_sp ul li.on {
      opacity: 1 !important; }
    #sub_navi_sp ul li a {
      color: #FFF !important;
      height: 32px;
      width: 32px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center; }

#sub_navi_sp .button_contact {
  height: 60px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 1px solid rgba(255, 255, 255, 0.5);
  margin: 0 25px;
  position: relative;
  margin-bottom: 50px;
  color: white; }
  #sub_navi_sp .button_contact:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: auto;
    right: 15px;
    content: "";
    width: 6px;
    height: 6px;
    border: 1px solid #fff;
    border-width: 0 1px 1px 0;
    -webkit-transform: rotate(-45deg) translateY(-50%);
    -ms-transform: rotate(-45deg) translateY(-50%);
    transform: rotate(-45deg) translateY(-50%);
    -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
            transform-origin: center center; }

@media screen and (max-width: 767px) {
  #navigation ul li.menu-item-has-children .sub-menu {
    display: none; } }

/* !!------------------------------------ */
/* !! リンク無しの処理 */
/*#main_contents{margin-left: 80px}*/
/* !!------------------------------------ */
/* !! パンくず */
.breadcrumbs {
  height: 40px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start !important;
  -webkit-justify-content: flex-start !important;
      -ms-flex-pack: start !important;
          justify-content: flex-start !important;
  empty-cells: 100%;
  background: #eff0f2;
  font-family: ryo-gothic-plusn, sans-serif;
  padding-left: 3.15vw; }
  @media screen and (min-width: 769px) and (max-width: 1365px) {
    .breadcrumbs {
      padding-left: 18px; } }
  .breadcrumbs > span {
    margin-left: 8px; }
    .breadcrumbs > span:first-of-type {
      margin-left: 0; }
      .breadcrumbs > span:first-of-type:before {
        content: "";
        display: none; }
    .breadcrumbs > span:before {
      content: "／";
      font-size: .9em;
      line-height: 1;
      margin-right: 8px; }
  .breadcrumbs span {
    font-size: 1.2rem;
    color: #888888; }
  .breadcrumbs .home, .en .breadcrumbs .pos_2 a {
    width: 12px;
    height: 12px;
    display: block;
    background-image: url(../img/default/icon_home.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center center; }
    .breadcrumbs .home span, .en .breadcrumbs .pos_2 a span {
      font-size: 0 !important; }
  .en .breadcrumbs .home {
    display: none; }
  .en .breadcrumbs .pos_2:before {
    content: "";
    display: none; }

@media screen and (max-width: 767px) {
  .breadcrumb {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between; } }

@media screen and (max-width: 767px) {
  .breadcrumb > span {
    white-space: nowrap;
    max-width: 180px;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    overflow: hidden; } }

.breadcrumb > span a {
  -webkit-transition: .2s;
  -o-transition: .2s;
  transition: .2s;
  color: #888888; }
  .breadcrumb > span a:hover {
    color: rgba(136, 136, 136, 0.8); }

.breadcrumb > span:first-of-type {
  -webkit-transform: translateY(-0.1em);
      -ms-transform: translateY(-0.1em);
          transform: translateY(-0.1em); }

#breadcrumb {
  display: none; }

/* !!------------------------------------ */
/* !! HERO */
#hero {
  position: relative; }
  #hero.top {
    height: 100vh; }
    @media screen and (max-width: 767px) {
      #hero.top {
        height: 80.1vw;
        margin-top: 50px !important;
        margin-bottom: 71.022vw; } }
  #hero .bx-wrapper {
    margin: 0;
    border: none;
    -webkit-box-shadow: none;
            box-shadow: none; }
    @media screen and (max-width: 767px) {
      #hero .bx-wrapper {
        height: 80.1vw;
        overflow: hidden; }
        #hero .bx-wrapper .bx-pager {
          right: 90px !important;
          margin-right: 0 !important;
          bottom: 17px !important;
          padding-top: 0 !important;
          height: auto !important; }
        #hero .bx-wrapper .bx-default-pager a {
          height: 5px;
          width: 5px; } }
    #hero .bx-wrapper ul {
      margin: 0;
      margin: 0;
      height: 100%; }
      #hero .bx-wrapper ul li {
        position: relative; }
    #hero .bx-wrapper .bx-pager {
      margin: 0;
      position: absolute;
      bottom: 35px;
      right: 160px;
      width: inherit;
      margin-right: 40px; }
    #hero .bx-wrapper ul li {
      height: 100vh;
      background-size: cover; }
      @media screen and (max-width: 767px) {
        #hero .bx-wrapper ul li {
          height: 80.1vw; } }
      #hero .bx-wrapper ul li .slide_info {
        position: absolute;
        left: 10%;
        top: 48%;
        -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
                transform: translateY(-50%);
        z-index: 10;
        z-index: 99999;
        color: white; }
      #hero .bx-wrapper ul li::after {
        position: absolute;
        display: none;
        top: 0;
        left: 0;
        content: "";
        width: 100%;
        height: 100%;
        background: rgba(34, 34, 34, 0.09);
        z-index: 99;
        pointer-events: none; }
    #hero .bx-wrapper ul .slide_info p, #hero .bx-wrapper ul .slide_info span {
      font-family: ryo-gothic-plusn, sans-serif; }
  #hero .slide01 {
    background-image: url("../img/hero_01.jpg");
    background-position: center; }
    @media screen and (max-width: 767px) {
      #hero .slide01 {
        background-image: url("../img/hero_01_sp.jpg"); } }
  #hero .slide02 {
    background-image: url("../img/hero_02.jpg");
    background-position: center; }
    @media screen and (max-width: 767px) {
      #hero .slide02 {
        background-image: url("../img/hero_02_sp.jpg"); } }
  #hero .slide03 {
    background-image: url("../img/hero_03.jpg");
    background-position: center; }
    @media screen and (max-width: 767px) {
      #hero .slide03 {
        background-image: url("../img/hero_03_sp.jpg"); } }
  #hero .slide04 {
    background-image: url("../img/hero_04.jpg");
    background-position: center; }
    @media screen and (max-width: 767px) {
      #hero .slide04 {
        background-image: url("../img/hero_04_sp.jpg"); } }
  #hero .slide05 {
    background-image: url("../img/hero_05.jpg");
    background-position: center; }
    @media screen and (max-width: 767px) {
      #hero .slide05 {
        background-image: url("../img/hero_05_sp.jpg"); } }
  #hero .feed-prev-btn {
    display: block;
    width: 80px;
    height: 80px;
    background-image: url("../img/top_pre.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 9px auto;
    position: absolute;
    bottom: 0;
    right: 80px;
    z-index: 999;
    background-color: white;
    z-index: 10; }
    @media screen and (max-width: 767px) {
      #hero .feed-prev-btn {
        background-image: none !important;
        width: 37px;
        height: 40px; }
        #hero .feed-prev-btn:after {
          content: "";
          display: block;
          position: absolute;
          top: 50%;
          left: auto;
          right: 10px;
          content: "";
          width: 6px;
          height: 6px;
          border: 1px solid #222;
          border-width: 0 1px 1px 0;
          -webkit-transform: rotate(-45deg) translateY(-50%);
          -ms-transform: rotate(-45deg) translateY(-50%);
          transform: rotate(-45deg) translateY(-50%);
          -webkit-transform-origin: center center;
              -ms-transform-origin: center center;
                  transform-origin: center center;
          border-width: 1px 0 0 1px;
          right: 5px; } }
    #hero .feed-prev-btn a {
      opacity: 0;
      width: 100%;
      height: 100%; }
    @media screen and (max-width: 767px) {
      #hero .feed-prev-btn {
        right: 37px; } }
  #hero .feed-next-btn {
    display: block;
    width: 80px;
    height: 80px; }
    @media screen and (max-width: 767px) {
      #hero .feed-next-btn {
        width: 37px;
        height: 40px;
        background-image: none !important; }
        #hero .feed-next-btn img {
          display: none; }
        #hero .feed-next-btn:after {
          content: "";
          right: auto;
          left: 10px !important;
          display: block;
          position: absolute;
          top: 50%;
          left: auto;
          right: 10px;
          content: "";
          width: 6px;
          height: 6px;
          border: 1px solid #222;
          border-width: 0 1px 1px 0;
          -webkit-transform: rotate(-45deg) translateY(-50%);
          -ms-transform: rotate(-45deg) translateY(-50%);
          transform: rotate(-45deg) translateY(-50%);
          -webkit-transform-origin: center center;
              -ms-transform-origin: center center;
                  transform-origin: center center; } }
  #hero a.bx-prev {
    opacity: 0;
    display: block;
    height: 100%; }
  #hero .feed-next-btn {
    background-image: url("../img/top_next.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 9px auto;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 999;
    background-color: white; }
    #hero .feed-next-btn a.bx-next {
      opacity: 0;
      display: block;
      height: 100%; }
  #hero .bx-wrapper ul li .slide_button {
    position: absolute;
    background: #fff;
    width: 260px;
    height: 260px;
    border-radius: 50%;
    top: 50%;
    right: 130px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-transform: translateY(-50%) scale(1);
    -ms-transform: translateY(-50%) scale(1);
    transform: translateY(-50%) scale(1);
    -webkit-transform-origin: center;
        -ms-transform-origin: center;
            transform-origin: center;
    -webkit-transition: 500ms cubic-bezier(0, 1.67, 0.87, 0.96);
    -o-transition: 500ms cubic-bezier(0, 1.67, 0.87, 0.96);
    transition: 500ms cubic-bezier(0, 1.67, 0.87, 0.96); }
    @media screen and (max-width: 767px) {
      #hero .bx-wrapper ul li .slide_button {
        width: 30.705vw;
        height: 30.705vw;
        right: 6.675vw !important; } }
    #hero .bx-wrapper ul li .slide_button:hover {
      -webkit-transform: translateY(-50%) scale(1.1);
      -ms-transform: translateY(-50%) scale(1.1);
      transform: translateY(-50%) scale(1.1);
      will-change: transform; }
    #hero .bx-wrapper ul li .slide_button a {
      position: absolute;
      display: block;
      z-index: 1;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 2; }
    #hero .bx-wrapper ul li .slide_button .button_info {
      text-align: center;
      line-height: 1; }
      #hero .bx-wrapper ul li .slide_button .button_info .slide_label:after {
        content: "";
        width: 30px;
        height: 1px;
        display: block;
        margin: 25px auto;
        margin-top: 20px;
        background: #000; }
      @media screen and (max-width: 767px) {
        #hero .bx-wrapper ul li .slide_button .button_info .slide_label:after {
          content: "";
          display: none; } }
      #hero .bx-wrapper ul li .slide_button .button_info p {
        font-family: ryo-text-plusn, serif;
        font-size: 1.7rem;
        margin-top: -0.4em;
        margin-bottom: -0.4em;
        line-height: 1.8; }
        .ie #hero .bx-wrapper ul li .slide_button .button_info p {
          font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,serif; }
        @media screen and (max-width: 767px) {
          #hero .bx-wrapper ul li .slide_button .button_info p {
            font-size: 2.67vw; }
            #hero .bx-wrapper ul li .slide_button .button_info p + p {
              font-size: 3.471vw; } }
      #hero .bx-wrapper ul li .slide_button .button_info span {
        color: #0079ce;
        width: 97px;
        display: inline-block;
        position: relative;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -o-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
            -ms-flex-pack: justify;
                justify-content: space-between;
        font-size: 1.5rem;
        justify-content: space-between;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        margin: 0 auto; }
        #hero .bx-wrapper ul li .slide_button .button_info span:after {
          content: "";
          display: block;
          content: "";
          width: 6px;
          height: 6px;
          border: 1px solid #0079ce;
          border-width: 0 1px 1px 0;
          -webkit-transform: rotate(-45deg);
          -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
          -webkit-transform-origin: center;
              -ms-transform-origin: center;
                  transform-origin: center;
          position: relative;
          top: 0px;
          right: 1px; }
        @media screen and (max-width: 767px) {
          #hero .bx-wrapper ul li .slide_button .button_info span {
            display: none; } }
  #hero ul.slider .pointer-guide {
    position: absolute;
    top: 0;
    left: 0;
    height: 100vh;
    width: 178vh;
    left: 50%;
    top: 0;
    pointer-events: none;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    /* 最小アスペクト比 */ }
    @media (min-aspect-ratio: 1600 / 900) {
      #hero ul.slider .pointer-guide {
        width: 99vw;
        height: 56vw;
        left: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%); } }
    @media screen and (max-width: 767px) {
      #hero ul.slider .pointer-guide {
        height: 100%;
        width: 100% !important; } }
  #hero ul.slider #pointer01 {
    left: 71%;
    top: 67%; }
    @media screen and (max-width: 767px) {
      #hero ul.slider #pointer01 {
        left: 60%; } }
  #hero ul.slider #pointer02 {
    left: 38%;
    top: 25%; }
    @media screen and (max-width: 767px) {
      #hero ul.slider #pointer02 {
        left: 20%; } }
  #hero ul.slider #pointer03 {
    left: 25%;
    top: 89%; }
    @media screen and (max-width: 767px) {
      #hero ul.slider #pointer03 {
        left: 13%; } }
  #hero ul.slider #pointer04 {
    left: 50%;
    top: 57%; }
    @media screen and (max-width: 767px) {
      #hero ul.slider #pointer04 {
        left: 27%; } }
  #hero ul.slider #pointer05 {
    left: 61%;
    top: 53%; }
    @media screen and (max-width: 767px) {
      #hero ul.slider #pointer05 {
        left: 49%; } }
  #hero .button_up {
    width: 8px;
    height: 8px;
    background: rgba(0, 121, 206, 0.5);
    display: block;
    border-radius: 50%;
    position: absolute;
    bottom: 30%;
    right: 30%;
    z-index: 10; }
    #hero .button_up i {
      width: 100%;
      height: 100%;
      display: block;
      background: #fff;
      border-radius: 99px;
      z-index: 1;
      position: relative; }
    #hero .button_up::after {
      content: "";
      width: 60px;
      height: 60px;
      border-radius: 50%;
      position: absolute;
      bottom: calc( 30% - 29px);
      right: calc( 30% - 29px);
      display: block;
      z-index: 0; }
  #hero .bx-wrapper ul li.active-slide .button_up::after {
    content: "";
    border-radius: 50%;
    background-color: rgba(0, 121, 206, 0.5);
    position: absolute;
    bottom: calc( 30% - 29px);
    right: calc( 30% - 29px);
    -webkit-animation: anime 4s ease-in infinite;
            animation: anime 4s ease-in infinite;
    -webkit-animation-delay: 2s;
            animation-delay: 2s;
    z-index: 0; }
  #hero .bx-wrapper ul li.active-slide a.slide_button {
    -webkit-animation: button 2s ease-in forwards;
            animation: button 2s ease-in forwards;
    -webkit-animation-delay: 7s;
            animation-delay: 7s; }
    @media screen and (min-width: 768px) {
      #hero .bx-wrapper ul li.active-slide a.slide_button a {
        font-size: 1.4rem;
        color: #0079ce; }
      #hero .bx-wrapper ul li.active-slide a.slide_button .slide_label p {
        margin: 0 14px; }
        #hero .bx-wrapper ul li.active-slide a.slide_button .slide_label p:first-of-type {
          font-size: 1.4rem; }
        #hero .bx-wrapper ul li.active-slide a.slide_button .slide_label p:last-of-type {
          font-size: 1.7rem; }
      #hero .bx-wrapper ul li.active-slide a.slide_button .slide_label span {
        font-size: 1.5rem;
        color: #a0a0a0; } }

@-webkit-keyframes anime {
  0% {
    -webkit-transform: scale(0.1, 0.1);
            transform: scale(0.1, 0.1);
    width: 60px;
    height: 60px; }
  50% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
    width: 60px;
    height: 60px; }
  100% {
    -webkit-transform: scale(0, 0);
            transform: scale(0, 0);
    width: 60px;
    height: 60px; } }

@keyframes anime {
  0% {
    -webkit-transform: scale(0.1, 0.1);
            transform: scale(0.1, 0.1);
    width: 60px;
    height: 60px; }
  50% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
    width: 60px;
    height: 60px; }
  100% {
    -webkit-transform: scale(0, 0);
            transform: scale(0, 0);
    width: 60px;
    height: 60px; } }

@-webkit-keyframes button {
  0% {
    opacity: 0;
    right: 130px;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%); }
  100% {
    opacity: 1;
    right: 130px;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%); } }

@keyframes button {
  0% {
    opacity: 0;
    right: 130px;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%); }
  100% {
    opacity: 1;
    right: 130px;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%); } }

@media screen and (max-width: 767px) {
  #hero .bx-wrapper ul li .slide_info {
    display: none; }
  #slide_text_sp {
    margin: 40px 0; }
    #slide_text_sp #sp_title {
      margin: 0 0 25px; }
      #slide_text_sp #sp_title h3 {
        margin: 0 0 15px;
        font-size: 6vw;
        line-height: 1.5em; }
      #slide_text_sp #sp_title span {
        display: block;
        font-size: 2vw;
        color: #a0a0a0;
        font-family: ryo-gothic-plusn, sans-serif; }
    #slide_text_sp p {
      font-size: 3.5vw;
      margin: 0; }
  .scroll#head_posi {
    display: none; } }

@media screen and (min-width: 768px) {
  #hero .slick_arrows button {
    height: 30px !important;
    height: 30px !important; }
  #slide_text_sp {
    display: none; } }

.arrows {
  position: relative;
  text-align: center;
  margin: 24px 0; }

.scroll {
  height: 14px;
  position: absolute;
  right: -30px;
  z-index: 20;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: ryo-text-plusn, serif; }
  @media screen and (max-width: 767px) {
    .scroll {
      top: 50% !important;
      margin-top: 10px !important;
      right: -14.685vw; } }
  .ie .scroll {
    font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,serif; }
  .scroll#head_posi {
    bottom: 174.5px;
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg); }
  .scroll#foot_posi {
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(90deg);
        -ms-transform: translateY(-50%) rotate(90deg);
            transform: translateY(-50%) rotate(90deg); }
  .scroll .scroll_line {
    position: relative;
    width: 79px;
    margin: 0 auto; }
    .scroll .scroll_line::after {
      content: "";
      position: absolute;
      bottom: -2px;
      right: 0;
      display: block;
      width: 100px;
      height: 1px;
      background-color: #0079ce;
      z-index: -2; }
    .scroll .scroll_line .point {
      position: absolute;
      z-index: 2;
      bottom: -5px;
      right: -15px;
      width: 8px;
      height: 8px;
      border-radius: 50%;
      background-color: #0079ce; }
      .scroll .scroll_line .point::after {
        content: "";
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background-color: rgba(255, 255, 255, 0.5);
        position: absolute;
        z-index: -1;
        bottom: -1px;
        right: -1px;
        -webkit-animation-iteration-count: infinite;
                animation-iteration-count: infinite; }
  .scroll#head_posi .scroll_line .point {
    -webkit-animation: point 1.5s ease-in-out;
            animation: point 1.5s ease-in-out;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite; }
    .scroll#head_posi .scroll_line .point::after {
      -webkit-animation: pulsate 1.5s ease-out;
              animation: pulsate 1.5s ease-out;
      -webkit-animation-iteration-count: infinite;
              animation-iteration-count: infinite; }
  .scroll#foot_posi .scroll_line .point {
    -webkit-animation: re_point 1.5s ease-in-out;
            animation: re_point 1.5s ease-in-out;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite; }
    .scroll#foot_posi .scroll_line .point::after {
      -webkit-animation: re_pulsate 1.5s ease-out;
              animation: re_pulsate 1.5s ease-out;
      -webkit-animation-iteration-count: infinite;
              animation-iteration-count: infinite; }
  .scroll span {
    display: block; }
    .scroll span a {
      display: block;
      color: white;
      font-size: 1.4rem;
      letter-spacing: 0.1em;
      padding: 2px 8px; }
      @media screen and (max-width: 767px) {
        .scroll span a {
          font-size: 1.2rem;
          padding-right: 0; } }

@-webkit-keyframes pulsate {
  0% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1); }
  50% {
    opacity: 1; }
  100% {
    -webkit-transform: scale(3, 3);
            transform: scale(3, 3);
    opacity: 0.0; } }

@keyframes pulsate {
  0% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1); }
  50% {
    opacity: 1; }
  100% {
    -webkit-transform: scale(3, 3);
            transform: scale(3, 3);
    opacity: 0.0; } }

@-webkit-keyframes point {
  0% {
    right: 85px; }
  50% {
    opacity: 1; }
  100% {
    right: 15px;
    opacity: 0.0; } }

@keyframes point {
  0% {
    right: 85px; }
  50% {
    opacity: 1; }
  100% {
    right: 15px;
    opacity: 0.0; } }

@-webkit-keyframes re_pulsate {
  0% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1); }
  50% {
    opacity: 1; }
  100% {
    -webkit-transform: scale(3, 3);
            transform: scale(3, 3);
    opacity: 0.0; } }

@keyframes re_pulsate {
  0% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1); }
  50% {
    opacity: 1; }
  100% {
    -webkit-transform: scale(3, 3);
            transform: scale(3, 3);
    opacity: 0.0; } }

@-webkit-keyframes re_point {
  0% {
    right: 15px; }
  50% {
    opacity: 1; }
  100% {
    right: 85px;
    opacity: 0.0; } }

@keyframes re_point {
  0% {
    right: 15px; }
  50% {
    opacity: 1; }
  100% {
    right: 85px;
    opacity: 0.0; } }

/*　***********************
　　HERO LOW
**********************　*/
#product #hero_low {
  background: url("../img/hero/hero_product.jpg") center center/cover; }

#company #hero_low {
  background: url("../img/hero/hero_company.jpg") center center/cover; }

#ir #hero_low {
  background: url("../img/hero/hero_ir.jpg") center center/cover; }

#recruit #hero_low {
  background: url("../img/hero/hero_recruit.jpg") center center/cover; }

#voice #hero_low {
  background: url("../img/hero/hero_recruit.jpg") center center/cover; }

#requirement #hero_low {
  background: url("../img/hero/hero_recruit.jpg") center center/cover; }

#form #hero_low {
  background: url("../img/hero/hero_recruit.jpg") center center/cover; }

#info #hero_low {
  background: url("../img/hero/hero_info.jpg") center center/cover; }

#hero_low {
  position: relative; }

body:not(#knowledge):not(#sitemap):not(#privacy):not(#aboutthissite):not(#contact) #hero_low::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1; }

body#product #hero_low::after {
  background: rgba(0, 0, 0, 0.8); }

#hero_low #main_title {
  text-align: center;
  margin: 0 auto;
  color: white;
  position: relative;
  z-index: 2; }

body:not(#knowledge) #hero_low #main_title {
  color: white; }

body#knowledge #hero_low #main_title, body#sitemap #hero_low #main_title, body#privacy #hero_low #main_title, body#aboutthissite #hero_low #main_title, body#contact #hero_low #main_title {
  color: #222222; }

#hero_low #main_title h1, #hero_low #main_title #single_main_title {
  margin-top: 0; }

#hero_low #main_title span {
  display: block;
  color: white;
  font-family: ryo-gothic-plusn, sans-serif; }

body#knowledge #hero_low #main_title span, body#sitemap #hero_low #main_title span, body#privacy #hero_low #main_title span, body#aboutthissite #hero_low #main_title span, body#contact #hero_low #main_title span {
  color: #a0a0a0; }

@media screen and (min-width: 768px) {
  #hero_low #main_title, #hero_low .main_title, .hero_low #main_title, .hero_low .main_title {
    line-height: 1;
    height: 340px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center; }
    #hero_low #main_title h1, #hero_low #main_title #single_main_title, #hero_low .main_title h1, #hero_low .main_title #single_main_title, .hero_low #main_title h1, .hero_low #main_title #single_main_title, .hero_low .main_title h1, .hero_low .main_title #single_main_title {
      font-size: 3.6rem;
      margin-bottom: 10px;
      letter-spacing: .1em;
      font-family: ryo-text-plusn, serif; }
      .ie #hero_low #main_title h1, .ie #hero_low #main_title #single_main_title, .ie #hero_low .main_title h1, .ie #hero_low .main_title #single_main_title, .ie .hero_low #main_title h1, .ie .hero_low #main_title #single_main_title, .ie .hero_low .main_title h1, .ie .hero_low .main_title #single_main_title {
        font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,serif; }
    #hero_low #main_title span, #hero_low .main_title span, .hero_low #main_title span, .hero_low .main_title span {
      font-size: 1.6rem;
      letter-spacing: .1em;
      color: #a0a0a0; } }

@media screen and (max-width: 767px) {
  #hero_low, .hero_low {
    padding: 50px 0px; }
    #hero_low #main_title h1, #hero_low .main_title h1, .hero_low #main_title h1, .hero_low .main_title h1 {
      margin-bottom: .5em;
      font-family: ryo-text-plusn, serif;
      letter-spacing: .1em;
      text-align: center; }
      .ie #hero_low #main_title h1, .ie #hero_low .main_title h1, .ie .hero_low #main_title h1, .ie .hero_low .main_title h1 {
        font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,serif; } }

/* !! HERO LOW SUB */
#hero_low_sub {
  background: -webkit-gradient(linear, left top, left bottom, from(#eff0f2), to(rgba(239, 240, 242, 0)));
  background: -webkit-linear-gradient(#eff0f2, rgba(239, 240, 242, 0));
  background: -o-linear-gradient(#eff0f2, rgba(239, 240, 242, 0));
  background: linear-gradient(#eff0f2, rgba(239, 240, 242, 0));
  background-size: 100% 100%; }
  #hero_low_sub .container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 100%; }
  #hero_low_sub #main_product_img {
    margin: 0 auto; }
    #hero_low_sub #main_product_img img {
      width: 100% !important;
      height: auto !important; }
  #hero_low_sub #main_title span {
    display: block; }
    #hero_low_sub #main_title span:last-of-type {
      font-family: ryo-gothic-plusn, sans-serif; }
  #hero_low_sub #main_title h1 {
    color: #0079ce; }
  #hero_low_sub span.en {
    color: #0079ce; }
  #hero_low_sub #main_title h1 {
    letter-spacing: 0.2em; }

@media screen and (min-width: 768px) {
  #hero_low_sub {
    pmargin-bottom: 48px; }
    #hero_low_sub #main_product_img {
      width: 400px;
      margin-bottom: 56px; }
      #hero_low_sub #main_product_img img {
        margin: 0 auto;
        height: 100%;
        width: auto;
        max-width: inherit; }
    #hero_low_sub #main_title h1 {
      margin: 15px 0;
      font-size: 4rem;
      font-family: ryo-text-plusn, serif;
      text-indent: -.2em; }
      .ie #hero_low_sub #main_title h1 {
        font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,serif; }
    #hero_low_sub #main_title span:first-of-type {
      font-size: 1.4rem; }
    #hero_low_sub #main_title span.en {
      font-size: 1.8rem; }
    #hero_low_sub #main_title p {
      margin-top: -0.4em;
      margin-bottom: -0.4em;
      padding-top: 40px; }
    #hero_low_sub.product_single {
      padding: 70px 0 120px 0;
      overflow: hidden; }
    #hero_low_sub.wvh {
      height: calc(100vh - 104px);
      min-height: 680px; } }

@media screen and (max-width: 767px) {
  #hero_low_sub {
    margin-bottom: 24px;
    padding: 50px 0 30px; }
    #hero_low_sub #main_product_img {
      margin-bottom: 30px;
      width: 60vw; }
    #hero_low_sub #main_title {
      padding: 0 6.675vw;
      margin-top: 20px;
      margin: 0.5em 0; }
      #hero_low_sub #main_title h1 {
        margin: 0.4em 0;
        font-size: 2.6rem;
        font-family: ryo-text-plusn, serif;
        text-indent: -.2em; }
        .ie #hero_low_sub #main_title h1 {
          font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,serif; }
      #hero_low_sub #main_title P {
        margin-top: 20px; }
      #hero_low_sub #main_title span {
        font-size: 1.2rem; } }

/* !!------------------------------------ */
/* !! contents */
/*#wrap{overflow: hidden}*/
#wrap, #contents {
  width: 100%;
  overflow: visible;
  position: relative;
  z-index: 2; }

@media screen and (max-width: 767px) {
  .paged #contents {
    padding: 0 6.675vw; } }

/* !! container */
.container {
  margin-left: auto;
  margin-right: auto;
  overflow: visible; }

#contents {
  overflow-x: hidden; }
  .ie #contents {
    padding-top: 10px; }

@media screen and (min-width: 769px) and (max-width: 1279px) {
  body.paged:not(#recruit):not(#voice):not(#form) #contents .container, body.paged:not(#recruit):not(#voice):not(#form) div[id*="hero_"] .container {
    max-width: 100%;
    margin: 0 5.2vw; }
  body.archive #contents .container, body.archive div[id*="hero_"] .container {
    max-width: 100%;
    margin: 0 5.2vw; }
  body.single #contents .container, body.single div[id*="hero_"] .container {
    max-width: 100%;
    margin: 0 5.2vw; } }

.low_head {
  text-align: center; }
  @media screen and (min-width: 768px) {
    .low_head .low_head_title h2, .low_head .low_head_title h1 {
      margin: 0; } }
  .low_head .low_head_title span {
    display: block;
    font-family: ryo-gothic-plusn, sans-serif;
    color: #a0a0a0; }

@media screen and (min-width: 768px) {
  .low_head .low_head_title {
    margin-bottom: 60px; }
    .low_head .low_head_title h2, .low_head .low_head_title h1 {
      font-size: 3rem; }
    .low_head .low_head_title span {
      margin-top: 14px; }
  .low_head p {
    font-size: 1.7rem;
    letter-spacing: .1em;
    line-height: 1.88;
    margin-top: -0.44em;
    margin-bottom: -0.44em;
    color: #222; } }

@media screen and (max-width: 767px) {
  .low_head .low_head_title {
    margin-bottom: 30px; }
    .low_head .low_head_title span {
      margin-top: 10px; }
  .low_head p {
    font-size: 1.7rem;
    margin: 2em 0 0; } }

/*　***********************
　　グリッドシステム
**********************　*/
@media screen and (min-width: 768px) {
  .column_bace {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
    .column_bace .wide_space {
      width: 100%; }
    .column_bace .half_space {
      width: 50%; }
    .column_bace .half_space_sub {
      width: calc((100% - 32px) / 2); }
      .column_bace .half_space_sub:nth-of-type(2n) {
        margin-left: 32px; }
    .column_bace .half_space_default {
      width: calc((100% - 60px) / 2); } }
    @media screen and (min-width: 768px) and (min-width: 769px) and (max-width: 1279px) {
      .column_bace .half_space_default {
        width: calc((100% - 30px) / 2); } }

@media screen and (min-width: 768px) {
      .column_bace .half_space_default:nth-of-type(2n) {
        margin-left: 30px;
        margin-right: 30px; }
    .column_bace .third_space {
      width: calc((100% - 80px) / 3);
      margin-right: 30px; }
      .column_bace .third_space:nth-of-type(3n) {
        margin-right: 0; }
    .column_bace .third_space_sub {
      width: calc((100% - 180px) / 3); }
      .column_bace .third_space_sub:nth-of-type(3n-1) {
        margin-right: 90px;
        margin-left: 90px; }
    .column_bace .forth_space {
      width: calc((100% - 300px) / 4); }
      .column_bace .forth_space:not(:nth-of-type(4n-3)) {
        margin-left: 100px; }
  /*1colum*/
  /*2colum*/
  /*3colum*/
  /*4colum*/ }

/****************************
   FOOTER
****************************/
footer {
  width: 100%; }
  footer #footer_end {
    background: #a0a0a0; }
    footer #footer_end #footer_end_inner {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between; }
      footer #footer_end #footer_end_inner span {
        display: block; }
      footer #footer_end #footer_end_inner #mgc {
        width: 74px; }
        footer #footer_end #footer_end_inner #mgc img {
          width: 100% !important;
          height: auto !important; }
  footer .footer_area, footer .footer_are #footer_end {
    font-family: ryo-gothic-plusn, sans-serif; }

@media screen and (min-width: 768px) {
  footer #footer_end #footer_end_inner span {
    font-size: 1rem; } }

@media screen and (max-width: 767px) {
  footer #footer_end #footer_end_inner span {
    font-size: 1rem; } }

/*****************************
 pagetop
****************************/
#page_scroll {
  position: fixed;
  bottom: 20px;
  right: 20px;
  font-size: 77%;
  z-index: 777; }

/*text-align*/
.center {
  text-align: center; }

/*.left{text-align: left;}
.right{text-align: right;}*/
/*image*/
.image-left {
  float: left;
  margin: 0px 40px 0px 0; }

.image-right {
  float: right;
  margin: 0px 0 0px 40px; }

.image-center {
  margin: 5px auto 0 10% !important; }

/*loader*/
#loading {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  width: 100%;
  top: 45%; }
  #loading img {
    margin: auto; }

#loader-bg {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background: #FFF;
  z-index: 20; }

/*responsive*/
@media all and (min-width: 768px) {
  .spr {
    display: none; } }

@media all and (max-width: 767px) {
  .pcr {
    display: none; } }

/* !!------------------------------------ */
/* !! footer */
/* !! お問い合わせ */
@media screen and (max-width: 767px) {
  .section_option_sub.contact_area {
    padding-bottom: 50px; } }

.section_option_sub.contact_area p {
  margin-top: -0.35em;
  margin-bottom: -0.35em;
  color: #222;
  font-weight: 300; }
  @media screen and (max-width: 767px) {
    .section_option_sub.contact_area p {
      font-size: 3.738vw;
      text-align: center; }
      .en .section_option_sub.contact_area p {
        padding: 0 6.675vw; } }

.section_option_sub.contact_area .contact_link {
  z-index: 1; }
  .section_option_sub.contact_area .contact_link a:after {
    content: none !important; }
  @media screen and (max-width: 767px) {
    .section_option_sub.contact_area .contact_link {
      padding: 0 6.675vw !important;
      position: relative;
      bottom: 0;
      margin: 0 auto; } }

body#contact .section_option_sub.contact_area {
  display: none; }

#privacy_scroll p {
  text-align: justify;
  position: relative;
  margin-bottom: 1em !important; }
  #privacy_scroll p span {
    text-align: justify !important; }

#privacy_scroll #privacy_list_bace p {
  margin-bottom: 1em !important;
  padding-left: 1.5em;
  counter-increment: number; }
  #privacy_scroll #privacy_list_bace p:before {
    content: counter(number) ".";
    position: absolute;
    top: 0;
    left: 0; }

.footer_area {
  width: 100% !important;
  overflow: hidden; }
  @media screen and (max-width: 767px) {
    .footer_area {
      padding: 13.35vw 6.675vw !important; } }
  @media screen and (min-width: 768px) {
    .footer_area .container {
      max-width: 1200px;
      width: 100%;
      margin: 0 auto; } }
  @media screen and (min-width: 769px) and (max-width: 1279px) {
    .footer_area .container {
      width: 100%;
      padding: 0 5.2vw;
      padding-right: 8.32vw; } }
  @media screen and (max-width: 767px) {
    .footer_area .container:after {
      content: "";
      display: none !important; } }
  .footer_area .has_child {
    width: 100% !important; }
  @media screen and (min-width: 769px) and (max-width: 1279px) {
    .footer_area .footer_navi {
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      -o-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between; } }
  @media screen and (max-width: 767px) {
    .footer_area ul {
      display: none; } }
  @media screen and (min-width: 769px) and (max-width: 1279px) {
    .footer_area ul {
      width: auto !important; } }
  .footer_area ul > li a {
    color: #EFF0F2;
    padding-left: 16px;
    position: relative; }
    .footer_area ul > li a:before {
      content: "";
      width: 4px;
      height: 4px;
      position: absolute;
      left: 4px;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      background: #0079ce;
      border-radius: 99px; }
  @media screen and (max-width: 767px) {
    .footer_area ul.sub {
      display: block; }
      .footer_area ul.sub li:last-of-type {
        margin-bottom: 0; } }
  .footer_area ul.child {
    width: 100% !important; }
    .footer_area ul.child li {
      width: 100%;
      margin-bottom: 20px !important;
      padding-left: 0; }
      .footer_area ul.child li a {
        font-size: 1.2rem !important;
        padding-left: 16px;
        position: relative; }
        .footer_area ul.child li a:before {
          background: none;
          border-radius: 0;
          content: "" !important;
          display: block;
          position: absolute;
          top: 50%;
          left: 4px;
          right: auto;
          content: "";
          width: 8px;
          height: 8px;
          border: 1px solid #fff;
          border-width: 0 1px 1px 0;
          -webkit-transform: rotate(-45deg) translateY(-50%);
          -ms-transform: rotate(-45deg) translateY(-50%);
          transform: rotate(-45deg) translateY(-50%);
          -webkit-transform-origin: center center;
              -ms-transform-origin: center center;
                  transform-origin: center center;
          height: 6px !important;
          width: 6px !important; }

@media screen and (min-width: 768px) {
  #footer_end_inner {
    margin: 0 auto;
    height: 60px; } }

@media screen and (max-width: 767px) {
  #footer_end_inner {
    width: 100%;
    overflow: hidden;
    padding: 15px 0px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: center; }
    #footer_end_inner #mgc {
      -webkit-box-ordinal-group: 2;
      -webkit-order: 1;
          -ms-flex-order: 1;
              order: 1;
      margin-bottom: 15px !important; }
    #footer_end_inner span {
      -webkit-box-ordinal-group: 3;
      -webkit-order: 2;
          -ms-flex-order: 2;
              order: 2;
      line-height: 1.3; }
      #footer_end_inner span i {
        display: inline-block;
        font-style: normal; } }

/* !!------------------------------------ */
/* !! トップページ */
.top_catch {
  position: absolute;
  top: 48%;
  left: 10%;
  z-index: 1;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #FFF;
  z-index: 1; }
  @media screen and (max-width: 767px) {
    .top_catch {
      top: 80.1vw;
      left: 6.675vw;
      -webkit-transform: none;
          -ms-transform: none;
              transform: none;
      height: 71.022vw;
      color: #222;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
          -ms-flex-align: start;
              align-items: flex-start;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center; } }
  .top_catch h1 {
    font-family: ryo-text-plusn, serif;
    font-size: 5rem;
    line-height: 1.44;
    margin-top: -0.22em;
    margin-bottom: -0.22em; }
    .ie .top_catch h1 {
      font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,serif; }
    @media screen and (max-width: 767px) {
      .top_catch h1 {
        font-size: 8.01vw; }
        .en .top_catch h1 {
          font-size: 2rem; } }
  .top_catch span {
    font-size: 1.6rem;
    display: block;
    line-height: 1;
    margin: 29px 0 47px 0; }
    @media screen and (max-width: 767px) {
      .top_catch span {
        margin: 5.34vw 0 8.01vw;
        font-size: 3.204vw; } }
  .top_catch p {
    font-size: 1.7rem;
    line-height: 2.12;
    margin-top: -0.56em;
    margin-bottom: -0.56em; }
    @media screen and (max-width: 767px) {
      .top_catch p {
        font-size: 4.005vw; } }

/* !! 発泡剤について */
@media screen and (min-width: 769px) and (max-width: 1279px) {
  .section_option {
    padding: 8.32vw 2.08vw !important; } }

.section_option .top_container {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 268px; }
  @media screen and (max-width: 767px) {
    .section_option .top_container {
      height: auto; } }

.section_option .half_area {
  width: 50%;
  height: 100%;
  position: relative; }
  @media screen and (max-width: 767px) {
    .section_option .half_area {
      width: 100%; } }
  .section_option .half_area .agent_icon {
    height: 100%; }
    .section_option .half_area .agent_icon .agent_icon_inner {
      height: 100%;
      white-space: nowrap;
      width: 100vw;
      text-align: right; }
      @media screen and (min-width: 768px) {
        .section_option .half_area .agent_icon .agent_icon_inner {
          position: absolute;
          top: 0;
          right: 0; } }
      @media screen and (max-width: 767px) {
        .section_option .half_area .agent_icon .agent_icon_inner {
          width: 120%;
          display: -webkit-flex;
          display: -moz-flex;
          display: -ms-flex;
          display: -o-flex;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          padding: 0 0 0 6.675vw; } }
      .section_option .half_area .agent_icon .agent_icon_inner span {
        display: inline-block;
        margin-left: 30px; }
        @media screen and (max-width: 767px) {
          .section_option .half_area .agent_icon .agent_icon_inner span {
            width: 33.108vw !important;
            margin-left: 5.34vw; }
            .section_option .half_area .agent_icon .agent_icon_inner span:first-of-type {
              margin-left: 0; } }
      @media screen and (min-width: 768px) {
        .section_option .half_area .agent_icon .agent_icon_inner img {
          width: 268px !important;
          height: auto; } }
  @media screen and (min-width: 768px) and (min-width: 769px) and (max-width: 1279px) {
    .section_option .half_area .agent_icon .agent_icon_inner img {
      width: 180px !important; } }
  .section_option .half_area._2 {
    padding-left: 50px; }
    @media screen and (max-width: 767px) {
      .section_option .half_area._2 {
        padding: 8.01vw 6.675vw;
        padding-bottom: 0; } }
    .section_option .half_area._2 .agent_message {
      height: 100%;
      max-width: 545px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
          -ms-flex-align: start;
              align-items: flex-start;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between; }
      .section_option .half_area._2 .agent_message .agent_message_title {
        margin: 0; }
        .section_option .half_area._2 .agent_message .agent_message_title span {
          color: #a0a0a0; }
      .section_option .half_area._2 .agent_message p {
        margin: 0; }
        @media screen and (max-width: 767px) {
          .section_option .half_area._2 .agent_message p {
            margin: 6.675vw 0; } }

/* !! ニュース */
.news_image_column {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 0 !important; }
  .news_image_column .news_head2 {
    width: 100% !important;
    height: auto !important; }
  .news_image_column > img {
    width: 100% !important;
    height: auto !important; }
  .news_image_column .news_image {
    width: 50%;
    position: relative; }

.news_info_posi {
  position: relative;
  z-index: 1;
  background: #fff; }
  @media screen and (min-width: 768px) {
    .news_info_posi {
      max-width: 1200px;
      margin-top: -10.08vw; } }
  @media screen and (min-width: 768px) and (min-width: 769px) and (max-width: 1335px) {
    .news_info_posi {
      margin-top: -137px; } }
  @media screen and (min-width: 769px) and (max-width: 1279px) {
    .news_info_posi {
      max-width: 1200px;
      margin-top: 0;
      width: 100%; } }
  @media screen and (max-width: 767px) {
    .news_info_posi {
      margin: 0 6.675vw;
      margin-top: -8.544vw;
      padding: 8.01vw 5.34vw; } }

@media screen and (max-width: 767px) {
  .news_info .sub_title {
    margin-bottom: 10px !important; } }

@media screen and (min-width: 769px) and (max-width: 1279px) {
  .news_info {
    padding: 5.2vw !important; } }

.news_list h3 {
  font-family: ryo-gothic-plusn, sans-serif; }
  .ie .news_list h3 {
    font-family: Meiryo,"メイリオ","Hiragino Kaku Gothic ProN","YuGothic",sans-serif !important; }

.news_list .list_link {
  text-align: right; }

@media screen and (max-width: 767px) {
  .news_list dl {
    position: relative;
    padding: 5.34vw 0 !important; }
  .news_list dt {
    font-size: 1.2rem;
    position: absolute;
    top: 5.34vw; }
  .news_list dd span {
    margin-left: 120px;
    width: 100px !important;
    height: 20px !important;
    font-size: 1.2rem; }
  .news_list dd a {
    font-size: 1.4rem;
    line-height: 1.7; } }

/* !! 製品情報 */
@media screen and (min-width: 768px) {
  .product_area {
    padding-bottom: 80px !important; } }

@media screen and (min-width: 768px) {
  .product_area .container {
    width: 1200px;
    margin: 0 auto !important; }
    .product_area .container p {
      line-height: 1; } }

@media screen and (max-width: 767px) {
  .product_area .container {
    padding: 0 6.675vw; } }

@media screen and (min-width: 769px) and (max-width: 1279px) {
  .product_area .container {
    width: 100%; }
  .product_area ._1 {
    padding: 0 5.2vw; } }

.product_area .slide_area .slide_arrow {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }

@media screen and (min-width: 768px) {
  .product_area .slide_area .sub_slider {
    position: relative; } }
  @media screen and (min-width: 768px) and (max-width: 767px) {
    .product_area .slide_area .sub_slider {
      width: 100% !important;
      margin: 0 !important; } }

@media screen and (min-width: 768px) {
    .product_area .slide_area .sub_slider .subprev {
      left: -100px; }
    .product_area .slide_area .sub_slider .subnext {
      right: -100px; } }
  @media screen and (min-width: 768px) and (min-width: 769px) and (max-width: 1365px) {
    .product_area .slide_area .sub_slider {
      width: 1020px;
      margin: 0 auto; } }
  @media screen and (min-width: 768px) and (min-width: 769px) and (max-width: 1279px) {
    .product_area .slide_area .sub_slider {
      width: calc(100% - 200px); } }

@media screen and (min-width: 768px) {
  .product_area .slide_area .slide_item {
    max-width: 280px;
    margin-right: 26px !important;
    border-radius: 999px;
    overflow: hidden;
    position: relative; } }
  @media screen and (min-width: 768px) and (min-width: 769px) and (max-width: 1365px) {
    .product_area .slide_area .slide_item {
      width: calc((1020px - 81px) / 4); } }

@media screen and (min-width: 768px) {
    .product_area .slide_area .slide_item:focus {
      outline: none; }
  .product_area .slide_area .slide_item img {
    width: 100% !important;
    height: auto;
    margin: 0 !important;
    margin-right: 27px !important; }
  .product_area .slide_area h3 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 102px;
    line-height: 1;
    padding: 30px 0 52px; } }
  @media screen and (min-width: 768px) and (min-width: 769px) and (max-width: 1279px) {
    .product_area .slide_area h3 {
      bottom: 0 !important;
      font-size: 1.4em !important; } }

@media screen and (max-width: 767px) {
  .product_area .slide_area {
    margin-bottom: 0 !important; }
    .product_area .slide_area .slide_item {
      width: 73.692vw;
      padding: 0 2.67vw; }
      .product_area .slide_area .slide_item:focus {
        outline: none; }
      .product_area .slide_area .slide_item img {
        width: 100% !important;
        height: auto !important;
        border-radius: 999px;
        overflow: hidden; }
      .product_area .slide_area .slide_item h3 {
        height: 27.768vw;
        bottom: 0 !important;
        left: 0;
        width: 100%;
        position: absolute;
        font-size: 2rem;
        padding-top: 8.01vw; }
    .product_area .slide_area .subprev {
      width: 40px !important;
      height: 40px !important; }
    .product_area .slide_area .subnext {
      width: 40px !important;
      height: 40px !important; } }

.product_area .slide_area .slick-dots {
  height: 10px; }
  @media screen and (max-width: 767px) {
    .product_area .slide_area .slick-dots {
      margin: 30px 0 !important; } }
  .product_area .slide_area .slick-dots li {
    height: 10px; }
    @media screen and (max-width: 767px) {
      .product_area .slide_area .slick-dots li {
        margin: 0 5px !important;
        width: 5px; } }
    .product_area .slide_area .slick-dots li button {
      margin: 0 auto !important; }
      @media screen and (max-width: 767px) {
        .product_area .slide_area .slick-dots li button {
          padding: 0 !important;
          margin: 0 !important; }
          .product_area .slide_area .slick-dots li button + button {
            display: none; } }
      .product_area .slide_area .slick-dots li button:before {
        line-height: 10px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%); }
        @media screen and (max-width: 767px) {
          .product_area .slide_area .slick-dots li button:before {
            height: 5px !important;
            width: 5px !important;
            line-height: 1 !important; } }

/* !! global_busines */
@media screen and (min-width: 768px) {
  .global_busines {
    margin-bottom: 100px; } }

.global_busines .container {
  background: #fff;
  z-index: 1;
  position: relative; }
  @media screen and (min-width: 768px) {
    .global_busines .container {
      max-width: 1200px; } }
  @media screen and (max-width: 767px) {
    .global_busines .container {
      margin: 0 6.675vw;
      margin-top: -8.544vw; }
      .global_busines .container .sub_title {
        padding: 8.01vw 5.34vw !important; } }
  .global_busines .container .global_business_area {
    -webkit-transform: none;
        -ms-transform: none;
            transform: none; }
    @media screen and (max-width: 767px) {
      .global_busines .container .global_business_area {
        padding-top: 0;
        padding-bottom: 0; } }
    .global_busines .container .global_business_area > p {
      margin-top: -0.35em;
      margin-bottom: -0.35em;
      padding: 30px 0 50px; }
      @media screen and (max-width: 767px) {
        .global_busines .container .global_business_area > p {
          padding: 0; } }
  @media screen and (min-width: 768px) {
    .global_busines .container {
      margin-top: -7.56vw; } }
  @media screen and (min-width: 768px) and (min-width: 769px) and (max-width: 1335px) {
    .global_busines .container {
      margin-top: -120px; } }
  @media screen and (min-width: 769px) and (max-width: 1279px) {
    .global_busines .container {
      margin-top: 0; } }

@media screen and (max-width: 767px) {
  .global_busines .global_business_map {
    width: 110% !important;
    position: relative;
    left: 50%;
    margin-bottom: 50px !important;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%); } }

.global_busines .global_business_area .business_item_area .business_item .business_item_info > p {
  margin-top: -0.35em;
  margin-bottom: -0.35em;
  font-size: 1.4rem;
  text-align: center; }

@media screen and (min-width: 769px) and (max-width: 1279px) {
  .global_busines .global_business_area .business_item_area .business_item .business_item_info {
    top: 11.44vw; } }

@media screen and (max-width: 767px) {
  .global_busines .business_item_area {
    width: 100vw;
    margin-top: 0 !important;
    margin-left: -6.675vw; }
    .global_busines .business_item_area .half_space {
      margin: 0 !important;
      position: relative; }
      .global_busines .business_item_area .half_space .business_item {
        position: relative;
        height: 80.1vw;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
            -ms-flex-pack: center;
                justify-content: center; }
      .global_busines .business_item_area .half_space img {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        -o-object-fit: cover;
           object-fit: cover; }
    .global_busines .business_item_area .sub_title {
      margin: 0 !important; } }
    @media screen and (max-width: 767px) and (max-width: 767px) {
      .global_busines .business_item_area .sub_title {
        padding-top: 0 !important; } }

@media screen and (max-width: 767px) {
    .global_busines .business_item_area .business_item_info {
      position: relative !important;
      top: 0 !important;
      margin-bottom: 7.476vw; }
      .global_busines .business_item_area .business_item_info h2 {
        padding-top: 0 !important; }
    .global_busines .business_item_area .business_item_link {
      position: relative !important;
      bottom: 0 !important;
      left: 0 !important;
      -webkit-transform: none !important;
          -ms-transform: none !important;
              transform: none !important; } }

/* !!------------------------------------ */
/* !! 製品情報　product */
.product_items:hover .product_items_img {
  opacity: .7 !important; }

.product_column .product_head h2, .product_column .product_head h3 {
  color: #0079ce;
  border-bottom: 1px solid #d9d9d9;
  font-size: 2rem;
  margin: 0 0 24px;
  padding-bottom: 20px; }

.product_column .note {
  line-height: 1; }

.product_column .product_column p {
  margin-bottom: 0; }

.product_column .product_list.column_bace {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  justify-content: space-between; }

.product_column .product_list .product_items {
  margin: 0; }
  .product_column .product_list .product_items .product_items_title h4 {
    margin: 0 0 12px;
    color: #0079ce;
    font-weight: 600;
    letter-spacing: .2em; }
  .product_column .product_list .product_items .product_items_title span {
    display: block;
    color: #0079ce; }
  .product_column .product_list .product_items .product_items_title h4 {
    font-weight: 500; }
  .product_column .product_list .product_items p {
    margin: 0; }
  .product_column .product_list .product_items .product_items_title span {
    font-family: ryo-gothic-plusn, sans-serif; }

.product_column p {
  margin-bottom: 0; }
  .product_column p:first-of-type {
    margin-top: 0; }
  .product_column p:not(:first-of-type) {
    margin-top: 0.6em; }

.product_column .product_details_list .product_details_items h3 {
  font-family: ryo-gothic-plusn, sans-serif; }

.product_column ul.specification {
  margin: 0; }
  .product_column ul.specification li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-family: ryo-gothic-plusn, sans-serif; }
    @media screen and (max-width: 767px) {
      .product_column ul.specification li {
        line-height: 1.5; } }
    .product_column ul.specification li:not(:first-of-type) {
      margin-top: .6em; }
    .product_column ul.specification li::before {
      content: "■";
      display: block; }

.product_column .light_box {
  position: relative; }
  .product_column .light_box a {
    position: absolute; }

.product_column .product_tabel {
  font-family: ryo-gothic-plusn, sans-serif;
  line-height: 1.5em; }

.product_column .product_details_list, .product_column ul.specification, .product_column .product_tabel, .product_column .light_box {
  margin-top: 24px; }

.product_column .product_details_list .product_details_items {
  margin-bottom: 40px; }
  .product_column .product_details_list .product_details_items h3 {
    font-size: 1.4rem;
    margin: 10px 0 0; }

.product_column ul.specification li {
  font-size: 1.4rem; }

.product_column .product_tabel {
  font-size: 1.4rem;
  text-align: left; }
  .product_column .product_tabel tr:first-child {
    background: white !important; }
    .product_column .product_tabel tr:first-child th, .product_column .product_tabel tr:first-child td {
      border-left: 2px solid #eff0f2; }
    .product_column .product_tabel tr:first-child th {
      border-bottom: 10px solid white; }
  .product_column .product_tabel tr td {
    border-bottom: 10px solid white; }
  .product_column .product_tabel tr:nth-of-type(2n) {
    background: #eff0f2; }
  .product_column .product_tabel tr:nth-of-type(2n+1) {
    background: #e2ebff; }
  .product_column .product_tabel th {
    width: 26%;
    font-weight: 200; }
  .product_column .product_tabel td:first-of-type {
    width: 11%; }
  .product_column .product_tabel td:nth-of-type(2) {
    width: 15%; }
  .product_column .product_tabel td:last-of-type {
    width: 48%; }
  .product_column .product_tabel tr:not(:first-of-type) th, .product_column .product_tabel tr:not(:first-of-type) td {
    border-bottom: 2px solid white; }
  .product_column .product_tabel tr:not(:first-of-type) th, .product_column .product_tabel tr:not(:first-of-type) td:not(:last-of-type) {
    border-right: 2px solid white; }
  .product_column .product_tabel tr th, .product_column .product_tabel tr td {
    padding: 15px; }

.product_column .table_sub {
  margin: 30px 0 0 25px; }

.product_column .light_box a {
  width: 43px;
  right: 12.5px;
  top: 12.5px;
  -webkit-transition: .2s;
  -o-transition: .2s;
  transition: .2s;
  -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg);
  display: block; }
  @media screen and (max-width: 767px) {
    .product_column .light_box a {
      display: none; } }
  .product_column .light_box a img {
    width: 100% !important;
    height: auto !important; }
  .product_column .light_box a:hover {
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg); }

.product_column .light_box + p {
  margin-top: 15px; }

.table_sub {
  padding: 30px 20px; }
  @media screen and (max-width: 767px) {
    .table_sub {
      padding: 20px 0; } }
  .table_sub p {
    font-size: 1.2rem;
    line-height: 1.5;
    margin-bottom: 10px; }
    .table_sub p:last-of-type {
      margin: 0; }

/*
.product_items{
	$td:100ms;
	&:nth-of-type(1){
		.product_items_img.anime{
			transition-delay: $td*0;
		}
		
	}
	&:nth-of-type(2){
		.product_items_img.anime{
			transition-delay: $td*1;
		}
	}
	&:nth-of-type(3){
		.product_items_img.anime{
			transition-delay: $td*2;
		}
	}
}
*/
@media screen and (max-width: 767px) {
  #lightboxOverlay {
    max-width: 100vw;
    margin: 0;
    overflow: hidden; } }

.lb-outerContainer {
  background: none;
  top: 40px; }

.lb-dataContainer {
  height: 0;
  top: 40px;
  position: relative;
  padding: 0 !important;
  z-index: 11; }
  .lb-dataContainer .lb-details {
    display: none !important; }
  .lb-dataContainer .lb-close {
    position: absolute;
    right: 0;
    top: 0; }
    @media screen and (min-width: 768px) {
      .lb-dataContainer .lb-close {
        -webkit-transform: translate(60px, 0) !important;
            -ms-transform: translate(60px, 0) !important;
                transform: translate(60px, 0) !important; } }
    @media screen and (max-width: 767px) {
      .lb-dataContainer .lb-close {
        -webkit-transform: none !important;
            -ms-transform: none !important;
                transform: none !important;
        z-index: 1;
        background-color: #eee;
        top: -30px;
        width: 20px !important;
        height: 20px !important; } }

.lb-container {
  width: auto; }

.lb-image {
  margin: 0 !important;
  border: none !important;
  border-radius: 0 !important;
  max-height: 100%;
  margin: 0 auto !important; }

.product_details_list.column_bace {
  font-size: 0; }
  @media screen and (max-width: 767px) {
    .product_details_list.column_bace {
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      -o-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between; }
      .product_details_list.column_bace p {
        font-size: 1.2rem !important; } }
  .product_details_list.column_bace .product_details_items {
    margin-right: 40px;
    width: calc((100% - 80px) / 3) !important; }
    .ie .product_details_list.column_bace .product_details_items {
      margin-right: 39px; }
    .product_details_list.column_bace .product_details_items:nth-of-type(3n) {
      margin-right: 0; }
    @media screen and (max-width: 767px) {
      .product_details_list.column_bace .product_details_items {
        width: calc(50% - 5px) !important;
        margin: 0;
        margin-bottom: 20px; }
        .product_details_list.column_bace .product_details_items .product_items_title h3 {
          font-size: 1.3rem !important; } }

@media screen and (min-width: 768px) {
  .product_column .product_head h2, .product_column .product_head h3 {
    font-size: 2.6rem;
    margin: 0 0 24px;
    padding-bottom: 20px; }
  .product_column .product_head p {
    font-size: 1.5rem;
    letter-spacing: .1em;
    margin-top: 24px;
    line-height: 2;
    margin-top: -0.5em;
    margin-bottom: -0.5em; }
  .product_column .product_list {
    margin-top: 70px; }
    .product_column .product_list .product_items {
      position: relative; }
      .product_column .product_list .product_items:nth-of-type(-n + 3) {
        margin-bottom: 70px; }
      .product_column .product_list .product_items.noMb {
        margin-bottom: 0 !important; }
      .product_column .product_list .product_items > a {
        position: absolute;
        display: block;
        z-index: 1;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%; }
      .product_column .product_list .product_items .product_items_img {
        padding: 0 29px 29px; }
      .product_column .product_list .product_items .product_items_title {
        margin-bottom: 20px; }
        .product_column .product_list .product_items .product_items_title h4 {
          font-size: 2.1rem; }
        .product_column .product_list .product_items .product_items_title span {
          font-size: 1.3rem; }
      .product_column .product_list .product_items p {
        font-size: 1.4rem;
        line-height: 2;
        margin-top: -0.5em;
        margin-bottom: -0.5em; } }

@media screen and (max-width: 767px) {
  .product_column .product_head h2, .product_column .product_head h3 {
    font-size: 2.2rem;
    margin: 0 0 0.5em;
    padding-bottom: 0.5em; } }
  @media screen and (max-width: 767px) and (max-width: 360px) {
    .product_column .product_head h2, .product_column .product_head h3 {
      font-size: 5.874vw;
      white-space: nowrap; } }

@media screen and (max-width: 767px) {
  .product_column .product_head p {
    margin-top: 2em; }
  .product_column .product_list {
    margin-top: 30px; }
    .product_column .product_list .product_items {
      position: relative; } }
    @media screen and (max-width: 767px) and (max-width: 767px) {
      .product_column .product_list .product_items {
        margin-bottom: 30px !important; }
        .product_column .product_list .product_items > a {
          position: absolute;
          display: block;
          z-index: 1;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%; } }

@media screen and (max-width: 767px) {
      .product_column .product_list .product_items .product_items_img {
        padding: 0 15px 20px; }
        .product_column .product_list .product_items .product_items_img img {
          margin: 0 auto;
          width: 60vw; }
      .product_column .product_list .product_items .product_items_title {
        margin-bottom: 15px; } }
      @media screen and (max-width: 767px) and (max-width: 767px) {
        .product_column .product_list .product_items .product_items_title {
          margin-bottom: 12px; } }

@media screen and (max-width: 767px) {
        .product_column .product_list .product_items .product_items_title h4 {
          font-size: 2.2rem;
          text-indent: -.1em;
          margin-bottom: 8px !important; } }

@media screen and (min-width: 768px) {
  .product_column .product_tabel {
    width: 100%; } }

@media screen and (max-width: 767px) {
  .product_column .product_tabel {
    width: 800px; }
    .product_column .product_tabel td, .product_column .product_tabel th {
      font-size: 1.2rem; }
  .table_sub p {
    font-size: 1.1rem;
    line-height: 1.4; }
    .table_sub p.swipe_sub {
      color: #0079ce;
      white-space: nowrap; } }

.section_product_other {
  position: relative; }
  @media screen and (max-width: 767px) {
    .section_product_other {
      margin-bottom: 0 !important; } }
  .section_product_other h2 {
    text-align: center; }
  .section_product_other a.default_button, .section_product_other #navigation ul li.menu-item-has-children .sub-menu .drop_menu .drop_menu_navi ul a, #navigation ul li.menu-item-has-children .sub-menu .drop_menu .drop_menu_navi ul .section_product_other a {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    bottom: -30px;
    font-family: ryo-gothic-plusn, sans-serif; }
    @media screen and (max-width: 767px) {
      .section_product_other a.default_button, .section_product_other #navigation ul li.menu-item-has-children .sub-menu .drop_menu .drop_menu_navi ul a, #navigation ul li.menu-item-has-children .sub-menu .drop_menu .drop_menu_navi ul .section_product_other a {
        position: relative;
        left: 0;
        bottom: 0;
        -webkit-transform: translateX(0%);
            -ms-transform: translateX(0%);
                transform: translateX(0%);
        margin: 0 auto;
        margin-top: 30px; } }

@media screen and (min-width: 768px) {
  .section_product_other h2 {
    font-size: 2.8rem;
    margin: 0 0 38px; } }

@media screen and (max-width: 767px) {
  .section_product_other h2 {
    font-size: 2.2rem;
    margin: 0 0 30px; } }

/* !! 詳細ページのテーブル */
.product_head {
  margin-top: 30px; }
  @media screen and (max-width: 767px) {
    .product_head {
      margin-top: 20px; } }

.product_info {
  margin: 15px 0 30px 0; }
  @media screen and (max-width: 767px) {
    .product_info {
      margin: 10px 0 20px 0; } }
  .product_info:last-of-type {
    margin-bottom: 0; }

tr.product_info__table_body.gr td, tr.product_info__table_body.gr th {
  background: #EFF0F2; }

/* !! - - -  */
/* !!その他の発泡剤 */
@media screen and (max-width: 767px) {
  .section_product_other {
    width: 100vw;
    left: -6.675vw; } }

@media screen and (min-width: 768px) {
  .section_product_other .container {
    max-width: 1200px;
    position: relative; } }

@media screen and (min-width: 769px) and (max-width: 1279px) {
  .section_product_other .container {
    max-width: 100% !important;
    margin: 0 30px !important; } }

@media screen and (max-width: 767px) {
  .section_product_other .sub_slider {
    width: auto !important;
    margin: 0 !important;
    position: relative; } }

.section_product_other .sub_slider .slide_product_item {
  width: 200px;
  padding: 0 !important;
  margin-right: 54px !important; }
  @media screen and (max-width: 767px) {
    .section_product_other .sub_slider .slide_product_item {
      width: 100vw;
      padding: 0 6.675vw !important;
      margin: 0 auto !important; } }
  .section_product_other .sub_slider .slide_product_item img {
    width: 100% !important; }
    @media screen and (max-width: 767px) {
      .section_product_other .sub_slider .slide_product_item img {
        width: 180px !important;
        margin-bottom: 15px !important; } }
  .section_product_other .sub_slider .slide_product_item a {
    color: #0079ce; }
    @media screen and (max-width: 767px) {
      .section_product_other .sub_slider .slide_product_item a {
        line-height: 1.6; } }

.section_product_other .sub_slider .slick-arrow {
  top: 100px !important;
  z-index: 1; }
  @media screen and (max-width: 767px) {
    .section_product_other .sub_slider .slick-arrow {
      width: 40px !important;
      height: 40px !important;
      top: 140px !important; }
      .section_product_other .sub_slider .slick-arrow.subprev {
        left: 0px !important; }
      .section_product_other .sub_slider .slick-arrow.subnext {
        right: 0px !important; } }
  .section_product_other .sub_slider .slick-arrow.subprev {
    left: -100px; }
  .section_product_other .sub_slider .slick-arrow.subnext {
    right: -100px; }

/* !!------------------------------------ */
/* !! 発泡剤を知ろう！ */
@media screen and (min-width: 768px) {
  #knowledge #main_title {
    height: 278px; } }

@media screen and (max-width: 767px) {
  #knowledge .section_navi {
    display: block;
    text-align: center !important; } }

@media screen and (max-width: 767px) {
  #knowledge .sub_title_second h2 {
    font-size: 2.4rem;
    position: relative;
    line-height: 1.5;
    margin-top: -0.25em;
    margin-bottom: -0.25em;
    padding-bottom: 15px; }
    #knowledge .sub_title_second h2:after {
      content: none;
      display: none;
      height: 1px;
      width: 13.35vw;
      display: block;
      background: #000;
      position: absolute;
      top: 50%;
      left: -6.675vw; }
    #knowledge .sub_title_second h2:before {
      content: none;
      height: 1px;
      width: 13.35vw;
      display: block;
      background: #000;
      position: absolute;
      top: 50%;
      right: -6.675vw; } }

#knowledge .knowledge_column .sub_title_second {
  margin-bottom: 100px; }
  @media screen and (max-width: 767px) {
    #knowledge .knowledge_column .sub_title_second {
      margin-bottom: 50px; } }
  #knowledge .knowledge_column .sub_title_second p.l {
    font-size: 2.4rem;
    line-height: 1;
    margin-top: 95px; }
    @media screen and (max-width: 767px) {
      #knowledge .knowledge_column .sub_title_second p.l {
        margin-top: 50px;
        font-size: 1.8rem;
        line-height: 1.5; } }

@media screen and (min-width: 768px) {
  #knowledge .section_low#a {
    padding-bottom: 180px; } }

@media screen and (min-width: 768px) {
  #knowledge .section_low#b {
    padding-bottom: 212px; } }

nav#nav_area {
  padding: 30px 0; }
  @media screen and (min-width: 768px) {
    nav#nav_area {
      border-bottom: 1px solid #d9d9d9; } }
  @media screen and (max-width: 767px) {
    nav#nav_area {
      padding: 0;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
          -ms-flex-align: start;
              align-items: flex-start;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      width: auto;
      display: inline-block;
      min-width: 0;
      position: relative; } }

nav a {
  font-size: 1.6rem;
  color: black;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  letter-spacing: .1em;
  font-family: ryo-text-plusn, serif; }
  .ie nav a {
    font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,serif; }
  nav a::before {
    content: "";
    display: block;
    margin-right: 10px;
    -webkit-transform: translateY(-0.15em);
        -ms-transform: translateY(-0.15em);
            transform: translateY(-0.15em);
    display: block;
    content: "";
    width: 8px;
    height: 8px;
    border: 1px solid #0079ce;
    border-width: 0 1px 1px 0;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: center;
        -ms-transform-origin: center;
            transform-origin: center;
    border-width: 0 0 2px 2px;
    border-color: #0079ce;
    margin-top: -2px; }
  @media screen and (max-width: 767px) {
    nav a {
      font-size: 1.4rem;
      padding: 10px 0;
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      padding-left: 1px; }
      nav a:first-of-type {
        margin-top: 0; } }

@media screen and (min-width: 768px) {
  nav#nav_area {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: 116px; } }

@media screen and (max-width: 767px) {
  nav#nav_area {
    margin-bottom: 50px; } }

.disposition_area .disposition .dis_comment h3 {
  color: #0079ce;
  line-height: 1.5em; }

.disposition_area .disposition .dis_comment ol {
  counter-reset: number;
  list-style-type: none !important;
  font-family: ryo-gothic-plusn, sans-serif; }
  @media screen and (max-width: 767px) {
    .disposition_area .disposition .dis_comment ol {
      margin-bottom: 5.34vw; } }
  .disposition_area .disposition .dis_comment ol li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
    @media screen and (max-width: 767px) {
      .disposition_area .disposition .dis_comment ol li {
        display: block;
        padding-left: 20px;
        position: relative; }
        .disposition_area .disposition .dis_comment ol li:before {
          content: "";
          position: absolute;
          top: 0;
          left: 0; } }
    .disposition_area .disposition .dis_comment ol li:not(:last-of-type) {
      margin-bottom: .6em; }
    .disposition_area .disposition .dis_comment ol li::before {
      counter-increment: number;
      content: counter(number);
      margin-right: .1em;
      color: #fcfcfc;
      background: black;
      border-radius: 50%;
      width: 14px;
      letter-spacing: 0;
      height: 14px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      line-height: 1;
      font-size: 1.0rem; }
    .disposition_area .disposition .dis_comment ol li.pickup::before {
      background: #0079ce; }

@media screen and (min-width: 768px) {
  .disposition_area {
    margin-top: 75px; }
    .disposition_area .disposition {
      position: relative; }
      .disposition_area .disposition .dis_img {
        position: absolute; }
      .disposition_area .disposition:nth-of-type(2n) .dis_comment {
        margin-left: 0 !important;
        margin-right: auto !important; }
      .disposition_area .disposition .dis_comment {
        width: calc(100% - 344px);
        padding: 0;
        margin-left: auto;
        margin-right: 0; }
        .disposition_area .disposition .dis_comment h3 {
          font-size: 2.4rem;
          padding-bottom: 40px;
          margin-top: -0.25em;
          margin-bottom: -0.25em; }
        .disposition_area .disposition .dis_comment p {
          font-size: 1.5rem;
          margin: 0;
          line-height: 2;
          margin-top: -0.5em;
          margin-bottom: -0.5em; }
        .disposition_area .disposition .dis_comment ol {
          margin-bottom: 35px; }
        .disposition_area .disposition .dis_comment ol li {
          font-size: 1.4rem; }
      .disposition_area .disposition._1 {
        margin-bottom: 150px; }
        .disposition_area .disposition._1 .dis_img {
          width: 270px;
          bottom: 0;
          left: 25px; }
      .disposition_area .disposition._2 {
        margin-bottom: 200px; }
        .disposition_area .disposition._2 .dis_img {
          width: 270px;
          right: 0;
          top: 50%;
          -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
          transform: translateY(-50%); }
      .disposition_area .disposition._3 {
        margin-bottom: 165px; }
        .disposition_area .disposition._3 .dis_img {
          width: 312px;
          top: 50%;
          -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
          transform: translateY(-50%);
          left: -17px; }
      .disposition_area .disposition._4 .dis_img {
        width: 372px;
        right: -50px;
        top: -15px; } }

@media screen and (max-width: 767px) {
  .disposition_area {
    margin-top: 35px; } }
  @media screen and (max-width: 767px) and (max-width: 767px) {
    .disposition_area .disposition {
      margin-bottom: 50px; } }

@media screen and (max-width: 767px) {
    .disposition_area .disposition .dis_img {
      width: 80%;
      margin: 0 auto;
      margin-bottom: 30px; }
      .disposition_area .disposition .dis_img img {
        margin: auto; }
    .disposition_area .disposition .dis_comment h3 {
      font-size: 2.2rem;
      margin: 0 0 1em;
      /*
			  .jp & {
			      text-align: justify;
			  }
			*/ }
      .disposition_area .disposition .dis_comment h3 i {
        display: inline-block; }
    .disposition_area .disposition .dis_comment p, .disposition_area .disposition .dis_comment ol li {
      font-size: 1.6rem;
      margin: 0; } }

/* !! disposition_item_area */
.disposition_item_area {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: -15px !important;
  justify-content: space-between; }

.disposition_item_area .disposition_item {
  margin-right: 0; }
  .disposition_item_area .disposition_item .disposition_item_img img {
    height: auto !important; }
    @media screen and (max-width: 767px) {
      .disposition_item_area .disposition_item .disposition_item_img img {
        margin: 0 auto;
        width: 80%; } }
  @media screen and (min-width: 768px) {
    .disposition_item_area .disposition_item._1 {
      margin-bottom: 100px; }
      .disposition_item_area .disposition_item._1 .disposition_item_img {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
            -ms-flex-pack: center;
                justify-content: center;
        height: 236px; }
    .disposition_item_area .disposition_item._2 .disposition_item_img {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      height: 227px; }
    .disposition_item_area .disposition_item._3 {
      margin-bottom: 0; }
      .disposition_item_area .disposition_item._3 .disposition_item_img {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
            -ms-flex-pack: end;
                justify-content: flex-end;
        height: 180px;
        margin-bottom: 30px !important; } }
  .disposition_item_area .disposition_item h3 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
        -ms-flex-align: end;
            align-items: flex-end;
    color: #0079ce; }
    .disposition_item_area .disposition_item h3 img {
      margin-right: .5em; }
  .disposition_item_area .disposition_item p {
    letter-spacing: .07em;
    font-size: 1.4rem; }

.knowledge_column .sub_title_second p {
  font-family: ryo-text-plusn, serif; }

@media screen and (min-width: 768px) {
  .disposition_item_area {
    margin-top: 75px; }
    .disposition_item_area .disposition_item {
      margin-bottom: 100px; }
      .disposition_item_area .disposition_item h3 {
        font-size: 2.4rem;
        height: 56px; }
        .disposition_item_area .disposition_item h3 img {
          width: auto;
          height: 66px;
          -webkit-transform: translateY(10px);
              -ms-transform: translateY(10px);
                  transform: translateY(10px); }
      .disposition_item_area .disposition_item p {
        font-size: 1.4rem;
        line-height: 2;
        margin-top: -0.5em;
        margin-bottom: -0.5em;
        padding-top: 20px; }
  .knowledge_column .sub_title_second p {
    margin-top: 75px; } }

@media screen and (max-width: 767px) {
  .disposition_item_area {
    margin-top: 35px; }
    .disposition_item_area .disposition_item {
      margin-bottom: 50px; }
      .disposition_item_area .disposition_item .disposition_item_img {
        margin-bottom: 30px; }
        .disposition_item_area .disposition_item .disposition_item_img img {
          width: 70%; }
      .disposition_item_area .disposition_item h3 {
        font-size: 1.8rem;
        height: 32px;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        white-space: nowrap; }
        .disposition_item_area .disposition_item h3 br {
          display: none; }
        .disposition_item_area .disposition_item h3 img {
          width: auto;
          height: 50px;
          -webkit-transform: translateY(-10%);
              -ms-transform: translateY(-10%);
                  transform: translateY(-10%); }
      .disposition_item_area .disposition_item p {
        font-size: 1.2rem;
        margin-top: 10px; }
  .knowledge_column .sub_title_second p {
    margin: 35px 0 0; } }

#knowledge_slider_posi {
  position: relative; }
  #knowledge_slider_posi .knowledge_slider {
    margin: 0 auto; }
    @media screen and (min-width: 768px) {
      #knowledge_slider_posi .knowledge_slider {
        width: 878px !important; } }
    @media screen and (min-width: 769px) and (max-width: 1279px) {
      #knowledge_slider_posi .knowledge_slider {
        width: calc(100% - 90px) !important; } }
    #knowledge_slider_posi .knowledge_slider .slide_knowledge_item {
      width: 100%;
      position: relative; }
      @media screen and (max-width: 767px) {
        #knowledge_slider_posi .knowledge_slider .slide_knowledge_item {
          width: 100vw;
          padding: 0 6.675vw; } }
      #knowledge_slider_posi .knowledge_slider .slide_knowledge_item .knowledge_item_head {
        border-radius: 50%;
        overflow: hidden;
        position: relative;
        z-index: 2; }
        @media screen and (min-width: 768px) {
          #knowledge_slider_posi .knowledge_slider .slide_knowledge_item .knowledge_item_head {
            height: 453px;
            width: 453px; } }
        @media screen and (min-width: 769px) and (max-width: 1279px) {
          #knowledge_slider_posi .knowledge_slider .slide_knowledge_item .knowledge_item_head {
            height: 400px;
            width: 400px; } }
        #knowledge_slider_posi .knowledge_slider .slide_knowledge_item .knowledge_item_head img {
          width: 100% !important;
          height: auto !important; }
      #knowledge_slider_posi .knowledge_slider .slide_knowledge_item .knowledge_item_info .knowledge_comment_posi {
        position: relative;
        border-radius: 50%; }
        @media screen and (min-width: 768px) {
          #knowledge_slider_posi .knowledge_slider .slide_knowledge_item .knowledge_item_info .knowledge_comment_posi {
            background: #eff0f2;
            height: 453px;
            width: 453px; } }
        @media screen and (max-width: 767px) {
          #knowledge_slider_posi .knowledge_slider .slide_knowledge_item .knowledge_item_info .knowledge_comment_posi {
            height: 100px; } }
        @media screen and (min-width: 769px) and (max-width: 1279px) {
          #knowledge_slider_posi .knowledge_slider .slide_knowledge_item .knowledge_item_info .knowledge_comment_posi {
            height: 400px;
            width: 400px; } }
        @media screen and (min-width: 768px) {
          #knowledge_slider_posi .knowledge_slider .slide_knowledge_item .knowledge_item_info .knowledge_comment_posi .knowledge_comment {
            position: absolute;
            width: 240px;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%, -50%);
                -ms-transform: translate(-50%, -50%);
                    transform: translate(-50%, -50%); } }
        #knowledge_slider_posi .knowledge_slider .slide_knowledge_item .knowledge_item_info .knowledge_comment_posi .knowledge_comment h3 {
          color: #0079ce;
          text-align: center; }
          @media screen and (max-width: 767px) {
            #knowledge_slider_posi .knowledge_slider .slide_knowledge_item .knowledge_item_info .knowledge_comment_posi .knowledge_comment h3 {
              font-size: 2rem;
              margin-top: 25px; } }
        #knowledge_slider_posi .knowledge_slider .slide_knowledge_item .knowledge_item_info .knowledge_comment_posi .knowledge_comment p {
          margin-top: -0.4em;
          margin-bottom: -0.4em;
          letter-spacing: .05em; }
          @media screen and (max-width: 767px) {
            #knowledge_slider_posi .knowledge_slider .slide_knowledge_item .knowledge_item_info .knowledge_comment_posi .knowledge_comment p {
              font-size: 1.3rem;
              line-height: 1.5;
              margin-top: 10px; } }
    #knowledge_slider_posi .knowledge_slider .slick-dots {
      position: absolute;
      left: 50%;
      -webkit-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
              transform: translateX(-50%);
      z-index: 2; }
      #knowledge_slider_posi .knowledge_slider .slick-dots li:not(.slick-active) button:before {
        color: #888888; }
  #knowledge_slider_posi .knowledge_arrows .prev, #knowledge_slider_posi .knowledge_arrows .next {
    position: absolute;
    top: 228px;
    width: auto !important;
    padding: 0 !important;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    border: 0;
    background: white; }
    @media screen and (max-width: 767px) {
      #knowledge_slider_posi .knowledge_arrows .prev, #knowledge_slider_posi .knowledge_arrows .next {
        top: 37.38vw; } }
    #knowledge_slider_posi .knowledge_arrows .prev img, #knowledge_slider_posi .knowledge_arrows .next img {
      width: 25px;
      height: 50px; }
      @media screen and (max-width: 767px) {
        #knowledge_slider_posi .knowledge_arrows .prev img, #knowledge_slider_posi .knowledge_arrows .next img {
          width: 4.272vw;
          height: 8.544vw; } }
  #knowledge_slider_posi .knowledge_arrows .prev {
    left: -22px; }
    @media screen and (max-width: 767px) {
      #knowledge_slider_posi .knowledge_arrows .prev {
        left: -4.272vw; } }
  #knowledge_slider_posi .knowledge_arrows .next {
    right: -22px; }
    @media screen and (max-width: 767px) {
      #knowledge_slider_posi .knowledge_arrows .next {
        right: -4.272vw; } }

@media screen and (min-width: 768px) {
  #knowledge_slider_posi {
    margin: 111px 0 0 0; }
    #knowledge_slider_posi .knowledge_slider {
      width: 84%; }
      #knowledge_slider_posi .knowledge_slider .slide_knowledge_item:focus {
        outline: none; }
      #knowledge_slider_posi .knowledge_slider .slide_knowledge_item .knowledge_item_info {
        width: 52%;
        position: absolute;
        top: 0;
        right: 0; }
        #knowledge_slider_posi .knowledge_slider .slide_knowledge_item .knowledge_item_info .knowledge_comment_posi .knowledge_comment h3 {
          margin: 0 0 28px;
          font-size: 2.4rem;
          padding-bottom: 28px;
          border-bottom: dotted 1px #0079ce; }
        #knowledge_slider_posi .knowledge_slider .slide_knowledge_item .knowledge_item_info .knowledge_comment_posi .knowledge_comment p {
          font-size: 1.5rem;
          margin: 111; }
      #knowledge_slider_posi .knowledge_slider .slick-dots {
        bottom: -6px; }
    #knowledge_slider_posi .knowledge_arrows .prev, #knowledge_slider_posi .knowledge_arrows .next {
      width: 5%; }
  .knowledge_info {
    margin-bottom: 80px;
    text-align: center; }
    .knowledge_info h3 {
      margin: 0;
      font-size: 2.1rem; } }

/* !! 発泡剤は他にも多くの製品に活用されています。  */
@media screen and (max-width: 767px) {
  .knowledge_info h3 {
    line-height: 1.6;
    margin-bottom: 20px; }
    .knowledge_info h3 i {
      display: inline-block;
      font-style: normal; } }

@media screen and (min-width: 768px) {
  #modal_sec {
    padding-bottom: 250px; } }

@media screen and (max-width: 767px) {
  #modal_sec {
    padding-bottom: 100px; } }

.knowledge_info_area .knowledge_info_bace {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 20px; }
  @media screen and (max-width: 767px) {
    .knowledge_info_area .knowledge_info_bace {
      margin-bottom: 30px; } }
  .knowledge_info_area .knowledge_info_bace:last-of-type {
    margin-bottom: 0; }
  .knowledge_info_area .knowledge_info_bace:nth-of-type(2n) .knowledge_info_item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center; }
    .knowledge_info_area .knowledge_info_bace:nth-of-type(2n) .knowledge_info_item a {
      left: auto;
      top: 0;
      right: 0; }
    .knowledge_info_area .knowledge_info_bace:nth-of-type(2n) .knowledge_info_item h4 {
      left: auto;
      right: 0; }
  .knowledge_info_area .knowledge_info_bace .knowledge_info_item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center; }
    @media screen and (min-width: 768px) {
      .knowledge_info_area .knowledge_info_bace .knowledge_info_item {
        width: calc(50% - 40px);
        height: 180px;
        position: relative;
        font-size: 0; } }
    @media screen and (max-width: 767px) {
      .knowledge_info_area .knowledge_info_bace .knowledge_info_item {
        width: calc(50% - 10px);
        position: relative; } }
    .knowledge_info_area .knowledge_info_bace .knowledge_info_item a {
      position: absolute;
      display: block;
      z-index: 1;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      width: 180px; }
    .knowledge_info_area .knowledge_info_bace .knowledge_info_item img {
      width: 180px;
      display: block; }
    .knowledge_info_area .knowledge_info_bace .knowledge_info_item h4 {
      color: #0079ce; }
      @media screen and (max-width: 767px) {
        .knowledge_info_area .knowledge_info_bace .knowledge_info_item h4 {
          margin-top: 4.005vw;
          font-size: 4.005vw;
          white-space: nowrap;
          text-align: center; } }
      @media screen and (min-width: 768px) {
        .knowledge_info_area .knowledge_info_bace .knowledge_info_item h4 {
          text-align: center;
          width: 180px;
          position: absolute;
          bottom: -20px;
          left: 0;
          display: inline-block;
          -webkit-transform: translateY(100%);
          -ms-transform: translateY(100%);
          transform: translateY(100%); } }
  .knowledge_info_area .knowledge_info_bace a {
    display: block; }
  .knowledge_info_area .knowledge_info_bace .knowledge_info_item a .knowledge_items h4 {
    color: #0079ce; }
  .knowledge_info_area .knowledge_info_bace .knowledge_items img {
    opacity: 1;
    -webkit-transition: 300ms;
    -o-transition: 300ms;
    transition: 300ms; }
  .knowledge_info_area .knowledge_info_bace .knowledge_items:hover img {
    opacity: .7; }

.modal_bg {
  position: fixed;
  width: 100%;
  height: 100vh;
  background: rgba(46, 150, 224, 0.75);
  top: 0;
  left: 0;
  z-index: 10;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: 200ms;
  -o-transition: 200ms;
  transition: 200ms; }
  .modal_on .modal_bg {
    pointer-events: auto;
    opacity: 1; }

.js-modal {
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  pointer-events: none;
  z-index: -99999999;
  -webkit-transition: .2s ease-in;
  -o-transition: .2s ease-in;
  transition: .2s ease-in;
  opacity: 0; }
  .modal_on .js-modal {
    pointer-events: auto; }
  .js-modal.up {
    opacity: 1;
    z-index: 99999999; }
  .js-modal .modal__content_bace {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    justify-content: center;
    flex-direction: column; }
    @media screen and (min-width: 768px) {
      .js-modal .modal__content_bace {
        position: relative;
        top: 64px;
        left: 0;
        height: calc(100vh - 64px); } }
    @media screen and (max-width: 767px) {
      .js-modal .modal__content_bace {
        position: relative;
        top: 50px;
        height: calc(100vh - 50px); } }
  .js-modal .modal__content {
    position: relative; }
    @media screen and (min-width: 768px) {
      .js-modal .modal__content {
        width: 690px;
        height: 690px; } }
    @media screen and (max-width: 767px) {
      .js-modal .modal__content {
        width: 120%; } }
    .ie .js-modal .modal__content {
      top: 50%;
      left: 50%;
      position: absolute;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }
    .js-modal .modal__content .modal_item {
      position: relative; }
      @media screen and (max-width: 767px) {
        .js-modal .modal__content .modal_item {
          width: 100vw;
          left: 50%;
          -webkit-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
          transform: translateX(-50%); }
          .js-modal .modal__content .modal_item > img {
            max-width: 120vw;
            margin-left: -10vw; } }
      .js-modal .modal__content .modal_item .modal_item_inner {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
        width: 690px; }
        @media screen and (max-width: 767px) {
          .js-modal .modal__content .modal_item .modal_item_inner {
            width: 100vw;
            padding: 0px;
            margin: 0; } }
        .js-modal .modal__content .modal_item .modal_item_inner .modal_item_comment {
          color: white;
          padding: 15%; }
          .js-modal .modal__content .modal_item .modal_item_inner .modal_item_comment .modal_item_head {
            border-bottom: 1px solid white; }
            @media screen and (max-width: 767px) {
              .js-modal .modal__content .modal_item .modal_item_inner .modal_item_comment .modal_item_head {
                padding-bottom: 10px; } }
          .js-modal .modal__content .modal_item .modal_item_inner .modal_item_comment h3 {
            padding: .5em;
            width: 55%;
            background: #0079ce;
            text-align: center;
            border-radius: 20px; }
            @media screen and (max-width: 767px) {
              .js-modal .modal__content .modal_item .modal_item_inner .modal_item_comment h3 {
                white-space: nowrap;
                width: 100%;
                margin-bottom: 10px; } }
          @media screen and (max-width: 767px) {
            .js-modal .modal__content .modal_item .modal_item_inner .modal_item_comment h4 {
              margin: 10px 0;
              font-size: 1.4rem; } }
          .js-modal .modal__content .modal_item .modal_item_inner .modal_item_comment p {
            margin: 0; }
            @media screen and (max-width: 767px) {
              .js-modal .modal__content .modal_item .modal_item_inner .modal_item_comment p {
                font-size: 1.2rem; } }
      .js-modal .modal__content .modal_item .js-modal-close {
        position: absolute;
        top: 0;
        right: 0;
        width: 40px; }
        @media screen and (min-width: 768px) {
          .js-modal .modal__content .modal_item .js-modal-close {
            position: fixed;
            top: 84px;
            right: 20px; } }
        @media screen and (max-width: 767px) {
          .js-modal .modal__content .modal_item .js-modal-close {
            right: 6.675vw;
            width: 20px; } }
    .js-modal .modal__content .modal_arrow button {
      border: none;
      background-color: inherit;
      font-size: 5vw;
      color: white; }
      .js-modal .modal__content .modal_arrow button.prev, .js-modal .modal__content .modal_arrow button.next {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
                transform: translateY(-50%); }

.modal_pre {
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute;
  top: 50%;
  left: -10%;
  border: none;
  background-color: inherit;
  width: 35px; }
  @media screen and (max-width: 767px) {
    .modal_pre {
      left: 10px;
      width: 16px; } }

.modal_next {
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute;
  top: 50%;
  right: -10%;
  border: none;
  background-color: inherit;
  width: 35px; }
  @media screen and (max-width: 767px) {
    .modal_next {
      right: 10px;
      width: 16px; } }

@media screen and (min-width: 768px) {
  .js-modal .modal__content {
    margin: auto; }
    .js-modal .modal__content .modal_item .modal_item_inner .modal_item_comment .modal_item_head {
      padding-bottom: 29.5px;
      margin-bottom: 30.5px; }
    .js-modal .modal__content .modal_item .modal_item_inner .modal_item_comment h3 {
      font-size: 2.4rem;
      padding: 0;
      height: 50px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      line-height: 1;
      border-radius: 99px;
      margin: 0 auto 47px; }
    .js-modal .modal__content .modal_item .modal_item_inner .modal_item_comment h4, .js-modal .modal__content .modal_item .modal_item_inner .modal_item_comment p {
      font-size: 1.5rem;
      margin-top: -0.05em;
      margin-bottom: -0.05em;
      letter-spacing: .05em; }
    .js-modal .modal__content .modal_item .modal_item_inner .modal_item_comment h4 {
      margin: 0 0 .6em; }
    .js-modal .modal__content .modal_arrow button.prev {
      left: 25%; }
    .js-modal .modal__content .modal_arrow button.next {
      right: 25%; } }

/* !! 発泡剤のこれからの可能性 */
@media screen and (min-width: 768px) {
  .section_low#d {
    padding-bottom: 194px; }
    .section_low#d .disposition._1 {
      margin-bottom: 184px; }
    .section_low#d .dis_img._1 {
      bottom: auto;
      top: 0;
      left: -20px;
      width: 370px; }
    .section_low#d .dis_img._2 {
      right: 0;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%); } }

/* !!------------------------------------ */
/* !! 企業情報 */
#company .low_head_title span {
  margin-top: 0; }

.section_company {
  margin: 30px 0 150px 0 !important; }
  @media screen and (max-width: 767px) {
    .section_company {
      margin-bottom: 50px !important; } }
  .section_company.message {
    margin-top: 170px !important;
    margin-bottom: 100px !important; }
    @media screen and (max-width: 767px) {
      .section_company.message {
        margin-bottom: 50px !important;
        margin-top: 70px !important; } }

.group_message_info {
  line-height: 1; }
  .group_message_info p {
    line-height: 1; }

.group_message_comment p {
  line-height: 2;
  margin-bottom: 2em !important; }
  @media screen and (max-width: 767px) {
    .group_message_comment p {
      line-height: 1.8; } }
  .group_message_comment p:last-of-type {
    margin-bottom: 0 !important; }

.line_bottom {
  border-bottom: 1px dotted #0079ce; }

.group_img {
  margin-top: 25px; }
  .group_img ul {
    margin-top: 30px; }
    .group_img ul li {
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      -o-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
          -ms-flex-pack: justify;
              justify-content: space-between;
      height: 30px;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      margin-top: 20px; }
      .group_img ul li div {
        font-size: 2rem;
        font-family: ryo-text-plusn, serif;
        width: 70px;
        border-right: 1px solid #000;
        height: 30px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
            -ms-flex-align: start;
                align-items: flex-start;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
            -ms-flex-pack: center;
                justify-content: center; }
        .ie .group_img ul li div {
          font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,serif; }
      .group_img ul li div + div {
        width: calc(100% - 95px);
        font-size: 1.4rem;
        line-height: 1.3;
        border: none !important;
        text-align: justify;
        font-family: ryo-gothic-plusn, sans-serif; }
        .ie .group_img ul li div + div {
          font-family: Meiryo,"メイリオ","Hiragino Kaku Gothic ProN","YuGothic",sans-serif !important; }
      .en .group_img ul li {
        display: block !important;
        height: auto; }
        .en .group_img ul li div {
          display: block !important;
          width: auto !important;
          height: auto;
          border-right: 0;
          border-bottom: 1px solid #000;
          padding-bottom: 10px;
          line-height: 1; }
        .en .group_img ul li div + div {
          margin-top: -0.3em;
          margin-bottom: -0.3em;
          line-height: 1.6;
          padding: 10px 0; }

.group_message .group_message_comment p {
  margin: 0; }

@media screen and (max-width: 767px) {
  .group_message .group_message_img {
    margin-bottom: 20px; } }

.group_message .group_message_img .group_message_info {
  text-align: right;
  margin-top: 41px; }
  @media screen and (max-width: 767px) {
    .group_message .group_message_img .group_message_info {
      margin-top: 20px; } }
  .group_message .group_message_img .group_message_info span {
    display: block; }
  .group_message .group_message_img .group_message_info p {
    margin: 20px 0 0;
    font-family: ryo-text-plusn, serif; }

@media screen and (min-width: 768px) {
  .group_message {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse; }
    .group_message .group_message_img {
      width: 40%;
      padding-left: 48px; }
    .group_message .group_message_comment {
      width: 60%; }
      .group_message .group_message_comment p {
        font-size: 1.5rem; }
    .group_message .group_message_img .group_message_info p {
      font-size: 2.6rem; } }

@media screen and (max-width: 767px) {
  .group_message .group_message_img .group_message_info p {
    font-size: 2rem;
    text-align: right; } }

@media screen and (max-width: 767px) {
  .section_company_proflile {
    width: 100vw;
    margin-left: -6.675vw;
    padding: 50px 6.675vw !important; } }

dl.company_profile {
  font-family: ryo-gothic-plusn, sans-serif;
  margin: 0; }
  dl.company_profile > dt {
    line-height: 1.8em;
    white-space: nowrap; }
    @media screen and (max-width: 767px) {
      dl.company_profile > dt {
        padding-top: 20px;
        border-top: 1px solid #ccc;
        margin-bottom: 0;
        line-height: 1;
        font-weight: bold; } }
  dl.company_profile dd {
    line-height: 1.8em; }
    dl.company_profile dd a {
      color: #0079ce; }
      dl.company_profile dd a.anchor_line {
        text-decoration: underline; }
      dl.company_profile dd a span {
        display: inline-block;
        -webkit-transform: translateY(-0.1em);
            -ms-transform: translateY(-0.1em);
                transform: translateY(-0.1em); }
    dl.company_profile dd ol {
      counter-reset: number;
      list-style-type: none !important;
      margin: 0; }
      dl.company_profile dd ol li {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex; }
        @media screen and (max-width: 767px) {
          dl.company_profile dd ol li {
            display: block;
            padding-left: 20px;
            position: relative; }
            dl.company_profile dd ol li:before {
              content: "";
              top: 0;
              left: 0;
              position: absolute; } }
        dl.company_profile dd ol li::before {
          counter-increment: number;
          content: counter(number);
          margin-right: .5em;
          color: #fcfcfc;
          background: black;
          border-radius: 50%;
          width: 14px;
          height: 14px;
          letter-spacing: 0;
          font-size: 1rem;
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: center;
          -webkit-justify-content: center;
              -ms-flex-pack: center;
                  justify-content: center;
          -webkit-box-align: center;
          -webkit-align-items: center;
              -ms-flex-align: center;
                  align-items: center;
          line-height: 1; }
    dl.company_profile dd dl.company_office {
      margin: 0; }
      dl.company_profile dd dl.company_office dt {
        width: 200px !important; }
      dl.company_profile dd dl.company_office dt, dl.company_profile dd dl.company_office dd {
        margin: 0; }
      dl.company_profile dd dl.company_office a.map {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -o-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
            -ms-flex-pack: justify;
                justify-content: space-between;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
            -ms-flex-pack: start;
                justify-content: flex-start;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center; }
        dl.company_profile dd dl.company_office a.map:after {
          content: "";
          display: block;
          content: "";
          width: 8px;
          height: 8px;
          border: 1px solid #0079ce;
          border-width: 0 1px 1px 0;
          -webkit-transform: rotate(-45deg);
          -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
          -webkit-transform-origin: center;
              -ms-transform-origin: center;
                  transform-origin: center;
          display: inline-block;
          margin-top: -1px;
          margin-left: 6px; }

@media screen and (min-width: 768px) {
  dl.company_profile {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
    dl.company_profile dd ol li {
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center; }
    dl.company_profile dd dl.company_office {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap; }
      dl.company_profile dd dl.company_office dt {
        width: 45%; }
      dl.company_profile dd dl.company_office dd {
        width: 55%;
        margin-bottom: 3em; }
    dl.company_profile > dt, dl.company_profile > dd {
      margin: 0;
      font-size: 1.5rem;
      border-bottom: 1px solid #cccccc;
      padding: 40px 1.5em 0.8em; }
    dl.company_profile > dt:not(:first-of-type), dl.company_profile > dd:not(:first-of-type) {
      padding: 40px 1.5em 0.8em; }
    dl.company_profile > dt:first-of-type, dl.company_profile > dd:first-of-type {
      padding: 0 1.5em 0.8em; }
    dl.company_profile > dt {
      width: 126px;
      margin-right: 20px;
      text-align: center; }
      .en dl.company_profile > dt {
        width: 200px;
        padding-left: 0;
        padding-right: 0; }
    dl.company_profile > dd {
      width: calc(100% - 146px); }
      .en dl.company_profile > dd {
        width: 740px;
        width: calc(100% - 224px); } }

@media screen and (max-width: 767px) {
  dl.company_profile > dt {
    margin-bottom: 10px; }
  dl.company_profile > dd {
    margin-bottom: 0em;
    font-size: 1.6rem;
    padding-bottom: 20px;
    margin-top: -0.4em;
    margin-bottom: -0.4em; }
  dl.company_profile dd dl.company_office {
    margin-bottom: 15px;
    border-bottom: 1px dashed #ccc; }
    dl.company_profile dd dl.company_office:last-of-type {
      border-bottom: 0; }
    dl.company_profile dd dl.company_office dt {
      margin-bottom: .3em;
      text-indent: -.7em; }
    dl.company_profile dd dl.company_office dd {
      margin-bottom: 0;
      padding-bottom: 15px;
      font-size: 1.6rem; } }

.company_map {
  margin-top: 40px; }
  .company_map iframe {
    width: 100%; }
    @media screen and (max-width: 767px) {
      .company_map iframe {
        height: 300px; } }
  .company_map span {
    padding-left: 1.5em;
    font-size: 1.5rem;
    display: block;
    margin-bottom: 16px; }

.company_option .option_list .company_opton_title h3 {
  margin: 0; }

.company_option .option_list .company_opton_title span {
  display: block;
  font-family: ryo-gothic-plusn, sans-serif;
  color: #a0a0a0; }

.company_option .option_list .option_service h4 {
  margin: 0 0 1em; }

.service_img img._1 {
  margin-top: 15px; }

.company_map span {
  font-family: ryo-gothic-plusn, sans-serif; }

@media screen and (min-width: 768px) {
  .company_option {
    padding-bottom: 130px !important; }
    .company_option .column_bace {
      margin-bottom: 0 !important; }
      .company_option .column_bace:nth-of-type(even) {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: row-reverse;
            -ms-flex-direction: row-reverse;
                flex-direction: row-reverse; }
      .company_option .column_bace:nth-of-type(odd) .option_list {
        padding-right: 10px; }
      .company_option .column_bace:nth-of-type(even) .option_list {
        padding-left: 10px; }
      .company_option .column_bace._2 {
        -webkit-align-content: center;
            -ms-flex-line-pack: center;
                align-content: center;
        margin-bottom: 130px !important; }
        .company_option .column_bace._2 .option_list {
          margin-bottom: 0; }
    .company_option .option_list:not(.wide_space) {
      margin-bottom: 70px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center; }
    .company_option .column_bace:not(:last-of-type) {
      margin-bottom: 60px; }
    .company_option .option_list ._1 {
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      height: 100%;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center; }
    .company_option .option_list .company_option_title {
      margin-bottom: 60px; }
      .company_option .option_list .company_option_title h3 {
        font-size: 3rem; }
      .company_option .option_list .company_option_title span {
        font-size: 1.4rem;
        margin-top: 14px;
        margin-bottom: 14px;
        display: block;
        line-height: 1;
        color: #a0a0a0; }
    .company_option .option_list p {
      font-size: 1.4rem;
      letter-spacing: .05em;
      margin-top: -0.5em;
      margin-bottom: -0.5em; }
      .company_option .option_list p.company_option_info {
        margin: 0;
        margin-top: -0.5em;
        margin-bottom: -0.5em;
        line-height: 2;
        padding: 60px 0;
        padding-top: 0; }
    .company_option .option_list .option_service {
      margin-top: 15px; }
      .company_option .option_list .option_service h4 {
        font-size: 1.4rem;
        font-family: ryo-gothic-plusn, sans-serif; }
        .ie .company_option .option_list .option_service h4 {
          font-family: Meiryo,"メイリオ","Hiragino Kaku Gothic ProN","YuGothic",sans-serif !important; }
      .company_option .option_list .option_service p {
        margin-top: -0.5em;
        margin-bottom: -0.5em; }
      .company_option .option_list .option_service._2 h4 {
        margin-bottom: 60px; }
      .company_option .option_list .option_service._2 p {
        line-height: 2; }
        .company_option .option_list .option_service._2 p strong {
          font-size: 1.6rem;
          font-family: ryo-text-plusn, serif; }
          .ie .company_option .option_list .option_service._2 p strong {
            font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,serif; }
    .company_option .sub_img {
      margin-top: 15px; }
      .company_option .sub_img img {
        margin: auto;
        width: 100% !important;
        height: auto !important; }
      .company_option .sub_img._3 {
        margin-top: 84px; }
  .company_map span {
    font-size: 1.5rem; } }

@media screen and (max-width: 767px) {
  dl.company_profile dd ol li::before {
    -webkit-transform: translateY(0.7em);
        -ms-transform: translateY(0.7em);
            transform: translateY(0.7em); }
  .company_option .column_bace:not(:last-of-type) {
    margin-bottom: 30px; }
  .company_option .option_list .company_option_title {
    margin-bottom: 30px; }
    .company_option .option_list .company_option_title h3 {
      font-size: 2.2rem;
      line-height: 1.5; }
    .company_option .option_list .company_option_title span {
      font-size: 1.2rem;
      margin-top: 10px;
      display: block;
      color: #a0a0a0; }
  .company_option .option_list h4 {
    font-family: ryo-gothic-plusn, sans-serif; }
    .ie .company_option .option_list h4 {
      font-family: Meiryo,"メイリオ","Hiragino Kaku Gothic ProN","YuGothic",sans-serif !important; }
  .company_option .option_list p {
    font-size: 1.4rem; }
    .company_option .option_list p.company_option_info {
      margin-bottom: 30px;
      font-size: 1.4rem; }
  .company_option .option_list .option_service h4 {
    font-size: 1.4rem; }
  .company_option .sub_img {
    margin-top: 15px; }
  .company_map span {
    font-size: 3.5vw; } }

@media screen and (max-width: 767px) {
  .section_company_history {
    width: 100vw;
    margin-left: -6.675vw;
    padding: 50px 6.675vw !important; } }

/* !!------------------------------------ */
/* !! リクルート */
@media screen and (min-width: 768px) {
  #recruit #recruit_nav .container, #requirement #recruit_nav .container, #voice #recruit_nav .container, #form #recruit_nav .container {
    max-width: 1200px; } }

@media screen and (min-width: 769px) and (max-width: 1279px) {
  #recruit #recruit_nav .container, #requirement #recruit_nav .container, #voice #recruit_nav .container, #form #recruit_nav .container {
    margin: 0 !important;
    max-width: 100% !important; } }

@media screen and (max-width: 767px) {
  #recruit #recruit_nav .container ul, #requirement #recruit_nav .container ul, #voice #recruit_nav .container ul, #form #recruit_nav .container ul {
    padding: 5px; } }

@media screen and (max-width: 767px) {
  #recruit #recruit_nav .container ul li, #requirement #recruit_nav .container ul li, #voice #recruit_nav .container ul li, #form #recruit_nav .container ul li {
    border-width: 0px;
    margin-bottom: 5px; }
    #recruit #recruit_nav .container ul li:last-of-type, #requirement #recruit_nav .container ul li:last-of-type, #voice #recruit_nav .container ul li:last-of-type, #form #recruit_nav .container ul li:last-of-type {
      margin-bottom: 0; }
    #recruit #recruit_nav .container ul li a, #requirement #recruit_nav .container ul li a, #voice #recruit_nav .container ul li a, #form #recruit_nav .container ul li a {
      height: 50px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      font-size: 1.4rem; } }

@media screen and (min-width: 768px) {
  #recruit .section_recruit, #requirement .section_recruit, #voice .section_recruit, #form .section_recruit {
    max-width: 1200px;
    margin: 0 auto; }
    #recruit .section_recruit._1, #requirement .section_recruit._1, #voice .section_recruit._1, #form .section_recruit._1 {
      padding-bottom: 120px; } }

@media screen and (min-width: 769px) and (max-width: 1279px) {
  #recruit .section_recruit, #requirement .section_recruit, #voice .section_recruit, #form .section_recruit {
    padding: 160px 5.2vw 150px 5.2vw; }
    #recruit .section_recruit .recruit_img img, #requirement .section_recruit .recruit_img img, #voice .section_recruit .recruit_img img, #form .section_recruit .recruit_img img {
      margin-left: 0; }
    #recruit .section_recruit h4, #requirement .section_recruit h4, #voice .section_recruit h4, #form .section_recruit h4 {
      font-size: 1.8rem;
      white-space: nowrap; } }

@media screen and (max-width: 767px) {
  #recruit .section_recruit, #requirement .section_recruit, #voice .section_recruit, #form .section_recruit {
    padding-top: 50px; } }

#recruit .section_recruit .column_bace, #requirement .section_recruit .column_bace, #voice .section_recruit .column_bace, #form .section_recruit .column_bace {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  @media screen and (min-width: 769px) and (max-width: 1279px) {
    #recruit .section_recruit .column_bace .third_space_sub, #requirement .section_recruit .column_bace .third_space_sub, #voice .section_recruit .column_bace .third_space_sub, #form .section_recruit .column_bace .third_space_sub {
      width: calc((100% - 90px) / 3);
      margin: 0 !important; } }

#recruit .section_info, #requirement .section_info, #voice .section_info, #form .section_info {
  padding-top: 130px; }
  @media screen and (max-width: 767px) {
    #recruit .section_info, #requirement .section_info, #voice .section_info, #form .section_info {
      padding-top: 60px; } }
  #recruit .section_info .low_head_title, #requirement .section_info .low_head_title, #voice .section_info .low_head_title, #form .section_info .low_head_title {
    font-family: ryo-text-plusn, serif; }
    .ie #recruit .section_info .low_head_title, .ie #requirement .section_info .low_head_title, .ie #voice .section_info .low_head_title, .ie #form .section_info .low_head_title {
      font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,serif; }

@media screen and (min-width: 768px) {
  #recruit #form_area, #requirement #form_area, #voice #form_area, #form #form_area {
    width: 1200px;
    margin: 0 auto; } }

@media screen and (min-width: 769px) and (max-width: 1279px) {
  #recruit #form_area, #requirement #form_area, #voice #form_area, #form #form_area {
    width: 100%;
    padding: 0 5.2vw; } }

#recruit_nav {
  background: #eff0f2;
  font-family: ryo-gothic-plusn, sans-serif;
  font-weight: 400; }
  #recruit_nav ul {
    margin: 0;
    border: 1px solid #eff0f2; }
    #recruit_nav ul li a {
      display: block;
      -webkit-transition: .2s ease-in;
      -o-transition: .2s ease-in;
      transition: .2s ease-in; }
    #recruit_nav ul li:not(.on) a {
      background: white; }
      #recruit_nav ul li:not(.on) a:hover {
        color: #0079ce; }
    #recruit_nav ul li.on a {
      background: #0079ce;
      color: white; }

@media screen and (min-width: 768px) {
  #recruit_nav ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
        -ms-flex-align: stretch;
            align-items: stretch; }
    #recruit_nav ul li {
      width: 25%;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: stretch;
      -webkit-align-items: stretch;
          -ms-flex-align: stretch;
              align-items: stretch; }
      #recruit_nav ul li:not(:last-of-type) {
        border-right: 1px solid #eff0f2; }
      #recruit_nav ul li a {
        font-size: 1.5rem;
        text-align: center;
        padding: 26px 10px;
        width: 100%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
            -ms-flex-pack: center;
                justify-content: center; } }
      @media screen and (min-width: 768px) and (min-width: 769px) and (max-width: 1279px) {
        #recruit_nav ul li a {
          font-size: 1.2rem; } }

@media screen and (max-width: 767px) {
  #recruit_nav ul li a {
    font-size: 3vw;
    text-align: center;
    padding: .7em; }
  #recruit_nav ul li:not(:last-of-type) {
    border-bottom: 1px solid #eff0f2; } }

.recruit_nav .recruit_img {
  position: relative; }
  @media screen and (max-width: 767px) {
    .recruit_nav .recruit_img {
      width: 80%;
      margin: 0 auto; } }
  .recruit_nav .recruit_img img {
    margin: auto; }
  .recruit_nav .recruit_img .recruit_catch {
    position: absolute;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    border-radius: 50%;
    color: white;
    text-align: center; }
  .recruit_nav .recruit_img.blue .recruit_catch {
    background: #0079ce; }
  .recruit_nav .recruit_img.red .recruit_catch {
    background: #c12f2c; }
  .recruit_nav .recruit_img.glay .recruit_catch {
    background: #eff0f2;
    color: black; }
    .recruit_nav .recruit_img.glay .recruit_catch h3 {
      color: #222222; }
    .recruit_nav .recruit_img.glay .recruit_catch span {
      color: #a0a0a0; }
  .recruit_nav .recruit_img .recruit_icon {
    position: absolute; }

.recruit_nav p {
  margin: 0;
  font-size: 1.6rem;
  line-height: 1.8;
  margin-top: -0.4em;
  margin-bottom: -0.4em; }

.recruit_nav h4 {
  line-height: 1.5em;
  margin: 0; }

.recruit_nav .recruit_img .recruit_catch .recruit_catch_info span {
  font-family: ryo-gothic-plusn, sans-serif; }

@media screen and (min-width: 768px) {
  .recruit_nav .recruit_img {
    margin-bottom: 20px; }
    .recruit_nav .recruit_img .recruit_catch {
      top: -80px;
      left: -25px;
      height: 160px;
      width: 160px; }
    .recruit_nav .recruit_img img {
      margin: 0 45px; }
    .recruit_nav .recruit_img .recruit_icon {
      bottom: -20px;
      right: -22px; }
    .recruit_nav .recruit_img .recruit_catch .recruit_catch_info h3 {
      margin: 0 0 15px;
      font-size: 2.4rem; }
    .recruit_nav .recruit_img .recruit_catch .recruit_catch_info span {
      font-size: 1.4rem;
      height: 1em;
      display: block; }
  .recruit_nav h4 {
    padding: 24px 0;
    font-size: 2rem; }
  .recruit_nav p {
    font-size: 1.5rem; } }

@media screen and (max-width: 767px) {
  .recruit_nav:not(:last-of-type) {
    margin-bottom: 80px; }
  .recruit_nav .recruit_img {
    margin-bottom: 15px; }
    .recruit_nav .recruit_img .recruit_catch {
      top: -45px;
      left: -25px;
      height: 120px;
      width: 120px; }
    .recruit_nav .recruit_img .recruit_icon {
      bottom: -15px;
      right: -10px; }
    .recruit_nav .recruit_img .recruit_catch .recruit_catch_info h3 {
      margin: 0 0 .5em;
      font-size: 1.4rem; }
    .recruit_nav .recruit_img .recruit_catch .recruit_catch_info span {
      font-size: 2.5vw; }
  .recruit_nav h4 {
    padding: .5em 0;
    font-size: 2rem; } }
  @media screen and (max-width: 767px) and (max-width: 767px) {
    .recruit_nav h4 {
      padding-bottom: 20px; } }

body#recruit .news_info {
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 150px;
  padding-top: 130px; }
  @media screen and (max-width: 767px) {
    body#recruit .news_info {
      padding-bottom: 0; } }

@media screen and (max-width: 767px) {
  .recruit_area .recruit_info h2 {
    font-size: 2.2rem !important; } }

.recruit_area .recruit_info.blue .sub_title_second h2, .recruit_area .recruit_info.blue .sub_title_second span {
  color: #0079ce; }

@media screen and (max-width: 767px) {
  .recruit_area .recruit_info.blue .sub_title_second h2 {
    margin-bottom: 10px; } }

.recruit_area .recruit_info.blue .sub_title_second h2::before, .recruit_area .recruit_info.blue .sub_title_second h2::after {
  background: #0079ce; }

.recruit_area .recruit_info.red .sub_title_second h2, .recruit_area .recruit_info.red .sub_title_second span {
  color: #c12f2c; }

.recruit_area .recruit_info.red .sub_title_second h2::before, .recruit_area .recruit_info.red .sub_title_second h2::after {
  background: #c12f2c; }

.recruit_area .recruit_info.glay .sub_title_second h2 {
  color: #222222; }

.recruit_area .recruit_info.glay .sub_title_second span {
  color: #a0a0a0; }

.recruit_area .recruit_info.glay .sub_title_second h2::before, .recruit_area .recruit_info.glay .sub_title_second h2::after {
  background: #222222; }

.recruit_area .recruit_info .recruit_info_item {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  justify-content: space-between; }
  @media screen and (max-width: 767px) {
    .recruit_area .recruit_info .recruit_info_item {
      margin-bottom: 30px; } }
  .recruit_area .recruit_info .recruit_info_item .half_space_default {
    margin: 0; }
    .recruit_area .recruit_info .recruit_info_item .half_space_default.txt {
      padding-top: 50px; }
      @media screen and (max-width: 767px) {
        .recruit_area .recruit_info .recruit_info_item .half_space_default.txt {
          padding-top: 25px; } }
      @media screen and (min-width: 769px) and (max-width: 1279px) {
        .recruit_area .recruit_info .recruit_info_item .half_space_default.txt {
          padding-top: 0; } }
  .recruit_area .recruit_info .recruit_info_item h4 {
    line-height: 1.71em;
    margin-top: -0.355em;
    margin-bottom: -0.355em;
    font-size: 2.8rem;
    margin-bottom: 0 !important;
    padding-bottom: 40px; }
    @media screen and (max-width: 767px) {
      .recruit_area .recruit_info .recruit_info_item h4 {
        font-size: 2rem;
        margin-top: -0.355em;
        margin-bottom: -0.355em;
        padding-bottom: 20px !important;
        margin-top: 0 !important; } }
  .recruit_area .recruit_info .recruit_info_item p {
    margin: 0;
    font-size: 1.4rem;
    line-height: 2.13;
    margin-top: -0.565em;
    margin-bottom: -0.565em; }
    @media screen and (max-width: 767px) {
      .recruit_area .recruit_info .recruit_info_item p {
        font-size: 1.6rem;
        line-height: 1.8;
        margin-top: -0.4em;
        margin-bottom: -0.4em; } }
  .recruit_area .recruit_info .recruit_info_item .recruit_slider {
    pointer-events: none; }
  .recruit_area .recruit_info .recruit_info_item .recruit_sub_img {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 12px 0 0 0; }
    @media screen and (max-width: 767px) {
      .recruit_area .recruit_info .recruit_info_item .recruit_sub_img {
        margin-top: 5px; } }
    .recruit_area .recruit_info .recruit_info_item .recruit_sub_img img {
      width: inherit; }
    .recruit_area .recruit_info .recruit_info_item .recruit_sub_img span {
      display: block;
      position: relative;
      /*width:calc(100% - 48px ) / 3*/ }
      .recruit_area .recruit_info .recruit_info_item .recruit_sub_img span:focus {
        outline: none; }
      .recruit_area .recruit_info .recruit_info_item .recruit_sub_img span:after {
        content: "";
        position: absolute;
        pointer-events: none;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.5); }
      .recruit_area .recruit_info .recruit_info_item .recruit_sub_img span.slick-current:after {
        content: "";
        opacity: 0; }
      .recruit_area .recruit_info .recruit_info_item .recruit_sub_img span:nth-of-type(3n-1) {
        margin: 0 12px; }
        @media screen and (max-width: 767px) {
          .recruit_area .recruit_info .recruit_info_item .recruit_sub_img span:nth-of-type(3n-1) {
            margin: 0 5px; } }
  .recruit_area .recruit_info .recruit_info_item .recruit_item_sub_title {
    background: #eff0f2;
    display: inline-block;
    font-family: ryo-gothic-plusn, sans-serif;
    font-size: 1.5rem;
    height: 27px;
    padding: 0; }
    @media screen and (max-width: 767px) {
      .recruit_area .recruit_info .recruit_info_item .recruit_item_sub_title {
        height: 27px;
        font-size: 1.3rem;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
            -ms-flex-pack: center;
                justify-content: center; } }
  @media screen and (min-width: 768px) {
    .recruit_area .recruit_info .recruit_info_item .recruit_slider {
      height: 337px; } }
  @media screen and (min-width: 769px) and (max-width: 1279px) {
    .recruit_area .recruit_info .recruit_info_item .recruit_slider {
      height: auto; } }
  .recruit_area .recruit_info .recruit_info_item .recruit_sub_img .slick-track {
    width: 100%; }
  .recruit_area .recruit_info .recruit_info_item .recruit_sub_img .draggable > div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }

@media screen and (min-width: 768px) {
  .recruit_area {
    margin-top: 130px; }
    .recruit_area .recruit_info {
      margin-bottom: 120px; }
      .recruit_area .recruit_info:last-of-type {
        margin-bottom: 0; }
      .recruit_area .recruit_info .sub_title_second {
        margin-bottom: 60px; }
      .recruit_area .recruit_info .recruit_info_item.mgb {
        margin-bottom: 80px; }
      .recruit_area .recruit_info .recruit_info_item.re {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: row-reverse;
            -ms-flex-direction: row-reverse;
                flex-direction: row-reverse; }
      .recruit_area .recruit_info .recruit_info_item .recruit_item_sub_title {
        font-size: 1.5rem;
        margin-bottom: 37px;
        padding: 6px 1.5em; }
      .recruit_area .recruit_info .recruit_info_item p {
        font-size: 1.5rem; }
  .recruit_roolie {
    margin-top: 80px; } }

@media screen and (max-width: 767px) {
  .recruit_area {
    margin-top: 60px; }
    .recruit_area .recruit_info {
      margin-bottom: 60px; }
      .recruit_area .recruit_info .sub_title_second {
        margin-bottom: 30px; }
      .recruit_area .recruit_info .recruit_info_item .recruit_item_sub_title {
        margin-bottom: 15px;
        padding: 0.5em 1.5em; }
      .recruit_area .recruit_info .recruit_info_item h4 {
        margin: 1.5em 0 .7em; }
  .recruit_roolie {
    margin-top: 40px; } }

.entry_area h2 {
  color: #0079ce;
  text-align: center;
  letter-spacing: 0.2em; }

.entry_area dl {
  margin: 0;
  font-family: ryo-gothic-plusn, sans-serif;
  border-top: 1px solid #d9d9d9;
  border-right: 1px solid #d9d9d9; }
  .entry_area dl dt, .entry_area dl dd {
    margin: 0;
    font-family: ryo-gothic-plusn, sans-serif; }
  .entry_area dl dt, .entry_area dl dd {
    padding: .7em 1.3em;
    border-bottom: 1px solid #d9d9d9;
    border-left: 1px solid #d9d9d9; }
  .entry_area dl dt {
    background: #eff0f2; }

.entry_area button.entry_link {
  border: none;
  background-color: inherit;
  position: relative; }
  .entry_area button.entry_link a {
    display: block;
    text-align: center;
    color: #fcfcfc;
    background-color: #0079ce;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s; }
    .entry_area button.entry_link a:hover {
      background-color: rgba(0, 121, 206, 0.8); }
  .entry_area button.entry_link::after {
    content: "\f054";
    top: 50%;
    right: 30px;
    position: absolute;
    -webkit-transform: translateY(-50%) translateX(0);
        -ms-transform: translateY(-50%) translateX(0);
            transform: translateY(-50%) translateX(0);
    color: white;
    font-family: "Font Awesome 5 Free";
    z-index: 10;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    font-weight: 900; }

.entry_area p {
  text-align: center; }

@media screen and (min-width: 768px) {
  .entry_area {
    margin-top: 130px; }
    .entry_area:not(:last-of-type) {
      margin-bottom: 130px; }
    .entry_area h2 {
      margin: 0 0 43px; }
    .entry_area dl {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: stretch;
      -webkit-align-items: stretch;
          -ms-flex-align: stretch;
              align-items: stretch;
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
      font-size: 1.5rem; }
    .entry_area dt {
      width: 190px; }
    .entry_area dd {
      width: calc(100% - 190px); }
    .entry_area button.entry_link {
      width: 600px;
      margin: 50px auto 0;
      display: block; }
      .entry_area button.entry_link a {
        padding: 15px;
        font-size: 2rem; }
    .entry_area p {
      font-size: 1.6rem; } }

@media screen and (max-width: 767px) {
  .entry_area {
    margin-top: 60px; }
    .entry_area:not(:last-of-type) {
      margin-bottom: 60px; }
    .entry_area h2 {
      margin: 0 0 25px; }
    .entry_area dl {
      font-size: 1.2rem;
      line-height: 1.5; }
    .entry_area button.entry_link {
      width: 80%;
      margin: 25px auto 0; }
      .entry_area button.entry_link a {
        padding: 1.5em;
        font-size: 3.5vw; }
    .entry_area p {
      font-size: 3.5vw; } }

@media screen and (max-width: 767px) {
  #recruit .news_area {
    width: 100vw;
    margin-left: -6.675vw; }
    #recruit .news_area .news_image_column {
      display: block; }
      #recruit .news_area .news_image_column > img {
        max-width: 1000px;
        left: 50%;
        position: relative;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        height: 100px !important;
        width: auto !important; }
    #recruit .news_area .news_info_posi {
      margin-top: -50px;
      padding-top: 0 !important;
      padding: 0; }
      #recruit .news_area .news_info_posi .news_info {
        padding-top: 50px !important; }
        #recruit .news_area .news_info_posi .news_info h2 {
          font-size: 2.6rem !important; }
    #recruit .news_area .recruit_area {
      margin-top: 50px; } }

@media screen and (max-width: 767px) {
  .recruit_info_item {
    display: block !important; } }

.recruit_slider_wrap .slick-slide {
  cursor: pointer; }

@media screen and (max-width: 767px) {
  .recruit_slider_wrap {
    width: 100% !important;
    max-width: 100%; } }

.recruit_info.training .sub_title_second {
  margin: 100px 0 50px 0; }
  @media screen and (max-width: 767px) {
    .recruit_info.training .sub_title_second {
      margin: 50px 0 30px 0; } }
  .recruit_info.training .sub_title_second h2 {
    margin-bottom: 40px; }
    @media screen and (max-width: 767px) {
      .recruit_info.training .sub_title_second h2 {
        margin-bottom: 20px; } }
  .recruit_info.training .sub_title_second p {
    line-height: 1;
    margin-top: 18px;
    font-size: 1.7rem; }
    @media screen and (max-width: 767px) {
      .recruit_info.training .sub_title_second p {
        line-height: 1.5;
        font-size: 1.4rem; } }
    .recruit_info.training .sub_title_second p.note {
      font-size: 1.4rem; }
      @media screen and (max-width: 767px) {
        .recruit_info.training .sub_title_second p.note {
          font-size: 1.2rem; } }

@media screen and (min-width: 768px) {
  .recruit_info.training ol.schedule {
    max-width: 1000px;
    margin: 0 auto; } }

.recruit_info.training ol.schedule li {
  border-top: 1px solid #eff0f2;
  padding: 40px 0;
  padding-left: 40px;
  position: relative;
  counter-increment: number; }
  .recruit_info.training ol.schedule li:last-of-type {
    border-bottom: 1px solid #eff0f2; }
  @media screen and (max-width: 767px) {
    .recruit_info.training ol.schedule li {
      padding: 25px 0 25px 40px; } }
  .recruit_info.training ol.schedule li:before {
    content: counter(number);
    width: 28px;
    height: 28px;
    background: #0079ce;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    border-radius: 999px;
    color: #fff;
    font-family: ryo-text-plusn, serif;
    font-size: 1.6rem;
    letter-spacing: 0;
    position: absolute;
    left: 0;
    top: 32px; }
    .ie .recruit_info.training ol.schedule li:before {
      font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,serif; }
    @media screen and (max-width: 767px) {
      .recruit_info.training ol.schedule li:before {
        top: 16px; } }
  .recruit_info.training ol.schedule li p.title {
    line-height: 1;
    color: #0079ce;
    font-size: 2.4rem;
    font-family: ryo-text-plusn, serif;
    margin-bottom: 20px; }
    .ie .recruit_info.training ol.schedule li p.title {
      font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,serif; }
    @media screen and (max-width: 767px) {
      .recruit_info.training ol.schedule li p.title {
        font-size: 1.8rem;
        margin-bottom: 10px;
        line-height: 1.5; } }
  .recruit_info.training ol.schedule li p {
    line-height: 1.88;
    margin-top: -0.44em;
    margin-bottom: -0.44em; }
    @media screen and (max-width: 767px) {
      .recruit_info.training ol.schedule li p {
        font-size: 1.2rem; } }

.entry_area .wide_button {
  margin: 0 auto;
  margin-top: 50px; }

@media screen and (max-width: 767px) {
  .entry_area dl {
    font-size: 1.4rem; } }

/* !! 先輩の声 */
@media screen and (min-width: 768px) {
  #voice .low_head_title {
    margin-bottom: 100px; } }

#voice #breadcrumb .container {
  max-width: 100%; }

#voice .container {
  max-width: 1200px; }
  @media screen and (min-width: 769px) and (max-width: 1279px) {
    #voice .container {
      margin: 0 5.2vw; } }

#voice .column_bace.nav {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  justify-content: space-between; }
  #voice .column_bace.nav:before {
    content: none; }
  #voice .column_bace.nav:after {
    content: none; }
  #voice .column_bace.nav .voice_check_wrap {
    width: 230px;
    margin: 0;
    position: relative;
    padding-bottom: 40px; }
    @media screen and (min-width: 769px) and (max-width: 1279px) {
      #voice .column_bace.nav .voice_check_wrap {
        width: 200px; }
        #voice .column_bace.nav .voice_check_wrap img {
          height: 200px !important; } }
    @media screen and (max-width: 767px) {
      #voice .column_bace.nav .voice_check_wrap {
        width: calc(50% - 10px);
        margin-bottom: 30px;
        padding-bottom: 30px; } }
    #voice .column_bace.nav .voice_check_wrap > a {
      position: absolute;
      display: block;
      z-index: 1;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      margin: 0; }
      #voice .column_bace.nav .voice_check_wrap > a i {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%; }
    #voice .column_bace.nav .voice_check_wrap:hover .voice_check {
      opacity: .7; }
  #voice .column_bace.nav .voice_check {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-transition: 300ms;
    -o-transition: 300ms;
    transition: 300ms;
    text-align: center; }
    #voice .column_bace.nav .voice_check .voice_img {
      width: 100% !important;
      padding: 0;
      height: 230px; }
      #voice .column_bace.nav .voice_check .voice_img img {
        width: 100% !important;
        height: 230px; }
      @media screen and (min-width: 769px) and (max-width: 1279px) {
        #voice .column_bace.nav .voice_check .voice_img {
          height: 200px !important; }
          #voice .column_bace.nav .voice_check .voice_img img {
            height: 200px !important; } }
      @media screen and (max-width: 767px) {
        #voice .column_bace.nav .voice_check .voice_img {
          height: auto; }
          #voice .column_bace.nav .voice_check .voice_img img {
            height: auto; } }
    #voice .column_bace.nav .voice_check .voice_profile {
      line-height: 1;
      margin-top: 30px;
      padding: 0;
      width: 100%; }
      #voice .column_bace.nav .voice_check .voice_profile h3 {
        margin-bottom: 20px; }
      #voice .column_bace.nav .voice_check .voice_profile p {
        line-height: 1.86;
        margin-top: -0.43em;
        margin-bottom: -0.43em; }
      @media screen and (max-width: 767px) {
        #voice .column_bace.nav .voice_check .voice_profile {
          margin-top: 15px; }
          #voice .column_bace.nav .voice_check .voice_profile h3 {
            font-size: 1.8rem; }
          #voice .column_bace.nav .voice_check .voice_profile p {
            font-size: 1.2rem;
            line-height: 1.5; } }

#voice .proflie_infomation {
  max-width: 1200px;
  margin: 0 auto;
  margin-top: 150px; }
  @media screen and (max-width: 767px) {
    #voice .proflie_infomation {
      margin-top: 50px;
      width: 100vw;
      margin-left: -6.675vw; } }

#voice .proflie_infomation_item {
  margin-bottom: 210px; }
  @media screen and (max-width: 767px) {
    #voice .proflie_infomation_item {
      margin-bottom: 50px; } }
  #voice .proflie_infomation_item:last-of-type {
    margin-bottom: 0; }
  #voice .proflie_infomation_item .hd {
    position: relative; }
    @media screen and (max-width: 767px) {
      #voice .proflie_infomation_item .hd {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
            -ms-flex-pack: center;
                justify-content: center; } }
    #voice .proflie_infomation_item .hd .img {
      width: 916px;
      height: 536px;
      margin-left: auto;
      margin-right: 0; }
      @media screen and (min-width: 769px) and (max-width: 1279px) {
        #voice .proflie_infomation_item .hd .img {
          width: 72.8vw;
          height: auto; } }
      @media screen and (max-width: 767px) {
        #voice .proflie_infomation_item .hd .img {
          width: 100% !important;
          height: auto;
          -webkit-box-ordinal-group: 2;
          -webkit-order: 1;
              -ms-flex-order: 1;
                  order: 1; }
          #voice .proflie_infomation_item .hd .img img {
            width: 100% !important;
            height: auto !important; } }
    #voice .proflie_infomation_item .hd .txt {
      background: #fff;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
          -ms-flex-align: start;
              align-items: flex-start;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center; }
      @media screen and (min-width: 768px) {
        #voice .proflie_infomation_item .hd .txt {
          width: 515px;
          height: 396px;
          position: absolute;
          top: 50%;
          -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
          transform: translateY(-50%); } }
      @media screen and (min-width: 769px) and (max-width: 1279px) {
        #voice .proflie_infomation_item .hd .txt {
          height: auto;
          width: 52vw;
          padding: 5.2vw; } }
      @media screen and (max-width: 767px) {
        #voice .proflie_infomation_item .hd .txt {
          display: block;
          padding: 5.34vw;
          -webkit-box-ordinal-group: 3;
          -webkit-order: 2;
              -ms-flex-order: 2;
                  order: 2;
          margin: 0 6.675vw;
          margin-top: -50px;
          background: #fff;
          width: calc(100vw - 13.35vw); } }
      #voice .proflie_infomation_item .hd .txt h2 {
        font-size: 3.4rem;
        line-height: 1.65;
        margin-top: -0.325em;
        margin-bottom: -0.325em;
        color: #0079ce; }
        @media screen and (min-width: 769px) and (max-width: 1279px) {
          #voice .proflie_infomation_item .hd .txt h2 {
            font-size: 2.6rem; } }
        @media screen and (max-width: 767px) {
          #voice .proflie_infomation_item .hd .txt h2 {
            font-size: 2rem;
            white-space: nowrap; } }
        @media screen and (max-width: 360px) {
          #voice .proflie_infomation_item .hd .txt h2 {
            font-size: 5.874vw; } }
      #voice .proflie_infomation_item .hd .txt p {
        line-height: 1;
        font-size: 1.4rem;
        margin-top: 12px; }
        @media screen and (max-width: 767px) {
          #voice .proflie_infomation_item .hd .txt p {
            font-size: 1.2rem;
            line-height: 1.5; } }
        #voice .proflie_infomation_item .hd .txt p.name {
          margin-top: 56px;
          font-family: ryo-text-plusn, serif;
          font-size: 2.4rem; }
          .ie #voice .proflie_infomation_item .hd .txt p.name {
            font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,serif; }
          @media screen and (max-width: 767px) {
            #voice .proflie_infomation_item .hd .txt p.name {
              margin-top: 28px;
              font-size: 1.6rem; } }
  @media screen and (min-width: 768px) {
    #voice .proflie_infomation_item:nth-of-type(2n) .hd .img {
      margin-left: 0;
      margin-right: auto; }
    #voice .proflie_infomation_item:nth-of-type(2n) .hd .txt {
      width: 640px;
      left: auto;
      right: 0;
      padding-left: 70px; } }
  @media screen and (min-width: 769px) and (max-width: 1279px) {
    #voice .proflie_infomation_item:nth-of-type(2n) .hd .txt {
      width: 52vw !important;
      left: auto;
      right: 0;
      padding-left: 5.2vw !important;
      padding-right: 0 !important; } }
  @media screen and (min-width: 769px) and (max-width: 1279px) {
    #voice .proflie_infomation_item .content {
      margin: 0 5.2vw; } }
  @media screen and (min-width: 768px) {
    #voice .proflie_infomation_item .content > .txt {
      margin: 80px 0;
      -webkit-column-width: 560px;
         -moz-column-width: 560px;
              column-width: 560px;
      -webkit-column-gap: 80px;
         -moz-column-gap: 80px;
              column-gap: 80px; } }
  #voice .proflie_infomation_item .content > .txt p {
    font-size: 1.5rem;
    line-height: 2;
    margin-bottom: 2em; }
    #voice .proflie_infomation_item .content > .txt p:last-of-type {
      margin-bottom: 0; }
    @media screen and (max-width: 767px) {
      #voice .proflie_infomation_item .content > .txt p {
        padding: 0 6.675vw;
        font-size: 1.4rem;
        line-height: 1.8em; } }
  #voice .proflie_infomation_item .content .photo {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    justify-content: space-between;
    margin-bottom: 80px; }
    @media screen and (max-width: 767px) {
      #voice .proflie_infomation_item .content .photo {
        display: block;
        padding: 0 6.675vw;
        margin-top: 20px;
        margin-bottom: 30px; } }
    #voice .proflie_infomation_item .content .photo > .img {
      width: calc(50% - 10px); }
      @media screen and (max-width: 767px) {
        #voice .proflie_infomation_item .content .photo > .img {
          width: 100% !important;
          margin-bottom: 10px; } }
      #voice .proflie_infomation_item .content .photo > .img img {
        width: 100% !important;
        height: auto !important; }
  #voice .proflie_infomation_item .content .message {
    background: #e2ebff;
    padding: 60px 80px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse; }
    @media screen and (max-width: 767px) {
      #voice .proflie_infomation_item .content .message {
        margin: 6.675vw;
        padding: 24px; } }
    #voice .proflie_infomation_item .content .message .img {
      width: 230px;
      height: 230px;
      border-radius: 999px;
      overflow: hidden; }
      @media screen and (max-width: 767px) {
        #voice .proflie_infomation_item .content .message .img {
          width: 60%;
          height: auto;
          margin: 0 auto; } }
    @media screen and (min-width: 768px) {
      #voice .proflie_infomation_item .content .message .txt {
        width: 740px;
        width: calc(100% - 300px); } }
    @media screen and (max-width: 767px) {
      #voice .proflie_infomation_item .content .message .txt {
        margin-top: 20px; } }
    #voice .proflie_infomation_item .content .message .txt h3 {
      font-size: 2.4rem;
      line-height: 1;
      margin-bottom: 24px;
      color: #0079ce; }
      @media screen and (max-width: 767px) {
        #voice .proflie_infomation_item .content .message .txt h3 {
          font-size: 1.8rem;
          line-height: 1.5;
          margin-bottom: 18px; } }
    #voice .proflie_infomation_item .content .message .txt p {
      font-size: 1.5rem;
      line-height: 2;
      margin-top: -0.5em;
      margin-bottom: -0.5em; }
      @media screen and (max-width: 767px) {
        #voice .proflie_infomation_item .content .message .txt p {
          font-size: 1.6rem;
          line-height: 1.8; } }

#voice .btn_entry {
  margin: 0 auto; }
  @media screen and (min-width: 768px) {
    #voice .btn_entry {
      margin-top: 150px; } }

/* !! エントリー */
.zip_check, .file_btn {
  display: block;
  cursor: pointer;
  -webkit-transition: 300ms;
  -o-transition: 300ms;
  transition: 300ms;
  position: relative;
  overflow: hidden; }
  .zip_check:hover, .file_btn:hover {
    background: #222;
    color: #FFF; }
  .zip_check input, .file_btn input {
    top: 0;
    left: 0;
    display: block;
    width: 100%; }

.btn_submit {
  margin: 0 auto;
  cursor: pointer; }
  .btn_submit input {
    cursor: pointer;
    display: block;
    background: none;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    width: 100%;
    height: 100%;
    border: none;
    color: #FFF;
    font-size: 1.5rem;
    letter-spacing: .1em; }

/* !!------------------------------------ */
/* !! フォーム */
select, input, textarea {
  -webkit-appearance: none;
  border-radius: 0;
  background: #fff; }

input[type="text"],
input[type="email"],
textarea,
input[type="tel"],
select {
  font-size: 1.6rem; }
  input[type="text"]:focus,
  input[type="email"]:focus,
  textarea:focus,
  input[type="tel"]:focus,
  select:focus {
    outline: none;
    border: 1px solid rgba(0, 121, 206, 0.5) !important; }

@media screen and (max-width: 767px) {
  #form_area {
    width: 100vw;
    margin-left: -6.675vw; }
    #form_area dl {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
      font-size: 1.2rem; }
    #form_area dt {
      width: 100%;
      padding: 10px 6.675vw;
      font-size: 1.4rem; }
    #form_area dd {
      padding: 20px 6.675vw;
      padding-bottom: 30px;
      width: 100%; }
      #form_area dd .radio ul li:first-of-type {
        margin-right: 2em; }
      #form_area dd .zip_area .zip_check {
        margin-top: .5em; }
      #form_area dd input:not(.zip):not(.zip2), #form_area dd select, #form_area dd textarea {
        width: 100%; }
      #form_area dd .zip_area .zip_check {
        height: 40px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
            -ms-flex-pack: center;
                justify-content: center;
        width: 100%;
        margin-top: 20px;
        margin-left: 0 !important; }
      #form_area dd .zip_area {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -o-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
            -ms-flex-pack: justify;
                justify-content: space-between;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center; }
      #form_area dd input, #form_area dd select, #form_area dd textarea {
        padding: 10px !important; }
      #form_area dd input[type="text"].zip, #form_area dd input[type="text"].zip2 {
        width: 45%;
        margin: 0; }
      #form_area dd .file .file_info .file_select .file_btn {
        margin-left: 0 !important;
        height: 40px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
            -ms-flex-pack: center;
                justify-content: center;
        width: 100%;
        margin-top: 20px; }
    #form_area #check_privacy {
      font-size: 1.2rem;
      margin: 2em 0; }
    #form_area p {
      font-size: 1.2rem;
      padding: 10px 6.675vw;
      text-align: justify !important; }
    #form_area #privacy {
      margin: 0 6.675vw; }
      #form_area #privacy #privacy_scroll > p {
        padding: 0; }
      #form_area #privacy #privacy_list_bace > p {
        padding-top: 0; }
    #form_area #privacy, #form_area button input {
      font-size: 3.5vw; }
    #form_area dd input, #form_area dd select, #form_area dd textarea {
      padding: 1em; }
    #form_area dd .file .file_info .file_select label {
      padding: 0.8em 2em; } }

#form_area #check_privacy .mwform-checkbox-field span {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }

#form_area dd .radio {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start; }
  #form_area dd .radio ul li input {
    opacity: 0;
    position: absolute; }
  #form_area dd .radio ul li .check, #form_area dd .radio ul li label {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative; }
  #form_area dd .radio ul li .check::after, #form_area dd .radio ul li label::after {
    position: absolute;
    content: "";
    width: 30px;
    height: 30px;
    display: block;
    border: 1px solid #cdd6dd;
    top: 0;
    left: 0;
    z-index: -1;
    border-radius: 50%; }
  #form_area dd .radio ul li input + .check::before, #form_area dd .radio ul li input + .mwform-radio-field-text::before {
    content: "";
    width: 10px;
    height: 10px;
    background: #fffcfc;
    display: block;
    border-radius: 50%;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    margin: 10px 20px 10px 10px; }
  #form_area dd .radio ul li input:checked + .check::before {
    background: #0079ce; }
  #form_area dd .radio label {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center; }
    #form_area dd .radio label input {
      opacity: 0;
      height: 0;
      width: 0;
      display: inline-block;
      position: absolute;
      top: 0;
      left: 0; }
  #form_area dd .radio .mwform-radio-field {
    margin-right: 50px; }
    #form_area dd .radio .mwform-radio-field input:checked + span:before {
      content: "";
      background: #0079ce; }
    #form_area dd .radio .mwform-radio-field input + span {
      position: relative;
      height: 30px;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      -o-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      line-height: 1; }
      #form_area dd .radio .mwform-radio-field input + span:after {
        position: absolute;
        content: "";
        width: 30px;
        height: 30px;
        display: block;
        border: 1px solid #cdd6dd;
        top: 0;
        left: 0;
        z-index: -1;
        border-radius: 50%; }
      #form_area dd .radio .mwform-radio-field input + span:before {
        content: "";
        width: 10px;
        height: 10px;
        background: #fffcfc;
        display: block;
        border-radius: 50%;
        -webkit-transition: .2s;
        -o-transition: .2s;
        transition: .2s;
        margin: 10px 20px 10px 10px; }

@media screen and (max-width: 767px) {
  #form_area .zip_area {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    #form_area .zip_area .zip {
      width: 40%;
      text-align: center; }
    #form_area .zip_area .zip2 {
      width: 50%;
      text-align: center; } }

@media screen and (max-width: 767px) {
  #form_area dd .radio .mwform-radio-field {
    margin-right: 10px; } }

.mwform-file-delete {
  position: absolute; }

@media screen and (max-width: 767px) {
  #form_area {
    width: 100vw;
    margin-left: -6.675vw; }
    #form_area dl {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      font-size: 1.2rem; }
    #form_area dt {
      width: 100%;
      padding: 10px 6.675vw;
      font-size: 1.4rem; }
    #form_area dd {
      padding: 20px 6.675vw;
      padding-bottom: 30px;
      width: 100%; }
      #form_area dd .radio ul li:first-of-type {
        margin-right: 2em; }
      #form_area dd .zip_area .zip_check {
        margin-top: .5em; }
      #form_area dd input:not(.zip):not(.zip2), #form_area dd select, #form_area dd textarea {
        width: 100%; }
      #form_area dd .zip_area {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -o-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center; }
        #form_area dd .zip_area .zip_check {
          height: 40px;
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -webkit-align-items: center;
          -ms-flex-align: center;
          align-items: center;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -webkit-flex-direction: column;
          -ms-flex-direction: column;
          flex-direction: column;
          -webkit-box-pack: center;
          -webkit-justify-content: center;
          -ms-flex-pack: center;
          justify-content: center;
          width: 100%;
          margin-top: 20px;
          margin-left: 0 !important; }
      #form_area dd input, #form_area dd select, #form_area dd textarea {
        padding: 10px !important; }
      #form_area dd input[type="text"].zip, #form_area dd input[type="text"].zip2 {
        width: 45%;
        margin: 0; }
      #form_area dd .file .file_info .file_select .file_btn {
        margin-left: 0 !important;
        height: 40px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 100%;
        margin-top: 20px; }
    #form_area #check_privacy {
      font-size: 1.2rem;
      margin: 2em 0; }
    #form_area p {
      font-size: 1.2rem;
      padding: 10px 6.675vw;
      text-align: justify !important; }
    #form_area #privacy {
      margin: 0 6.675vw;
      font-size: 3.5vw; }
      #form_area #privacy #privacy_scroll > p {
        padding: 0; }
      #form_area #privacy #privacy_list_bace > p {
        padding-top: 0; }
    #form_area button input {
      font-size: 3.5vw; }
    #form_area dd input, #form_area dd select, #form_area dd textarea {
      padding: 1em; }
    #form_area dd .file .file_info .file_select label {
      padding: 0.8em 2em; } }

/* !!------------------------------------ */
/* !! 推奨発泡剤について /spec */
@media screen and (max-width: 767px) {
  #spec #hero_low:after {
    content: "";
    display: none; } }

#spec span.note {
  font-size: 1.2rem;
  display: block; }
  #spec span.note a:hover {
    text-decoration: none; }
  @media screen and (max-width: 767px) {
    #spec span.note {
      display: block;
      line-height: 1.5em;
      margin-top: 10px; } }

#spec #main_title {
  background: #fff;
  color: #222 !important;
  height: auto !important;
  padding: 126px 0 60px 0; }
  @media screen and (max-width: 767px) {
    #spec #main_title {
      background: #fff;
      padding: 0; } }
  #spec #main_title span {
    color: #a0a0a0; }

@media screen and (max-width: 767px) {
  #spec .low_head p {
    margin-top: 0;
    text-align: left;
    font-size: 1.7rem; } }

#spec .product_head h2, #spec h3 {
  font-size: 2rem; }
  @media screen and (max-width: 767px) {
    #spec .product_head h2 p, #spec h3 p {
      margin-top: 10px; } }

#spec h3 {
  font-family: ryo-gothic-plusn, sans-serif; }
  .ie #spec h3 {
    font-family: Meiryo,"メイリオ","Hiragino Kaku Gothic ProN","YuGothic",sans-serif !important; }
  @media screen and (max-width: 767px) {
    #spec h3 {
      font-size: 1.4rem;
      margin-bottom: 15px; } }

#spec .js-tab-wrap {
  margin-top: 40px;
  width: 1200px; }
  @media screen and (min-width: 769px) and (max-width: 1279px) {
    #spec .js-tab-wrap {
      width: 100%; } }
  @media screen and (max-width: 767px) {
    #spec .js-tab-wrap {
      width: 100%;
      overflow: hidden; } }
  #spec .js-tab-wrap ul {
    width: 100% !important; }
    @media screen and (max-width: 767px) {
      #spec .js-tab-wrap ul {
        margin-bottom: 10px;
        overflow: auto; }
        #spec .js-tab-wrap ul li {
          width: auto;
          padding: 0 24px;
          height: 45px;
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -webkit-align-items: center;
              -ms-flex-align: center;
                  align-items: center;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -webkit-flex-direction: column;
              -ms-flex-direction: column;
                  flex-direction: column;
          -webkit-box-pack: center;
          -webkit-justify-content: center;
              -ms-flex-pack: center;
                  justify-content: center;
          font-size: 1.2rem;
          margin-bottom: 15px; } }
  @media screen and (max-width: 767px) {
    #spec .js-tab-wrap.swipe.ps2 ul li {
      width: 50%; } }
  @media screen and (max-width: 767px) {
    #spec .js-tab-wrap.swipe.ps2 .js-tab-contents {
      width: 100% !important;
      overflow: hidden; } }
  #spec .js-tab-wrap.swipe.ps2 .scroll_wrap {
    overflow: auto; }
  #spec .js-tab-wrap .js-tab-contents {
    width: 100%;
    overflow: auto; }
  #spec .js-tab-wrap .js-tab-btn {
    cursor: pointer; }
    #spec .js-tab-wrap .js-tab-btn:after {
      content: "";
      display: block;
      position: absolute;
      top: 50%;
      left: auto;
      right: 10px;
      content: "";
      width: 6px;
      height: 6px;
      border: 1px solid #0079ce;
      border-width: 0 1px 1px 0;
      -webkit-transform: rotate(-45deg) translateY(-50%);
      -ms-transform: rotate(-45deg) translateY(-50%);
      transform: rotate(-45deg) translateY(-50%);
      -webkit-transform-origin: center center;
          -ms-transform-origin: center center;
              transform-origin: center center;
      border-width: 0 0 2px 2px;
      margin-top: -3px; }
    #spec .js-tab-wrap .js-tab-btn.current:after {
      margin: 0;
      left: 50%;
      top: 54px;
      bottom: 0; }
  #spec .js-tab-wrap table {
    max-width: 1200px; }
    @media screen and (max-width: 767px) {
      #spec .js-tab-wrap table {
        width: 100% !important; } }

#spec .js-tab-btn {
  -webkit-transition: 300ms;
  -o-transition: 300ms;
  transition: 300ms; }
  #spec .js-tab-btn:hover {
    color: #0079ce; }
  #spec .js-tab-btn.current:hover {
    color: #FFF; }

#spec a.ul {
  text-decoration: underline; }

@media screen and (min-width: 768px) {
  #spec #contents .container {
    width: 1200px !important; } }

@media screen and (min-width: 769px) and (max-width: 1279px) {
  #spec #contents .container {
    width: auto !important; } }

@media screen and (max-width: 767px) {
  #spec .sub_commnet, #spec .search_title {
    margin-top: 30px; }
    #spec .sub_commnet h3, #spec .search_title h3 {
      font-size: 1.4rem !important;
      margin-bottom: 15px; }
      #spec .sub_commnet h3.s, #spec .search_title h3.s {
        font-size: 1.3rem !important;
        letter-spacing: 0; }
      #spec .sub_commnet h3:before, #spec .search_title h3:before {
        content: "";
        margin-right: 10px; }
    #spec .sub_commnet p, #spec .search_title p {
      font-size: 1.6rem; }
    #spec .sub_commnet.search_title, #spec .search_title.search_title {
      margin-top: 0; } }

/* !!------------------------------------ */
/* !! canvas */
#canvas-wrap {
  width: 100vw;
  height: 100%;
  position: fixed;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  max-width: 100vw;
  overflow: hidden; }
  .ie #canvas-wrap, .safari #canvas-wrap, .firefox #canvas-wrap {
    height: 100vh !important;
    position: fixed; }
  #canvas-wrap canvas {
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden; }

.ie #contents, .safari #contents, .firefox #contents {
  background: -webkit-gradient(linear, left bottom, left top, from(#FFFFFF), to(rgba(255, 255, 255, 0)));
  background: -webkit-linear-gradient(bottom, #FFFFFF, rgba(255, 255, 255, 0));
  background: -o-linear-gradient(bottom, #FFFFFF, rgba(255, 255, 255, 0));
  background: linear-gradient(to top, #FFFFFF, rgba(255, 255, 255, 0)); }
  @media screen and (max-width: 767px) {
    .ie #contents, .safari #contents, .firefox #contents {
      background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(50vh, white));
      background: -webkit-linear-gradient(rgba(255, 255, 255, 0) 0%, white 50vh);
      background: -o-linear-gradient(rgba(255, 255, 255, 0) 0%, white 50vh);
      background: linear-gradient(rgba(255, 255, 255, 0) 0%, white 50vh); } }

.ie #canvas-wrap::after, .safari #canvas-wrap::after, .firefox #canvas-wrap::after {
  display: none; }

#canvas-wrap::after {
  content: "";
  height: 100%;
  width: 100%;
  background: -webkit-gradient(linear, left bottom, left top, from(#FFFFFF), to(rgba(255, 255, 255, 0)));
  background: -webkit-linear-gradient(bottom, #FFFFFF, rgba(255, 255, 255, 0));
  background: -o-linear-gradient(bottom, #FFFFFF, rgba(255, 255, 255, 0));
  background: linear-gradient(to top, #FFFFFF, rgba(255, 255, 255, 0));
  position: absolute;
  top: 0;
  left: 0; }

/* !!------------------------------------ */
/* !! IR情報 */
@media screen and (min-width: 769px) and (max-width: 1279px) {
  #ir .container {
    max-width: 100%;
    margin: 0 auto; } }

#ir .history_title {
  padding: 0;
  height: 100px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }
  @media screen and (max-width: 767px) {
    #ir .history_title {
      height: 70px; }
      #ir .history_title h2 {
        margin-bottom: 0 !important;
        padding-bottom: 0;
        font-size: 1.5rem !important; } }
  #ir .history_title .toggle {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer; }
    #ir .history_title .toggle:after {
      content: "";
      display: block;
      position: absolute;
      top: 50%;
      left: auto;
      right: 10px;
      content: "";
      width: 8px;
      height: 8px;
      border: 1px solid #000;
      border-width: 0 1px 1px 0;
      -webkit-transform: rotate(-45deg) translateY(-50%);
      -ms-transform: rotate(-45deg) translateY(-50%);
      transform: rotate(-45deg) translateY(-50%);
      -webkit-transform-origin: center center;
          -ms-transform-origin: center center;
              transform-origin: center center;
      -webkit-transform: translateY(-50%) rotate(-45deg);
      -ms-transform: translateY(-50%) rotate(-45deg);
      transform: translateY(-50%) rotate(-45deg);
      border-width: 0 0 1px 1px;
      right: 40px;
      margin-top: -3px;
      -webkit-transition: 300ms;
      -o-transition: 300ms;
      transition: 300ms; }

#ir .pull .toggle:after {
  margin-top: 0px;
  -webkit-transform: translateY(-50%) rotate(-225deg);
  -ms-transform: translateY(-50%) rotate(-225deg);
  transform: translateY(-50%) rotate(-225deg); }

@media screen and (max-width: 767px) {
  #ir .ir_list {
    margin-top: 20px; }
    #ir .ir_list h3 {
      font-size: 1.6rem;
      padding-bottom: 10px;
      margin-bottom: 10px;
      line-height: 1.5; } }

@media screen and (max-width: 767px) {
  #ir .ir_item {
    margin-bottom: 30px; } }

@media screen and (max-width: 767px) {
  #ir .ir_item a {
    height: 50px; }
    #ir .ir_item a img {
      width: 20px !important; } }

/* !!------------------------------------ */
/* !! ニュース */
#info .active_select {
  padding: 0;
  position: relative; }
  #info .active_select .toggle {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer; }
    #info .active_select .toggle:after {
      content: "";
      display: block;
      position: absolute;
      top: 50%;
      left: auto;
      right: 10px;
      content: "";
      width: 8px;
      height: 8px;
      border: 1px solid #000;
      border-width: 0 1px 1px 0;
      -webkit-transform: rotate(-45deg) translateY(-50%);
      -ms-transform: rotate(-45deg) translateY(-50%);
      transform: rotate(-45deg) translateY(-50%);
      -webkit-transform-origin: center center;
          -ms-transform-origin: center center;
              transform-origin: center center;
      -webkit-transform: translateY(-50%) rotate(-45deg);
      -ms-transform: translateY(-50%) rotate(-45deg);
      transform: translateY(-50%) rotate(-45deg);
      border-width: 0 0 1px 1px;
      right: 20px;
      margin-top: -1px;
      -webkit-transition: 300ms;
      -o-transition: 300ms;
      transition: 300ms; }

#info .pull .toggle:after {
  margin-top: 1px;
  -webkit-transform: translateY(-50%) rotate(-225deg);
  -ms-transform: translateY(-50%) rotate(-225deg);
  transform: translateY(-50%) rotate(-225deg); }

@media screen and (max-width: 767px) {
  #page_nav ul {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    position: relative;
    margin-top: 50px; } }

#page_nav li {
  width: 50px !important;
  height: 50px !important;
  margin: 0 5px !important;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }
  @media screen and (max-width: 767px) {
    #page_nav li {
      width: 28px !important;
      height: 28px !important; }
      #page_nav li a {
        width: 100%;
        height: 100%;
        line-height: 1; } }
  @media screen and (max-width: 767px) {
    #page_nav li.pre img, #page_nav li.next img {
      width: 8px;
      height: auto; } }
  #page_nav li.pre {
    margin: 0 45px 0 0 !important; }
    @media screen and (max-width: 767px) {
      #page_nav li.pre {
        position: absolute;
        left: 0;
        top: 0; } }
  #page_nav li.next {
    margin: 0 0 0 45px  !important; }
    @media screen and (max-width: 767px) {
      #page_nav li.next {
        position: absolute;
        right: 0;
        top: 0; } }

.wp-pagenavi {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }
  @media screen and (max-width: 767px) {
    .wp-pagenavi {
      position: relative;
      margin-top: 50px;
      padding: 0 30px; } }
  .wp-pagenavi a, .wp-pagenavi span {
    width: 50px !important;
    height: 50px !important;
    margin: 0 5px !important;
    font-size: 1.5rem;
    line-height: 1;
    letter-spacing: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center; }
    @media screen and (max-width: 767px) {
      .wp-pagenavi a, .wp-pagenavi span {
        width: 28px !important;
        height: 28px !important; }
        .wp-pagenavi a a, .wp-pagenavi span a {
          width: 100%;
          height: 100%;
          line-height: 1; } }
  .wp-pagenavi .current {
    background: #0079ce;
    color: #fff;
    border-radius: 50%; }
  .wp-pagenavi .previouspostslink {
    margin: 0 45px 0 0 !important;
    background: #eff0f2;
    background-image: url("/common/img/top_pre.png");
    background-repeat: no-repeat;
    background-size: 8px auto;
    background-position: center center;
    font-size: 0; }
    @media screen and (max-width: 767px) {
      .wp-pagenavi .previouspostslink {
        position: absolute;
        left: 0;
        top: 0; } }
  .wp-pagenavi .nextpostslink {
    margin: 0 0 0 45px  !important;
    font-size: 0;
    background: #eff0f2;
    background-image: url("/common/img/top_next.png");
    background-repeat: no-repeat;
    background-size: 8px auto;
    background-position: center center; }
    @media screen and (max-width: 767px) {
      .wp-pagenavi .nextpostslink {
        position: absolute;
        right: 0;
        top: 0; } }

@media screen and (max-width: 767px) {
  #archive_wrap #main dl {
    padding: 0 0 1em;
    margin: 0 0 1em; }
    #archive_wrap #main dl dt {
      font-size: 1.1rem; }
      #archive_wrap #main dl dt .time {
        font-size: 1.1rem;
        margin-right: 10px; }
      #archive_wrap #main dl dt span {
        height: 20px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
            -ms-flex-pack: center;
                justify-content: center;
        display: -webkit-inline-flex !important;
        display: -moz-inline-flex !important;
        display: -ms-inline-flex !important;
        display: -o-inline-flex !important;
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
        font-size: 1.1rem;
        width: 100px; }
    #archive_wrap #main dl dd h3 {
      margin: .6em 0 0;
      font-size: 1.6rem; }
      #archive_wrap #main dl dd h3 a {
        font-size: 1.6rem;
        line-height: 1.5;
        font-family: ryo-gothic-plusn, sans-serif; }
        .ie #archive_wrap #main dl dd h3 a {
          font-family: Meiryo,"メイリオ","Hiragino Kaku Gothic ProN","YuGothic",sans-serif !important; }
  #archive_wrap #side {
    margin-top: 50px; }
    #archive_wrap #side h3 {
      margin: 0 0 .8em; }
    #archive_wrap #side .select .active_select {
      padding: 15px 0; }
    #archive_wrap #side .select .ir_list {
      margin-top: 0;
      padding: 10px 0; }
      #archive_wrap #side .select .ir_list li {
        height: 40px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
            -ms-flex-align: start;
                align-items: flex-start;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
            -ms-flex-pack: center;
                justify-content: center; }
        #archive_wrap #side .select .ir_list li a {
          font-size: 1.2rem; }
    #archive_wrap #side ul li a {
      line-height: 2em;
      font-size: 3vw; }
  #info_title #times {
    font-size: 1.1rem; }
    #info_title #times #days {
      font-size: 1.1rem;
      margin-right: 10px; }
    #info_title #times #cats {
      height: 20px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center;
      display: -webkit-inline-flex !important;
      display: -moz-inline-flex !important;
      display: -ms-inline-flex !important;
      display: -o-inline-flex !important;
      display: -webkit-inline-box !important;
      display: -ms-inline-flexbox !important;
      display: inline-flex !important;
      font-size: 1.1rem;
      width: 100px; }
  #info_title h1 {
    font-size: 2rem;
    line-height: 1.5;
    padding: 10px 0;
    white-space: normal; }
  #info_comment {
    padding-bottom: 15px; }
    #info_comment p {
      font-size: 1.6rem;
      line-height: 1.8; }
  #single_nav {
    line-height: 1;
    margin-top: 15px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center; } }

/* !!------------------------------------ */
/* !! サイトマップ */
#sitemap_area {
  font-family: ryo-gothic-plusn, sans-serif; }
  #sitemap_area .sitemap_area_info ul li a {
    display: block;
    padding-left: 40px;
    position: relative; }
    @media screen and (max-width: 767px) {
      #sitemap_area .sitemap_area_info ul li a {
        height: 36px;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -o-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
            -ms-flex-pack: justify;
                justify-content: space-between;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        font-size: 1.2rem !important; } }
    #sitemap_area .sitemap_area_info ul li a::before {
      display: block;
      content: "";
      width: 7px;
      height: 7px;
      border: 1px solid #0079ce;
      border-width: 0 1px 1px 0;
      -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      transform: rotate(-45deg);
      -webkit-transform-origin: center;
          -ms-transform-origin: center;
              transform-origin: center;
      display: inline-block;
      position: absolute;
      left: 20px;
      top: 50%;
      -webkit-transform: translateY(-50%) rotate(-45deg);
      -ms-transform: translateY(-50%) rotate(-45deg);
      transform: translateY(-50%) rotate(-45deg); }
      @media screen and (max-width: 767px) {
        #sitemap_area .sitemap_area_info ul li a::before {
          left: 10px; } }
  #sitemap_area li.main_page a:before {
    top: 13px !important;
    -webkit-transform: translateY(0) rotate(-45deg);
    -ms-transform: translateY(0) rotate(-45deg);
    transform: translateY(0) rotate(-45deg); }
    @media screen and (max-width: 767px) {
      #sitemap_area li.main_page a:before {
        top: 50% !important; } }
  @media screen and (max-width: 767px) {
    #sitemap_area li.main_page a {
      height: 40px;
      font-size: 1.4rem !important; } }

@media screen and (min-width: 768px) {
  #sitemap_area {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
    #sitemap_area .sitemap_area_info {
      width: 50%;
      padding-right: 32px; }
      #sitemap_area .sitemap_area_info ul {
        margin: 0 0 60px; }
        #sitemap_area .sitemap_area_info ul a {
          padding-left: 20px; }
        #sitemap_area .sitemap_area_info ul li.main_page a {
          font-size: 2rem;
          padding-bottom: 1em;
          border-bottom: 1px solid #d9d9d9; }
        #sitemap_area .sitemap_area_info ul li:not(.main_page) a {
          font-size: 1.5rem;
          margin-top: 25px; }
        #sitemap_area .sitemap_area_info ul li:not(:last-of-type) {
          margin-bottom: 1em; } }

@media screen and (max-width: 767px) {
  #sitemap_area .sitemap_area_info ul li a {
    font-size: 1.3rem; }
  #sitemap_area .sitemap_area_info ul li.main_page a {
    font-size: 1.3rem;
    height: 40px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    border-bottom: 1px solid #d9d9d9; } }

/* !!------------------------------------ */
/* !! プライバシーポリシー */
@media screen and (max-width: 767px) {
  #privacy #hero_low {
    padding: 50px 0; } }

.hero_low span {
  display: block;
  color: #a0a0a0;
  display: block;
  text-align: center; }

@media screen and (max-width: 767px) {
  .hero_low {
    width: 100vw;
    margin-left: -6.675vw; } }

@media screen and (max-width: 767px) {
  .privacy_area > p {
    font-size: 1.6rem !important; }
  .privacy_area p {
    font-size: 1.6rem;
    padding: 20px 0 !important; }
    .privacy_area p:first-of-type {
      padding-top: 0 !important; }
  .privacy_area h2 {
    margin-bottom: 20px;
    font-size: 2rem; } }

.privacy_area._2 p.lead {
  margin-bottom: 50px; }

.privacy_area._2 > h2 {
  margin-bottom: 50px; }

.privacy_area._2 .add {
  margin-bottom: 10px; }

.privacy_area._2 .mb50 {
  margin-bottom: 50px; }

/* !!------------------------------------ */
/* !! このサイトについて */
#site_policy_area {
  font-family: ryo-gothic-plusn, sans-serif; }
  #site_policy_area h2 {
    border-bottom: 1px solid #d9d9d9; }
  #site_policy_area p {
    margin: 0; }

@media screen and (min-width: 768px) {
  #site_policy_area .site_policy_list {
    margin: 80px 0 0; }
  #site_policy_area h2 {
    font-size: 2rem;
    margin: 0 0 24px;
    padding-bottom: 20px; }
  #site_policy_area p {
    font-size: 1.5rem; } }

@media screen and (max-width: 767px) {
  #site_policy_area .site_policy_list {
    margin: 40px 0 0; }
  #site_policy_area h2 {
    font-size: 2rem;
    margin: 0 0 .8em;
    line-height: 1.5;
    padding-bottom: .8em; }
  #site_policy_area > p {
    font-size: 1.6rem !important; }
  #site_policy_area p {
    font-size: 1.6rem; } }

/*# sourceMappingURL=../css/style.css.map */