@charset "UTF-8";

/*!
* Bootstrap Reboot v4.1.1 (https://getbootstrap.com/)
* Copyright 2011-2018 The Bootstrap Authors
* Copyright 2011-2018 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
* Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)
*/

*, *::before, *::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@font-face {
  font-family: meiryo;
  src: url("../fonts/meiryo.ttc");
}
*{
  font-family: "meiryo";
}
html {
  /*: sans-serif;*/

  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

@-ms-viewport {
  width: device-width;
}

article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
  display: block;
}

body {
  margin: 0;

  /*: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";*/
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  text-align: left;
  background-color: #fff;
}

[tabindex="-1"]:focus {
  outline: 0 !important;
}

hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  height: 0;
  overflow: visible;
}

h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: .5rem;
}

p {
  margin-top: 0;
  margin-bottom: 1rem;
}

abbr[title], abbr[data-original-title] {
          text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  cursor: help;
  border-bottom: 0;
}

address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}

ol, ul, dl {
  margin-top: 0;
  margin-bottom: 1rem;
}

ol ol, ul ul, ol ul, ul ol {
  margin-bottom: 0;
}

dt {
  font-weight: 700;
}

dd {
  margin-bottom: .5rem;
  margin-left: 0;
}

blockquote {
  margin: 0 0 1rem;
}

dfn {
  font-style: italic;
}

b, strong {
  font-weight: bolder;
}

small {
  font-size: 80%;
}

sub, sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

sub {
  bottom: -.25em;
}

sup {
  top: -.5em;
}

a {
  color: #007bff;
  text-decoration: none;
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
}

a:hover {
  color: #0056b3;
  text-decoration: underline;
}

a:not([href]):not([tabindex]) {
  color: inherit;
  text-decoration: none;
}

a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {
  color: inherit;
  text-decoration: none;
}

a:not([href]):not([tabindex]):focus {
  outline: 0;
}

pre, code, kbd, samp {

  /*: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;*/
  font-size: 1em;
}

pre {
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  -ms-overflow-style: scrollbar;
}

figure {
  margin: 0 0 1rem;
}

img {
  vertical-align: middle;
  border-style: none;
}

svg:not(:root) {
  overflow: hidden;
  vertical-align: middle;
}

table {
  border-collapse: collapse;
}

caption {
  padding-top: .75rem;
  padding-bottom: .75rem;
  color: #6c757d;
  text-align: left;
  caption-side: bottom;
}

th {
  text-align: inherit;
}

label {
  display: inline-block;
  margin-bottom: .5rem;
}

button {
  border-radius: 0;
}

button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color;
}

input, button, select, optgroup, textarea {
  margin: 0;
  /*: inherit;*/

  font-size: inherit;
  line-height: inherit;
}

button, input {
  overflow: visible;
}

button, select {
  text-transform: none;
}

button, html [type="button"], [type="reset"], [type="submit"] {
  -webkit-appearance: button;
}

button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

input[type="radio"], input[type="checkbox"] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
}

input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"] {
  -webkit-appearance: listbox;
}

textarea {
  overflow: auto;
  resize: vertical;
}

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}

legend {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin-bottom: .5rem;
  font-size: 1.5rem;
  line-height: inherit;
  color: inherit;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
  height: auto;
}

[type="search"] {
  outline-offset: -2px;
  -webkit-appearance: none;
}

[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}

output {
  display: inline-block;
}

summary {
  display: list-item;
  cursor: pointer;
}

template {
  display: none;
}

[hidden] {
  display: none !important;
}

html {
  font-size: 62.5%;
  scroll-padding-top: 8rem;
}

:root, html, body {
  overflow-x: hidden;
  background: #fff;
  color: #333;
  width: 100%;
}

body {
  overflow-x: hidden;
  /*: "Noto Sans JP", sans-serif;*/

  font-size: 1.5rem;
  line-height: 1.8;
  letter-spacing: .05em;
}

img {
  max-width: 100%;
  height: auto;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0;
}

p, label, dl, dd {
  margin: 0;
}

ul, ol {
  margin: 0;
  padding: 0;
}

li {
  list-style-type: none;
}

a {
  color: #333;
}

a:hover {
  text-decoration: none;
}

*:focus {
  outline: none;
}

input[type="text"], input[type="password"], input[type="submit"], textarea, select, button {
  outline: none;
}

input[type="text"], input[type="password"], input[type="submit"], textarea, select, button {
  outline: none;
}

input[type="submit"], input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
     -moz-appearance: button;
          appearance: button;
  border: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
}

input[type="submit"]::-webkit-search-decoration, input[type="button"]::-webkit-search-decoration {
  display: none;
}

input[type="submit"]:focus, input[type="button"]:focus {
  outline-offset: -2px;
}

button {
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

button:focus {
  outline: 0;
}

.inner {
  width: 100%;
  max-width: 1300px;
  margin: 0 auto;
  padding: 0 5rem;
}

.sp-only {
  display: block !important;
}

.pc-only {
  display: block !important;
}

.is-hide {
  opacity: 0;
  -webkit-transform: translateY(30px);
          transform: translateY(30px);
}

.is-fadein {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  -webkit-transition: opacity 1s, -webkit-transform .75s;
          transition: opacity 1s, -webkit-transform .75s;
          transition: opacity 1s, transform .75s;
          transition: opacity 1s, transform .75s, -webkit-transform .75s;
}

.l-wrapper {
  padding-top: 8rem;
}

.l-content {
  overflow: hidden;
  position: relative;
  z-index: 1;
}

.l-content__layer {
  position: absolute;
  top: 35rem;
  left: 50vw;
  width: 50vw;
  height: 50vw;
  fill: #00a0e7;
  opacity: .06;
  -webkit-transform: scale(1, -1);
          transform: scale(1, -1);
  z-index: -1;
}

.l-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.l-half {
  width: 50%;
}

.header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: #fff;
  padding-left: 2.4rem;
  z-index: 1000;
}

.header__logo {
  font-size: 1rem;
}

.header__logo img {
  width: auto;
  height: 4.6rem;
}

.header__body {
  margin-left: auto;
  position: relative;
  left: -25px;
}

.overlay {
  position: fixed;
  top: 55px;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, .4);
  margin: 0;
  pointer-events: none;
  opacity: 0;
  -webkit-transition: opacity .5s;
          transition: opacity .5s;
}

.is-menu-open .overlay {
  pointer-events: auto;
  opacity: 1;
}

.menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.menu__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 8rem;
}

.menu__item + .menu__item {
  margin-left: 4.2rem;
}

.menu__item + .menu__item--contact {
  margin-left: 6.2rem;
}

.menu__item a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
}

.menu__item--contact {
  position: relative;
  background: #00a0e7;
  padding-right: 2.2rem;
  padding-left: 1rem;
}

.menu__item--contact::before {
  content: "";
  position: absolute;
  top: 0;
  left: -3.8rem;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 8rem 3.8rem;
  border-color: #00a0e7;
}

.menu__item--contact a {
  color: #fff;
}

.dropdown {
  position: absolute;
  top: 100%;
  left: 50%;
  width: 100%;
  background: #00a0e7;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  padding: 6rem 0 8rem;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity .35s ease;
          transition: opacity .35s ease;
}

.dropdown .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.dropdown__ttl {
  /*: "Noto Serif JP", serif;*/

  font-size: 1.8rem;
  color: #fff;
  padding-right: 10rem;
  border-right: 1px solid #fff;
}

.dropdown__ttl::before {
  content: attr(data-ttl-en);
  display: block;
  line-height: 1.2;
  /*: "Lato", sans-serif;*/

  font-size: 5rem;
  font-weight: 900;
  white-space: nowrap;
  color: #fff;
  z-index: -1;
}

.dropdown__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 50rem;
  margin-top: -1rem;
  margin-left: auto;
}

.dropdown__item {
  width: 50%;
  margin-top: 2rem;
}

.dropdown__item a {
  display: inline-block;
  color: #fff;
  -webkit-transition: opacity .35s ease;
          transition: opacity .35s ease;
}

.dropdown__item a:hover {
  opacity: .7;
}

.sp-toggle {
  display: block;
  width: 55px;
  height: 55px;
  position: fixed;
  top: 0;
  right: 0;
  background: #00a0e7;
  z-index: 1002;
}

.sp-toggle span {
  display: block;
  position: absolute;
  height: 2px;
  width: 40%;
  background: #fff;
  left: 0;
  right: 0;
  margin: auto;
  -webkit-transition: .15s ease-in-out;
          transition: .15s ease-in-out;
}

.sp-toggle span:nth-child(1) {
  width: 45%;
  top: 34%;
  z-index: 1002;
}

.is-menu-open .sp-toggle span:nth-child(1) {
  top: 50%;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.sp-toggle span:nth-child(2) {
  width: 45%;
  top: 50%;
  z-index: 1003;
}

.is-menu-open .sp-toggle span:nth-child(2) {
  width: 0;
}

.sp-toggle span:nth-child(3) {
  width: 45%;
  top: 66%;
  z-index: 1004;
}

.is-menu-open .sp-toggle span:nth-child(3) {
  top: 50%;
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
}

.section {
  padding: 10rem 0;
}

.section-bg {
  width: 0;
  height: 0;
  fill: #00a0e7;
  opacity: .1;
}

.btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  overflow: hidden;
  position: relative;
  width: 23rem;
  height: 5rem;
  text-align: center;
  color: #fff;
  border: 1px solid #00a0e7;
  padding: 2rem 1rem;
}

.btn::before {
  content: "";
  position: absolute;
  top: 0;
  left: -10%;
  width: 120%;
  height: 100%;
  background: #00a0e7;
  -webkit-transform: skew(20deg);
          transform: skew(20deg);
  -webkit-transition: -webkit-transform .5s;
          transition: -webkit-transform .5s;
          transition:         transform .5s;
          transition:         transform .5s, -webkit-transform .5s;
}

.btn__txt {
  display: inline-block;
  -webkit-transform: skew(0deg);
          transform: skew(0deg);
}

.cmn-contact {
  position: relative;
  background: url(../images/contact_bg.jpg) center center/cover no-repeat;
  padding: 9rem 0 10rem;
}

.cmn-contact::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(45deg, #98e6d2 0%, #009fe6 54.24%, #436da7 100%);
  opacity: .6;
}

.cmn-contact .inner {
  position: relative;
  z-index: 1;
}

.cmn-contact__txt {
  text-align: center;
  color: #fff;
  margin-top: 4rem;
}

.cmn-contact__btn-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 4rem;
}

.cmn-contact__btn-form {
  color: #00a0e7;
  border-color: #fff;
  margin-right: 2rem;
}

.cmn-contact__btn-form::before {
  background: #fff;
}

.cmn-contact__btn-tel {
  /*: "Lato", sans-serif;*/

  font-size: 1.6rem;
  font-weight: 700;
  border-color: #fff;
  margin-left: 2rem;
}

.cmn-contact__btn-tel::before {
  display: none;
}

.cmn-contact__btn-tel:hover {
  color: #fff;
}

.footer {
  background: #fff;
  padding: 5rem 0 2rem;
}

.footer__logo img {
  width: auto;
  height: 5rem;
}

.footer__address {
  margin-top: 2.5rem;
  : Yu Mincho;
}

.footer__sitemap {
  padding-top: 1.2rem;
}

.footer__sitemap__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.footer__sitemap__item {
  font-size: 1.3rem;
}

.footer__sitemap__item + .footer__sitemap__item {
  margin-left: 2.8rem;
}

.footer__sitemap__btn {
  width: 20rem;
  height: 4.4rem;
  font-size: 1.3rem;
  margin: 2.4rem 1rem 0 auto;
  padding: 1.4rem 1rem;
}

.footer__link {
  font-size: 1.1rem;
  text-align: center;
  margin-top: 4rem;
}

.footer__copy {
  font-size: 1rem;
  text-align: center;
  margin-top: 2.4rem;
}

.page-top {
  position: fixed;
  right: 1%;
  bottom: 2%;
  z-index: 1000;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: opacity .5s;
          transition: opacity .5s;
}

.page-top.is-show {
  opacity: 1;
  pointer-events: auto;
}

.page-top a {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column;
      flex-flow: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 4.6rem;
  height: 4.6rem;
  /*: "Lato", sans-serif;*/

  font-size: 1.2rem;
  font-weight: 700;
  color: #00a0e7;
  border-radius: 50%;
  border: 1px solid #00a0e7;
  -webkit-transition: color .35s, background .35s;
          transition: color .35s, background .35s;
}

.page-top a::before {
  content: "";
  width: 1rem;
  height: 1rem;
  border: 1px #00a0e7;
  border-style: none solid solid none;
  -webkit-transform: translateY(.5rem) rotate(-135deg);
          transform: translateY(.5rem) rotate(-135deg);
  -webkit-transition: border-color .35s;
          transition: border-color .35s;
}

.page-top a:hover {
  color: #fff;
  background: #00a0e7;
}

.page-top a:hover::before {
  border-color: #fff;
}

.page-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  overflow: hidden;
  position: relative;
  height: 35rem;
  background: url(../images/products_img_01.jpg) center center/cover no-repeat;
  padding-bottom: 4rem;
}

.page-title::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(45deg, #98e6d2 0%, #009fe6 54.24%, #436da7 100%);
  opacity: .4;
  z-index: 1;
}

.page-title__ttl {
  position: relative;
  /*: "Noto Serif JP", serif;*/

  font-size: 3.6rem;
  font-weight: 500;
  letter-spacing: .075em;
  color: #fff;
  padding-top: 2.4rem;
  z-index: 2;
}

.page-title__ttl::before {
  content: attr(data-ttl-en);
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  line-height: 1;
  /*: "Lato", sans-serif;*/

  font-size: 8.2rem;
  font-weight: 900;
  letter-spacing: .05em;
  white-space: nowrap;
  color: #ededf4;
  opacity: .2;
  z-index: -1;
}

.page-title__layer {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 50vw;
  height: 50vw;
  fill: #00a0e7;
  opacity: .85;
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}

.breadcrumbs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 3rem;
}

.breadcrumbs li {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 1.3rem;
  color: #888;
}

.breadcrumbs li::after {
  display: inline-block;
  content: "|";
  color: #ccc;
  margin: 0 .8rem 0 1.6rem;
}

.breadcrumbs li:first-child a {
  overflow: hidden;
  display: inline-block;
  width: 2rem;
  height: 2rem;
  text-indent: 100%;
  white-space: nowrap;
  background: url(../images/icon_home.svg) center center/contain no-repeat;
}

.breadcrumbs li:last-child::after {
  display: none;
}

.page-content {
  padding: 5rem 0;
}

.page-content__ttl {
  /*: "Noto Serif JP", serif;*/

  font-size: 1.8rem;
  font-weight: 500;
  text-align: center;
  margin-top: 12rem;
}

.page-content__ttl::before {
  content: attr(data-ttl-en);
  display: block;
  line-height: 1.2;
  /*: "Lato", sans-serif;*/

  font-size: 3.4rem;
  font-weight: 900;
  background-image: -webkit-gradient(linear, left top, right top, from(#98e6d2), color-stop(54.24%, #009fe6), to(#436da7));
  background-image: linear-gradient(90deg, #98e6d2 0%, #009fe6 54.24%, #436da7 100%);
  color: transparent;
  -webkit-background-clip: text;
          background-clip: text;
}

.page-content__ttl:first-child {
  margin-top: 0;
}

.page-content__ttl--white {
  color: #fff;
}

.page-content__ttl--white::before {
  background-image: none;
  color: #fff;
}

.page-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-top: 1px solid #e1e1e1;
  margin-top: 10rem;
  padding-top: 10rem;
}

.page-link__item {
  width: 31%;
}

.page-link__item__link {
  overflow: hidden;
  position: relative;
  display: block;
  height: 100%;
}

.page-link__item__image {
  overflow: hidden;
  position: relative;
  width: 100%;
  padding-bottom: calc(100% * 180 / 372);
}

.page-link__item__image::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .5);
}

.page-link__item__image img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition: -webkit-transform .75s;
          transition: -webkit-transform .75s;
          transition:         transform .75s;
          transition:         transform .75s, -webkit-transform .75s;
}

.page-link__item__ttl {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  /*: "Noto Serif JP", serif;*/

  font-size: 1.6rem;
  text-align: center;
  color: #fff;
}

.page-link__item__ttl::before {
  content: attr(data-ttl-en);
  display: block;
  /*: "Lato", sans-serif;*/

  font-size: 2.8rem;
  font-weight: 900;
  opacity: .6;
}

.pagination {
  text-align: center;
  margin-top: 4rem;
}

.pagination ul {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: -1rem 0 0 -.8rem;
}

.pagination li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 4rem;
  height: 4rem;
  line-height: 4rem;
  text-align: center;
  color: #999;
  border: 1px solid #999;
  margin: 1rem 0 0 .8rem;
}

.pagination li a {
  display: block;
  width: 100%;
  height: 100%;
  color: #999;
}

.pagination li.current {
  color: #fff;
  background: #00a0e7;
  border-color: #00a0e7;
}

.pagination li.ellipsis {
  width: 2rem;
  line-height: 3.4rem;
  border: none;
}

.home .l-wrapper {
  padding-top: 0;
}

.home .header {
  background: rgba(255, 255, 255, .7);
}

.home .info-list {
  max-width: 78rem;
}

.main-visual {
  overflow: hidden;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 100vh;
}

.main-visual.is-hide {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.main-visual::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(45deg, #98e6d2 0%, #009fe6 54.24%, #436da7 100%);
  opacity: .4;
  z-index: 11;
}

.main-visual__slide {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: opacity .35s ease-in, -webkit-transform .35s ease-in;
          transition: opacity .35s ease-in, -webkit-transform .35s ease-in;
          transition: opacity .35s ease-in, transform .35s ease-in;
          transition: opacity .35s ease-in, transform .35s ease-in, -webkit-transform .35s ease-in;
  z-index: 10;
}

.main-visual__slide-item {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.main-visual__slide-item:nth-child(2) {
  z-index: 9;
}

.main-visual__slide-item.is-active {
  z-index: 10;
}

.main-visual__slide-item-obj {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
  -webkit-transition: width 2s cubic-bezier(.165, .840, .440, 1.000), -webkit-transform 3s cubic-bezier(.165, .840, .440, 1.000);
          transition: width 2s cubic-bezier(.165, .840, .440, 1.000), -webkit-transform 3s cubic-bezier(.165, .840, .440, 1.000);
          transition: transform 3s cubic-bezier(.165, .840, .440, 1.000), width 2s cubic-bezier(.165, .840, .440, 1.000);
          transition: transform 3s cubic-bezier(.165, .840, .440, 1.000), width 2s cubic-bezier(.165, .840, .440, 1.000), -webkit-transform 3s cubic-bezier(.165, .840, .440, 1.000);
}

.main-visual__slide-item-obj--1 {
  background: url(../images/mv_pht_01.jpg) center center/cover no-repeat;
}

.main-visual__slide-item-obj--2 {
  background: url(../images/mv_pht_02.jpg) center center/cover no-repeat;
}

.main-visual__slide-item-obj--3 {
  background: url(../images/mv_pht_03.jpg) center center/cover no-repeat;
}

.main-visual__slide-item-obj--4 {
  background: url(../images/mv_pht_04.jpg) center center/cover no-repeat;
}

.main-visual__slide-item-obj--5 {
  background: url(../images/mv_pht_05.jpg) center center/cover no-repeat;
}

.main-visual__slide-item-obj--6 {
  background: url(../images/mv_pht_06.jpg) center center/cover no-repeat;
}

.is-active .main-visual__slide-item-obj {
  -webkit-transform: scale(1);
          transform: scale(1);
}

.is-on .main-visual__slide-item-obj {
  -webkit-transform: scale(1);
          transform: scale(1);
}

.is-off .main-visual__slide-item-obj {
  width: 0;
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}

.main-visual__main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column;
      flex-flow: column;
  position: relative;
  color: #fff;
  /*color: #24bdeb;*/
  z-index: 12;
}

.main-visual__catch {
  line-height: 1.4;
  /*: "Noto Serif JP", serif;*/

  font-size: 5.4rem;
  text-align: left;
  letter-spacing: .1em;
  margin-left: -.5em;
  padding-left: .6em;
}

.main-visual__catch.is-fadein {
  -webkit-transition-delay: .4s;
          transition-delay: .4s;
}

.main-visual__catch-en {
  position: relative;
  /*: "Lato", sans-serif;*/

  font-size: 1.5rem;
  font-weight: 700;
  letter-spacing: .05em;
  margin-top: 1rem;
  padding-bottom: 1.6rem;
}

.main-visual__catch-en::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: #fff;
}

.main-visual__catch-en.is-fadein {
  -webkit-transition-delay: .6s;
          transition-delay: .6s;
}

.main-visual__txt {
  /*: "Noto Serif JP", serif;*/

  font-size: 2.2rem;
  letter-spacing: .1em;
  margin-top: 3.6rem;
}

.main-visual__txt.is-fadein {
  -webkit-transition-delay: .8s;
          transition-delay: .8s;
}

.main-visual__scroll {
  position: absolute;
  bottom: 0;
  left: 50%;
  height: 6.4rem;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 13;
}

.main-visual__scroll::before {
  content: "";
  display: block;
  position: absolute;
  top: 100%;
  left: 50%;
  width: 9rem;
  height: 9rem;
  background: #00a0e7;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
          transform: translate(-50%, -50%) rotate(45deg);
}

.main-visual__scroll a {
  position: absolute;
  top: 56%;
  left: 0;
  font-size: 1rem;
  font-weight: 700;
  color: #fff;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.main-visual__scroll a::after {
  content: "";
  position: absolute;
  bottom: -.8rem;
  left: 50%;
  border-bottom: solid 1px #fff;
  border-right: solid 1px #fff;
  width: 1rem;
  height: 1rem;
  -webkit-transform: translateX(-50%) rotate(45deg);
          transform: translateX(-50%) rotate(45deg);
}

.main-visual__scroll a:hover {
  opacity: .8;
}

.title-index {
  position: relative;
  /*: "Noto Serif JP", serif;*/

  font-size: 2.8rem;
  font-weight: 500;
  text-align: center;
  letter-spacing: .075em;
  padding-top: 3rem;
  z-index: 1;
}

.title-index.is-hide {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.title-index.is-hide span {
  opacity: 0;
  -webkit-transform: translateY(30px);
          transform: translateY(30px);
}

.title-index.is-fadein span {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  -webkit-transition: opacity 1s, -webkit-transform .75s;
          transition: opacity 1s, -webkit-transform .75s;
          transition: opacity 1s, transform .75s;
          transition: opacity 1s, transform .75s, -webkit-transform .75s;
}

.title-index::before {
  content: attr(data-ttl-en);
  display: inline-block;
  position: absolute;
  top: 0;
  left: 50%;
  line-height: 1;
  /*: "Lato", sans-serif;*/

  font-size: 8rem;
  font-weight: 900;
  white-space: nowrap;
  color: #ededf4;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: -1;
}

.title-index span {
  display: inline-block;
}

.title-index span:first-letter {
  color: #00a0e7;
}

.title-index--white {
  color: #fff;
}

.title-index--white::before {
  opacity: .3;
}

.title-index--white span:first-letter {
  color: #fff;
}

.top-about {
  position: relative;
  overflow: hidden;
}

.top-about__row {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 5rem;
  z-index: 10;
}

.top-about__body {
  width: 48rem;
  padding-top: 4rem;
}

.top-about__catch {
  line-height: 1.6;
  /*: "Noto Serif JP", serif;*/

  font-size: 2.6rem;
}

.top-about__txt {
  line-height: 2;
  margin-top: 4.2rem;
}

.top-about .btn {
  margin-top: 6rem;
}

.top-about__image {
  position: relative;
  width: 69rem;
  height: 46rem;
}

.top-about__image.is-hide {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.top-about__image__item {
  position: relative;
  display: block;
  width: 23.19%;
  height: 34.78%;
  -webkit-transform: translateX(29.29%) rotate(45deg);
          transform: translateX(29.29%) rotate(45deg);
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
  z-index: 1;
}

.top-about__image__item::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  background: #00a0e7;
  -webkit-transform: translate(calc(-50% + .6rem), calc(-50% + .6rem));
          transform: translate(calc(-50% + .6rem), calc(-50% + .6rem));
  z-index: -1;
}

.is-hide .top-about__image__item::before {
  opacity: 0;
  -webkit-transform: translate(calc(-50% + 1.8rem), calc(-50% + 1.8rem));
          transform: translate(calc(-50% + 1.8rem), calc(-50% + 1.8rem));
}

.is-fadein .top-about__image__item::before {
  opacity: 1;
  -webkit-transform: translate(calc(-50% + .6rem), calc(-50% + .6rem));
          transform: translate(calc(-50% + .6rem), calc(-50% + .6rem));
  -webkit-transition: opacity 1.5s, -webkit-transform 1s;
          transition: opacity 1.5s, -webkit-transform 1s;
          transition: opacity 1.5s, transform 1s;
          transition: opacity 1.5s, transform 1s, -webkit-transform 1s;
}

.top-about__image__item--01 {
  position: absolute;
  right: 0;
  width: 46.38%;
  height: 69.57%;
}

.top-about__image__item--01::before {
  background: #4ecee4;
}

.is-fadein .top-about__image__item--01::before {
  -webkit-transition-delay: 1s;
          transition-delay: 1s;
}

.is-fadein .top-about__image__item--01 .top-about__image__obj::after {
  -webkit-animation: fadein-overlay-diamond 1s forwards;
          animation: fadein-overlay-diamond 1s forwards;
  -webkit-animation-delay: .5s;
          animation-delay: .5s;
}

.top-about__image__item--01 .top-about__image__obj img {
  width: 45.6rem;
}

.is-hide .top-about__image__item--01 .top-about__image__obj img {
  width: 60rem;
}

.is-fadein .top-about__image__item--01 .top-about__image__obj img {
  width: 45.6rem;
  -webkit-transition: opacity .1s 1s, width 1.2s 1s;
          transition: opacity .1s 1s, width 1.2s 1s;
}

.top-about__image__item--02 {
  position: absolute;
  top: -.65%;
  right: 49.86%;
}

.top-about__image__item--02::before {
  display: none;
}

.is-fadein .top-about__image__item--02 .top-about__image__obj::after {
  -webkit-animation: fadein-overlay-diamond 1s forwards;
          animation: fadein-overlay-diamond 1s forwards;
  -webkit-animation-delay: .3s;
          animation-delay: .3s;
}

.is-fadein .top-about__image__item--02 .top-about__image__obj img {
  -webkit-transition: opacity .1s .8s, width 1.2s .8s;
          transition: opacity .1s .8s, width 1.2s .8s;
}

.top-about__image__item--03 {
  position: absolute;
  top: 24.6%;
  right: 66.96%;
}

.is-fadein .top-about__image__item--03::before {
  -webkit-transition-delay: 1s;
          transition-delay: 1s;
}

.is-fadein .top-about__image__item--03 .top-about__image__obj::after {
  -webkit-animation: fadein-overlay-diamond 1s forwards;
          animation: fadein-overlay-diamond 1s forwards;
  -webkit-animation-delay: .5s;
          animation-delay: .5s;
}

.is-fadein .top-about__image__item--03 .top-about__image__obj img {
  -webkit-transition: opacity .1s 1s, width 1.2s 1s;
          transition: opacity .1s 1s, width 1.2s 1s;
}

.top-about__image__obj {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 100%;
}

.top-about__image__obj::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 141.42%;
  background: linear-gradient(45deg, #98e6d2 0%, #009fe6 54.24%, #436da7 100%);
  z-index: 10;
}

.top-about__image__obj img {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: inherit;
  width: 23rem;
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
          transform: translate(-50%, -50%) rotate(-45deg);
  z-index: 1;
}

.is-hide .top-about__image__obj img {
  width: 30rem;
  opacity: 0;
}

.is-fadein .top-about__image__obj img {
  width: 23rem;
  opacity: 1;
}

.top-about__bg-01 {
  position: absolute;
  top: 0;
  left: 0;
  width: 24vw;
  height: 24vw;
  -webkit-transform: scale(-1, -1);
          transform: scale(-1, -1);
}

.top-about__bg-02 {
  position: absolute;
  left: 50vw;
  bottom: 0;
  width: 50vw;
  height: 50vw;
}

@-webkit-keyframes fadein-overlay-diamond {
  0% {
    left: 0;
    width: 0;
  }

  50% {
    left: 0;
    width: 141.42%;
  }

  50% {
    left: 0;
    width: 141.42%;
  }

  100% {
    left: 100%;
    width: 141.42%;
  }
}

@keyframes fadein-overlay-diamond {
  0% {
    left: 0;
    width: 0;
  }

  50% {
    left: 0;
    width: 141.42%;
  }

  50% {
    left: 0;
    width: 141.42%;
  }

  100% {
    left: 100%;
    width: 141.42%;
  }
}

.top-contents {
  position: relative;
  overflow: hidden;
  background: #ecf0f4;
  padding-bottom: 12rem;
}

.top-contents > .title-index::before {
  color: #fff;
}

.top-contents__products {
  position: relative;
  max-width: calc(100% - ((100% - 120rem)/2));
  margin-top: 6rem;
  z-index: 1;
}

.top-contents__products__image {
  overflow: hidden;
  position: relative;
  width: calc(100% - 30rem);
  height: 48rem;
}

.top-contents__products__image.is-hide {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.top-contents__products__image.is-fadein::after {
  -webkit-animation: fadein-overlay 1.4s forwards;
          animation: fadein-overlay 1.4s forwards;
}

.top-contents__products__image::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background: linear-gradient(45deg, #98e6d2 0%, #009fe6 54.24%, #436da7 100%);
  z-index: 10;
}

.top-contents__products__image-obj {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  background: url(../images/products_img_01.jpg) center center/cover no-repeat;
}

.is-hide .top-contents__products__image-obj {
  opacity: 0;
  -webkit-transform: translate(-50%, -50%) scale(1.2);
          transform: translate(-50%, -50%) scale(1.2);
}

.is-fadein .top-contents__products__image-obj {
  opacity: 1;
  -webkit-transform: translate(-50%, -50%) scale(1);
          transform: translate(-50%, -50%) scale(1);
  -webkit-transition: opacity .1s .7s, -webkit-transform .8s .7s;
          transition: opacity .1s .7s, -webkit-transform .8s .7s;
          transition: opacity .1s .7s, transform .8s .7s;
          transition: opacity .1s .7s, transform .8s .7s, -webkit-transform .8s .7s;
}

.top-contents__products .is-hide .swiper-container {
  opacity: 0;
  -webkit-transform: translate(-50%, -50%) scale(1.2);
          transform: translate(-50%, -50%) scale(1.2);
}

.top-contents__products .is-fadein .swiper-container {
  opacity: 1;
  -webkit-transform: translate(-50%, -50%) scale(1);
          transform: translate(-50%, -50%) scale(1);
  -webkit-transition: opacity .1s .7s, -webkit-transform .8s .7s;
          transition: opacity .1s .7s, -webkit-transform .8s .7s;
          transition: opacity .1s .7s, transform .8s .7s;
          transition: opacity .1s .7s, transform .8s .7s, -webkit-transform .8s .7s;
}

.top-contents__products .swiper-container {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
}

.top-contents__products .swiper-wrapper {
  height: 100%;
}

.top-contents__products .swiper-slide {
  position: relative;
  height: 100%;
}

.top-contents__products .swiper-slide::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(45deg, #98e6d2 0%, #009fe6 54.24%, #436da7 100%);
  opacity: .2;
  z-index: 1;
}

.top-contents__products .swiper-slide img {
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: 100%;
  max-height: 100%;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  /*: "object-fit: cover;";*/

  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.top-contents__products .swiper-slide.swiper-slide-active img {
  -webkit-animation: slideImageZoomUp 12s linear 0s 1 normal both;
          animation: slideImageZoomUp 12s linear 0s 1 normal both;
}

.top-contents__products .swiper-slide.swiper-slide-duplicate-active img {
  -webkit-animation: slideImageZoomUp 12s linear 0s 1 normal both;
          animation: slideImageZoomUp 12s linear 0s 1 normal both;
}

.top-contents__products .swiper-slide.swiper-slide-prev img {
  -webkit-animation: slideImageZoomUp 12s linear 0s 1 normal both;
          animation: slideImageZoomUp 12s linear 0s 1 normal both;
}

.top-contents__products__body {
  position: absolute;
  top: 50%;
  right: 0;
  width: 48rem;
  background: #fff;
  padding: 3.8rem 3.5rem;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.top-contents__products__body .title-index {
  font-size: 2.4rem;
  text-align: left;
  padding-top: 2.4rem;
}

.top-contents__products__body .title-index::before {
  left: 0;
  font-size: 6.2rem;
  -webkit-transform: translateX(0);
          transform: translateX(0);
}

.top-contents__products__txt {
  line-height: 2;
  margin-top: 2.6rem;
}

.top-contents__products .btn {
  margin: 3rem 0 0 auto;
}

.top-contents__box-wrap {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 10rem;
  z-index: 1;
}

.top-contents__box {
  overflow: hidden;
  position: relative;
  width: 50%;
  height: 32rem;
}

.top-contents__box::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.top-contents__box--factory::after {
  background: rgba(0, 160, 231, .5);
}

.top-contents__box--facility::after {
  background: rgba(78, 206, 228, .5);
}

.top-contents__box--facility.is-fadein {
  -webkit-transition-delay: .15s;
          transition-delay: .15s;
}

.top-contents__box__link {
  display: block;
  width: 100%;
  height: 100%;
}

.top-contents__box__image {
  position: relative;
  width: 100%;
  height: 100%;
}

.top-contents__box__image img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  -o-object-fit: cover;
     object-fit: cover;
  /*: "object-fit: cover;";*/

}

.top-contents__box__ttl {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  /*: "Noto Serif JP", serif;*/

  font-size: 1.4rem;
  font-weight: 700;
  text-align: center;
  color: #fff;
  letter-spacing: .075em;
  z-index: 10;
}

.top-contents__box__ttl::before {
  content: attr(data-ttl-en);
  display: block;
  line-height: 1.2;
  /*: "Lato", sans-serif;*/

  font-size: 3.2rem;
  font-weight: 900;
}

.top-contents__box__ttl::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 18.8rem;
  height: 18.8rem;
  border: 1px solid #fff;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
          transform: translate(-50%, -50%) rotate(45deg);
}

.top-contents__bg-01 {
  position: absolute;
  top: 0;
  left: 0;
  width: 50vw;
  height: 50vw;
  -webkit-transform: scale(-1, -1);
          transform: scale(-1, -1);
}

.top-contents__bg-02 {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 20vw;
  height: 20vw;
}

@-webkit-keyframes slideImageZoomUp {
  0% {
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }

  100% {
    -webkit-transform: translate(-50%, -50%) scale(1.075);
            transform: translate(-50%, -50%) scale(1.075);
  }
}

@keyframes slideImageZoomUp {
  0% {
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }

  100% {
    -webkit-transform: translate(-50%, -50%) scale(1.075);
            transform: translate(-50%, -50%) scale(1.075);
  }
}

.top-recruit {
  position: relative;
  color: #fff;
  background: url(../images/recruit_bg.jpg) center center/cover no-repeat;
  padding: 8rem 0;
}

.top-recruit::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(21, 27, 40, .5);
}

.top-recruit .inner {
  position: relative;
  z-index: 1;
}

.top-recruit .title-index {
  font-size: 2.6rem;
  text-align: left;
  padding-top: 0;
}

.top-recruit .title-index::before {
  position: relative;
  top: 0;
  left: 0;
  display: inline-block;
  color: #fff;
  opacity: 1;
  margin-right: 2rem;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}

.top-recruit__catch {
  /*: "Noto Serif JP", serif;*/

  font-size: 2rem;
  font-weight: 700;
  margin-top: 4rem;
}

.top-recruit__btn {
  margin-top: 12.8rem;
  padding-left: 1rem;
}

.top-recruit__btn .btn {
  background: transparent;
  border-color: #fff;
}

.top-recruit__btn .btn + .btn {
  margin-top: 2.5rem;
}

.top-recruit__btn .btn::before {
  left: -130%;
  background: #fff;
}

.top-movie {
  background: #ecf0f4;
}

.top-movie .title-index::before {
  color: #fff;
}

.top-movie__slide {
  max-width: 76rem;
  margin: 5rem auto 0;
}

.top-movie__slide.is-hide {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.top-movie__slide.is-fadein .top-movie__item::after {
  -webkit-animation: fadein-overlay 1.4s forwards;
          animation: fadein-overlay 1.4s forwards;
}

.top-movie__item {
  overflow: hidden;
  position: relative;
  -webkit-transition: -webkit-transform .75s;
          transition: -webkit-transform .75s;
          transition:         transform .75s;
          transition:         transform .75s, -webkit-transform .75s;
}

.top-movie__item:not(.swiper-slide-active) {
  -webkit-transform: scale(.92);
          transform: scale(.92);
}

.top-movie__item:not(.swiper-slide-active) .top-movie__play {
  opacity: 0;
  pointer-events: none;
}

.top-movie__item::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background: linear-gradient(45deg, #98e6d2 0%, #009fe6 54.24%, #436da7 100%);
  z-index: 100;
}

.top-movie__item.is-thumb-hide .top-movie__thumb {
  opacity: 0;
  pointer-events: none;
}

.top-movie__item.is-thumb-hide .top-movie__play {
  opacity: 0;
  pointer-events: none;
}

.top-movie__item-content {
  position: relative;
}

.is-hide .top-movie__item-content {
  opacity: 0;
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}

.is-fadein .top-movie__item-content {
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transform: left top;
          transform: left top;
  -webkit-transition: opacity .1s .7s, -webkit-transform .8s .7s;
          transition: opacity .1s .7s, -webkit-transform .8s .7s;
          transition: opacity .1s .7s, transform .8s .7s;
          transition: opacity .1s .7s, transform .8s .7s, -webkit-transform .8s .7s;
}

.top-movie__video {
  width: 100%;
}

.top-movie__thumb {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  -webkit-transition: opacity 1s;
          transition: opacity 1s;
}

.top-movie__play {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 5.6rem;
  height: 5.6rem;
  background: url(../images/icon_play-btn.svg) center center/contain no-repeat;
  z-index: 11;
  opacity: 1;
  -webkit-transition: opacity .5s;
          transition: opacity .5s;
}

.top-movie__play:hover {
  opacity: .6;
}

.top-movie .swiper-container {
  overflow: visible;
}

.top-movie .swiper-button-prev {
  left: -4.8rem;
  width: auto;
  height: auto;
}

.top-movie .swiper-button-prev::after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 2rem 2rem 2rem 0;
  border-color: transparent #4ecee4 transparent transparent;
}

.top-movie .swiper-button-next {
  right: -4.8rem;
  width: auto;
  height: auto;
}

.top-movie .swiper-button-next::after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 2rem 0 2rem 2rem;
  border-color: transparent transparent transparent #4ecee4;
}

.top-info {
  position: relative;
  overflow: hidden;
}

.top-info__list {
  margin-top: 5rem;
}

.top-info .btn {
  margin: 5rem auto 0;
}

.top-info__bg-01 {
  position: absolute;
  top: 0;
  left: 0;
  width: 28vw;
  height: 28vw;
  -webkit-transform: scale(-1, -1);
          transform: scale(-1, -1);
}

.top-info__bg-02 {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 32vw;
  height: 32vw;
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}

.top-info__bg-03 {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 25vw;
  height: 25vw;
}

.products .page-title {
  background: url(../images/page-title_bg.jpg) center center/cover no-repeat;
}

.products-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  : Yu Mincho;
}

.products-list__item {
  width: 48%;
  margin-top: 6rem;
}

.products-list__image {
  border: 1px solid #e1e1e1;
}

.products-list__image img {
  max-width: 100%;
}

.products-list__body {
  text-align: right;
  padding-top: 1.6rem;
}

.products-list__group {
  display: inline-block;
  font-size: 1.2rem;
  color: #00a0e7;
  border: 1px solid #00a0e7;
  padding: .2rem 1rem .3rem;
}

.products-list__ttl {
  font-size: 2rem;
  margin-top: 1rem;
  text-align: left;
}

.products-list__description {
  text-align: left;
  margin-top: 1.8rem;
  color: black;
}

.products-list .swiper-pagination-bullet {
  background: #fff;
  opacity: .4;
}

.products-list .swiper-pagination-bullet-active {
  background: #fff;
  opacity: 1;
}

.company .page-title {
  background: url(../images/page-title_bg.jpg) center center/cover no-repeat;
  display: none;
}

.company__strength {
  border-bottom: 1px solid #e1e1e1;
  padding-bottom: 8rem;
}

.company__strength__catch {
  /*: "Noto Serif JP", serif;*/

  font-size: 2.8rem;
  text-align: center;
  letter-spacing: .1em;
}

.company__strength__txt {
  text-align: center;
  margin-top: 4rem;
}

.company__strength .btn {
  margin: 4rem auto 0;
}

.company .page-link {
  border-top: none;
  margin-top: 0;
}

.company-nav {
  text-align: center;
}

.company-nav__list {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: 1px solid #00a0e7;
}

.company-nav__item {
  font-size: 1.4rem;
}

.company-nav__item a {
  display: block;
  width: 20rem;
  text-align: center;
  color: #00a0e7;
  background: #fff;
  padding: 1.2rem;
}

.company-nav__item.is-current {
  pointer-events: none;
}

.company-nav__item.is-current a {
  color: #fff;
  background: #00a0e7;
}

.company-nav__item + .company-nav__item {
  position: relative;
}

.company-nav__item + .company-nav__item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 100%;
  background: #00a0e7;
}

.company-section {
  padding: 10rem 0;
}

.company-section:nth-of-type(1) {
  padding-top: 0;
}

.company-section:nth-of-type(2) {
  padding-top: 8rem;
}

.company-section:nth-child(even) {
  background: #f6f8fb;
}

.company-section--pb0 {
  padding-bottom: 0;
}

.message-block {
  position: relative;
  margin-top: 6rem;
}

.message-block__image {
  width: 52%;
}

.message-block__body {
  position: absolute;
  top: 0;
  right: 0;
  width: 45%;
  padding-top: 6rem;
  : Yu Mincho;
}

.message-block__catch {
  /*: "Noto Serif JP", serif;*/

  font-size: 2.6rem;
  letter-spacing: .05em;
}

.message-block__txt {
  line-height: 2.2;
  margin-top: 3rem;
}

.message-block__signature {
  /*: "Noto Serif JP", serif;*/

  text-align: right;
  margin-top: 4rem;
}

.message-block__signature span {
  display: block;
  font-size: 2.2rem;
}

.message-box {
  width: 100%;
  background: #f8f8f8;
  border: 1px solid #e1e1e1;
  margin: 8rem auto 0;
  padding: 4rem;
}

.message-box__ttl {
  /*: "Noto Serif JP", serif;*/

  font-size: 2.6rem;
  font-weight: 500;
  text-align: center;
  color: #00a0e7;
}

.message-box__list {
  max-width: 36rem;
  margin: 2rem auto 0;
}

.message-box__list__item {
  position: relative;
  /*: "Noto Serif JP", serif;*/

  font-size: 2rem;
  padding-left: 3.2rem;
}

.message-box__list__item::before {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  content: "�.";
  margin-right: .4rem;
}

.message-box__list__item + .message__list__item {
  margin-top: 1rem;
}

.strength .page-title {
  background: url(../images/page-title_bg.jpg) center center/cover no-repeat;
}

.strength__txt {
  line-height: 2;
  text-align: center;
  margin-top: 6rem;
}

.strength-point {
  border-top: 1px solid #e1e1e1;
  margin-top: 8rem;
  padding: 8rem 0;
}

.strength-point + .strength-point {
  margin-top: 0;
}

.strength-point:last-of-type {
  border-bottom: 1px solid #e1e1e1;
}

.strength-point__num {
  /*: "Noto Serif JP", serif;*/

  font-size: 1.8rem;
  font-weight: 700;
  text-align: center;
}

.strength-point__num span {
  display: block;
  line-height: 1.2;
  font-size: 2.6rem;
}

.strength-point__ttl {
  /*: "Noto Serif JP", serif;*/

  font-size: 2.6rem;
  font-weight: 400;
  text-align: center;
  letter-spacing: .075em;
  color: #00a0e7;
  margin-top: 2rem;
}

.strength-point__txt {
  text-align: center;
  margin-top: 4rem;
}

.strength-point__image {
  display: block;
  margin: 4.6rem auto 0;
}

.strength-point .btn {
  margin: 4.6rem auto 0;
}

.company-profile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 6rem;
  : Yu Mincho;
}

.company-profile__ttl {
  width: 25rem;
  font-weight: 500;
  background: #f0f9fe;
  padding: 3rem 0 2.9rem 3rem;
  border-bottom: 1px solid #e1e1e1;
}

.company-profile__ttl:nth-of-type(1) {
  border-top: 1px solid #e1e1e1;
}

.company-profile__body {
  width: calc(100% - 25rem);
  margin-bottom: 0;
  padding: 3rem 0 2.9rem 4rem;
  border-bottom: 1px solid #e1e1e1;
}

.company-profile__body:nth-of-type(1) {
  border-top: 1px solid #e1e1e1;
}

.company-profile__office > dt {
  font-weight: 500;
}

.company-profile__office > dd + dt {
  margin-top: 2rem;
}

.company-profile__licence {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: -2rem;
}

.company-profile__licence > p {
  max-width: 20rem;
  margin-left: 2rem;
}

.company-profile__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: -.8rem;
}

.company-profile__items > dt {
  width: 24rem;
  font-weight: 400;
  border-bottom: 1px solid #e1e1e1;
  padding-top: .8rem;
  padding-bottom: .8rem;
}

.company-profile__items > dd {
  width: calc(100% - 24rem);
  border-bottom: 1px solid #e1e1e1;
  padding-top: .8rem;
  padding-bottom: .8rem;
}

.company-profile__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 70rem;
}

.company-profile__list > li {
  position: relative;
  width: 35rem;
  padding-left: 1.4rem;
}

.company-profile__list > li::before {
  content: "";
  position: absolute;
  top: .75em;
  left: 0;
  width: .5rem;
  height: .5rem;
  background: #00a0e7;
  border-radius: 50%;
}

.history {
  position: relative;
  margin-top: 8rem;
  z-index: 1;
}

.history::before {
  content: "";
  position: absolute;
  top: 0;
  left: calc(((100vw - 100%) / 2) * -1);
  width: 50vw;
  height: 100%;
  background: #00a0e7;
  -webkit-transform-origin: top top;
          transform-origin: top top;
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
  z-index: -1;
}

.history::after {
  content: "";
  position: absolute;
  top: 0;
  right: calc(((100vw - 100%) / 2) * -1);
  width: 50vw;
  height: 100%;
  background: #e6f6fd;
  z-index: -1;
}

.history__inner {
  position: relative;
  background: #00a0e7;
  padding: 10rem 0;
  z-index: 1;
}

.history__content {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  margin-top: 5rem;
  margin-right: 4rem;
  padding-bottom: 2rem;
}

.history__content::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

.history__content::-webkit-scrollbar-track {
  border-radius: 3px;
  background: rgba(255, 255, 255, .3);
}

.history__content::-webkit-scrollbar-thumb {
  background-color: white;
  border-radius: 3px;
}

.history__item {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 24rem;
      flex: 0 0 24rem;
  max-width: 24rem;
  position: relative;
  color: #fff;
  padding: 2rem 1rem 2rem 2rem;
}

.history__item::before {
  content: "";
  position: absolute;
  top: 1rem;
  left: 0;
  width: 100%;
  height: 2px;
  background: #fff;
}

.history__item::after {
  content: "";
  position: absolute;
  top: 1.1rem;
  left: 2rem;
  width: 1.1rem;
  height: 1.1rem;
  background: #fff;
  border-radius: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.history__item__date {
  /*: "Noto Serif JP", serif;*/

  font-size: 1.4rem;
  margin-top: 3rem;
}

.history__item__date::before {
  content: "";
  position: absolute;
  top: 1.1em;
  left: 2.5rem;
  width: 1px;
  height: 3rem;
  background: #fff;
}

.history__item__txt {
  font-size: 1.2rem;
  margin-top: .6rem;
}

.environment .page-title {
  background: url(../images/page-title_bg.jpg) center center/cover no-repeat;
}

.environment .inner {
  max-width: 100rem;
}

.environment__ttl {
  /*: "Noto Serif JP", serif;*/

  font-size: 2.8rem;
  font-weight: 500;
  text-align: center;
  color: #00a0e7;
  margin-top: 8rem;
}

.environment__ttl:first-child {
  margin-top: 0;
}

.environment__sub-ttl {
  /*: "Noto Serif JP", serif;*/

  font-size: 2.2rem;
  font-weight: 500;
  color: #00a0e7;
  margin-top: 6rem;
  padding-bottom: .6rem;
  border-bottom: 1px solid #ccc;
}

.environment__sub-ttl:first-child {
  margin-top: 0;
}

.environment__sub-ttl:nth-of-type(1) {
  margin-top: 1rem;
}

.environment__txt {
  text-align: center;
  margin-top: 2rem;
}

.environment__txt--left {
  text-align: left;
}

.environment__list {
  counter-reset: number;
  margin: 2rem auto 0;
}

.environment__list__item {
  position: relative;
  padding-left: 2rem;
}

.environment__list__item::before {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  counter-increment: number;
  content: counter(number) ".";
  margin-right: .4rem;
}

.environment__list__item + .environment__list__item {
  margin-top: 1.8rem;
}

.environment__list ol {
  counter-reset: number;
  margin-top: 1rem;
}

.environment__list ol li {
  position: relative;
  padding-left: 20px;
}

.environment__list ol li::before {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  counter-increment: number;
  content: counter(number) ".";
  margin-right: 4px;
}

.environment__list ol li + li {
  margin-top: .6rem;
}

.environment__revision {
  font-size: 1.3rem;
  text-align: right;
  margin-top: 3rem;
}

.factory .page-title {
  background: url(../images/page-title_bg.jpg) center center/cover no-repeat;
}

.factory__map {
  border-top: 1px solid #e1e1e1;
  margin-top: 8rem;
  padding-top: 8rem;
}

.factory-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 6rem;
}

.factory-block__image {
  width: 48%;
}

.factory-block__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column;
      flex-flow: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 48%;
}

.factory-block__read {
  line-height: 1.7;
  /*: "Noto Serif JP", serif;*/

  font-size: 2.2rem;
  border-bottom: 1px solid #e1e1e1;
  padding-bottom: 1.6rem;
}

.factory-block__address {
  margin-top: 4rem;
}

.factory-block__data {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #ecf0f4;
  margin-top: 4rem;
  padding: 2rem;
}

.factory-block__data__ttl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  font-weight: 500;
}

.factory-block__data__ttl::before {
  content: "";
  display: inline-block;
  width: 1rem;
  height: 1rem;
  background: #00a0e7;
  margin-right: 1rem;
}

.factory-block__data__body {
  margin-left: 2rem;
}

.factory-block__data__body + .factory-block__data__ttl {
  margin-left: 2.4rem;
}

.facility .page-title {
  background: url(../images/page-title_bg.jpg) center center/cover no-repeat;
}

.facility__ttl {
  font-size: 2rem;
  font-weight: 500;
  color: #00a0e7;
  border-bottom: 1px solid #e1e1e1;
  padding-bottom: 1rem;
}

.facility__ttl span {
  display: inline-block;
  font-size: 1.8rem;
  margin-left: 3rem;
}

.facility-item {
  margin-top: 6rem;
}

.facility-item + .facility-item {
  margin-top: 8rem;
}

.facility-item__slide {
  margin-top: 2rem;
}

.facility-item__slide__item {
  position: relative;
}

.facility-item__slide__item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #436da7;
  opacity: .5;
  -webkit-transition: opacity 1s;
          transition: opacity 1s;
}

.facility-item__slide__item.swiper-slide-active::before {
  opacity: 0;
}

.facility-item__slide__item img {
  width: 100%;
}

.facility-item__slide__thumb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 1.4rem;
  margin-left: -.6rem;
}

.facility-item__slide__thumb-item {
  overflow: hidden;
  position: relative;
  cursor: pointer;
  width: 10rem;
  background: #000;
  margin-left: .6rem;
}

.facility-item__slide__thumb-item.is-current {
  pointer-events: none;
}

.facility-item__slide__thumb-item.is-current::after {
  opacity: 1;
}

.facility-item__slide__thumb-item::before {
  content: "";
  display: block;
  width: 100%;
  padding-top: 71.428%;
}

.facility-item__slide__thumb-item::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 3px solid #00a0e7;
  opacity: 0;
  -webkit-transition: opacity .75s ease;
          transition: opacity .75s ease;
}

.facility-item__slide__thumb-item img {
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: 100%;
  max-height: 100%;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  /*: "object-fit: cover;";*/

  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.facility-item__image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 2rem;
}

.facility-item__image img {
  width: 50%;
}

.specs-block {
  margin-top: 6rem;
}

.specs-block__list {
  width: 100%;
  background: #fff;
  margin: 2rem auto 0;
  border-collapse: collapse;
}

.specs-block__list thead tr:nth-child(1) th:nth-child(1) {
  width: 26rem;
}

.specs-block__list thead tr:nth-child(1) th:nth-child(2) {
  width: 26rem;
}

.specs-block__list thead tr:nth-child(1) th:last-child {
  width: 10rem;
}

.specs-block__list tbody tr:nth-child(even) {
  background: #f8f8f8;
}

.specs-block__list th {
  text-align: center;
  background-color: #f6f8fb;
  border: 1px solid #e1e1e1;
  padding: 1.5rem;
}

.specs-block__list th small {
  margin-left: .6rem;
}

.specs-block__list td {
  border: 1px solid #e1e1e1;
  padding: 1.5rem 2rem;
}

.specs-block__list td:last-child {
  text-align: center;
}

.recruit {
  /*
  &__catch {
    : $font-ja-serif;
    text-align: center;
    font-size: 2.4rem;
    background: #f8f8f8;
    border: 1px solid #e1e1e1;
    padding: 8rem 4rem;
    @include mq-sp {
      font-size: 2rem;
      padding: 2rem;
    }
  }
  &__message {
    &__catch {
      : $font-ja-serif;
      text-align: center;
      font-size: 3.2rem;
      @include mq-sp {
        font-size: 2rem;
      }
    }
    &__row {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      margin-top: 5rem;
      @include mq-sp {
        margin-top: 2rem;
      }
    }
    &__txt {
      width: 48%;
      line-height: 2.2;
      margin-top: 2rem;
      @include mq-sp {
        width: 100%;
        line-height: 2;
        margin-top: 0;
      }
    }
    &__image {
      width: 48%;
      @include mq-sp {
        width: 100%;
        margin-top: 2rem;
      }
    }
  }
  &__interview {
    margin-top: 12rem;
    @include mq-sp {
      margin-top: 8rem;
    }
  }
  */
}

.recruit .page-title {
  background: url(../images/page-title_bg.jpg) center center/cover no-repeat;
}

.recruit__read {
  line-height: 2.4;
  /*: "Noto Serif JP", serif;*/

  text-align: center;
  font-size: 2.2rem;
  text-align: center;
}

.recruit__outline {
  margin-top: 12rem;
  : Yu Mincho;
}

.recruit__btn {
  width: 48rem;
  height: 8rem;
  /*: "Noto Serif JP", serif;*/

  font-size: 2rem;
  margin: 5rem auto 0;
}

.recruit-outline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 6rem;
}

.recruit-outline__ttl {
  width: 24rem;
  font-weight: 500;
  background: #f0f9fe;
  padding: 2rem 0 1.9rem 2rem;
  border-bottom: 1px solid #e1e1e1;
}

.recruit-outline__ttl:nth-of-type(1) {
  border-top: 1px solid #e1e1e1;
}

.recruit-outline__body {
  width: calc(100% - 24rem);
  margin-bottom: 0;
  padding: 2rem 0 1.9rem 3rem;
  border-bottom: 1px solid #e1e1e1;
}

.recruit-outline__body:nth-of-type(1) {
  border-top: 1px solid #e1e1e1;
}

.information .page-title {
  background: url(../images/page-title_bg.jpg) center center/cover no-repeat;
}

.info-list {
  max-width: 100rem;
  border-top: 1px solid #dadada;
  margin-top: 5rem;
  margin-right: auto;
  margin-left: auto;
}

.info-list__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid #dadada;
  padding: 2rem 0;
}

.info-list__item__date {
  width: 14rem;
  /*: "Lato", sans-serif;*/

  color: #666;
}

.info-list__item__ttl {
  width: calc(100% - 14rem);
}

.info-list__item__ttl a {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

.info-detail {
  max-width: 100rem;
  margin: auto;
}

.info-detail__ttl {
  font-size: 2.6rem;
  font-weight: 500;
  border-bottom: 1px solid #e1e1e1;
  padding-bottom: 2rem;
}

.info-detail__date {
  display: block;
  text-align: right;
  margin-top: 2rem;
}

.info-detail__content {
  border-bottom: 1px solid #e1e1e1;
  margin-top: 4rem;
  padding-bottom: 6rem;
}

.info-detail__content p {
  margin-top: 2rem;
}

.info-detail__content p:first-child {
  margin-top: 0;
}

.info-detail__content h3 {
  position: relative;
  font-size: 2.4rem;
  font-weight: 500;
  margin-top: 4rem;
}

.info-detail__content h3:nth-child(1) {
  margin-top: 0;
}

.info-detail__content h3:first-child {
  margin-top: 0;
}

.info-detail__content h4 {
  font-size: 2rem;
  font-weight: 500;
  margin-top: 3rem;
}

.info-detail__content h4:first-child {
  margin-top: 0;
}

.info-detail__content h5 {
  font-size: 1.8rem;
  font-weight: 500;
  margin-top: 3rem;
}

.info-detail__content h5:first-child {
  margin-top: 0;
}

.info-detail__content a {
  color: #00a0e7;
  text-decoration: underline;
}

.info-detail__content a:hover {
  text-decoration: none;
}

.info-detail__content hr {
  border: none;
  padding: 0 0 3rem 0;
  margin: 0;
  line-height: 0;
  font-size: 0;
  height: 1px;
}

.info-detail__content ul {
  margin: 2rem 0 0;
}

.info-detail__content ul:first-child {
  margin-top: 0;
}

.info-detail__content ul li {
  position: relative;
  padding-left: 12px;
}

.info-detail__content ul li::before {
  content: "";
  position: absolute;
  top: .75em;
  left: 0;
  width: .5rem;
  height: .5rem;
  background: #00a0e7;
  border-radius: 50%;
}

.info-detail__content ul li + li {
  margin-top: 8px;
}

.info-detail__content ul ul {
  margin: 0;
  padding-left: 8px;
}

.info-detail__content ol {
  counter-reset: number;
  margin: 2rem 0 0;
}

.info-detail__content ol:first-child {
  margin-top: 0;
}

.info-detail__content ol > li {
  position: relative;
  padding-left: 2rem;
}

.info-detail__content ol > li::before {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  counter-increment: number;
  content: counter(number) ".";
  margin-right: 4px;
}

.info-detail__content ol > li + li {
  margin-top: 8px;
}

.info-detail__btn {
  margin: 6rem auto 0;
}

.contact .page-title {
  background: url(../images/page-title_bg.jpg) center center/cover no-repeat;
}

.contact__box {
  width: 100%;
  text-align: center;
  background: #f8f8f8;
  border: 1px solid #e1e1e1;
  margin: 0 auto;
  padding: 4rem;
}

.contact__box__ttl {
  font-size: 1.8rem;
}

.contact__box__tel {
  display: inline-block;
  /*: "Lato", sans-serif;*/

  font-size: 3.8rem;
  font-weight: 900;
  letter-spacing: .1em;
  color: #00a0e7;
  margin-top: .6rem;
  pointer-events: none;
}

.contact__box__txt {
  font-size: 1.3rem;
  color: #555;
  margin-top: .6rem;
}

.form__ttl-label {
  float: right;
  font-size: 1.2rem;
  background: #dadada;
  padding: .1rem .8rem;
}

.form__ttl-label--required {
  color: #fff;
  background: #d40000;
}

.form__table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  text-align: left;
  line-height: 1.8;
  margin: 0 auto;
}

.form__table tr:first-child td {
  border-top: 1px solid #e1e1e1;
}

.form__table th {
  overflow: hidden;
  width: 30rem;
  font-weight: bold;
  vertical-align: top;
  background: #f0f9fe;
  border-bottom: 1px solid #e1e1e1;
  padding: 3.2rem 2rem;
}

.form__table td {
  padding: 3.2rem;
  vertical-align: middle;
  border-bottom: 1px solid #e1e1e1;
}

.form__table input, .form__table textarea {
  color: #333;
  background: #fff;
  width: 100%;
  max-width: 50rem;
  border-radius: .3rem;
  border: solid 1px #dadada;
  margin: 0;
  padding: 1.6rem 1rem;
}

.form__table input.error, .form__table textarea.error {
  background: #fdf2f2;
  border: 1px solid #d40000;
}

.form__table .border-none th, .form__table .border-none td {
  border-bottom: none;
}

.form__table .postal input {
  max-width: 16.8rem;
  margin-right: 1.8rem;
}

.form__table .postal__btn {
  display: inline-block;
  font-size: 1.2rem;
  color: #fff;
  background: #00a0e7;
  padding: 1rem 2rem;
}

.form__table .postal__btn:hover {
  opacity: .8;
}

.form__table .select-wrap {
  position: relative;
  display: inline-block;
  background: #fff;
  margin-right: 1.6rem;
}

.form__table .select-wrap::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto 0;
  right: 1.8rem;
  width: .5em;
  height: .5em;
  border-right: solid 2px #333;
  border-bottom: solid 2px #333;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  z-index: 1;
  pointer-events: none;
}

.form__table .radio {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column;
      flex-flow: column;
}

.form__table .radio input[type="radio"] {
  position: absolute;
  opacity: 0;
  z-index: -1;
}

.form__table .radio input[type="radio"]:checked + label::after {
  opacity: 1;
}

.form__table .radio__label {
  position: relative;
  display: inline-block;
  line-height: 1;
  margin-bottom: 2.6rem;
  padding-left: 2.4rem;
  cursor: pointer;
}

.form__table .radio__label::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 1.8rem;
  height: 1.8rem;
  background: #fff;
  border: 1px solid #999;
  border-radius: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.form__table .radio__label::after {
  opacity: 0;
  content: "";
  position: absolute;
  top: 50%;
  left: .9rem;
  width: .9rem;
  height: .9rem;
  background: #00a0e7;
  border-radius: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.form__table .radio__label:last-of-type {
  margin-bottom: 0;
}

.form__table select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: #fff;
  border: solid 1px transparent;
  position: relative;
  z-index: 1;
  border: 1px solid #dadada;
  border-radius: .3rem;
  padding: 1.6rem 3.4em 1.6rem 1rem;
  -webkit-transition: .5s;
          transition: .5s;
}

.form__table select::-ms-expand {
  display: none;
}

.form__table input[type="submit"] {
  margin: 2.4rem 0;
  cursor: pointer;
}

.form__table textarea {
  max-width: 100%;
  height: 30rem;
}

.form__txt {
  text-align: center;
  margin: 4rem 0;
}

.form__btn {
  letter-spacing: .1em;
  color: #fff;
  cursor: auto;
  margin: 6rem auto 0;
  padding: 0;
  -webkit-transition: background .2s linear;
          transition: background .2s linear;
  cursor: pointer;
}

.form__btn.is-disabled {
  pointer-events: none;
  cursor: default;
  border-color: #ccc;
}

.form__btn.is-disabled::before {
  background: #ccc;
}

.form__return-btn {
  letter-spacing: .1em;
  border-color: #ccc;
  margin: 0 auto;
}

.form__return-btn::before {
  background: #ccc;
}

.form__privacy {
  margin: 5rem auto;
}

.form__privacy-check {
  text-align: center;
  margin-bottom: 0;
}

.form__privacy-check .checkbox {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: background-color .2s linear;
          transition: background-color .2s linear;
  position: relative;
  display: inline-block;
  padding: 1.2rem 1.2rem 1.2rem 4.2rem;
  vertical-align: middle;
  cursor: pointer;
}

.form__privacy-check .checkbox::before {
  -webkit-transition: opacity .2s linear;
          transition: opacity .2s linear;
  position: absolute;
  top: 50%;
  left: 2.1rem;
  display: block;
  margin-top: -.6rem;
  width: .5rem;
  height: 1rem;
  border-right: 2px solid #00a0e7;
  border-bottom: 2px solid #00a0e7;
  content: "";
  opacity: 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  z-index: 10;
}

.form__privacy-check .checkbox::after {
  -webkit-transition: border-color .2s linear;
          transition: border-color .2s linear;
  position: absolute;
  top: 50%;
  left: 1.5rem;
  display: block;
  margin-top: -.8rem;
  width: 1.6rem;
  height: 1.6rem;
  background: #fff;
  border: 1px solid #bbb;
  border-radius: .3rem;
  content: "";
}

.form__privacy-check input[type=checkbox] {
  display: none;
}

.form__privacy-check input[type=checkbox]:checked + .checkbox:before {
  opacity: 1;
}

.form__privacy-check a {
  text-decoration: underline;
}

.form__thanks {
  font-size: 1.6rem;
  text-align: center;
  margin-top: 8rem;
}

.form label.error {
  display: block;
  font-size: 1.2rem;
  color: #d40000;
  margin: .6rem 0 0;
}

.privacy .page-title {
  background: url(../images/page-title_bg.jpg) center center/cover no-repeat;
}

.privacy .page-content .inner {
  max-width: 100rem;
}

.privacy-list {
  margin-top: 6rem;
}

.privacy-list__item + .privacy-list__item {
  margin-top: 5rem;
}

.privacy-list__ttl {
  font-weight: 700;
  background: #ecf0f4;
  padding: 1.6rem 2rem;
}

.privacy-list__txt {
  margin-top: 2rem;
  padding-left: 2rem;
}

@-webkit-keyframes fadein-overlay {
  0% {
    left: 0;
    width: 0;
  }

  50% {
    left: 0;
    width: 100%;
  }

  50% {
    left: 0;
    width: 100%;
  }

  100% {
    left: 100%;
    width: 100%;
  }
}

@keyframes fadein-overlay {
  0% {
    left: 0;
    width: 0;
  }

  50% {
    left: 0;
    width: 100%;
  }

  50% {
    left: 0;
    width: 100%;
  }

  100% {
    left: 100%;
    width: 100%;
  }
}

@font-face {
  /*: "swiper-icons";*/

  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
  font-weight: 400;
  font-style: normal;
}

:root {
  --swiper-theme-color: #007aff;
}

.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
}

.swiper-container-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
      flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition-property: -webkit-transform;
          transition-property: -webkit-transform;
          transition-property:         transform;
          transition-property:         transform, -webkit-transform;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}

.swiper-container-android .swiper-slide, .swiper-wrapper {
  -webkit-transform: translate3d(0px, 0, 0);
          transform: translate3d(0px, 0, 0);
}

.swiper-container-multirow > .swiper-wrapper {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.swiper-container-multirow-column > .swiper-wrapper {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
      flex-direction: column;
}

.swiper-container-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
          transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-slide {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-transition-property: -webkit-transform;
          transition-property: -webkit-transform;
          transition-property:         transform;
          transition-property:         transform, -webkit-transform;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

/* Auto Height */

.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
  height: auto;
}

.swiper-container-autoheight .swiper-wrapper {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-transition-property: height, -webkit-transform;
          transition-property: height, -webkit-transform;
          transition-property: transform, height;
          transition-property: transform, height, -webkit-transform;
}

/* 3D Effects */

.swiper-container-3d {
  -webkit-perspective: 1200px;
          perspective: 1200px;
}

.swiper-container-3d .swiper-wrapper, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-cube-shadow {
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}

.swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.swiper-container-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
}

/* CSS Mode */

.swiper-container-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */
}

.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}

.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
  -ms-scroll-snap-type: x mandatory;
      scroll-snap-type: x mandatory;
}

.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
  -ms-scroll-snap-type: y mandatory;
      scroll-snap-type: y mandatory;
}

:root {
  /*
  --swiper-pagination-color: var(--swiper-theme-color);
  */
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: 300ms opacity;
          transition: 300ms opacity;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

/* Common Styles */

.swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 10px;
  left: 0;
  width: 100%;
}

/* Bullets */

.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transform: scale(.33);
          transform: scale(.33);
  position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  -webkit-transform: scale(1);
          transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  -webkit-transform: scale(1);
          transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  -webkit-transform: scale(.66);
          transform: scale(.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  -webkit-transform: scale(.33);
          transform: scale(.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  -webkit-transform: scale(.66);
          transform: scale(.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  -webkit-transform: scale(.33);
          transform: scale(.33);
}

.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: .2;
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-bullet-active {
  opacity: 1;
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  -webkit-transform: translate3d(0px, -50%, 0);
          transform: translate3d(0px, -50%, 0);
}

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 6px 0;
  display: block;
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 8px;
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  -webkit-transition: 200ms top, 200ms -webkit-transform;
          transition: 200ms top, 200ms -webkit-transform;
          transition: 200ms transform, 200ms top;
          transition: 200ms transform, 200ms top, 200ms -webkit-transform;
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px;
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  white-space: nowrap;
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: 200ms left, 200ms -webkit-transform;
          transition: 200ms left, 200ms -webkit-transform;
          transition: 200ms transform, 200ms left;
          transition: 200ms transform, 200ms left, 200ms -webkit-transform;
}

.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: 200ms right, 200ms -webkit-transform;
          transition: 200ms right, 200ms -webkit-transform;
          transition: 200ms transform, 200ms right;
          transition: 200ms transform, 200ms right, 200ms -webkit-transform;
}

/* Progress */

.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, .25);
  position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transform-origin: left top;
          transform-origin: left top;
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  -webkit-transform-origin: right top;
          transform-origin: right top;
}

.swiper-container-horizontal > .swiper-pagination-progressbar, .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}

.swiper-container-vertical > .swiper-pagination-progressbar, .swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}

.swiper-pagination-white {
  --swiper-pagination-color: #fff;
}

.swiper-pagination-black {
  --swiper-pagination-color: #000;
}

.swiper-pagination-lock {
  display: none;
}

:root {
  --swiper-navigation-size: 44px;
  /*
  --swiper-navigation-color: var(--swiper-theme-color);
  */
}

.swiper-button-prev, .swiper-button-next {
  position: absolute;
  top: 50%;
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(-1 * var(--swiper-navigation-size) / 2);
  z-index: 10;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}

.swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled {
  opacity: .35;
  cursor: auto;
  pointer-events: none;
}

.swiper-button-prev:after, .swiper-button-next:after {
  /*: swiper-icons;*/

  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  text-transform: none;
  font-variant: initial;
  line-height: 1;
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
  left: 10px;
  right: auto;
}

.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after {
  content: "prev";
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
  right: 10px;
  left: auto;
}

.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after {
  content: "next";
}

.swiper-button-prev.swiper-button-white, .swiper-button-next.swiper-button-white {
  --swiper-navigation-color: #fff;
}

.swiper-button-prev.swiper-button-black, .swiper-button-next.swiper-button-black {
  --swiper-navigation-color: #000;
}

.swiper-button-lock {
  display: none;
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
          transition-timing-function: ease-out;
}

.swiper-container-fade .swiper-slide {
  pointer-events: none;
  -webkit-transition-property: opacity;
          transition-property: opacity;
}

.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

/* Preloader */

:root {
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  */
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
          transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s infinite linear;
          animation: swiper-preloader-spin 1s infinite linear;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}

@-webkit-keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

.u-mt0 {
  margin-top: 0 !important;
}

.u-mt10 {
  margin-top: 1rem;
}

.u-mt20 {
  margin-top: 2rem;
}

.u-mt30 {
  margin-top: 3rem;
}

.u-mt40 {
  margin-top: 4rem;
}

.u-mt50 {
  margin-top: 5rem;
}

.u-mt60 {
  margin-top: 6rem;
}

.u-mb0 {
  margin-bottom: 0 !important;
}

.u-mb10 {
  margin-bottom: 1rem;
}

.u-mb20 {
  margin-bottom: 2rem;
}

.u-mb30 {
  margin-bottom: 3rem;
}

.u-mb40 {
  margin-bottom: 4rem;
}

.u-mb50 {
  margin-bottom: 5rem;
}

.u-mb60 {
  margin-bottom: 6rem;
}

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

  .header__logo a {
    -webkit-transition: opacity .35s;
            transition: opacity .35s;
  }

  .header__logo a:hover {
    opacity: .8;
  }

  .overlay {
    display: none;
  }

  .menu__item a:hover span::after {
    width: 100%;
  }

  .menu__item span {
    position: relative;
  }
  .menu__item a{
    position: relative;
  }
  .menu__item a::after {
    content: "";
    position: absolute;
    bottom: 1.8rem!important;
    left: 0;
    width: 0;
    height: 1px;
    background: #00a0e7;
    -webkit-transition: width .35s ease;
            transition: width .35s ease;
  }

  .menu__item--contact span::after {
    background: #fff;
  }

  .menu__item--dropdown:hover .dropdown {
    opacity: 1;
    visibility: visible;
  }

  .sp-toggle {
    display: none;
  }

  .page-link__item__link:hover .page-link__item__image img {
    -webkit-transform: translate(-50%, -50%) scale(1.2);
            transform: translate(-50%, -50%) scale(1.2);
  }

  .pagination {
    text-align: right;
    margin-top: 8rem;
  }

  .pagination ul {
    margin-left: -1rem;
  }

  .pagination li {
    margin-left: 1rem;
  }

  .home .header {
    -webkit-transition: background .5s;
            transition: background .5s;
  }

  .home .header.is-bg-white {
    background: #fff;
  }

  .top-contents__box:hover .top-contents__box__image img {
    -webkit-transform: scale(1.18);
            transform: scale(1.18);
  }

  .top-contents__box .top-contents__box__image img {
    -webkit-transition: -webkit-transform .75s ease;
            transition: -webkit-transform .75s ease;
            transition:         transform .75s ease;
            transition:         transform .75s ease, -webkit-transform .75s ease;
  }

  .company-nav__item a {
    -webkit-transition: background .35s;
            transition: background .35s;
  }

  .company-nav__item a:hover {
    background: #f6f8fb;
  }
}

@media only screen and (min-width: 1025px) {
  .btn:hover {
    color: #00a0e7;
  }

  .btn:hover::before {
    -webkit-transform: translateX(100%) skew(20deg);
            transform: translateX(100%) skew(20deg);
  }

  .cmn-contact__btn-form:hover {
    color: #fff;
  }

  .cmn-contact__btn-tel {
    pointer-events: none;
  }

  .info-detail__btn:hover::before {
    -webkit-transform: translateX(-100%) skew(20deg);
            transform: translateX(-100%) skew(20deg);
  }

  .form__table .border-none th, .form__table .border-none td {
    padding-bottom: 0;
  }
}

@media only screen and (max-width: 1240px) {
  html {
    font-size: calc(100vw / 130);
  }
}

@media only screen and (max-width: 767px) {
  html {
    font-size: calc(100vw / 37.5);
    scroll-padding-top: 65px;
  }

  body {
    font-size: 1.3rem;
  }

  .inner {
    max-width: 100%;
    padding: 0 1.5rem;
    : Yu Mincho;
  }

  .pc-only {
    display: none !important;
  }

  .l-wrapper {
    padding-top: 55px;
  }

  .l-content__layer {
    top: 20rem;
  }

  .header {
    height: 55px;
    background: #fff;
    padding-left: 10px;
  }

  .header__logo img {
    height: 34px;
  }

  .header__body {
    overflow-y: scroll;
    position: fixed;
    top: 55px;
    right: 0;
    bottom: 0;
    left: 12rem;
    background: #00a0e7;
    margin: 0;
    padding: 4rem;
    z-index: 10;
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    -webkit-transition: -webkit-transform .35s;
            transition: -webkit-transform .35s;
            transition:         transform .35s;
            transition:         transform .35s, -webkit-transform .35s;
  }

  .is-menu-open .header__body {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }

  .menu {
    display: block;
  }

  .menu__item {
    height: auto;
    font-size: 1.4rem;
  }

  .menu__item a {
    color: #fff;
  }

  .menu__item + .menu__item {
    margin: 2rem 0 0 0;
  }

  .menu__item + .menu__item--contact {
    margin: 2rem 0 0 0;
  }

  .menu__item--contact {
    padding: 0;
  }

  .dropdown {
    display: none;
  }

  .dropdown__ttl::before {
    font-size: 4.6rem;
  }

  .section {
    padding: 5rem 0;
  }

  .btn:hover {
    color: #fff;
  }

  .cmn-contact {
    padding: 6rem 0;
  }

  .cmn-contact__txt {
    margin-top: 3rem;
  }

  .cmn-contact__btn-wrap {
    display: block;
  }

  .cmn-contact__btn-form {
    margin: 0 auto;
  }

  .cmn-contact__btn-form:hover {
    color: #00a0e7;
  }

  .cmn-contact__btn-tel {
    font-size: 1.5rem;
    margin: 2rem auto 0;
  }

  .footer__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
        flex-flow: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
  }

  .footer__logo img {
    height: 4.4rem;
  }

  .footer__address {
    margin-top: 1.6rem;
    color: black;
  }

  .footer__sitemap {
    padding-top: 2rem;
  }

  .footer__sitemap__list {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }

  .footer__sitemap__item {
    width: 20%;
    font-size: 1.2rem;
    margin-top: 1rem;
  }

  .footer__sitemap__item + .footer__sitemap__item {
    margin-left: 0;
  }

  .footer__sitemap__btn {
    width: 16rem;
    height: 4rem;
    margin: 2.4rem auto 0;
  }

  .page-top {
    right: 2%;
  }

  .page-top a {
    width: 4rem;
    height: 4rem;
  }

  .page-title {
    height: 18.8rem;
    padding-bottom: 2rem;
  }

  .page-title__ttl {
    font-size: 2.2rem;
    padding-top: 2rem;
  }

  .page-title__ttl::before {
    font-size: 4.2rem;
  }

  .breadcrumbs li {
    font-size: 12px;
    font-size: 3.2vw;
  }

  .breadcrumbs li:first-child a {
    width: 1.8rem;
    height: 1.8rem;
  }

  .page-content {
    padding: 4rem 0 6rem;
  }

  .page-content__ttl {
    font-size: 1.5rem;
    margin-top: 5rem;
  }

  .page-content__ttl::before {
    font-size: 2.2rem;
  }

  .page-link {
    margin-top: 4rem;
    padding-top: 4rem;
  }

  .page-link__item {
    width: 100%;
  }

  .page-link__item + .page-link__item {
    margin-top: 1rem;
  }

  .page-link__item__ttl::before {
    font-size: 2.2rem;
  }

  .home .header {
    background: #fff;
  }

  .main-visual {
    height: 90vh;
  }

  .main-visual__main {
    padding: 0 1rem;
  }

  .main-visual__catch {
    font-size: 3.6rem;
  }

  .main-visual__catch-en {
    font-size: 1.2rem;
  }

  .main-visual__txt {
    font-size: 1.8rem;
    text-align: center;
    margin-top: 3rem;
  }

  .title-index {
    font-size: 2rem;
    padding-top: 1.4rem;
  }

  .title-index::before {
    font-size: 4.6rem;
  }

  .top-about__row {
    display: block;
    margin-top: 3rem;
  }

  .top-about__body {
    width: 100%;
    padding-top: 0;
  }

  .top-about__catch {
    font-size: 2rem;
  }

  .top-about__txt {
    margin-top: 2rem;
  }

  .top-about .btn {
    margin: 3rem auto 0;
  }

  .top-about__image {
    display: block;
    width: 100%;
    height: auto;
    padding-bottom: calc(100% * 460 / 690);
    margin-top: 3rem;
  }

  .top-about__image__item--01 .top-about__image__obj img {
    width: 25rem;
  }

  .is-hide .top-about__image__item--01 .top-about__image__obj img {
    width: 30rem;
  }

  .is-fadein .top-about__image__item--01 .top-about__image__obj img {
    width: 25rem;
  }

  .top-about__image__obj img {
    width: 12rem;
  }

  .is-hide .top-about__image__obj img {
    width: 16rem;
  }

  .is-fadein .top-about__image__obj img {
    width: 12rem;
  }

  .top-about__bg-01 {
    width: 12.6rem;
    height: 12.6rem;
  }

  .top-contents__products {
    max-width: 100%;
    margin-top: 3rem;
  }

  .top-contents__products__image {
    width: 100%;
    height: 26rem;
  }

  .top-contents__products__body {
    position: static;
    width: calc(100% - 3rem);
    margin: -2rem auto 0;
    padding: 2.8rem 2rem;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }

  .top-contents__products__body .title-index {
    font-size: 1.8rem;
    padding-top: 1rem;
  }

  .top-contents__products__body .title-index::before {
    font-size: 3.8rem;
  }

  .top-contents__products__txt {
    margin-top: 1.4rem;
  }

  .top-contents__products .btn {
    margin: 2rem auto 0;
  }

  .top-contents__box-wrap {
    display: block;
    margin-top: 4rem;
  }

  .top-contents__box {
    width: 100%;
    height: 24rem;
  }

  .top-contents__box--facility.is-fadein {
    -webkit-transition-delay: 0;
            transition-delay: 0;
  }

  .top-contents__box__ttl::before {
    font-size: 2.6rem;
  }

  .top-contents__box__ttl::after {
    width: 15rem;
    height: 15rem;
  }

  .top-contents__bg-02 {
    width: 11rem;
    height: 11rem;
  }

  .top-recruit {
    padding: 6rem 0;
  }

  .top-recruit .title-index {
    font-size: 2rem;
  }

  .top-recruit__catch {
    font-size: 1.7rem;
    margin-top: 3rem;
  }

  .top-recruit__btn {
    margin-top: 3rem;
  }

  .top-recruit__btn .btn {
    margin-right: auto;
    margin-left: auto;
  }

  .top-movie {
    padding: 6rem 3.5rem;
  }

  .top-movie__slide {
    margin-top: 3rem;
  }

  .top-movie__arrow {
    display: none;
  }

  .top-info__list {
    margin-top: 3rem;
  }

  .top-info .btn {
    margin-top: 3rem;
  }

  .top-info__bg-01 {
    width: 9rem;
    height: 9rem;
  }

  .top-info__bg-02 {
    width: 14rem;
    height: 14rem;
  }

  .top-info__bg-03 {
    width: 11rem;
    height: 11rem;
  }

  .products-list__item {
    width: 100%;
    margin-top: 3rem;
  }

  .products-list__body {
    padding-top: 1rem;
  }

  .products-list__ttl {
    font-size: 1.5rem;
    margin-top: .6rem;
  }
  .products-list__ttl img{
    margin-left: 5px;
  }
  .products-list__description {
    margin-top: 1rem;
  }

  .company__strength {
    padding-bottom: 4rem;
  }

  .company__strength__catch {
    font-size: 2rem;
  }

  .company__strength__txt {
    margin-top: 2rem;
  }

  .company__strength__txt br {
    display: none;
  }

  .company-nav__list {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    border: none;
    border-top: 1px solid #00a0e7;
    border-left: 1px solid #00a0e7;
  }

  .company-nav__item {
    width: 50%;
    font-size: 1.3rem;
    border-right: 1px solid #00a0e7;
    border-bottom: 1px solid #00a0e7;
  }

  .company-nav__item a {
    width: 100%;
  }

  .company-nav__item + .company-nav__item::before {
    display: none;
  }

  .company-section {
    padding: 6rem 0;
  }

  .company-section:nth-of-type(2) {
    padding-top: 4rem;
  }

  .company-section--pb0 {
    padding-bottom: 0;
  }

  .message-block {
    margin-top: 4rem;
  }

  .message-block__image {
    width: 100%;
  }

  .message-block__body {
    position: relative;
    width: 100%;
    padding-top: 2rem;
    : Yu Mincho;
  }

  .message-block__catch {
    font-size: 2rem;
  }

  .message-block__txt {
    margin-top: 1rem;
  }

  .message-block__signature {
    margin-top: 2rem;
  }

  .message-block__signature span {
    font-size: 1.8rem;
  }

  .message-box {
    margin-top: 4rem;
    padding: 2rem;
  }

  .message-box__ttl {
    font-size: 2.2rem;
  }

  .message-box__list__item {
    font-size: 1.6rem;
    padding-left: 3rem;
  }

  .strength__txt {
    margin-top: 4rem;
  }

  .strength-point {
    margin-top: 5rem;
    padding: 5rem 0;
  }

  .strength-point__num {
    font-size: 1.3rem;
  }

  .strength-point__num span {
    font-size: 2.2rem;
  }

  .strength-point__ttl {
    font-size: 2.2rem;
    margin-top: 1rem;
  }

  .strength-point__txt {
    text-align: left;
    margin-top: 2rem;
  }

  .strength-point__image {
    margin-top: 2rem;
  }

  .strength-point .btn {
    margin-top: 3rem;
  }

  .company-profile {
    display: block;
    margin-top: 4rem;
  }

  .company-profile__ttl {
    width: 100%;
    padding: 1rem 1.4rem 1rem;
    border-bottom: none;
  }

  .company-profile__body {
    width: 100%;
    border-color: #e1e1e1;
    padding: 1rem 1.4rem 2rem;
  }

  .company-profile__licence > p {
    max-width: 14rem;
  }

  .company-profile__items > dt {
    width: 100%;
    font-weight: 700;
    border-bottom: none;
    padding-top: 1rem;
    padding-bottom: 0;
  }

  .company-profile__items > dd {
    width: 100%;
    padding-top: .4rem;
    padding-bottom: 1rem;
  }

  .company-profile__list > li {
    width: 100%;
  }

  .history {
    background: #00a0e7;
    margin-top: 5rem;
  }

  .history::after {
    background: #00a0e7;
  }

  .history__inner {
    padding: 6rem 0;
  }

  .history__content {
    margin: 3rem 0 0 0;
    padding-bottom: 1rem;
  }

  .history__content::-webkit-scrollbar {
    width: 3px;
    height: 3px;
  }

  .history__item__date {
    font-size: 1.3rem;
  }

  .environment__ttl {
    font-size: 2.2rem;
    margin-top: 4rem;
  }

  .environment__sub-ttl {
    font-size: 2rem;
    margin-top: 3rem;
  }

  .environment__sub-ttl:nth-of-type(1) {
    margin-top: 0;
  }

  .environment__txt {
    margin-top: 1rem;
  }

  .environment__txt br {
    display: none;
  }

  .environment__revision {
    font-size: 1.2rem;
    margin-top: 2rem;
  }

  .factory__map {
    margin-top: 4rem;
    padding-top: 4rem;
  }

  .factory__map iframe {
    height: 30rem;
  }

  .factory-block {
    margin-top: 4rem;
  }

  .factory-block__image {
    width: 100%;
  }

  .factory-block__body {
    width: 100%;
  }

  .factory-block__read {
    font-size: 1.6rem;
    margin-top: 1.6rem;
  }

  .factory-block__address {
    margin-top: 2rem;
  }

  .factory-block__data {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-top: 3rem;
    padding: 1.6rem 1.4rem 1.6rem 2rem;
  }

  .factory-block__data__ttl {
    width: 8rem;
  }

  .factory-block__data__ttl::before {
    margin-right: .6rem;
  }

  .factory-block__data__body {
    width: calc(50% - 8rem);
    text-align: right;
    margin-left: 0;
    padding-right: 1.4rem;
  }

  .factory-block__data__body + .factory-block__data__ttl {
    margin-left: 0;
  }

  .facility__ttl {
    font-size: 1.6rem;
  }

  .facility__ttl span {
    font-size: 1.3rem;
    text-indent: 1em;
    margin-left: 0;
  }

  .facility-item {
    margin-top: 4rem;
  }

  .facility-item + .facility-item {
    margin-top: 3rem;
  }

  .facility-item__slide__thumb {
    margin-top: .8rem;
  }

  .specs-block {
    margin-top: 3rem;
  }

  .specs-block__list {
    font-size: 1.1rem;
  }

  .specs-block__list thead tr:nth-child(1) th:nth-child(1) {
    width: 8rem;
  }

  .specs-block__list thead tr:nth-child(1) th:nth-child(2) {
    width: 8rem;
  }

  .specs-block__list thead tr:nth-child(1) th:last-child {
    width: 6rem;
  }

  .specs-block__list th {
    padding: 1rem .6rem;
  }

  .specs-block__list th small {
    display: block;
    margin: 0;
  }

  .specs-block__list td {
    padding: 1.4rem .6rem;
  }

  .recruit__read {
    font-size: 1.6rem;
  }

  .recruit__outline {
    margin-top: 6rem;
  }

  .recruit__btn {
    width: 92%;
    max-width: 40rem;
    height: 6rem;
    font-size: 1.6rem;
  }

  .recruit-outline {
    display: block;
    margin-top: 4rem;
  }

  .recruit-outline__ttl {
    width: 100%;
    padding: 1rem 1.4rem 1rem;
    border-bottom: none;
  }

  .recruit-outline__body {
    width: 100%;
    border-color: #e1e1e1;
    padding: 1rem 1.4rem 2rem;
  }

  .info-list {
    margin-top: 4rem;
  }

  .info-list__item {
    display: block;
    padding: 1.2rem 0;
  }

  .info-list__item__ttl {
    width: 100%;
    margin-top: .2rem;
  }

  .info-list__item__ttl a {
    -webkit-line-clamp: 2;
  }

  .info-detail__ttl {
    font-size: 18px;
    font-size: 4.8vw;
    padding-bottom: 1.4rem;
  }

  .info-detail__date {
    margin-top: 1.4rem;
  }

  .info-detail__content {
    margin-top: 2rem;
    padding-bottom: 4rem;
  }

  .info-detail__content h3 {
    font-size: 18px;
    font-size: 4.8vw;
    margin-top: 3rem;
  }

  .info-detail__content h4 {
    font-size: 16px;
    font-size: 4.26667vw;
    margin-top: 3rem;
  }

  .info-detail__content h5 {
    font-size: 16px;
    font-size: 4.26667vw;
    margin-top: 3rem;
  }

  .info-detail__content hr {
    padding-bottom: 2rem;
  }

  .info-detail__content ul {
    padding-left: 1rem;
  }

  .info-detail__btn {
    margin-top: 4rem;
  }

  .contact__box {
    padding: 2rem;
  }

  .contact__box__ttl {
    font-size: 1.4rem;
  }

  .contact__box__tel {
    font-size: 3rem;
    pointer-events: auto;
  }

  .contact__box__txt {
    font-size: 1.2rem;
  }

  .form__ttl-label {
    font-size: 12px;
    font-size: 3.2vw;
  }

  .form__table tr:first-child td {
    border-top: none;
  }

  .form__table th {
    display: block;
    width: 100%;
    border-bottom: none;
    margin-bottom: .6rem;
    padding: 1.4rem 1.2rem 1.4rem;
  }

  .form__table td {
    display: block;
    width: 100%;
    margin-bottom: 1.4rem;
    padding: .8rem 1.2rem 1.6rem;
  }

  .form__table input, .form__table textarea {
    width: 100%;
  }

  .form__table .postal__btn {
    display: block;
    width: 55.46667vw;
    margin-top: .8rem;
  }

  .form__table .postal small {
    display: block;
  }

  .form__table select {
    padding: 1em 3.4em 1em 1em;
  }

  .form__btn {
    margin-top: 3rem;
  }

  .form__privacy {
    margin: 0 auto 3rem;
    padding: 1.4rem 1rem;
  }

  .form__privacy span {
    display: block;
  }

  .form__thanks {
    font-size: 15px;
    font-size: 4vw;
    margin-top: 6rem;
  }

  .privacy-list {
    margin-top: 2rem;
  }

  .privacy-list__item + .privacy-list__item {
    margin-top: 3rem;
  }

  .privacy-list__ttl {
    padding: 1rem;
  }

  .privacy-list__txt {
    margin-top: 1rem;
    padding-left: 1rem;
  }

  .u-mt20 {
    margin-top: 1rem;
  }

  .u-mt30 {
    margin-top: 1.5rem;
  }

  .u-mt40 {
    margin-top: 2rem;
  }

  .u-mt50 {
    margin-top: 2.5rem;
  }

  .u-mt60 {
    margin-top: 3rem;
  }

  .u-mb20 {
    margin-bottom: 1rem;
  }

  .u-mb30 {
    margin-bottom: 1.5rem;
  }

  .u-mb40 {
    margin-bottom: 2rem;
  }

  .u-mb50 {
    margin-bottom: 2.5rem;
  }

  .u-mb60 {
    margin-bottom: 3rem;
  }
}

@media only screen and (max-width: 1024px) and (min-width: 768px) {
  .section {
    padding: 8rem 0;
  }

  .company-profile__ttl {
    width: 14rem;
  }

  .company-profile__body {
    width: calc(100% - 14rem);
  }

  .recruit-outline__ttl {
    width: 14rem;
  }

  .recruit-outline__body {
    width: calc(100% - 14rem);
  }

  .info-detail__ttl {
    font-size: 2.2rem;
  }

  .form__table th {
    width: 24rem;
  }
}

@media all and (-ms-high-contrast: none) {
  .page-content__ttl::before {
    background-image: none;
    color: #00a0e7;
  }
}

@charset "UTF-8";

/*========================================================================

  reset

========================================================================*/

body.header-open .pbAreaWrapper1,
body.header-open .pbFooterArea {
	display: none;
}
p {
	margin-bottom: 0;
}
:root ol, :root ul {
	margin: 0;
	padding: 0;
}
.pbHeaderArea {
	overflow: visible;
}
.pbMainArea {
	overflow: visible;
}
.pbNested {
	clear: none;
	overflow: visible;
	min-width: 10px;
}
.pb-handle {
	width: auto!important;
	height: auto!important;
	min-height: auto!important;
	z-index: 1001!important;
	letter-spacing: normal;
	font-weight: normal!important;
}
.pb-handle:before,
.pb-handle:after {
	display: none;
}
.ui-dialog[aria-describedby="pb-component-tool-container"] {
	z-index: 1002!important;
}
.PLUGIN_OgpTagSetting pre {
	white-space: pre-wrap;
}

/*========================================================================

  header

========================================================================*/

#MegaMenu_Overlay {
	background: rgba(255,255,255,.5);
}
#GlobalNavWrap .MegaMenuArea {
	position: relative;
	box-shadow: 0 5px 20px rgba(0,0,0,0.3);
}
#GlobalNavWrap .MegaMenu_Content .Category_Content dt {
	margin-bottom: 10px;
}
#GlobalNavWrap .MegaMenu_Content .Related_Content p {
	margin-top: 5px;
	color: #666;
}
#GlobalNavWrap .MegaMenu_Content.MegaMenu_Products .Category_Content {
	display: flex;
	background: none;
}
#GlobalNavWrap .MegaMenu_Content.MegaMenu_Products .Category_Content dl {
	width: calc(100% / 3 - 64px);
}
#GlobalNavWrap .MegaMenu_Content.MegaMenu_Products .Category_Content dl + dl {
	margin-left: 48px;
	padding-left: 48px;
	border-left: 1px solid #ccc;
}
#GlobalNavWrap .MegaMenu_Content.MegaMenu_Products .Related_Content {
	display: flex;
}
#GlobalNavWrap .MegaMenu_Content.MegaMenu_Products .Related_Content > ul {
	width: 260px;
}
#GlobalNavWrap .MegaMenu_Content.MegaMenu_Products .Related_Content > ul:only-child {
	width: 100%;
}
#GlobalNavWrap .MegaMenu_Content.MegaMenu_Products .Related_Content > div.List--Image {
	width: calc(100% - 316px);
	margin-left: 23px;
	padding-left: 30px;
	border-left: 1px solid #ccc;
}
#GlobalNavWrap .MegaMenu_Content.MegaMenu_Products .Related_Content > div.List--Image > ul {
	display: flex;
	margin: 0 -15px;
	font-size: 95%;
	font-weight: bold;
}
#GlobalNavWrap .MegaMenu_Content.MegaMenu_Products .Related_Content > div.List--Image > ul > li {
	width: calc(100% / 2 - 30px);
	margin: 0 15px;
}
#GlobalNavWrap .MegaMenu_Content.MegaMenu_Products .Related_Content > div.List--Image .image {
	margin-bottom: 10px;
}
#GlobalNavWrap .MegaMenu_Content.MegaMenu_Products .Related_Content > div.List--Image .image img {
	width: 100%;
}
#GlobalNavWrap .MegaMenu_Content.MegaMenu_Industries,
#GlobalNavWrap .MegaMenu_Content.MegaMenu_Technical {
	letter-spacing: -.4em;
}
#GlobalNavWrap .MegaMenu_Content.MegaMenu_Industries .MegaMenu_ContentInner,
#GlobalNavWrap .MegaMenu_Content.MegaMenu_Technical .MegaMenu_ContentInner {
	display: inline-block;
	width: 610px;
	vertical-align: top;
	letter-spacing: normal;
}
#GlobalNavWrap .MegaMenu_Content.MegaMenu_Industries .MegaMenu_ContentInner:only-child,
#GlobalNavWrap .MegaMenu_Content.MegaMenu_Technical .MegaMenu_ContentInner:only-child {
	display: block;
	width: 900px;
}
#GlobalNavWrap .MegaMenu_Content.MegaMenu_Industries .List--Image,
#GlobalNavWrap .MegaMenu_Content.MegaMenu_Technical .List--Image {
	display: inline-block;
	width: 230px;
	margin-left: 30px;
	padding: 30px;
	background: #d2d7d9;
	vertical-align: top;
	letter-spacing: normal;
}
#GlobalNavWrap .MegaMenu_Content.MegaMenu_Industries .List--Image > ul,
#GlobalNavWrap .MegaMenu_Content.MegaMenu_Technical .List--Image > ul {
	margin-top: 10px;
	font-size: 95%;
	font-weight: bold;
}
#GlobalNavWrap .MegaMenu_Content.MegaMenu_Industries .List--Image .image,
#GlobalNavWrap .MegaMenu_Content.MegaMenu_Technical .List--Image .image {
	margin-bottom: 10px;
}
#GlobalNavWrap .MegaMenu_Content.MegaMenu_Industries .List--Image .image img,
#GlobalNavWrap .MegaMenu_Content.MegaMenu_Technical .List--Image .image img {
	width: 100%;
}
#GlobalNavWrap .MegaMenu_Content.MegaMenu_Industries .Category_Content {
	display: flex;
	background: none;
}
#GlobalNavWrap .MegaMenu_Content.MegaMenu_Industries .Category_Content dl {
	width: calc(100% / 2 - 64px);
}
#GlobalNavWrap .MegaMenu_Content.MegaMenu_Industries .Category_Content dl + dl {
	margin-left: 48px;
	padding-left: 48px;
	border-left: 1px solid #ccc;
}
#GlobalNavWrap .MegaMenu_Content.MegaMenu_Industries .Category_Content dd,
#GlobalNavWrap .MegaMenu_Content.MegaMenu_Technical .Category_Content dd {
	display: flex;
	flex-wrap: wrap;
}
#GlobalNavWrap .MegaMenu_Content.MegaMenu_Industries .Category_Content .List,
#GlobalNavWrap .MegaMenu_Content.MegaMenu_Technical .Category_Content .List {
	min-width: 210px;
	margin-bottom: 0;
}

@media screen and (max-width: 960px) {
	.set-responsiveWebDesign #GlobalNavWrapSp #GlobalNavAreaSp dl + .GrobalNav_list {
		border-top: none;
	}
	.set-responsiveWebDesign #GlobalNavWrapSp #GlobalNavAreaSp dl + .GrobalNav_list > .GrobalNav_list--global {
		border-bottom: none;
	}
	.set-responsiveWebDesign #GlobalNavWrapSp #GlobalNavAreaSp .GrobalNav_list + dl {
		padding: 0 10px;
		/* border-top: 1px solid #d2d7d9; */
		/* border-bottom: 1px solid #d2d7d9; */
	}
	.set-responsiveWebDesign #GlobalNavWrapSp #GlobalNavAreaSp dl dt:first-child.current-company {
		border-top: 1px solid #d2d7d9;
	}
	.set-responsiveWebDesign #GlobalNavWrapSp #GlobalNavAreaSp dl + .GrobalNav_list > .GrobalNav_list--global.current-magazine {
		border-top: 1px solid #d2d7d9;
	}
}

@media screen and (max-width: 767px) {
	.set-responsiveWebDesign #GlobalNavWrapSp {
		z-index: 1003;
	}
}

/*  header-menu
========================================================================*/

.header-menu__inner {
	background: #0097e0;
}
.header-menu__inner--active {
	position: fixed;
	top: 0;
	z-index: 3;
	width: 100%;
}
.header-menu__inner > div {
	display: flex;
	align-items: center;
	max-width: 960px;
	margin: 0 auto;
}
.header-menu__list ul {
	display: flex;
}
.header-menu__list li {
	position: relative;
}
.header-menu__list a {
	display: flex;
	align-items: center;
	height: 100%;
	min-height: 46px;
	padding: 12px 15px;
	color: #fff;
	text-align: center;
	text-decoration: none;
}
.header-menu__list a:hover {
	text-decoration: underline;
}
.header-menu__list a:after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
 	width: 0;
	height: 0;
	border: 8px solid transparent;
	transition: all .3s;
}
.header-menu__list--current a:after {
	border-bottom: 8px solid #f5f5f5;
}
.header-menu__button {
	margin: 0 0 0 auto;
}
.header-menu__button > div {
	display: flex;
}
.header-menu__link {
	margin-left: 20px;
}
.header-menu__link a {
	display: block;
	padding: 2px 10px;
	background: #0097e0;
	color: #fff;
	border: 1px solid #fff;
	text-decoration: none;
}
.header-menu__link a:hover {
	background: #fff;
	color: #0097e0;
}
.header-menu__link a:before {
	content: '';
	display: inline-block;
	width: .3em;
	height: .3em;
	margin: 0 6px .1em 0;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	transform: rotate(45deg);
	transition: all .3s;
	vertical-align: middle;
}
.header-menu__link a:hover:before {
	border-top: 1px solid #0097e0;
	border-right: 1px solid #0097e0;
}
.header-menu__mail {
	margin-left: 20px;
}
.header-menu__mail a {
	display: block;
	padding: 2px 15px 2px 10px;
	background: #fff;
	color: #0097e0;
	font-weight: bold;
	border: 1px solid #fff;
	text-decoration: none;
}
.header-menu__mail a:hover {
	background: #0097e0;
	color: #fff;
}
.header-menu__mail a:before {
	/*: FontAwesome;*/

	content: '\f003';
	display: inline-block;
	margin: 0 6px .1em 0;
	font-size: 115%;
	font-weight: normal;
	line-height: 1;
	vertical-align: middle;
}
.header-navigation {
	width: calc(100% - 30px);
	max-width: 960px;
	margin: 8px auto;
	font-size: 90%;
}

@media screen and (max-width: 960px) {
	.header-menu__button {
		padding-right: 15px;
	}
	.header-menu__button > div > div + div {
		display: none;
	}
	.header-navigation {
		display: none;
	}
}

@media screen and (max-width: 767px) {
	.header-menu {
		display: none;
	}
	.header-menu--sp {
		display: block;
	}
	.header-menu__inner > div {
		display: block;
	}
	.header-menu__list ul {
		justify-content: space-around;
	}
	.header-menu__list a {
		min-height: 36px;
		padding: 10px 5px;
		font-size: 90%;
	}
	.header-menu__button {
		display: none;
	}
}

/*========================================================================

  footer

========================================================================*/

#FooterArea .SiteNav__Body .SiteNav__Body__Inner:first-child {
	width: 715px;
}
#FooterArea .SiteNav__Body .SiteNav__Body__Inner:first-child dd > ul {
	display: flex;
}
#FooterArea .SiteNav__Body .SiteNav__Body__Inner:first-child dd > ul > li {
	width: calc(100% / 3 - 8px);
	padding-left: 0;
	text-indent: 0;
}
#FooterArea .SiteNav__Body .SiteNav__Body__Inner:first-child dd > ul > li + li {
	padding-left: 12px;
}
#FooterArea .SiteNav__Body .SiteNav__Body__Inner dl dd ul li.title1 {
	margin: 0;
	padding-left: 14px;
	color: #fff;
	font-size: 120%;
	text-indent: 0;
}
#FooterArea .SiteNav__Body .SiteNav__Body__Inner dl dd ul li.title2 {
	margin-top: 10px;
	padding-left: 28px;
	color: #fff;
	font-size: 110%;
	text-indent: 0;
}
#FooterArea .SiteNav__Body .SiteNav__Body__Inner dl li.dai2 {
	font-size: 100%;
	margin-top: 10px;
	padding-left: 25px;
}
#FooterArea .SiteNav__Body .SiteNav__Body__Inner:first-child dl li.dai2 {
	padding-left: 40px;
}
#FooterArea .SiteNav__Body .SiteNav__Body__Inner dl dd ul li:last-child {
	margin-bottom: 25px;
}
#FooterArea .SiteNav__Body .SiteNav__Body__Inner p {
	margin-bottom: 10px;
}
#FooterArea .SiteNav__Body .SiteNav__Body__Inner p.SiteNav_Separate {
	margin-top: 10px;
	padding-top: 10px;
}
#FooterArea .SiteNav__Body .SiteNav__Body__Inner dl.SiteNav_Separate {
	margin-top: 20px;
}

@media screen and (max-width: 960px) {
	#FooterArea .SiteNav__Body .SiteNav__Body__Inner:first-child {
		width: 100%;
	}
	#FooterArea .SiteNav__Body .SiteNav__Body__Inner:first-child dd > ul {
		flex-direction: column;
		width: calc(100% - 30px);
		margin: 0 auto;
	}
	.set-responsiveWebDesign #FooterArea .SiteNav__Body .SiteNav__Body__Inner dl dd > ul > li {
		width: 100%;
		margin: 0;
	}
	#FooterArea .SiteNav__Body .SiteNav__Body__Inner:first-child dd > ul > li:after {
		display: none!important;
	}
	#FooterArea .SiteNav__Body .SiteNav__Body__Inner:first-child dd > ul > li + li {
		padding-left: 0;
	}
	#FooterArea .SiteNav__Body .SiteNav__Body__Inner dl dd ul li.title1 {
		padding: 13px 0;
		font-size: 100%;
	}
	#FooterArea .SiteNav__Body .SiteNav__Body__Inner dl dd ul li.title1:after {
		display: none;
	}
	#FooterArea .SiteNav__Body .SiteNav__Body__Inner dl dd ul li.title2 {
		margin: 0;
		padding: 13px 10px;
		font-size: 100%;
		border-top: 1px solid #111!important;
	}
	#FooterArea .SiteNav__Body .SiteNav__Body__Inner dl dd ul li.title2:after {
		display: none;
	}
	#FooterArea .SiteNav__Body .SiteNav__Body__Inner dl dd ul li.dai2,
	#FooterArea .SiteNav__Body .SiteNav__Body__Inner dl dd ul:first-child li.dai2 {
		max-width: calc(100% - 30px);
		margin: 0;
		padding: 0 15px;
		border-top: 1px solid #111!important;
	}
	#FooterArea .SiteNav__Body .SiteNav__Body__Inner dl dd ul:first-child li.dai2:first-child {
		border-top: none!important;
	}
	.set-responsiveWebDesign #FooterArea .SiteNav__Body .SiteNav__Body__Inner dl dd ul li:after {
		margin-right: 20px;
	}
	.set-responsiveWebDesign #FooterArea .SiteNav__Body .SiteNav__Body__Inner p {
		position: relative;
		margin: 0;
		padding: 0;
		font-size: 100%;
		text-indent: 0;
		border-top: 1px solid #111;
	}
	.set-responsiveWebDesign #FooterArea .SiteNav__Body .SiteNav__Body__Inner p:after {
		content: '';
		position: absolute;
		top: 50%;
		right: 0;
		width: 10px;
		height: 10px;
		margin-top: -5px;
		margin-right: 10px;
		background: url(../images/mkr_sprite.png) no-repeat -20px -94px;
	}
	.set-responsiveWebDesign #FooterArea .SiteNav__Body .SiteNav__Body__Inner p a {
		display: block;
		padding: 15px 10px;
		cursor: pointer;
	}
	#FooterArea .SiteNav__Body .SiteNav__Body__Inner dl.SiteNav_Separate {
		margin-top: 0;
	}
	#FooterWrap .FooterBtm .FooterLink ul li + li {
		position: relative;
		margin-left: 10px!important;
		padding-left: 10px!important;
	}
	.set-responsiveWebDesign #FooterWrap .FooterBtm .FooterLink ul li a:before {
		display: none;
	}
	#Pagetop {
		bottom: 50px;
	}
}

/*  footer-receive
========================================================================*/

.footer-receive > div {
	padding: 20px 15px 45px;
	background: #0094dd;
	color: #fff;
	text-align: center;
}
.footer-receive__title > div {
	font-size: 220%;
}
.footer-receive__text {
	margin-top: 10px;
}
.footer-receive__text > div {
	font-size: 110%;
}
.footer-receive__form {
	position: relative;
	max-width: 515px;
	margin: 15px auto 0;
	padding: 13px 45px 13px 20px;
	background: #fff;
	text-align: left;
	line-height: 1.1;
}
.footer-receive__form input {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	position: relative;
	width: 100%;
	border: none;
	line-height: 1.1;
}
.footer-receive__form input:focus {
	outline: none;
}
.footer-receive__form input::placeholder {
	color: #8b8b8b;
}
.footer-receive__form .PlaceHolder {
	position: absolute;
	top: 14px;
	left: 20px;
	color: #8b8b8b;
}
.footer-receive__form button {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 10px;
	margin: auto;
	width: 25px;
	height: 25px;
	background: #fff;
	border: 2px solid #0094dd;
	cursor: pointer;
	transition: all .3s;
}
.footer-receive__form button:hover {
	background: #0094dd;
}
.footer-receive__form button:before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	left: 5px;
	width: 6px;
	height: 6px;
	border-top: 2px solid #0094dd;
	border-right: 2px solid #0094dd;
	transform: rotate(45deg);
	transition: all .3s;
}
.footer-receive__form button:hover:before {
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
}
.footer-receive__form button:focus {
	outline: none;
}

@media screen and (max-width: 960px) {
	.footer-receive > div {
		padding: 18px 15px 34px;
	}
	.footer-receive__title > div {
		font-size: 160%;
	}
	.footer-receive__text {
		margin-top: 10px;
	}
	.footer-receive__text > div {
		font-size: 88%;
	}
	.footer-receive__form {
		max-width: 410px;
		margin: 12px auto 0;
		padding: 11px 36px 11px 15px;
	}
	.footer-receive__form input {
		font-size: 90%;
	}
	.footer-receive__form button {
		right: 8px;
		width: 20px;
		height: 20px;
		border: 1px solid #0094DD;
	}
	.footer-receive__form button:before {
		left: 5px;
		width: 5px;
		height: 5px;
		border-top: 1px solid #0094dd;
		border-right: 1px solid #0094dd;
	}
}

@media screen and (max-width: 767px) {
	.footer-receive > div {
		padding: 20px 15px 30px;
	}
	.footer-receive__form {
		max-width: 250px;
	}
}

/*  footer-link
========================================================================*/

@media print {
	.footer-link {
		display: none;
	}
}

@media screen and (min-width: 961px) {
	.footer-link {
		height: auto!important;
	}
}

.footer-link > div {
	position: fixed;
	top: 220px;
	right: -1px;
	z-index: 1;
	width: 60px;
	border: 1px solid #fff;
	box-shadow: 0 0 5px 1px rgba(0,0,0,0.2);
}
.footer-link a {
	display: block;
	transition: all .3s;
}
@media screen and (min-width: 961px) {
	.footer-link a {
		font-size: 0;
	}
}
.footer-link a:hover {
	background: #fff;
	color: #fff;
	text-decoration: none;
}
.footer-link a:before {
	/*: FontAwesome;*/

	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	color: #fff;
	text-align: center;
	transition: all .3s;
}
.footer-link__search {
	background: #799b3e;
}
.footer-link__search a {
	height: 60px;
	line-height: 60px;
	color: #799b3e;
}
.footer-link__search a:before {
	content: '\f002';
	font-size: 34px;
}
.footer-link__search a:hover:before {
	color: #799b3e;
}
.footer-link__contact,
.footer-link__share {
	background: #0094dd;
	border-top: 1px solid #fff;
}
.footer-link__contact a,
.footer-link__share a {
	height: 42px;
	line-height: 42px;
	color: #0094dd;
}
.footer-link__contact a:before {
	content: '\f0e0';
	font-size: 24px;
}
.footer-link__share a:before {
	content: '\f08c';
	font-size: 26px;
}
.footer-link__contact a:hover:before,
.footer-link__share a:hover:before {
	color: #0094dd;
}

@media screen and (max-width: 960px) {
	.footer-link > div {
		display: table;
		width: 100%;
		width: calc(100% + 2px);
		top: auto;
		bottom: -1px;
		left: -1px;
		font-size: 105%;
		text-align: center;
	}
	.footer-link a {
		height: auto;
		padding: 8px 8px 5px;
		line-height: normal;
		color: #fff;
	}
	.footer-link a:before {
		position: static;
		display: inline-block;
		height: 17px;
		margin-right: 5px;
		vertical-align: middle;
	}
	.footer-link__search {
		display: table-cell;
		width: 50%;
	}
	.footer-link__search a:hover {
		background: #799b3e;
		color: #fff;
	}
	.footer-link__search a:before {
		margin: 0 7px .3em 0;
		font-size: 135%;
	}
	.footer-link__search a:hover:before {
		color: #fff;
	}
	.footer-link__contact,
	.footer-link__share {
		display: table-cell;
		width: 25%;
		border: none;
		border-left: 1px solid #fff;
		vertical-align: middle;
		white-space: nowrap;
	}
	.footer-link__contact a:hover,
	.footer-link__share a:hover {
		background: #0094dd;
		color: #fff;
	}
	.footer-link__contact a:before,
	.footer-link__share a:before {
		font-size: 115%;
	}
	.footer-link__contact a:hover:before,
	.footer-link__share a:hover:before {
		color: #fff;
	}
}

/*========================================================================

  main

========================================================================*/

.pbAreaWrapper1 {
	font-size: 115%;
}
.pbAreaWrapper1 * {
	box-sizing: border-box;
}
#area0 > div > div:last-child > div:last-child {
	padding-bottom: 100px;
}
.pbAreaWrapper1 :focus {
	outline: none;
}
.pbAreaWrapper1 a {
	transition: all .3s;
}
.pbAreaWrapper1 img {
	max-width: 100%;
}

@media screen and (max-width: 960px) {
	.pbAreaWrapper1 {
		border-top: 2px solid #BABABA;
	}
}

@media screen and (max-width: 767px) {
	.pbAreaWrapper1 {
		font-size: 100%;
		word-wrap: break-word;

	}
}

/*  main
========================================================================*/

/*  main-type01
------------------------------------------------*/

.main-type01 > div {
	width: calc(100% - 30px);
	max-width: 960px;
	margin: 0 auto;
}

/*  main-type02
------------------------------------------------*/

.main-type02 > div {
	width: calc(100% - 30px);
	max-width: 770px;
	margin: 0 auto;
}

/*  titleH1
========================================================================*/

/*  titleH1-type01
------------------------------------------------*/

.titleH1-type01 {
	width: calc(100% - 30px);
	max-width: 960px;
	margin: 45px auto 0;
}
.titleH1-type01 + div {
	margin-top: 50px;
}
.titleH1-type01 h1 {
	position: relative;
	padding-bottom: 20px;
	color: #000;
	font-size: 220%;
	font-weight: normal;
	text-align: center;
	line-height: 1.3;
}
.titleH1-type01 h1:after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	bottom: 0;
	width: 40px;
	height: 2px;
	background: #000;
}

@media screen and (max-width: 960px) {
	.titleH1-type01 {
		margin-top: 70px;
	}
	.titleH1-type01 + div {
		margin-top: 55px;
	}
	.titleH1-type01 h1:after {
		height: 1px;
	}
}

@media screen and (max-width: 767px) {
	.titleH1-type01 {
		margin-top: 45px;
	}
	.titleH1-type01 + div {
		margin-top: 40px;
	}
	.titleH1-type01 h1 {
		padding-bottom: 17px;
		font-size: 190%;
		font-weight: bold;
	}
	.titleH1-type01 h1:after {
		width: 35px;
	}
}

/*  titleH1-type02
------------------------------------------------*/

.titleH1-type02 {
	width: calc(100% - 30px);
	max-width: 960px;
	margin: 45px auto 0;
}
.titleH1-type02 + div {
	margin-top: 40px;
}
.titleH1-type02 h1 {
	color: #000;
	font-size: 200%;
	font-weight: normal;
	text-align: center;
	line-height: 1.3;
}

@media screen and (max-width: 960px) {
	.titleH1-type02 {
		margin-top: 70px;
	}
	.titleH1-type02 + div {
		margin-top: 55px;
	}
}

@media screen and (max-width: 767px) {
	.titleH1-type02 {
		margin-top: 60px;
	}
	.titleH1-type02 + div {
		margin-top: 25px;
	}
	.titleH1-type02 h1 {
		font-size: 180%;
	}
}

/*  titleH2
========================================================================*/

/*  titleH2-type01
------------------------------------------------*/

.titleH2-type01 + div {
	margin-top: 35px;
}
.titleH2-type01 h2 {
	color: #000;
	font-size: 155%;
	font-weight: bold;
	line-height: 1.3;
}

@media screen and (max-width: 767px) {
	.titleH2-type01 + div {
		margin-top: 25px;
	}
	.titleH2-type01 h2 {
		font-size: 140%;
	}
}

/*  titleH2-type02
------------------------------------------------*/

.titleH2-type02 > div {
	display: table;
	width: 100%;
}
.titleH2-type02__title {
	display: table-cell;
	padding-right: 10px;
}
.titleH2-type02__title h2 {
	color: #000;
	font-size: 155%;
	font-weight: bold;
	line-height: 1.3;
}
.titleH2-type02__mail {
	display: table-cell;
	width: 1px;
	white-space: nowrap;
}
.titleH2-type02__mail a {
	display: block;
	padding: 8px 15px;
	background: #0097e0;
	color: #fff;
	text-decoration: none;
	border: 1px solid #0097e0;
	border-radius: 3px;
}
.titleH2-type02__mail a:hover {
	background: #fff;
	color: #0097e0;
}
.titleH2-type02__mail a:before {
	/*: FontAwesome;*/

	content: '\f0e0';
	display: inline-block;
	margin: 0 9px .2em 0;
	font-size: 115%;
	line-height: 1;
	vertical-align: middle;
}
.titleH2-type02__link {
	display: table-cell;
	width: 1px;
	white-space: nowrap;
}
.titleH2-type02__link a {
	display: block;
	padding: 9px 15px 8px;
	background: #fff;
	color: #000;
	font-weight: bold;
	text-decoration: none;
	border: 1px solid #ccc;
	border-radius: 3px;
}
.titleH2-type02__link a:hover {
	background: #f1f1f1;
}
.titleH2-type02__link a:before {
	content: '';
	display: inline-block;
	width: .45em;
	height: .45em;
	margin: 0 11px .2em 0;
	border-top: 2px solid #0097e0;
	border-right: 2px solid #0097e0;
	transform: rotate(45deg);
	vertical-align: middle;
}

@media screen and (max-width: 767px) {
	.titleH2-type02__title h2 {
		font-size: 140%;
	}
	.titleH2-type02__mail a {
		padding: 6px 10px;
	}
	.titleH2-type02__mail a:before {
		margin: 0 5px .2em 0;
		font-size: 100%;
	}
	.titleH2-type02__link a {
		padding: 6px 10px;
	}
	.titleH2-type02__link a:before {
		margin: 0 7px .2em 0;
	}
}

/*  titleH2-type03
------------------------------------------------*/

.titleH2-type03 h2 {
	color: #000;
	font-size: 200%;
	font-weight: normal;
	line-height: 1.3;
	text-align: center;
	letter-spacing: 2px;
}

@media screen and (max-width: 767px) {
	.titleH2-type03 h2 {
		font-size: 170%;
	}
}

/*  titleH2-type04
------------------------------------------------*/

.titleH2-type04 + .titleH2-type04 {
	margin-top: 15px;
}
.titleH2-type04 h2 {
	color: #000;
	font-size: 125%;
	font-weight: bold;
	line-height: 1.3;
}

@media screen and (max-width: 767px) {
	.titleH2-type04 + .titleH2-type04 {
		margin-top: 10px;
	}
	.titleH2-type04 h2 {
		font-size: 120%;
	}
}

/*  titleH2-type05
------------------------------------------------*/

.titleH2-type05 {
	margin-top: 40px;
}
.titleH2-type05 + div {
	margin-top: 30px;
}
.titleH2-type05 > div:not(.pb-handle) {
	padding-top: 35px;
	border-top: 4px solid #00cdff;
}
.titleH2-type05 h2 {
	color: #000;
	font-size: 160%;
	font-weight: bold;
}

@media screen and (max-width: 767px) {
	.titleH2-type05 {
		margin-top: 35px;
	}
	.titleH2-type05 + div {
		margin-top: 22px;
	}
	.titleH2-type05 > div:not(.pb-handle) {
		padding-top: 25px;
		border-top: 3px solid #00cdff;
	}
	.titleH2-type05 h2 {
		font-size: 145%;
	}
}

/*  titleH3
========================================================================*/

/*  titleH3-type01
------------------------------------------------*/

.titleH3-type01 {
	margin-top: 35px;
}
.titleH3-type01 h3 {
	color: #000;
	font-size: 115%;
	font-weight: bold;
	line-height: 1.3;
}

@media screen and (max-width: 767px) {
	.titleH3-type01 {
		margin-top: 20px;
	}
	.titleH3-type01 h3 {
		font-size: 105%;
	}
}

/*  titleH3-type02
------------------------------------------------*/

div + .titleH3-type02 {
	margin-top: 35px;
}
.titleH3-type02 h3 {
	color: #000;
	font-size: 115%;
	font-weight: bold;
	line-height: 1.3;
}

@media screen and (max-width: 767px) {
	div + .titleH3-type02 {
		margin-top: 20px;
	}
	.titleH3-type02 h3 {
		font-size: 105%;
	}
}

/*  titleH3-type03
------------------------------------------------*/

.titleH3-type03 {
	margin-top: 35px;
}
.titleH3-type03 > div {
	padding-top: 35px;
	border-top: 1px dotted #ccc;
}
.titleH3-type03 h3 {
	color: #000;
	font-size: 115%;
	font-weight: bold;
	line-height: 1.3;
}

@media screen and (max-width: 767px) {
	.titleH3-type03 {
		margin-top: 20px;
	}
	.titleH3-type03 h3 {
		font-size: 105%;
	}
}

/*  titleH3-type04
------------------------------------------------*/

.titleH3-type04 {
	margin-top: 35px;
}
.titleH3-type04 h3 {
	color: #000;
	font-size: 115%;
	font-weight: bold;
	line-height: 1.3;
}

@media screen and (max-width: 767px) {
	.titleH3-type04 {
		margin-top: 20px;
	}
	.titleH3-type04 h3 {
		font-size: 105%;
	}
}

/*  titleH4
========================================================================*/

/*  titleH4-type01
------------------------------------------------*/

div + .titleH4-type01 {
	margin-top: 35px;
}
.titleH4-type01 h4 {
	padding-left: 7px;
	color: #000;
	font-size: 105%;
	font-weight: bold;
	border-left: 4px solid #00cdff;
	line-height: 1.3;
}

@media screen and (max-width: 767px) {
	div + .titleH4-type01 {
		margin-top: 20px;
	}
}

/*  titleH4-type02
------------------------------------------------*/

.titleH4-type02 {
	margin-top: 35px;
}
.titleH4-type02 > div {
	padding-top: 35px;
	border-top: 1px dotted #ccc ;
}
.titleH4-type02 h4 {
	padding-left: 7px;
	color: #000;
	font-size: 105%;
	font-weight: bold;
	border-left: 4px solid #00cdff;
	line-height: 1.3;
}

@media screen and (max-width: 767px) {
	.titleH4-type02 {
		margin-top: 20px;
	}
}

/*  titleH5
========================================================================*/

/*  titleH5-type01
------------------------------------------------*/

.titleH5-type01 {
	margin-top: 35px;
}
.titleH5-type01 h5 {
	padding-left: 7px;
	color: #000;
	font-size: 105%;
	font-weight: bold;
	border-left: 4px solid #a5b0b8;
	line-height: 1.3;
}

@media screen and (max-width: 767px) {
	.titleH5-type01 {
		margin-top: 20px;
	}
}

/*  titleH6
========================================================================*/

/*  titleH6-type01
------------------------------------------------*/

.titleH6-type01 {
	margin-top: 35px;
}
.titleH6-type01 h6 {
	color: #000;
	font-size: 105%;
	font-weight: bold;
	line-height: 1.3;
}

@media screen and (max-width: 767px) {
	.titleH6-type01 {
		margin-top: 20px;
	}
}

/*  text
========================================================================*/

/*  text-type01
------------------------------------------------*/

.text-type01 {
	margin-top: 15px;
}
.titleH1-type01 + .text-type01 {
	width: calc(100% - 30px);
	max-width: 960px;
	margin-left: auto;
	margin-right: auto;
}
.titleH2-type03 + .text-type01 {
	margin-top: 40px;
}

@media screen and (max-width: 960px) {
	.titleH2-type03 + .text-type01 {
		margin-top: 30px;
	}
}

@media screen and (max-width: 767px) {
	.titleH2-type03 + .text-type01 {
		margin-top: 25px;
	}
}

/*  text-type02
------------------------------------------------*/

.text-type02 {
	margin-top: 30px;
	text-align: right;
}
.text-type02 + div {
	margin-top: 5px;
}

/*  text-type03
------------------------------------------------*/

.text-type03 {
	margin: 25px auto 0;
	text-align: center;
}

@media screen and (max-width: 767px) {
	.text-type03 {
		margin-top: 20px;
	}
}

/*  text-type04
------------------------------------------------*/

.text-type04 {}

/*  text-type05
------------------------------------------------*/

.text-type05 > div {
	color: #000;
	font-size: 150%;
}

@media screen and (max-width: 767px) {
	.text-type05 > div {
		font-size: 130%;
	}
}

/*  image
========================================================================*/

/*  image-type01
------------------------------------------------*/

.image-type01 {
	margin-top: 15px;
}

/*  image-type02
------------------------------------------------*/

.image-type02 {
	margin-top: 8px;
	text-align: center;
}

@media screen and (max-width: 960px) {
	.image-type02 {
		margin-top: 0;
	}
}

/*  imagebox
========================================================================*/

/*  imagebox-type01
------------------------------------------------*/

.imagebox-type01 {
	margin-top: 45px;
}
.imagebox-type01 > div {
	display: flex;
}
.imagebox-type01__left {
	width: 414px;
}
.imagebox-type01__right {
	width: calc(100% - 459px);
	margin-left: 45px;
}
.imagebox-type01__image01 img {
	width: 100%;
}
.imagebox-type01__image02 {
	margin-top: 14px;
}
.imagebox-type01__image02 > div {
	display: flex;
	margin: 0 -7px;
}
.imagebox-type01__image02 > div > div {
	width: calc(100% / 2 - 14px);
	margin: 0 7px;
}
.imagebox-type01__image02 img {
	width: 100%;
}
.imagebox-type01__list > div {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -15px;
}
.imagebox-type01__item {
	width: calc(100% / 2 - 30px);
	margin: 30px 15px 0;
}
.imagebox-type01__link a {
	display: block;
	position: relative;
	padding: 4px 10px 4px 1.8em;
	background: #000;
	color: #fff;
	text-decoration: none;
	border: 1px solid #000;
}
.imagebox-type01__link a:hover {
	background: #fff;
	color: #000;
}
.imagebox-type01__link a:before {
	content: '';
	position: absolute;
	top: .8em;
	left: .7em;
	width: .35em;
	height: .35em;
	border-top: 2px solid #0094dd;
	border-right: 2px solid #0094dd;
	transform: rotate(45deg);
}
.imagebox-type01__detail ul {
	display: flex;
	flex-wrap: wrap;
	margin: 10px -5px 0;
}
.imagebox-type01__detail li {
	min-width: calc(100% / 2 - 10px);
	margin: 5px 5px 0;
	padding-left: 1em;
	text-indent: -1em;
}
.imagebox-type01__detail li:before {
	content: '';
}

@media screen and (max-width: 960px) {
	.imagebox-type01 > div {
		flex-direction: column;
	}
	.imagebox-type01__left {
		width: 100%;
	}
	.imagebox-type01__right {
		width: 100%;
		margin: 15px 0 0;
	}
	.imagebox-type01__image02 {
		margin-top: 20px;
	}
	.imagebox-type01__image02 > div {
		margin: 0 -10px;
	}
	.imagebox-type01__image02 > div > div {
		width: calc(100% / 2 - 20px);
		margin: 0 10px;
	}
}

@media screen and (max-width: 767px) {
	.imagebox-type01 {
		margin-top: 30px;
	}
	.imagebox-type01__image02 {
		margin-top: 10px;
	}
	.imagebox-type01__image02 > div {
		margin: 0 -5px;
	}
	.imagebox-type01__image02 > div > div {
		width: calc(100% / 2 - 10px);
		margin: 0 5px;
	}
	.imagebox-type01__item {
		width: 100%;
		margin: 20px 15px 0;
	}
	.imagebox-type01__detail ul {
		margin: 5px -5px 0;
	}
	.imagebox-type01__detail li {
		min-width: auto;
	}
}

/*  imagebox-type02
------------------------------------------------*/

.imagebox-type02 {
	margin-top: 45px;
}
.imagebox-type02 > div {
	display: flex;
}
.imagebox-type02__left {
	width: 613px;
}
.imagebox-type02__right {
	width: calc(100% - 658px);
	margin-left: 45px;
}
.imagebox-type02__image img {
	width: 100%;
}

@media screen and (max-width: 960px) {
	.imagebox-type02 > div {
		flex-direction: column;
	}
	.imagebox-type02__left {
		width: 100%;
	}
	.imagebox-type02__right {
		width: 100%;
		margin: 20px 0 0;
	}
}

@media screen and (max-width: 767px) {
	.imagebox-type02 {
		margin-top: 25px;
	}
}

/*  imagebox-type03
------------------------------------------------*/

.imagebox-type03 {
	margin-top: 20px;
}
.imagebox-type03__box:first-child {
	max-width: 45%;
	float: right;
	margin-left: 20px;
}
.imagebox-type03__box:first-child > div {
	display: table;
}
.imagebox-type03__box:last-child {
	overflow: hidden!important;
}
.imagebox-type03__caption {
	display: table-caption;
	caption-side: bottom;
	margin-top: 5px;
	color: #666;
	font-size: 90%;
}
div + .imagebox-type03__text {
	margin-top: 15px;
}
div + .imagebox-type03__list {
	margin-top: 15px;
}
.imagebox-type03__list ul {
	display: flex;
	flex-wrap: wrap;
}
.imagebox-type03__list li {
	margin-right: 15px;
}
.imagebox-type03__list a:before {
	content: '';
	display: inline-block;
	width: .35em;
	height: .35em;
	margin: 0 7px .3em 0;
	border-top: 2px solid #0094dd;
	border-right: 2px solid #0094dd;
	transform: rotate(45deg);
	vertical-align: middle;
}

@media screen and (max-width: 767px) {
	.imagebox-type03__box:first-child {
		max-width: none;
		float: none;
		margin-left: 0;
	}
	.imagebox-type03__box:first-child > div {
		margin: 0 auto;
	}
	.imagebox-type03__box:last-child {
		margin-top: 10px;
	}
}

/*  imagebox-type04
------------------------------------------------*/

.imagebox-type04 {
	margin-top: 25px;
}
.imagebox-type04__box:first-child {
	max-width: 465px;
	float: right;
	margin-left: 30px;
}
.imagebox-type04__box:last-child {
	overflow: hidden!important;
}
.imagebox-type04__image img {
	width: 100%;
}

@media screen and (max-width: 960px) {
	.imagebox-type04 > div {
		display: flex;
		flex-flow: column;
	}
	.imagebox-type04__box:first-child {
		order: 1;
		max-width: none;
		float: none;
		margin: 25px 0 0;
	}
}

@media screen and (max-width: 767px) {
	.imagebox-type04 {
		margin-top: 15px;
	}
}

/*  link
========================================================================*/

/*  link-type01
------------------------------------------------*/

.link-type01 {
	margin-top: 10px;
}
.link-type01 a {
	display: inline-block;
	position: relative;
	padding-left: 1em;
}
.link-type01 a:before {
	content: '';
	position: absolute;
	top: .4em;
	left: -.1em;
	width: .35em;
	height: .35em;
	border-top: 2px solid #0094dd;
	border-right: 2px solid #0094dd;
	transform: rotate(45deg);
}

/*  link-type02
------------------------------------------------*/

.link-type02 {
	margin-top: 15px;
}
.link-type02 li + li {
	margin-top: 5px;
}
.link-type02 a {
	display: inline-block;
	position: relative;
	padding-left: 1em;
}
.link-type02 a:before {
	content: '';
	position: absolute;
	top: .4em;
	left: -.1em;
	width: .35em;
	height: .35em;
	border-top: 2px solid #0094dd;
	border-right: 2px solid #0094dd;
	transform: rotate(45deg);
}

/*  link-type03
------------------------------------------------*/

.link-type03 {
	margin-top: 15px;
}
.link-type03 ul {
	display: flex;
	flex-wrap: wrap;
}
.link-type03 li {
	margin-right: 15px;
}
.link-type03 a:before {
	content: '';
	display: inline-block;
	width: .35em;
	height: .35em;
	margin: 0 7px .3em 0;
	border-top: 2px solid #0094dd;
	border-right: 2px solid #0094dd;
	transform: rotate(45deg);
	vertical-align: middle;
}

/*  button
========================================================================*/

/*  button-type01
------------------------------------------------*/

.button-type01 {
	margin-top: 10px;
	text-align: center;
}
.button-type01 a {
	display: inline-block;
	padding: 5px 15px 5px 10px;
	background: #000;
	color: #fff;
	text-decoration: none;
	border: 1px solid #000;
}
.button-type01 a:hover {
	background: #fff;
	color: #000;
}
.button-type01 a:before {
	content: '';
	display: inline-block;
	width: .35em;
	height: .35em;
	margin: 0 8px .2em 0;
	border-top: 2px solid #0094dd;
	border-right: 2px solid #0094dd;
	transform: rotate(45deg);
	vertical-align: middle;
}

/*  button-type02
------------------------------------------------*/

.button-type02 {
	margin-top: 30px;
}
.button-type02 > div {
	display: flex;
	flex-wrap: wrap;
}
.button-type02__button {
	margin-right: 10px;
}
.button-type02__button a {
	display: inline-block;
	padding: .45em 1em .45em .7em;
	background: #000;
	color: #fff;
	font-size: 110%;
	text-decoration: none;
	border: 1px solid #000;
}
.button-type02__button--colorGray a {
	background: #ccc;
	color: #000;
	border: 1px solid #ccc;
}
.button-type02__button a:hover {
	background: #fff;
	color: #000;
}
.button-type02__button a:before {
	content: '';
	display: inline-block;
	width: .35em;
	height: .35em;
	margin: 0 8px 2px 0;
	border-top: 2px solid #0094dd;
	border-right: 2px solid #0094dd;
	transform: rotate(45deg);
}

/*  button-type03
------------------------------------------------*/

.button-type03 {
	margin-top: 50px;
	text-align: center;
}
.button-type03 a {
	display: inline-block;
	padding: 5px 15px 5px 10px;
	background: #000;
	color: #fff;
	text-decoration: none;
	border: 1px solid #000;
}
.button-type03 a:hover {
	background: #fff;
	color: #000;
}
.button-type03 a:before {
	content: '';
	display: inline-block;
	width: .35em;
	height: .35em;
	margin: 0 8px .2em 0;
	border-top: 2px solid #0094dd;
	border-right: 2px solid #0094dd;
	transform: rotate(45deg);
	vertical-align: middle;
}

/*  button-type04
------------------------------------------------*/

.button-type04 {
	margin-top: 30px;
	text-align: center;
}
.button-type04 a {
	display: inline-block;
	padding: 7px 20px 7px 15px;
	background: #0094dd;
	color: #fff;
	text-decoration: none;
	border: 1px solid #0094dd;
	border-radius: 2px;
}
.button-type04 a:hover {
	background: #fff;
	color: #0094dd;
}
.button-type04 a:before {
	content: '';
	display: inline-block;
	width: .5em;
	height: .5em;
	margin: 0 8px .3em 0;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	transform: rotate(45deg);
	vertical-align: middle;
	transition: all .3s;
}
.button-type04 a:hover:before {
	border-top: 2px solid #0094dd;
	border-right: 2px solid #0094dd;
}

/*  button-type05
------------------------------------------------*/

.button-type05 {
	margin-top: 30px;
	text-align: center;
}
.button-type05 a {
	display: inline-block;
	padding: 7px 20px 7px 15px;
	background: #fff;
	color: #000;
	text-decoration: none;
	border: 1px solid #ccc;
	border-radius: 2px;
}
.button-type05 a:hover {
	background: #f1f1f1;
}
.button-type05 a:before {
	content: '';
	display: inline-block;
	width: .5em;
	height: .5em;
	margin: 0 8px .3em 0;
	border-top: 2px solid #0094dd;
	border-right: 2px solid #0094dd;
	transform: rotate(45deg);
	vertical-align: middle;
	transition: all .3s;
}

/*  button-type06
------------------------------------------------*/

.button-type06 {
	margin-top: 50px;
	text-align: center;
}
.button-type06 a {
	display: inline-block;
	width: 100%;
	max-width: 230px;
	padding: 7px 20px 7px 15px;
	background: #0094dd;
	color: #fff;
	text-decoration: none;
	border: 1px solid #0094dd;
	border-radius: 2px;
}
.button-type06 a:hover {
	background: #fff;
	color: #0094dd;
}
.button-type06 a:before {
	/*: FontAwesome;*/

	content: '\f0e0';
	display: inline-block;
	margin: 0 6px .1em 0;
	vertical-align: middle;
	line-height: 1;
}

/*  anchor
========================================================================*/

/*  anchor-type01
------------------------------------------------*/

.anchor-type01 {
	margin-top: 70px;
}
.anchor-type01 + div {
	margin-top: 15px;
}
.anchor-type01 > div {
	width: calc(100% - 30px);
	max-width: 960px;
	margin: 0 auto;
}
.anchor-type01 ul {
	display: flex;
	flex-wrap: wrap;
}
.anchor-type01 li {
	margin-right: 40px;
}
.anchor-type01 li:before {
	/*: FontAwesome;*/

	content: '\f063';
	margin-right: 3px;
	color: #0099cc;
	font-size: 80%;
}

@media screen and (max-width: 767px) {
	.anchor-type01 {
		margin-top: 45px;
	}
}

/*  anchor-type02
------------------------------------------------*/

.anchor-type02 {
	margin-top: 30px;
}
.anchor-type02 ul {
	display: flex;
	flex-wrap: wrap;
}
.anchor-type02 li {
	margin-right: 40px;
}
.anchor-type02 li:before {
	/*: FontAwesome;*/

	content: '\f063';
	margin-right: 3px;
	color: #0099cc;
	font-size: 80%;
}

/*  anchor-type03
------------------------------------------------*/

.anchor-type03 {
	margin-top: 20px;
}
.anchor-type03 li {
	padding-left: 1.3em;
	text-indent: -1.3em;
}
.anchor-type03 li + li {
	margin-top: 10px;
}
.anchor-type03 li:before {
	/*: FontAwesome;*/

	content: '\f063';
	margin-right: 3px;
	color: #0099cc;
	font-size: 90%;
}

/*  list
========================================================================*/

/*  list-type01
------------------------------------------------*/

.list-type01 {
	margin-top: 15px;
}
.list-type01 li {
	padding-left: 1em;
	text-indent: -1em;
}
.list-type01 li + li {
	margin-top: 5px;
}
.list-type01 li:before {
	content: '';
}

/*  list-type02
------------------------------------------------*/

.list-type02 {
	margin-top: 15px;
}
.list-type02 li + li {
	margin-top: 5px;
}
.list-type02 li {
	position: relative;
	padding-left: 1em;
}
.list-type02 li:before {
	content: '';
	position: absolute;
	top: .4em;
	left: -.1em;
	width: .35em;
	height: .35em;
	border-top: 2px solid #0094dd;
	border-right: 2px solid #0094dd;
	transform: rotate(45deg);
}

/*  list-type03
------------------------------------------------*/

.list-type03 {
	margin-top: 15px;
}
.list-type03 ul {
	display: flex;
	flex-wrap: wrap;
}
.list-type03 li {
	margin-right: 15px;
}
.list-type03 li:before {
	content: '';
	display: inline-block;
	width: .35em;
	height: .35em;
	margin: 0 7px .3em 0;
	border-top: 2px solid #0094dd;
	border-right: 2px solid #0094dd;
	transform: rotate(45deg);
	vertical-align: middle;
}

/*  list-type04
------------------------------------------------*/

.list-type04 {
	counter-reset: count-number;
}
.list-type04 li {
	margin-top: 15px;
	padding-left: 1.2em;
	text-indent: -1.2em;
}
.list-type04 li:before {
	counter-increment: count-number;
	content: counters(count-number,".") ") ";
}

/*  definition
========================================================================*/

/*  definition-type01
------------------------------------------------*/

.definition-type01 {
	margin-top: 20px;
}
.definition-type01__item {
	margin-top: 15px;
}
.definition-type01__item > div {
	display: flex;
	flex-wrap: wrap;
}
.definition-type01__title {
	width: 300px;
}
.definition-type01__title > div {
	padding: 8px 20px;
	background: #f4f4f4;
	color: #000;
	font-weight: bold;
}
.definition-type01__text {
	width: calc(100% - 330px);
	margin-left: 30px;
}
.definition-type01__text > div {
	padding: 8px 0;
}

@media screen and (max-width: 767px) {
	.definition-type01__item {
		margin-top: 0;
	}
	.definition-type01__title {
		width: 100%;
	}
	.definition-type01__text {
		width: 100%;
		margin-left: 0;
	}
	.definition-type01__title > div {
		padding: 6px 15px;
	}
	.definition-type01__text > div {
		padding: 8px 15px;
	}
}

/*  table
========================================================================*/

/*  table-type01
------------------------------------------------*/

.table-type01 {
	margin-top: 25px;
}
.table-type01 table {
	width: 100%;
	line-height: 1.5;
}
.table-type01 table th {
	padding: 5px 10px;
	background: #f0f4f7;
	border: 1px solid #c6c9cc;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
}
.table-type01 table td {
	padding: 15px;
	background: #fff;
	border: 1px solid #c6c9cc;
	text-align: left;
	vertical-align: middle;
}
.table-type01 table td a {
	display: block;
	padding: 7px 5px;
	color: #666;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	border: 1px solid #ccc;
	border-radius: 3px;
}
.table-type01 table td a:hover {
	background: #f1f1f1;
}
.table-type01 table td a:before {
	content: '';
	display: inline-block;
	width: 15px;
	height: 23px;
	margin-right: 10px;
	background: url(../images/ico_pdf.png) no-repeat top / contain;
	vertical-align: middle;
}

@media screen and (max-width: 960px) {
	.table-type01 table {
		font-size: 80%;
	}
	.table-type01 table td {
		padding: 15px 10px;
	}
}

@media screen and (max-width: 767px) {
	div.table-type01 {
		overflow-x: scroll!important;
	}
	.table-type01::-webkit-scrollbar {
		height: 20px;
	}
	.table-type01::-webkit-scrollbar-thumb {
		background: #d9dcdf;
		border-radius: 10px;
	}
	.table-type01::-webkit-scrollbar-track {
		background: #f5f5f5;
		border-radius: 10px;
	}
	.table-type01 table {
		width: 960px;
		margin-bottom: 1px;
		font-size: 100%;
	}
	.table-type01 table td {
		padding: 10px;
	}
}

/*  table-type02
------------------------------------------------*/

.table-type02 {
	margin-top: 25px;
}
.table-type02 table {
	width: 100%;
	line-height: 1.5;
}
.table-type02 table th {
	padding: 15px 10px;
	background: #f0f4f7;
	border: 1px solid #c6c9cc;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
}
.table-type02 table td {
	padding: 20px 15px;
	background: #fff;
	border: 1px solid #c6c9cc;
	text-align: left;
	vertical-align: middle;
}
.table-type02 table td a {
	display: inline-block;
	color: #666;
	padding-left: 1em;
	text-indent: -1em;
}
.table-type02 table td a:before {
	content: '';
	display: inline-block;
	width: .35em;
	height: .35em;
	margin: 0 7px .3em 0;
	border-top: 2px solid #0094dd;
	border-right: 2px solid #0094dd;
	transform: rotate(45deg);
	vertical-align: middle;
}

@media screen and (max-width: 960px) {
	.table-type02 table {
		font-size: 80%;
	}
	.table-type02 table td {
		padding: 15px 10px;
	}
}

@media screen and (max-width: 767px) {
	div.table-type02 {
		overflow-x: scroll!important;
	}
	.table-type02::-webkit-scrollbar {
		height: 20px;
	}
	.table-type02::-webkit-scrollbar-thumb {
		background: #d9dcdf;
		border-radius: 10px;
	}
	.table-type02::-webkit-scrollbar-track {
		background: #f5f5f5;
		border-radius: 10px;
	}
	.table-type02 table {
		width: 960px;
		margin-bottom: 1px;
		font-size: 100%;
	}
}

/*  table-type02-1
------------------------------------------------*/

.table-type02-1 {
	margin-top: 25px;
}
.table-type02-1 table {
	width: auto;
	line-height: 1.5;
}
.table-type02-1 table th {
	padding: 15px 10px;
	background: #f0f4f7;
	border: 1px solid #c6c9cc;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
}
.table-type02-1 table td {
	padding: 20px 15px;
	background: #fff;
	border: 1px solid #c6c9cc;
	text-align: left;
	vertical-align: middle;
}
.table-type02-1 table td a {
	display: inline-block;
	color: #666;
	padding-left: 1em;
	text-indent: -1em;
}
.table-type02-1 table td a:before {
	content: '';
	display: inline-block;
	width: .35em;
	height: .35em;
	margin: 0 7px .3em 0;
	border-top: 2px solid #0094dd;
	border-right: 2px solid #0094dd;
	transform: rotate(45deg);
	vertical-align: middle;
}

@media screen and (max-width: 960px) {
	.table-type02-1 table {
		font-size: 80%;
	}
	.table-type02-1 table td {
		padding: 15px 10px;
	}
}

@media screen and (max-width: 767px) {
	div.table-type02-1 {
		overflow-x: scroll!important;
	}
	.table-type02-1::-webkit-scrollbar {
		height: 20px;
	}
	.table-type02-1::-webkit-scrollbar-thumb {
		background: #d9dcdf;
		border-radius: 10px;
	}
	.table-type02-1::-webkit-scrollbar-track {
		background: #f5f5f5;
		border-radius: 10px;
	}
	.table-type02-1 table {
		width: 100%;
		margin-bottom: 1px;
		font-size: 100%;
	}
}


/*  table-type03
------------------------------------------------*/

.table-type03 {
	margin-top: 20px;
}
.table-type03 table {
	width: 100%;
}
.table-type03 table th {
	padding: 15px 20px;
	background: #f0f4f7;
	color: #000;
	font-weight: bold;
	text-align: left;
	vertical-align: top;
	border: 1px solid #c6c9cc;
}
.table-type03 table th a {
	display: inline-block;
	font-size: 90%;
	font-weight: normal;
}
.table-type03 table th a:before {
	content: '';
	display: inline-block;
	width: .35em;
	height: .35em;
	margin: 0 8px 1px 0;
	border-top: 2px solid #0097e0;
	border-right: 2px solid #0097e0;
	transform: rotate(45deg);
}
.table-type03 table th a.pbOpenNewWindow:after {
	content: '';
	display: inline-block;
	width: 12px;
	height: 9px;
	margin-left: 15px;
	background: url(../images/ico_window02.png) no-repeat;
}
.table-type03 table td {
	padding: 15px 20px;
	background: #fff;
	border: 1px solid #c6c9cc;
	text-align: left;
	vertical-align: top;
}
.table-type03 table td strong {
	display: inline-block;
	margin-bottom: 5px;
	color: #000;
}
.table-type03 table td strong:not(:first-child) {
	margin-top: 15px;
}
.table-type03 table td i {
	margin-right: 5px;
	color: #000;
}

@media screen and (max-width: 960px) {
	.table-type03 table th,
	.table-type03 table td {
		padding: 15px;
	}
	.table-type03 table th a.pbOpenNewWindow:after {
		margin-left: 10px;
	}
}

@media screen and (max-width: 767px) {
	.table-type03 {
		margin-top: 10px;
	}
	.table-type03 table {
		border-bottom: 1px solid #c6c9cc;
	}
	.table-type03 colgroup {
		display: none;
	}
	.table-type03 table th,
	.table-type03 table td {
		display: block;
		padding: 12px 15px;
	}
	.table-type03 table td {
		border-top: none;
		border-bottom: none;
	}
}

/*  table-type04
------------------------------------------------*/

.table-type04 {
	margin-top: 25px;
}
.table-type04 table {
	width: 100%;
	line-height: 1.5;
}
.table-type04 table th {
	padding: 5px 10px;
	background: #f0f4f7;
	border: 1px solid #c6c9cc;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
}
.table-type04 table td {
	padding: 15px;
	background: #fff;
	border: 1px solid #c6c9cc;
	text-align: left;
	vertical-align: middle;
}
.table-type04 table td a {
	display: block;
	padding: 7px 5px;
	color: #666;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	border: 1px solid #ccc;
	border-radius: 3px;
}
.table-type04 table td a:hover {
	background: #f1f1f1;
}
.table-type04 table td a:before {
	content: '';
	display: inline-block;
	width: 15px;
	height: 23px;
	margin-right: 10px;
	background: url(../images/ico_pdf.png) no-repeat top / contain;
	vertical-align: middle;
}
.table-type04__sp table {
	display: none;
}

@media screen and (max-width: 960px) {
	.table-type04 table {
		font-size: 80%;
	}
	.table-type04 table td {
		padding: 15px 10px;
	}
}

@media screen and (max-width: 767px) {
	.table-type04 table {
		font-size: 100%;
	}
	div.table-type04__pc {
		overflow-x: scroll!important;
	}
	.table-type04__pc::-webkit-scrollbar {
		height: 20px;
	}
	.table-type04__pc::-webkit-scrollbar-thumb {
		background: #d9dcdf;
		border-radius: 10px;
	}
	.table-type04__pc::-webkit-scrollbar-track {
		background: #f5f5f5;
		border-radius: 10px;
	}
	.table-type04__pc col:last-child {
		display: none;
	}
	.table-type04__pc th:last-child,
	.table-type04__pc td:last-child {
		display: none;
	}
	.table-type04__pc table {
		width: 750px;
		margin-bottom: 1px;
	}
	.table-type04__sp:before {
		content: 'DOWNLOADS';
		display: block;
		margin-top: 30px;
		color: #000;
		font-weight: bold;
		font-size: 110%;
	}
	.table-type04__sp table {
		display: table;
		margin-top: 10px;
	}
	.table-type04__sp table th,
	.table-type04__sp table td {
		padding: 10px;
	}
}

/*  table-type05
------------------------------------------------*/

.table-type05 {
	margin-top: 25px;
}
.table-type05 table {
	line-height: 1.5;
}
.table-type05 table th {
	padding: 15px;
	background: #f0f4f7;
	border: 1px solid #c6c9cc;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
}
.table-type05 table td {
	padding: 15px;
	background: #fff;
	border: 1px solid #c6c9cc;
	text-align: left;
	text-align: center;
	vertical-align: middle;
}
.table-type05 table td a {
	display: inline-block;
	padding: 7px 15px;
	color: #666;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	border: 1px solid #ccc;
	border-radius: 3px;
}
.table-type05 table td a:hover {
	background: #f1f1f1;
}
.table-type05 table td a:before {
	content: '';
	display: inline-block;
	width: 15px;
	height: 23px;
	margin-right: 10px;
	background: url(../images/ico_pdf.png) no-repeat top / contain;
	vertical-align: middle;
}

@media screen and (max-width: 767px) {
	.table-type05 table {
		width: 100%;
	}
	.table-type05 table th,
	.table-type05 table td {
		padding: 10px;
	}
}

/*  youtube
========================================================================*/

/*  youtube-type01
------------------------------------------------*/

.youtube-type01 {
	position: relative;
	margin-top: 20px;
	padding-top: 0%!important;
	padding-bottom: 56.25%!important;
}
.youtube-type01 iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*  icon
========================================================================*/

/*  icon-type01
------------------------------------------------*/

.icon-type01 > div {
	text-align: center;
}
.icon-type01 i {
	color: #88949c;
	font-size: 360%;
}

/*  video
========================================================================*/

/*  video-type01
------------------------------------------------*/

.video-type01 {
	max-width: 800px;
	margin: 0 auto;
}
.video-type01__title > div {
	color: #000;
	font-weight: bold;
	font-size: 110%;
}
.video-type01__video {
	margin-top: 10px;
}
.video-type01__youtube {
	position: relative;
	margin-top: 10px;
	padding-top: 0%!important;
	padding-bottom: 56.25%!important;
}
.video-type01__youtube iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

@media screen and (max-width: 960px) {
	.video-type01 {
		max-width: 640px;
	}
}

@media screen and (max-width: 767px) {
	.video-type01 {
		max-width: 300px;
	}
}

/*  column1
========================================================================*/

/*  column1-type01
------------------------------------------------*/

.column1-type01 > div {
	background: #fff;
	box-shadow: 0 0 5px 1px rgba(0,0,0,0.2);
}
.column1-type01 + .column1-type01 {
	margin-top: 50px;
}
.column1-type01__image img {
	width: 100%;
}
.column1-type01__content > div {
	display: flex;
	flex-wrap: wrap;
	padding: 35px 45px;
}
.column1-type01__center {
	width: 100%;
}
.column1-type01__title > div {
	color: #000;
	font-size: 155%;
	font-weight: bold;
	line-height: 1.3;
}
.column1-type01__label {
	margin-top: 10px;
}
.column1-type01__label > div {
	display: flex;
	align-items: center;
}
.column1-type01__category {
	margin-right: 10px;
}
.column1-type01__category > div {
	padding: 2px 15px;
	background: #333;
	color: #fff;
	font-size: 90%;
}
.column1-type01__left {
	width: calc(100% - 230px);
	margin-top: 15px;
}
.column1-type01__left-full {
	width: 100%;
}
.column1-type01__button {
	margin-top: 15px;
}
.column1-type01__button a {
	display: inline-block;
	padding: 8px 16px 7px 11px;
	background: #fff;
	color: #000;
	font-size: 110%;
	font-weight: bold;
	text-decoration: none;
	border: 1px solid #ccc;
}
.column1-type01__button a:hover {
	background: #f1f1f1;
}
.column1-type01__button a:before {
	content: '';
	display: inline-block;
	width: .35em;
	height: .35em;
	margin: 0 8px 2px 0;
	border-top: 2px solid #0094dd;
	border-right: 2px solid #0094dd;
	transform: rotate(45deg);
}
.column1-type01__right {
	width: 200px;
	margin: 15px 0 0 30px;
	border-left: 1px dashed #cacaca;
}
.column1-type01__right > div {
	padding-left: 30px;
}
div + .column1-type01__pdf {
	margin-top: 10px;
}
.column1-type01__pdf a {
	display: block;
	padding: 8px 15px 7px;
	background: #fff;
	color: #000;
	font-weight: bold;
	text-decoration: none;
	border: 1px solid #ccc;
	border-radius: 3px;
}
.column1-type01__pdf a:hover {
	background: #f1f1f1;
}
.column1-type01__pdf a:before {
	content: '';
	display: inline-block;
	width: 15px;
	height: 23px;
	margin-right: 10px;
	background: url(../images/ico_pdf.png) no-repeat top / contain;
	vertical-align: middle;
}

@media screen and (max-width: 767px) {
	.column1-type01__content > div {
		padding: 15px;
	}
	.column1-type01__title > div {
		font-size: 145%;
	}
	.column1-type01__category > div {
		padding: 2px 10px;
	}
	.column1-type01__left {
		width: 100%;
		margin-top: 10px;
	}
	.column1-type01__button {
		margin-top: 10px;
	}
	.column1-type01__right {
		width: 100%;
		margin: 15px 0 0;
		border: none;
		border-top: 1px dashed #cacaca;
		padding-top: 10px;
	}
	.column1-type01__right > div {
		display: flex;
		flex-wrap: wrap;
		margin: 0 -4px;
		padding: 0;
	}
	.column1-type01__right > div > div {
		width: 150px;
		max-width: calc(100% / 2 - 8px);
		margin: 4px;
	}
	.column1-type01__pdf a {
		padding: 7px 5px 6px 10px;
	}
	.column1-type01__pdf a:before {
		width: 11px;
		height: 16px;
		margin-right: 5px;
	}
}

/*  column2
========================================================================*/

/*  column2-type01
------------------------------------------------*/

.column2-type01 {
	margin-top: 40px;
}
.column2-type01 > div {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -15px;
}
.column2-type01__box {
	position: relative;
	width: calc(100% / 2 - 30px);
	margin: 0 15px;
}
.column2-type01__title > div {
	color: #000;
	font-size: 105%;
	font-weight: bold;
}
div + .column2-type01__image {
	margin-top: 30px;
}
.column2-type01__image img {
	width: 100%;
}

@media screen and (max-width: 960px) {
	.column2-type01__box {
		width: 100%;
	}
	.column2-type01__box:nth-child(n + 2) {
		margin-top: 35px;
	}
}

@media screen and (max-width: 767px) {
	.column2-type01 {
		margin-top: 35px;
	}
}

/*  column2-type02
------------------------------------------------*/

.column2-type02 {
	margin-top: 35px;
}
.column2-type02 > div {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -18px;
}
.column2-type02__box {
	width: calc(100% / 2 - 36px);
	margin: 0 18px;
}
.column2-type02__list li + li {
	margin-top: 15px;
}
.column2-type02__list a {
	display: block;
	padding: 14px;
	color: #000;
	font-size: 120%;
	text-decoration: none;
	border: 1px solid #ccc;
}
.column2-type02__list a:hover {
	background: #f1f1f1;
}
.column2-type02__list a:before {
	content: '';
	display: inline-block;
	width: .35em;
	height: .35em;
	margin: 0 8px .2em 0;
	border-top: 2px solid #0094dd;
	border-right: 2px solid #0094dd;
	transform: rotate(45deg);
	vertical-align: middle;
}

@media screen and (max-width: 960px) {
	.column2-type02 > div {
		margin: 0 -10px;
	}
	.column2-type02__box {
		width: calc(100% / 2 - 20px);
		margin: 0 10px;
	}
}

@media screen and (max-width: 767px) {
	.column2-type02 {
		max-width: 285px;
		margin: 25px auto 0;
	}
	.column2-type02 > div {
		max-width: 364px;
		margin: 0 auto;
	}
	.column2-type02__box {
		width: 100%;
		margin: 0;
	}
	.column2-type02__list li + li {
		margin-top: 10px;
	}
	.column2-type02__list a {
		padding: 10px 14px;
	}
	.column2-type02__box:nth-child(n + 2) {
		margin-top: 15px;
	}
	.column2-type02__box:nth-child(n + 2) > div {
		-moz-transform: scale(0.8) translate(-40px, -20px);
		-webkit-transform: scale(0.8) translate(-40px, -20px);
	}
}

/*  column2-type03
------------------------------------------------*/

.column2-type03 {
	background: #edf2f5;
}
.column2-type03 > div {
	display: flex;
	flex-wrap: wrap;
	max-width: 990px;
	margin: 0 auto;
	padding: 30px 0;
}
.column2-type03__box {
	position: relative;
	width: calc(100% / 2 - 30px);
	margin: 0 15px;
}
.column2-type03__box:nth-child(n + 3) {
	margin-top: 20px;
}
.column2-type03__box > div {
	display: flex;
}
.column2-type03__left {
	width: 106px;
}
.column2-type03__right {
	width: calc(100% - 126px);
	margin-left: 20px;
}
.column2-type03__name > div {
	font-size: 110%;
	font-weight: bold;
	line-height: 1.4;
}
.column2-type03__name--colorRed > div {
	color: #d64227;
}
.column2-type03__name--colorBlue > div {
	color: #0097e0;
}
.column2-type03__text {
	margin-top: 5px;
}
.column2-type03__text > div {
	font-size: 90%;
	line-height: 1.3;
}

@media screen and (max-width: 960px) {
	.column2-type03 > div {
		padding: 25px 0;
	}
}

@media screen and (max-width: 767px) {
	.column2-type03 > div {
		flex-direction: column;
		padding: 20px 15px;
	}
	.column2-type03__box {
		width: 100%;
		margin: 0;
	}
	.column2-type03__box:nth-child(n + 2) {
		margin-top: 15px;
	}
	.column2-type03__left {
		width: 85px;
	}
	.column2-type03__right {
		width: calc(100% - 100px);
		margin-left: 15px;
	}
}

/*  column2-type04
------------------------------------------------*/

.column2-type04 {
	margin-top: 25px;
}
.column2-type04 > div {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -15px;
}
.column2-type04__box {
	width: calc(100% / 2 - 30px);
	margin: 0 15px;
}
.column2-type04__title > div {
	color: #000;
	font-size: 105%;
	font-weight: bold;
}
.column2-type04__image {
	margin-top: 10px;
}
.column2-type04__image img {
	width: 100%;
}
.column2-type04__text {
	margin-top: 10px;
}

@media screen and (max-width: 960px) {
	.column2-type04 > div {
		margin: 0 -10px;
	}
	.column2-type04__box {
		width: calc(100% / 2 - 20px);
		margin: 0 10px;
	}
}

@media screen and (max-width: 767px) {
	.column2-type04__box {
		width: 100%;
	}
	.column2-type04__box:nth-child(n + 2) {
		margin-top: 20px;
	}
}

/*  column2-type05
------------------------------------------------*/

.column2-type05 {
	margin-top: 40px;
}
.column2-type05 > div {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -15px;
}
.column2-type05__box {
	width: calc(100% / 2 - 30px);
	margin: 0 15px;
	border-top: 3px solid #f5f5f5;
}
.column2-type05__box:nth-child(n + 3) {
	margin-top: 30px;
}
.column2-type05__logo {
	margin-top: 10px;
}
.column2-type05__logo > div {
	text-align: center;
}
.column2-type05__image {
	margin-top: 10px;
}
.column2-type05__image img {
	width: 100%;
}
.column2-type05__title {
	margin-top: 20px;
}
.column2-type05__title > div {
	color: #000;
	font-size: 115%;
	font-weight: bold;
}
.column2-type05__text {
	margin-top: 10px;
}

@media screen and (max-width: 960px) {
	.column2-type05 > div {
		margin: 0 -10px;
	}
	.column2-type05__box {
		width: calc(100% / 2 - 20px);
		margin: 0 10px;
	}
	.column2-type05__box:nth-child(n + 3) {
		margin-top: 20px;
	}
	.column2-type05__logo img {
		max-height: 55px;
	}
}

@media screen and (max-width: 767px) {
	.column2-type05__box {
		width: 100%;
	}
	.column2-type05__box:nth-child(n + 2) {
		margin-top: 20px;
	}
}

/*  column2-type06
------------------------------------------------*/

.column2-type06 {
	margin-top: 20px;
}
.column2-type06 > div {
	display: flex;
	flex-wrap: wrap;
}
.column2-type06__left {
	width: 452px;
	padding-right: 40px;
}
.column2-type06__image {
	border: 3px solid #f4f4f4;
	text-align: center;
}
.column2-type06__right {
	width: calc(100% - 452px);
}
.column2-type06__right > div {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -10px;
}
.column2-type06__box {
	width: calc(100% / 2 - 20px);
	margin: 0 10px;
}
.column2-type06__title > div {
	color: #000;
	font-size: 105%;
	font-weight: bold;
}
.column2-type06__table {
	margin-top: 15px;
}
.column2-type06__table table {
	width: 100%;
	line-height: 1.5;
}
.column2-type06__table table th {
	padding: 5px 10px;
	background: #f0f4f7;
	border: 1px solid #c6c9cc;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
}
.column2-type06__table table td {
	padding: 5px 10px;
	background: #fff;
	border: 1px solid #c6c9cc;
	text-align: center;
	vertical-align: middle;
}

@media screen and (max-width: 960px) {
	.column2-type06__left {
		width: 100%;
		padding-right: 0;
	}
	.column2-type06__right {
		width: 100%;
		margin-top: 25px;
	}
	.column2-type06__box {
		width: auto;
	}
	.column2-type06__table table {
		width: auto;
	}
}

@media screen and (max-width: 767px) {
	.column2-type06__image {
		border: 2px solid #f4f4f4;
	}
	.column2-type06__right {
		margin-top: 20px;
	}
	.column2-type06__box {
		width: 100%;
	}
	.column2-type06__box:nth-child(n + 2) {
		margin-top: 15px;
	}
	.column2-type06__table {
		margin-top: 10px;
	}
}

/*  column2-type07
------------------------------------------------*/

.column2-type07 > div:not(.column2-type07__more) {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -15px;
}
.column2-type07 > div > div {
	width: calc(100% / 2 - 30px);
	margin: 0 15px;
	background: #f5f5f5;
}
.column2-type07 > div > div:nth-child(n + 3) {
	margin-top: 30px;
}
.column2-type07__image img {
	width: 100%;
}
.column2-type07__content > div {
	padding: 30px;
}
.column2-type07__label {
	margin: 0 0 0 -30px;
}
.column2-type07__label > div {
	display: flex;
	align-items: center;
}
.column2-type07__category {
	margin-right: 10px;
}
.column2-type07__category > div {
	padding: 2px 20px 2px 30px;
	background: #333;
	color: #fff;
	font-size: 90%;
}
.column2-type07__title {
	margin-top: 10px;
}
.column2-type07__title > div {
	color: #000;
	font-size: 155%;
	font-weight: bold;
	line-height: 1.3;
}
.column2-type07__text {
	margin-top: 15px;
}
.column2-type07__button {
	margin-top: 15px;
}
.column2-type07__button > div {
	display: flex;
	flex-wrap: wrap;
}
.column2-type07__link {
	margin-right: 20px;
}
.column2-type07__link a {
	display: inline-block;
	padding: 8px 16px 7px 11px;
	background: #fff;
	color: #000;
	font-size: 110%;
	font-weight: bold;
	text-decoration: none;
	border: 1px solid #ccc;
}
.column2-type07__link a:hover {
	background: #f1f1f1;
}
.column2-type07__link a:before {
	content: '';
	display: inline-block;
	width: .4em;
	height: .4em;
	margin: 0 7px .1em 0;
	border-top: 2px solid #0094dd;
	border-right: 2px solid #0094dd;
	transform: rotate(45deg);
	vertical-align: middle;
}
.column2-type07__pdf a {
	display: block;
	padding: 8px 23px 7px 11px;
	background: #fff;
	color: #000;
	font-size: 110%;
	font-weight: bold;
	text-decoration: none;
	border: 1px solid #ccc;
}
.column2-type07__pdf a:hover {
	background: #f1f1f1;
}
.column2-type07__pdf a:before {
	content: '';
	display: inline-block;
	width: 13px;
	height: 20px;
	margin-right: 7px;
	background: url(../images/ico_pdf.png) no-repeat top / contain;
	vertical-align: middle;
}
.column2-type07__more {
	margin-top: 30px;
	text-align: center;
}
.column2-type07__more span {
	display: inline-block;
	min-width: 270px;
	padding: 8px;
	background: #868686;
	color: #fff;
	font-size: 170%;
	border: 2px solid #868686;
	border-radius: 3px;
	transition: all .3s;
	cursor: pointer;
}
.column2-type07__more span:hover {
	background: #fff;
	color: #868686;
}

@media screen and (max-width: 960px) {
	.column2-type07 > div:not(.column2-type07__more) {
		margin: 0 -10px;
	}
	.column2-type07 > div > div {
		width: calc(100% / 2 - 20px);
		margin: 0 10px;
	}
	.column2-type07 > div > div:nth-child(n + 3) {
		margin-top: 20px;
	}
}

@media screen and (max-width: 767px) {
	.column2-type07 > div > div {
		width: 100%;
		margin-top: 15px;
	}
	.column2-type07__content > div {
		padding: 20px;
	}
	.column2-type07__label {
		margin: 0 0 0 -20px;
	}
	.column2-type07__category > div {
		padding: 2px 20px;
	}
	.column2-type07__title > div {
		font-size: 145%;
	}
	.column2-type07__text {
		margin-top: 10px;
	}
	.column2-type07__button {
		margin-top: 10px;
	}
	.column2-type07__more span {
		min-width: 220px;
		padding: 5px;
		font-size: 160%;
	}
}

/*  column3
========================================================================*/

/*  column3-type01
------------------------------------------------*/

.column3-type01 {
	margin-top: 40px;
}
.column3-type01 > div {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -15px;
}
.column3-type01 > div > div {
	position: relative;
	width: calc(100% / 3 - 30px);
	margin: 0 15px;
}
.column3-type01 > div > div:nth-child(n + 4) {
	margin-top: 30px;
}
.column3-type01__image img {
	width: 100%;
	vertical-align: bottom;
}
.column3-type01__title > div {
	padding: 4px 10px;
	background: #333;
	color: #fff;
}

@media screen and (max-width: 960px) {
	.column3-type01 > div {
		margin: 0 -10px;
	}
	.column3-type01 > div > div {
		width: calc(100% / 3 - 20px);
		margin: 0 10px;
	}
	.column3-type01 > div > div:nth-child(n + 4) {
		margin-top: 20px;
	}
}

@media screen and (max-width: 767px) {
	.column3-type01 > div {
		margin: 0 -7px;
	}
	.column3-type01 > div > div {
		width: calc(100% / 2 - 14px);
		margin: 0 7px;
	}
	.column3-type01 > div > div:nth-child(n + 3) {
		margin-top: 14px;
	}
}

/*  column3-type02
------------------------------------------------*/

.column3-type02 {
	margin-top: 40px;
}
.column3-type02 > div {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -15px;
}
.column3-type02 > div > div {
	width: calc(100% / 3 - 28px);
	margin: 0 14px;
	background: #f5f5f5;
}
.column3-type02 > div > div:nth-child(n + 4) {
	margin-top: 20px;
}
.column3-type02__image img {
	width: 100%;
	vertical-align: bottom;
}
.column3-type02__balloon > div {
	display: flex;
	flex-direction: column;
	justify-content: center;
	position: relative;
	padding: 14px 10px 12px;
	background: #333;
	color: #fff;
	text-align: center;
	line-height: 1.3;
}
.column3-type02__balloon > div:after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	bottom: -15px;
 	width: 0;
	height: 0;
	border: 8px solid transparent;
	border-top: 8px solid #333;
}
.column3-type02__title {
	font-size: 115%;
}
.column3-type02__subtitle {
	margin-top: 3px;
	font-size: 75%;
}
.column3-type02__content > div {
	padding: 25px;
}
.column3-type02__text {
	line-height: 1.8;
}
.column3-type02__button {
	margin-top: 20px;
	text-align: center;
}
.column3-type02__button a {
	display: inline-block;
	padding: 5px 10px 5px 8px;
	background: #000;
	color: #fff;
	text-decoration: none;
	border: 1px solid #000;
}
.column3-type02__button a:hover {
	background: #fff;
	color: #000;
}
.column3-type02__button a:before {
	content: '';
	display: inline-block;
	width: .35em;
	height: .35em;
	margin: 0 8px .2em 0;
	border-top: 2px solid #0094dd;
	border-right: 2px solid #0094dd;
	transform: rotate(45deg);
	vertical-align: middle;
}

@media screen and (max-width: 960px) {
	.column3-type02 > div {
		margin: 0 -10px;
	}
	.column3-type02 > div > div {
		width: calc(100% / 3 - 20px);
		margin: 0 10px;
	}
	.column3-type02__content > div {
		padding: 25px 20px;
	}
	.column3-type02__button {
		margin-top: 15px;
	}
}

@media screen and (max-width: 767px) {
	.column3-type02 > div > div {
		width: 100%;
	}
	.column3-type02 > div > div:nth-child(n + 2) {
		margin-top: 15px;
	}
	.column3-type02__balloon > div {
		padding: 10px;
	}
	.column3-type02__content > div {
		padding: 20px 15px;
	}
}

/*  column3-type03
------------------------------------------------*/

.column3-type03 {
	margin-top: 45px;
}
.column3-type03 > div {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -20px;
}
.column3-type03 > div > div {
	width: calc(100% / 3 - 40px);
	margin: 0 20px;
}
.column3-type03 > div > div:nth-child(n + 4) {
	margin-top: 50px;
}
.column3-type03__image > div {
	width: calc(100% - 30px);
	margin: 0 auto;
	text-align: center;
}
.column3-type03__title {
	margin-top: 15px;
}
.column3-type03__title > div {
	color: #000;
	font-size: 120%;
	font-weight: bold;
	line-height: 1.3;
	text-align: center;
}
.column3-type03__text {
	margin-top: 10px;
}
.column3-type03__button {
	margin-top: 15px;
	text-align: center;
}
.column3-type03__button a {
	display: inline-block;
	padding: 5px 10px 5px 8px;
	background: #000;
	color: #fff;
	text-decoration: none;
	border: 1px solid #000;
}
.column3-type03__button a:hover {
	background: #fff;
	color: #000;
}
.column3-type03__button a:before {
	content: '';
	display: inline-block;
	width: .35em;
	height: .35em;
	margin: 0 8px .2em 0;
	border-top: 2px solid #0094dd;
	border-right: 2px solid #0094dd;
	transform: rotate(45deg);
	vertical-align: middle;
}

@media screen and (max-width: 960px) {
	.column3-type03 > div {
		margin: 0 -25px;
	}
	.column3-type03 > div > div {
		width: calc(100% / 2 - 50px);
		margin: 0 25px;
	}
	.column3-type03 > div > div:nth-child(n + 3) {
		margin-top: 50px;
	}
}

@media screen and (max-width: 767px) {
	.column3-type03 > div > div {
		width: 100%;
	}
	.column3-type03 > div > div:nth-child(n + 2) {
		margin-top: 40px;
	}
	.column3-type03__image > div {
		width: calc(100% - 100px);
	}
}

/*  section
========================================================================*/

/*  section-type01
------------------------------------------------*/

.section-type01 {
	position: relative;
	overflow: hidden;
	height: 500px;
}
.section-type01--background01 {
	background: url(../images/mainvisual.jpg) no-repeat center;
}
.section-type01--background02 {
	background: url(../images/mainvisual.jpg) no-repeat center;
}
.section-type01--background03 {
	background: url(../images/mainvisual.jpg) no-repeat center;
}
.section-type01--background04 {
	background: url(../images/mainvisual.jpg) no-repeat center;
}
.section-type01--background05 {
	background: url(../images/mainvisual.jpg) no-repeat center;
}
.section-type01--background06 {
	background: url(../images/mainvisual.jpg) no-repeat center;
}
.section-type01--background07 {
	background: url(../images/mainvisual.jpg) no-repeat center;
}
.section-type01--background08 {
	background: url(../images/mainvisual.jpg) no-repeat center;
}
.section-type01--background09 {
	background: url(../images/mainvisual.jpg) no-repeat center;
}
.section-type01--background10 {
	background: url(../images/mainvisual.jpg) no-repeat center;
}
.section-type01--background11 {
	background: url(../images/mainvisual.jpg) no-repeat center;
}
.section-type01--background12 {
	background: url(../images/mainvisual.jpg) no-repeat center;
}
.section-type01--background13 {
	background: url(../images/mainvisual.jpg) no-repeat center;
}
.section-type01--background14 {
	background: url(../images/mainvisual.jpg) no-repeat center;
}
.section-type01--background15 {
	background: url(../images/mainvisual.jpg) no-repeat center;
}
.section-type01--background16 {
	background: url(../images/mainvisual.jpg) no-repeat center;
}
.section-type01--background17 {
	background: url(../images/mainvisual.jpg) no-repeat center;
}
.section-type01--background18 {
	background: url(../images/mainvisual.jpg) no-repeat center;
}
.section-type01--background19 {
	background: url(../images/mainvisual.jpg) no-repeat center;
}
.section-type01--background20 {
	background: url(../images/mainvisual.jpg) no-repeat center;
}
.section-type01--background21 {
	background: url(../images/mainvisual.jpg) no-repeat center;
}
.section-type01--background22 {
	background: url(../images/mainvisual.jpg) no-repeat center;
}
.section-type01--background23 {
	background: url(../images/mainvisual.jpg) no-repeat center;
}
.section-type01--background24 {
	background: url(../images/mainvisual.jpg) no-repeat center;
}
.section-type01--background25 {
	background: url(../images/mainvisual.jpg) no-repeat center;
}
.section-type01--background26 {
	background: url(../images/mainvisual.jpg) no-repeat center;
}
.section-type01--background27 {
	background: url(../images/mainvisual.jpg) no-repeat center;
}
.section-type01--background28 {
	background: url(../images/mainvisual.jpg) no-repeat center;
}
.section-type01--background29 {
	background: url(../images/mainvisual.jpg) no-repeat center;
}
.section-type01--background30 {
	background: url(../images/mainvisual.jpg) no-repeat center;
}
.section-type01--background31 {
	background: url(../images/mainvisual.jpg) no-repeat center;
}
.section-type01--background32 {
	background: url(../images/mainvisual.jpg) no-repeat center;
}
.section-type01--background33 {
	background: url(../images/mainvisual.jpg) no-repeat center;
}
.section-type01--background34 {
	background: url(../images/mainvisual.jpg) no-repeat center;
}
.section-type01--background35 {
	background: url(../images/mainvisual.jpg) no-repeat center;
}
.section-type01--background36 {
	background: url(../images/mainvisual.jpg) no-repeat center;
}
.section-type01--background37 {
	background: url(../images/mainvisual.jpg) no-repeat center;
}
.section-type01--background38 {
	background: url(../images/mainvisual.jpg) no-repeat center;
}
.section-type01--background39 {
	background: url(../images/mainvisual.jpg) no-repeat center;
}
.section-type01--background40 {
	background: url(../images/mainvisual.jpg) no-repeat center;
}
.section-type01--background41 {
	background: url(../images/mainvisual.jpg) no-repeat center;
}
.section-type01--background42 {
	background: url(../images/mainvisual.jpg) no-repeat center;
}
.section-type01--background43 {
	background: url(../images/mainvisual.jpg) no-repeat center;
}
.section-type01--background44 {
	background: url(../images/mainvisual.jpg) no-repeat center;
}
.section-type01--background45 {
	background: url(../images/mainvisual.jpg) no-repeat center;
}
.section-type01--background46 {
	background: url(../images/mainvisual.jpg) no-repeat center;
}
.section-type01--background47 {
	background: url(../images/mainvisual.jpg) no-repeat center;
}
.section-type01--background48 {
	background: url(../images/mainvisual.jpg) no-repeat center;
}


.section-type01:before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	width: calc(50% + 30px);
	background: rgba(0,0,0,0.5);
}
.section-type01 > div,
.section-type01 > div.ui-droppable {
	display: flex;
	flex-direction: column;
	justify-content: center;
	position: relative;
	left: 50%;
	width: 480px;
	height: 400px;
	margin: 56px 0 0 -480px;
	padding: 15px 30px 36px;
	background: rgba(0,151,224,0.9);
	color: #fff;
}
.section-type01 > .pb-handle {
	left: auto;
	margin:0px;
}
.section-type01 .header-navigation {
	position: absolute;
	width: 960px;
	top: -48px;
	left: 0;
	margin: 0;
	color: #fff;
}
.section-type01 .header-navigation a {
	color: #fff;
}
.section-type01__title {
	width: 100%;
}
.section-type01__title h1 {
	position: relative;
	padding-bottom: 15px;
	font-size: 210%;
	font-weight: normal;
	text-align: center;
	line-height: 1.3;
}
.section-type01__title h1:after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	bottom: 0;
	width: 40px;
	height: 1px;
	background: #fff;
}
.section-type01__text {
	width: 100%;
	margin-top: 25px;
	font-size: 103%;
}
.section-type01__pdf {
	position: absolute;
	left: 0;
	right: 0;
	width: auto;
	bottom: -15px;
	text-align: center;
}
.section-type01__pdf a {
	display: inline-block;
	padding: 8px 30px;
	background: #fff;
	color: #000;
	font-weight: bold;
	text-decoration: none;
}
.section-type01__pdf a:hover {
	background: #f1f1f1;
}
.section-type01__pdf a:before {
	content: '';
	display: inline-block;
	width: .35em;
	height: .35em;
	margin: 0 8px .1em 0;
	border-top: 2px solid #0097e0;
	border-right: 2px solid #0097e0;
	transform: rotate(45deg);
	vertical-align: middle;
}
.section-type01__button {
	margin-top: 20px;
}
.section-type01__button > div {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	margin: 0 -5px;
}
.section-type01__button > div > div {
	width: calc(50% - 10px);
	margin: 5px;
}
.section-type01__button-link a,
.section-type01__button-anchor a,
.section-type01__button-mail a {
	display: block;
	padding: 8px 15px;
	background: #fff;
	color: #000;
	font-weight: bold;
	text-decoration: none;
}
.section-type01__button-link a:hover,
.section-type01__button-anchor a:hover,
.section-type01__button-mail a:hover {
	background: #f1f1f1;
}
.section-type01__button-link a:before {
	content: '';
	display: inline-block;
	width: .35em;
	height: .35em;
	margin: 0 8px .1em 0;
	border-top: 2px solid #0097e0;
	border-right: 2px solid #0097e0;
	transform: rotate(45deg);
	vertical-align: middle;
}
.section-type01__button-anchor a:before {
	content: '';
	display: inline-block;
	width: .35em;
	height: .35em;
	margin: 0 8px .3em 0;
	border-top: 2px solid #0097e0;
	border-right: 2px solid #0097e0;
	transform: rotate(135deg);
	vertical-align: middle;
}
.section-type01__button-mail a:before {
	/*: FontAwesome;*/

    content: '\f0e0';
    display: inline-block;
    margin: 0 9px .2em 0;
    font-size: 100%;
    color: #0097e0;
    line-height: 1;
    vertical-align: middle;
}

@media screen and (min-width: 1451px) {
	.section-type01--background01 {
		background: url(../images/mainvisual.jpg) no-repeat center / cover;
	}
	.section-type01--background02 {
		background: url(../images/mainvisual.jpg) no-repeat center / cover;
	}
	.section-type01--background03 {
		background: url(../images/mainvisual.jpg) no-repeat center / cover;
	}
	.section-type01--background04 {
		background: url(../images/mainvisual.jpg) no-repeat center / cover;
	}
	.section-type01--background05 {
		background: url(../images/mainvisual.jpg) no-repeat center / cover;
	}
	.section-type01--background06 {
		background: url(../images/mainvisual.jpg) no-repeat center / cover;
	}
	.section-type01--background07 {
		background: url(../images/mainvisual.jpg) no-repeat center / cover;
	}
	.section-type01--background08 {
		background: url(../images/mainvisual.jpg) no-repeat center / cover;
	}
	.section-type01--background09 {
		background: url(../images/mainvisual.jpg) no-repeat center / cover;
	}
	.section-type01--background10 {
		background: url(../images/mainvisual.jpg) no-repeat center / cover;
	}
	.section-type01--background11 {
		background: url(../images/mainvisual.jpg) no-repeat center / cover;
	}
	.section-type01--background12 {
		background: url(../images/mainvisual.jpg) no-repeat center / cover;
	}
	.section-type01--background13 {
		background: url(../images/mainvisual.jpg) no-repeat center / cover;
	}
	.section-type01--background14 {
		background: url(../images/mainvisual.jpg) no-repeat center / cover;
	}
	.section-type01--background15 {
		background: url(../images/mainvisual.jpg) no-repeat center / cover;
	}
	.section-type01--background16 {
		background: url(../images/mainvisual.jpg) no-repeat center / cover;
	}
	.section-type01--background17 {
		background: url(../images/mainvisual.jpg) no-repeat center / cover;
	}
	.section-type01--background18 {
		background: url(../images/mainvisual.jpg) no-repeat center / cover;
	}
	.section-type01--background19 {
		background: url(../images/mainvisual.jpg) no-repeat center / cover;
	}
	.section-type01--background20 {
		background: url(../images/mainvisual.jpg) no-repeat center / cover;
	}
	.section-type01--background21 {
		background: url(../images/mainvisual.jpg) no-repeat center / cover;
	}
	.section-type01--background22 {
		background: url(../images/mainvisual.jpg) no-repeat center / cover;
	}
	.section-type01--background23 {
		background: url(../images/mainvisual.jpg) no-repeat center / cover;
	}
	.section-type01--background24 {
		background: url(../images/mainvisual.jpg) no-repeat center / cover;
	}
	.section-type01--background25 {
		background: url(../images/mainvisual.jpg) no-repeat center / cover;
	}
	.section-type01--background26 {
		background: url(../images/mainvisual.jpg) no-repeat center / cover;
	}
	.section-type01--background27 {
		background: url(../images/mainvisual.jpg) no-repeat center / cover;
	}
	.section-type01--background28 {
		background: url(../images/mainvisual.jpg) no-repeat center / cover;
	}
	.section-type01--background29 {
		background: url(../images/mainvisual.jpg) no-repeat center / cover;
	}
	.section-type01--background30 {
		background: url(../images/mainvisual.jpg) no-repeat center / cover;
	}
	.section-type01--background31 {
		background: url(../images/mainvisual.jpg) no-repeat center / cover;
	}
	.section-type01--background32 {
		background: url(../images/mainvisual.jpg) no-repeat center / cover;
	}
	.section-type01--background33 {
		background: url(../images/mainvisual.jpg) no-repeat center / cover;
	}
	.section-type01--background34 {
		background: url(../images/mainvisual.jpg) no-repeat center / cover;
	}
	.section-type01--background35 {
		background: url(../images/mainvisual.jpg) no-repeat center / cover;
	}
	.section-type01--background36 {
		background: url(../images/mainvisual.jpg) no-repeat center / cover;
	}
	.section-type01--background37 {
		background: url(../images/mainvisual.jpg) no-repeat center / cover;
	}
	.section-type01--background38 {
		background: url(../images/mainvisual.jpg) no-repeat center / cover;
	}
	.section-type01--background39 {
		background: url(../images/mainvisual.jpg) no-repeat center / cover;
	}
	.section-type01--background40 {
		background: url(../images/mainvisual.jpg) no-repeat center / cover;
	}
	.section-type01--background41 {
		background: url(../images/mainvisual.jpg) no-repeat center / cover;
	}
	.section-type01--background42 {
		background: url(../images/mainvisual.jpg) no-repeat center / cover;
	}
	.section-type01--background43 {
		background: url(../images/mainvisual.jpg) no-repeat center / cover;
	}
	.section-type01--background44 {
		background: url(../images/mainvisual.jpg) no-repeat center / cover;
	}
	.section-type01--background45 {
		background: url(../images/mainvisual.jpg) no-repeat center / cover;
	}
	.section-type01--background46 {
		background: url(../images/mainvisual.jpg) no-repeat center / cover;
	}

}

@media screen and (max-width: 960px) {
	.section-type01 {
		background: none;
		height: auto;
	}
	.section-type01:before {
		position: static;
		display: block;
		width: 100%;
		height: 300px;
	}
	.section-type01--background01:before {
		background: url(../images/mainvisual.jpg) no-repeat right center / cover;
	}
	.section-type01--background02:before {
		background: url(../images/mainvisual.jpg) no-repeat right center / cover;
	}
	.section-type01--background03:before {
		background: url(../images/mainvisual.jpg) no-repeat right center / cover;
	}
	.section-type01--background04:before {
		background: url(../images/mainvisual.jpg) no-repeat right center / cover;
	}
	.section-type01--background05:before {
		background: url(../images/mainvisual.jpg) no-repeat right center / cover;
	}
	.section-type01--background06:before {
		background: url(../images/mainvisual.jpg) no-repeat right center / cover;
	}
	.section-type01--background07:before {
		background: url(../images/mainvisual.jpg) no-repeat right center / cover;
	}
	.section-type01--background08:before {
		background: url(../images/mainvisual.jpg) no-repeat right center / cover;
	}
	.section-type01--background09:before {
		background: url(../images/mainvisual.jpg) no-repeat right center / cover;
	}
	.section-type01--background10:before {
		background: url(../images/mainvisual.jpg) no-repeat right center / cover;
	}
	.section-type01--background11:before {
		background: url(../images/mainvisual.jpg) no-repeat right center / cover;
	}
	.section-type01--background12:before {
		background: url(../images/mainvisual.jpg) no-repeat right center / cover;
	}
	.section-type01--background13:before {
		background: url(../images/mainvisual.jpg) no-repeat right center / cover;
	}
	.section-type01--background14:before {
		background: url(../images/mainvisual.jpg) no-repeat right center / cover;
	}
	.section-type01--background15:before {
		background: url(../images/mainvisual.jpg) no-repeat right center / cover;
	}
	.section-type01--background16:before {
		background: url(../images/mainvisual.jpg) no-repeat right center / cover;
	}
	.section-type01--background17:before {
		background: url(../images/mainvisual.jpg) no-repeat right center / cover;
	}
	.section-type01--background18:before {
		background: url(../images/mainvisual.jpg) no-repeat right center / cover;
	}
	.section-type01--background19:before {
		background: url(../images/mainvisual.jpg) no-repeat right center / cover;
	}
	.section-type01--background20:before {
		background: url(../images/mainvisual.jpg) no-repeat right center / cover;
	}
	.section-type01--background21:before {
		background: url(../images/mainvisual.jpg) no-repeat right center / cover;
	}
	.section-type01--background22:before {
		background: url(../images/mainvisual.jpg) no-repeat right center / cover;
	}
	.section-type01--background23:before {
		background: url(../images/mainvisual.jpg) no-repeat right center / cover;
	}
	.section-type01--background24:before {
		background: url(../images/mainvisual.jpg) no-repeat right center / cover;
	}
	.section-type01--background25:before {
		background: url(../images/mainvisual.jpg) no-repeat right center / cover;
	}
	.section-type01--background26:before {
		background: url(../images/mainvisual.jpg) no-repeat right center / cover;
	}
	.section-type01--background27:before {
		background: url(../images/mainvisual.jpg) no-repeat right center / cover;
	}
	.section-type01--background28:before {
		background: url(../images/mainvisual.jpg) no-repeat right center / cover;
	}
	.section-type01--background29:before {
		background: url(../images/mainvisual.jpg) no-repeat right center / cover;
	}
	.section-type01--background30:before {
		background: url(../images/mainvisual.jpg) no-repeat right center / cover;
	}
	.section-type01--background31:before {
		background: url(../images/mainvisual.jpg) no-repeat right center / cover;
	}
	.section-type01--background32:before {
		background: url(../images/mainvisual.jpg) no-repeat right center / cover;
	}
	.section-type01--background33:before {
		background: url(../images/mainvisual.jpg) no-repeat right center / cover;
	}
	.section-type01--background34:before {
		background: url(../images/mainvisual.jpg) no-repeat right center / cover;
	}
	.section-type01--background35:before {
		background: url(../images/mainvisual.jpg) no-repeat right center / cover;
	}
	.section-type01--background36:before {
		background: url(../images/mainvisual.jpg) no-repeat right center / cover;
	}
	.section-type01--background37:before {
		background: url(../images/mainvisual.jpg) no-repeat right center / cover;
	}
	.section-type01--background38:before {
		background: url(../images/mainvisual.jpg) no-repeat right center / cover;
	}
	.section-type01--background39:before {
		background: url(../images/mainvisual.jpg) no-repeat right center / cover;
	}
	.section-type01--background40:before {
		background: url(../images/mainvisual.jpg) no-repeat right center / cover;
	}
	.section-type01--background41:before {
		background: url(../images/mainvisual.jpg) no-repeat right center / cover;
	}
	.section-type01--background42:before {
		background: url(../images/mainvisual.jpg) no-repeat right center / cover;
	}
	.section-type01--background43:before {
		background: url(../images/mainvisual.jpg) no-repeat right center / cover;
	}
	.section-type01--background44:before {
		background: url(../images/mainvisual.jpg) no-repeat right center / cover;
	}
	.section-type01--background45:before {
		background: url(../images/mainvisual.jpg) no-repeat right center / cover;
	}
	.section-type01--background46:before {
		background: url(../images/mainvisual.jpg) no-repeat right center / cover;
	}



	.section-type01 > div,
	.section-type01 > div.ui-droppable {
		left: 0;
		width: 100%;
		height: auto;
		margin: 0;
		padding: 25px 15px 33px;
	}
	.section-type01__title h1 {
		padding-bottom: 20px;
	}
	.section-type01__pdf {
		position: static;
		margin-top: 15px;
	}
}

@media screen and (max-width: 767px) {
	.section-type01:before {
		height: 150px;
	}
	.section-type01 > div,
	.section-type01 > div.ui-droppable {
		padding: 20px 15px;
	}
	.section-type01__title h1 {
		padding-bottom: 15px;
		font-size: 180%;
	}
	.section-type01__text {
		margin-top: 20px;
		font-size: 100%;
	}
	.section-type01__button > div {
		display: block;
	}
	.section-type01__button > div > div {
		width: calc(100% - 10px);
	}
}

/*  section-type02
------------------------------------------------*/

.section-type02 {
	background: #f5f5f5;
}
.section-type02 > div {
	width: calc(100% - 30px);
	max-width: 960px;
	margin: 0 auto;
	padding: 40px 0 45px;
}

@media screen and (max-width: 767px) {
	.section-type02 > div {
		padding: 30px 0 35px;
	}
}

/*  section-type03
------------------------------------------------*/

.section-type03 > div:not(.pb-handle) {
	width: calc(100% - 30px);
	max-width: 960px;
	margin: 0 auto;
	padding: 35px 0 50px;
}
div:not(.section-type03) + .section-type03 > div:not(.pb-handle) {
	padding-top: 45px;
}
.section-type03 + .section-type03 > div:not(.pb-handle) {
	border-top: 4px solid #00cdff;
}

@media screen and (max-width: 767px) {
	.section-type03 > div:not(.pb-handle) {
		padding: 30px 0;
	}
	div:not(.section-type03) + .section-type03 > div:not(.pb-handle) {
		padding-top: 35px;
	}
	.section-type03 + .section-type03 > div:not(.pb-handle) {
		border-top: 3px solid #00cdff;
	}
}

/*  section-type04
------------------------------------------------*/

.section-type04 {
	background: #f5f5f5;
}
.section-type04 > div {
	width: calc(100% - 30px);
	max-width: 960px;
	margin: 0 auto;
	padding: 20px 0 30px;
}
.section-type04__title h1 {
	color: #000;
	font-size: 230%;
	font-weight: normal;
	line-height: 1.3;
}
.section-type04__imagebox {
	margin-top: 10px;
}
.section-type04__imagebox > div {
	display: flex;
	flex-wrap: wrap;
}
div.section-type04__image {
	position: relative;
	overflow: hidden!important;
	width: 465px;
	height: 227px;
}
.section-type04__image div {
	width: 465px;
	height: 227px;
}
.section-type04__image img {
	position: absolute;
	display: block;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	min-width: 100%;
	min-height: 100%;
	max-width: none;
}
.section-type04__text {
	width: calc(100% - 495px);
	margin-left: 30px;
}
.section-type04__button {
	margin-top: 30px;
}
.section-type04__button > div {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -15px;
}
.section-type04__button > div > div {
	width: calc(100% / 4 - 30px);
	margin: 0 15px;
}
.section-type04__link a,
.section-type04__download a {
	display: block;
	padding: 9px 15px 8px;
	background: #fff;
	color: #000;
	font-weight: bold;
	text-decoration: none;
	border: 1px solid #ccc;
	border-radius: 3px;
}
.section-type04__link a:hover,
.section-type04__download a:hover {
	background: #f1f1f1;
}
.section-type04__link a:before,
.section-type04__download a:before {
	content: '';
	display: inline-block;
	width: .45em;
	height: .45em;
	margin: 0 11px .2em 0;
	border-top: 2px solid #0097e0;
	border-right: 2px solid #0097e0;
	transform: rotate(45deg);
	vertical-align: middle;
}
.section-type04__download a:before {
	margin: 0 11px .4em 0;
	transform: rotate(135deg);
}
.section-type04__mail a {
	display: block;
	padding: 9px 15px 8px;
	background: #0097e0;
	color: #fff;
	text-decoration: none;
	text-align: center;
	border: 1px solid #0097e0;
	border-radius: 3px;
}
.section-type04__mail a:hover {
	background: #fff;
	color: #0097e0;
}
.section-type04__mail a:before {
	/*: FontAwesome;*/

	content: '\f0e0';
	display: inline-block;
	margin: 0 9px .2em 0;
	font-size: 115%;
	line-height: 1;
	vertical-align: middle;
}

@media screen and (max-width: 960px) {
	.section-type04 > div {
		padding: 20px 0;
	}
	div.section-type04__image,
	.section-type04__image div {
		width: 355px;
		height: 176px;
	}
	.section-type04__text {
		width: calc(100% - 375px);
		margin-left: 20px;
	}
	.section-type04__button {
		margin-top: 20px;
	}
	.section-type04__button > div {
		display: flex;
		flex-wrap: wrap;
		margin: 0 -10px;
	}
	.section-type04__button > div > div {
		width: calc(100% / 2 - 20px);
		margin: 0 10px;
	}
	.section-type04__button > div > div:nth-child(n + 3) {
		margin-top: 10px;
	}
}

@media screen and (max-width: 767px) {
	.section-type04 > div {
		padding: 15px 0;
	}
	.section-type04__title h1 {
		font-size: 210%;
	}
	.section-type04__imagebox > div > div:nth-child(n + 2) {
		margin-top: 15px;
	}
	div.section-type04__image,
	.section-type04__image div {
		width: 100%;
		height: 170px;
	}
	.section-type04__text {
		width: 100%;
		margin-top: 15px;
		margin-left: 0;
	}
	.section-type04__button > div > div {
		width: 100%;
	}
	.section-type04__button > div > div:nth-child(n + 2) {
		margin-top: 8px;
	}
}

/*  section-type05
------------------------------------------------*/

.section-type05 {
	background: #f5f5f5;
}
.section-type05 > div {
	width: calc(100% - 30px);
	max-width: 960px;
	margin: 0 auto;
	padding: 65px 0 70px;
}

@media screen and (max-width: 960px) {
	.section-type05 > div {
		padding: 55px 0;
	}
}

@media screen and (max-width: 767px) {
	.section-type05 > div {
		padding: 35px 0;
	}
}

/*  section-type06
------------------------------------------------*/

.section-type06 > div {
	width: calc(100% - 30px);
	max-width: 960px;
	margin: 0 auto;
	padding: 60px 0 70px;
}
.section-type06 + .section-type06 {
	border-top: 5px solid #f5f5f5;
}
.section-type06 + .section-type06 > div {
	padding-top: 45px;
}

@media screen and (max-width: 960px) {
	.section-type06 > div {
		padding: 50px 0;
	}
}

@media screen and (max-width: 767px) {
	.section-type06 > div,
	.section-type06 + .section-type06 > div {
		padding: 35px 0;
	}
	.section-type06 + .section-type06 {
		border-top: 4px solid #f5f5f5;
	}
}

/*  section-type07
------------------------------------------------*/

.section-type07 {
	overflow: hidden;
	background: linear-gradient(to bottom right, #dbeff7, #fbfcfd);
}
.section-type07 > div {
	width: calc(100% - 30px);
	max-width: 1090px;
	margin: 65px auto;
	padding: 60px 65px;
	background: linear-gradient(to bottom right, #f4fafd, #fdfefe);
	box-shadow: 0 0 5px 1px rgba(0,0,0,0.1);
}
#area0 > div > .section-type07:last-child > div {
	margin-bottom: 100px;
	padding-bottom: 60px;
}

@media screen and (max-width: 767px) {
	.section-type07 > div {
		margin: 45px auto;
	}
	.section-type07 > div,
	#area0 > div > .section-type07:last-child > div:last-child {
		padding: 30px 15px;
	}
}

/*  section-type08
------------------------------------------------*/

.section-type08 {
	background: #f5f5f5;
}
.section-type08 > div {
	width: calc(100% - 30px);
	max-width: 715px;
	margin: 0 auto;
	padding: 30px 0;
}

@media screen and (max-width: 767px) {
	.section-type08 > div {
		padding: 25px 0;
	}
}

/*  section-type09
------------------------------------------------*/

.section-type09 > div {
	width: calc(100% - 30px);
	max-width: 960px;
	margin: 0 auto;
	padding: 30px 0;
}

@media screen and (max-width: 767px) {
	.section-type09 > div {
		padding: 25px 0;
	}
}

/*  section-type10
------------------------------------------------*/

.section-type10 > div {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	padding-top: 30px;
}
.section-type10:nth-child(2) > div {
	padding-top: 12px;
}
.section-type10__main {
	position: relative;
	width: calc(100% - 290px);
	max-width: 700px;
	margin: 0 15px;
}
.section-type10__main:only-child {
	width: calc(100% - 30px);
	max-width: 960px;
}
.section-type10__print img {
	position: absolute;
	right: 0;
	transition: all .3s;
	cursor: pointer;
}
.section-type10__print img:hover {
	opacity: .7;
}
.section-type10__label > div {
	display: flex;
	align-items: center;
}
.section-type10__category {
	min-width: 150px;
	margin-right: 20px;
}
.section-type10__category > div {
	padding: 7px 20px;
	background: #333;
	color: #fff;
	text-align: center;
}
.section-type10__titleH1 {
	margin-top: 10px;
}
.section-type10__titleH1 h1 {
	color: #000;
	font-size: 215%;
	font-weight: bold;
	line-height: 1.3;
}
.section-type10__titleH1 + div {
	margin-top: 20px;
}
.section-type10__titleH2 {
	margin-top: 40px;
}
.section-type10__titleH2 > div:not(.pb-handle) {
	padding-top: 40px;
	border-top: 4px solid #00cdff;
}
.section-type10__titleH2 h2 {
	color: #000;
	font-size: 160%;
	font-weight: bold;
}
.section-type10__titleH3 {
	margin-top: 20px;
}
.section-type10__titleH3 + .section-type10__text {
	margin-top: 10px;
}
.section-type10__titleH3 h3 {
	color: #000;
	font-size: 120%;
	font-weight: bold;
}
.section-type10__text {
	margin-top: 25px;
}
.section-type10__text--bold {
	color: #000;
	font-size: 105%;
	font-weight: bold;
}
.section-type10__text--colorBlue,
.section-type10__text--colorRed {
	margin-top: 30px;
}
.section-type10__text--colorBlue + div,
.section-type10__text--colorRed + div {
	margin-top: 5px;
}
.section-type10__text--colorBlue > div,
.section-type10__text--colorRed > div {
	font-size: 110%;
	font-weight: bold;
	line-height: 1.4;
}
.section-type10__text--colorBlue > div {
	color: #0097e0;
}
.section-type10__text--colorRed > div {
	color: #d64227;
}
.section-type10__flame {
	margin-top: 40px;
}
.section-type10__flame + div {
	margin-top: 40px;
}
.section-type10__flame > div {
	padding: 25px;
	border-top: 2px solid #e5e5e5;
	border-bottom: 2px solid #e5e5e5;
	font-weight: bold;
}
.section-type10__image {
	margin-top: 25px;
}
.section-type10__side {
	width: 230px;
	margin: 0 15px;
}
.section-type10__side > div {
	padding: 30px 15px;
	background: #f5f5f5;
}
.section-type10__title > div {
	color: #000;
	font-size: 90%;
	font-weight: bold;
	text-align: center;
}
.section-type10__categoryBlock table {
	table-layout: fixed;
}
.section-type10__categoryBlock-article a {
	display: block;
	margin-top: 30px;
	text-decoration: none;
}
.section-type10__categoryBlock-article .news-day {
	display: block;
	margin-top: 3px;
	color: #666;
}
.section-type10__categoryBlock-article .news-link {
	display: block;
	position: relative;
	padding-left: 1em;
	color: #000;
	font-weight: bold;
}
.section-type10__categoryBlock-article .news-link:hover {
	text-decoration: underline;
}
.section-type10__categoryBlock-article .news-link:before {
	content: '';
	position: absolute;
	top: .5em;
	left: -.1em;
	width: .35em;
	height: .35em;
	border-top: 2px solid #0094dd;
	border-right: 2px solid #0094dd;
	transform: rotate(45deg);
}
.section-type10__line {
	margin-top: 35px;
	width: 100%;
	background: #f5f5f5;
}
.section-type10__line > div {
	width: calc(100% - 30px);
	max-width: 960px;
	margin: 0 auto;
	padding: 30px 0;
}
.section-type10__line-title > div {
	color: #000;
	font-size: 170%;
	font-weight: bold;
	line-height: 1.3;
}
.section-type10__line-text {
	margin-top: 15px;
}
.section-type10__column > div {
	display: flex;
}
.section-type10__column-left {
	width: 50%;
}
.section-type10__column-left > div {
	display: flex;
	padding: 30px;
	background: #edf2f5;
}
.section-type10__column-image {
	width: 106px;
}
.section-type10__column-textbox {
	width: calc(100% - 126px);
	margin-left: 20px;
}
.section-type10__column-title > div {
	color: #0097e0;
	font-size: 120%;
}
.section-type10__column-text {
	margin-top: 5px;
	font-size: 90%;
}
.section-type10__column-right {
	width: calc(50% - 25px);
	margin: 5px 0 0 25px;
}
.section-type10__column-right > div {
	color: #000;
	font-size: 110%;
	font-weight: bold;
}
.section-type10__table {
	margin-top: 30px;
}
.section-type10__table table {
	width: 100%;
	line-height: 1.5;
}
.section-type10__table table th {
	padding: 15px;
	background: #f0f4f7;
	border: 1px solid #c6c9cc;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
}
.section-type10__table table td {
	padding: 15px;
	background: #fff;
	border: 1px solid #c6c9cc;
	text-align: left;
	vertical-align: middle;
}

@media print {
	.section-type10__print--active #headerArea,
	.section-type10__print--active #mainArea > div > div > div:not(.section-type10),
	.section-type10__print--active .section-type10__print,
	.section-type10__print--active .section-type10__side,
	.section-type10__print--active #footerArea {
		display: none;
	}
	.section-type10__print--active .section-type10 > div {
		display: block;
	}
	.section-type10__print--active .section-type10__main {
		width: calc(100% - 30px);
		max-width: none;
	}
}

@media screen and (max-width: 960px) {
	.section-type10 > div,
	.section-type10:nth-child(2) > div {
		padding-top: 0;
	}
	.section-type10__main {
		width: calc(100% - 30px);
		max-width: none;
		padding: 30px 0 35px;
	}
	.section-type10:nth-child(2) .section-type10__main {
		padding-top: 20px;
	}
	.section-type10__titleH1 + div {
		margin-top: 25px;
	}
	.section-type10__titleH2 h2 {
		font-size: 155%;
	}
	.section-type10__text--colorBlue,
	.section-type10__text--colorRed {
		margin-top: 20px;
	}
	.section-type10__side {
		order: 1;
		width: 100%;
		margin: 0;
		border-top: 1px solid #ccc;
	}
	.section-type10__side > div {
		padding: 25px 15px 40px;
	}
	.section-type10__title > div {
		font-size: 155%;
		text-align: left;
	}
	.section-type10__categoryBlock-article a {
		overflow: hidden;
		margin-top: 15px;
	}
	.section-type10__categoryBlock-article a img {
		float: left;
		width: 230px;
	}
	.section-type10__categoryBlock-article .news-day {
		float: right;
		width: calc(100% - 250px);
		margin-top: 0;
	}
	.section-type10__categoryBlock-article .news-link {
		float: right;
		width: calc(100% - 250px);
	}
	.section-type10__line {
		margin-top: 0;
	}
	.section-type10__line-title > div {
		font-size: 155%;
	}
}

@media screen and (max-width: 767px) {
	.section-type10__main {
		padding: 20px 0 50px;
	}
	.section-type10:nth-child(2) .section-type10__main {
		padding-top: 15px;
	}
	.section-type10__print {
		display: none;
	}
	.section-type10__category {
		min-width: 115px;
		margin-right: 15px;
	}
	.section-type10__category > div {
		padding: 6px 15px;
	}
	.section-type10__titleH1 h1 {
		font-size: 190%;
	}
	.section-type10__titleH1 + div {
		margin-top: 20px;
	}
	.section-type10__titleH2 {
		margin-top: 25px;
	}
	.section-type10__titleH2 > div:not(.pb-handle) {
		padding-top: 25px;
		border-top: 3px solid #00cdff;
	}
	.section-type10__titleH2 h2 {
		font-size: 145%;
	}
	.section-type10__text {
		margin-top: 15px;
	}
	.section-type10__flame {
		margin-top: 30px;
	}
	.section-type10__flame + .section-type10__text {
		margin-top: 30px;
	}
	.section-type10__flame > div {
		padding: 15px;
	}
	.section-type10__side > div {
		padding: 30px 15px;
	}
	.section-type10__title > div {
		font-size: 140%;
	}
	.section-type10__categoryBlock {
		margin-top: 10px;
	}
	.section-type10__categoryBlock-article a img {
		width: 100%;
	}
	.section-type10__categoryBlock-article .news-day {
		width: 100%;
		margin-top: 10px;
	}
	.section-type10__categoryBlock-article .news-link {
		width: 100%;
	}
	.section-type10__line > div {
		padding: 25px 0;
	}
	.section-type10__line-title > div {
		font-size: 140%;
	}
	.section-type10__line-text {
		margin-top: 10px;
	}
	.section-type10__column > div {
		display: block;
	}
	.section-type10__column-left {
		width: 100%;
	}
	.section-type10__column-left > div {
		padding: 20px;
	}
	.section-type10__column-image {
		width: 90px;
	}
	.section-type10__column-textbox {
		width: calc(100% - 105px);
		margin-left: 15px;
	}
	.section-type10__column-title > div {
		font-size: 110%;
	}
	.section-type10__column-text {
		margin-top: 0;
	}
	.section-type10__column-right {
		width: 100%;
		margin: 15px 0 0;
	}
	div.section-type10__table {
		margin-top: 25px;
		overflow-x: scroll!important;
	}
	.section-type10__table::-webkit-scrollbar {
		height: 20px;
	}
	.section-type10__table::-webkit-scrollbar-thumb {
		background: #d9dcdf;
		border-radius: 10px;
	}
	.section-type10__table::-webkit-scrollbar-track {
		background: #f5f5f5;
		border-radius: 10px;
	}
	.section-type10__table table {
		width: 700px;
		margin-bottom: 1px;
	}
}

/*  section-type11
------------------------------------------------*/

.section-type11 {
	border-top: 5px solid #f5f5f5;
}
.section-type11 > div {
	width: calc(100% - 30px);
	max-width: 960px;
	margin: 0 auto;
	padding: 45px 0 50px;
}

@media screen and (max-width: 960px) {
	.section-type11 > div {
		padding: 35px 0 50px;
	}
}

@media screen and (max-width: 767px) {
	.section-type11 {
		border-top: 4px solid #f5f5f5;
	}
	.section-type11 > div {
		padding: 30px 0;
	}
}

/*  section-type12
------------------------------------------------*/

.section-type12 {
	overflow: hidden;
	background: #f4f4f4;
}
.section-type12 > div {
	padding: 0 0 40px;
}
.section-type12__titleH1 {
	width: calc(100% - 30px);
	max-width: 960px;
	margin: 25px auto 0;
}
.section-type12__titleH1 h1 {
	color: #000;
	font-size: 230%;
	font-weight: normal;
	line-height: 1.3;
}
.section-type12__text {
	width: calc(100% - 30px);
	max-width: 960px;
	margin: 20px auto 0;
}

@media screen and (max-width: 767px) {
	.section-type12 > div {
		padding: 0 0 30px;
	}
	.section-type12__titleH1 {
		margin: 20px auto 0;
	}
	.section-type12__titleH1 h1 {
		font-size: 200%;
	}
	.section-type12__text {
		margin: 10px auto 0;
	}
}

/*  section-type13
------------------------------------------------*/

.section-type13 > div {
	width: calc(100% - 30px);
	max-width: 960px;
	margin: 0 auto;
	padding: 35px 0 40px;
}
.section-type13 + .section-type13 > div {
	border-top: 2px solid #e5e5e5;
}

@media screen and (max-width: 767px) {
	.section-type13 > div {
		padding: 30px 0;
	}
}

/*  section-type14
------------------------------------------------*/

.section-type14 > div {
	width: calc(100% - 30px);
	max-width: 960px;
	margin: 20px auto 0;
}
.section-type14__label > div {
	display: flex;
	align-items: center;
}
.section-type14__category {
	min-width: 150px;
	margin-right: 20px;
}
.section-type14__category > div {
	padding: 7px 20px;
	background: #333;
	color: #fff;
	text-align: center;
}
.section-type14__titleH1 {
	margin-top: 10px;
}
.section-type14__titleH1 h1 {
	color: #000;
	font-size: 215%;
	font-weight: bold;
	line-height: 1.3;
}
.section-type14__video {
	margin-top: 20px;
}

@media screen and (max-width: 960px) {
	.section-type14__video {
		margin: 20px -15px 0;
	}
}

@media screen and (max-width: 767px) {
	.section-type14 > div {
		margin: 15px auto 0;
	}
	.section-type14__category {
		min-width: 115px;
		margin-right: 15px;
	}
	.section-type14__category > div {
		padding: 6px 15px;
	}
	.section-type14__titleH1 h1 {
		font-size: 190%;
	}
	.section-type14__video {
		margin: 15px -15px 0;
	}
}

/*  accordion
========================================================================*/

/*  accordion-type01
------------------------------------------------*/

.accordion-type01 {
	margin-top: 35px;
}
.accordion-type01 > div {
	background: #f5f5f5;
}
.accordion-type01__trigger {
	position: relative;
}
.accordion-type01__trigger:after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	right: 25px;
	width: 30px;
	height: 30px;
	background: #0094dd;
	pointer-events: none;
}
.accordion-type01__trigger > div {
	min-height: 63px;
	padding: 20px 80px 20px 25px;
	cursor: pointer;
}
.accordion-type01__trigger > div:before,
.accordion-type01__trigger > div:after {
	content: '';
	position: absolute;
	z-index: 1;
	top: 0;
	bottom: 0;
	margin: auto;
	right: 34px;
	width: 11px;
	height: 2px;
	background: #fff;
	transition: all .3s;
	pointer-events: none;
}
.accordion-type01__trigger > div:after {
	transform: rotate(360deg);
}
.accordion-type01__trigger--active > div:after {
	transform: rotate(90deg);
}
.accordion-type01__title > div {
	color: #000;
	font-weight: bold;
	font-size: 110%;
}
.accordion-type01__content {
	min-width: 100%;
}
.accordion-type01__content > div {
	padding: 0 25px 25px;
}
.accordion-type01__text + div {
	margin-top: 20px;
}
.accordion-type01__table table {
	width: 100%;
	line-height: 1.5;
}
.accordion-type01__table table th {
	padding: 5px 10px;
	background: #f0f4f7;
	border: 1px solid #c6c9cc;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
}
.accordion-type01__table table td {
	padding: 25px 15px;
	background: #fff;
	border: 1px solid #c6c9cc;
	text-align: left;
	vertical-align: middle;
}
.accordion-type01__table table td a {
	display: inline-block;
	margin-top: 10px;
	padding: 5px 10px 5px 8px;
	background: #000;
	color: #fff;
	text-decoration: none;
	border: 1px solid #000;
}
.accordion-type01__table table td a:hover {
	background: #fff;
	color: #000;
}
.accordion-type01__table table td a:before {
	content: '';
	display: inline-block;
	width: .35em;
	height: .35em;
	margin: 0 8px .1em 0;
	border-top: 2px solid #0094dd;
	border-right: 2px solid #0094dd;
	transform: rotate(45deg);
	vertical-align: middle;
}
.accordion-type01__list {
	margin-top: 10px;
}
.accordion-type01__list > div {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -15px;
}
.accordion-type01__item {
	width: calc(100% / 2 - 30px);
	margin: 0 15px;
	background: #fff;
}
.accordion-type01__item:nth-child(n + 3) {
	margin-top: 20px;
}
.accordion-type01__item > div {
	display: table;
	width: 100%;
}
.accordion-type01__item-text {
	display: table-cell;
}
.accordion-type01__item-text > div {
	padding: 5px 10px 5px 15px;
	color: #000;
	font-weight: bold;
}
.accordion-type01__item-button {
	display: table-cell;
	width: 1px;
	white-space: nowrap;
}
.accordion-type01__item-button a {
	display: block;
	padding: 5px 10px 5px 8px;
	background: #000;
	color: #fff;
	text-decoration: none;
	border: 1px solid #000;
}
.accordion-type01__item-button a:hover {
	background: #fff;
	color: #000;
}
.accordion-type01__item-button a:before {
	content: '';
	display: inline-block;
	width: .35em;
	height: .35em;
	margin: 0 8px .1em 0;
	border-top: 2px solid #0094dd;
	border-right: 2px solid #0094dd;
	transform: rotate(45deg);
	vertical-align: middle;
}
.accordion-type01__downloads > div {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -15px;
}
.accordion-type01__downloads-item {
	width: calc(100% / 2 - 30px);
	margin: 0 15px;
	background: #fff;
	border: 1px solid #ccc;
}
.accordion-type01__downloads-item:nth-child(n + 3) {
	margin-top: 20px;
}
.accordion-type01__downloads-top > div {
	display: table;
	width: 100%;
	background: #e6f0f4;
}
.accordion-type01__downloads-title {
	display: table-cell;
	vertical-align: top;
	background: #fff;
}
.accordion-type01__downloads-title > div {
	padding: 10px 15px 9px;
	color: #000;
	font-weight: bold;
}
.accordion-type01__downloads-title:only-child p:after {
	/*: FontAwesome;*/

	content: '\f023';
	display: inline-block;
	margin: 0 0 .1em 3px;
	color: #666;
	font-size: 100%;
	line-height: 1;
	vertical-align: middle;
}
.accordion-type01__downloads-pdf {
	display: table-cell;
	width: 1px;
	border-left: 1px dashed #ccc;
	white-space: nowrap;
	vertical-align: middle;
}
.accordion-type01__downloads-pdf > div {
	padding: 2px 13px 0;
	font-weight: bold;
}
.accordion-type01__downloads-pdf a {
	display: block;
	color: #000;
}
.accordion-type01__downloads-pdf a:before {
	content: '';
	display: inline-block;
	width: 13px;
	height: 20px;
	margin-right: 6px;
	background: url(../images/ico_pdf.png) no-repeat top / contain;
	vertical-align: middle;
}
.accordion-type01__downloads-bottom > div {
	padding: 10px 15px 15px;
	border-top: 1px dashed #ccc;
}
.accordion-type01__downloads-button {
	margin-top: 10px;
}
.accordion-type01__downloads-button a {
	display: inline-block;
	padding: 7px 15px 6px;
	background: #0097e0;
	color: #fff;
	text-decoration: none;
	text-align: center;
	border: 1px solid #0097e0;
	border-radius: 3px;
}
.accordion-type01__downloads-button a:hover {
	background: #fff;
	color: #0097e0;
}
.accordion-type01__downloads-button a:before {
	/*: FontAwesome;*/

	content: '\f0e0';
	display: inline-block;
	margin: 0 9px .2em 0;
	font-size: 115%;
	line-height: 1;
	vertical-align: middle;
}

@media screen and (max-width: 960px) {
	.accordion-type01__table table {
		font-size: 80%;
	}
	.accordion-type01__table table td {
		padding: 15px 10px;
	}
	.accordion-type01__item {
		width: 100%;
	}
	.accordion-type01__item:nth-child(n + 2) {
		margin-top: 20px;
	}
	.accordion-type01__downloads-item {
		width: 100%;
	}
	.accordion-type01__downloads-item:nth-child(n + 2) {
		margin-top: 20px;
	}
}

@media screen and (max-width: 767px) {
	.accordion-type01 {
		margin-top: 20px;
	}
	.accordion-type01__trigger:after {
		right: 15px;
		width: 25px;
		height: 25px;
	}
	.accordion-type01__trigger > div {
		min-height: 50px;
		padding: 15px 45px 15px 15px;
	}
	.accordion-type01__trigger > div:before,
	.accordion-type01__trigger > div:after {
		right: 22px;
	}
	.accordion-type01__title > div {
		color: #000;
		font-weight: bold;
		font-size: 105%;
	}
	.accordion-type01__content > div {
		padding: 0 15px 15px;
	}
	div.accordion-type01__table {
		overflow-x: scroll!important;
	}
	.accordion-type01__table::-webkit-scrollbar {
		height: 20px;
	}
	.accordion-type01__table::-webkit-scrollbar-thumb {
		background: #d9dcdf;
		border-radius: 10px;
	}
	.accordion-type01__table::-webkit-scrollbar-track {
		background: #f5f5f5;
		border-radius: 10px;
	}
	.accordion-type01__table table {
		width: 910px;
		margin-bottom: 1px;
		font-size: 100%;
	}
	.accordion-type01__table table td {
		padding: 10px;
	}
	.accordion-type01__item:nth-child(n + 2) {
		margin-top: 15px;
	}
	.accordion-type01__item-text > div {
		padding: 5px 10px;
	}
}

/*  filter
========================================================================*/

/*  filter-type01
------------------------------------------------*/

.filter-type01__select {
	margin-top: 20px;
}
.filter-type01__select > div {
	padding: 7px 10px 10px;
	background: #edf2f5;
}
.filter-type01__selectTitle > div {
	color: #000;
	font-size: 105%;
	font-weight: bold;
}
.filter-type01__selectBox ul {
	display: flex;
	margin: 3px -5px 0;
}
.filter-type01__selectBox li {
	position: relative;
	width: calc(100% / 3 - 10px);
	margin: 0 5px;
}
.filter-type01__selectBox li:after {
	content: '';
	position: absolute;
	top: 15px;
	right: 15px;
	width: 7px;
	height: 7px;
	border-bottom: 2px solid #8b8b8b;
	border-right: 2px solid #8b8b8b;
	transform: rotate(45deg);
	pointer-events: none;
}
.filter-type01__selectBox select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	width: 100%;
	background: #fff;
	padding: 13px 35px 13px 15px;
	color: #8b8b8b;
	/*: "FrutigerLTW02-55Roman", helvetica, arial, meiryo, san-serif;*/

	border: none;
	border-radius: 0;
	cursor: pointer;
}
.filter-type01__selectBox select::-ms-expand {
	display: none;
}
.filter-type01__title {
	margin-top: 35px;
}
.filter-type01__title h2 {
	color: #000;
	font-size: 160%;
	font-weight: bold;
	line-height: 1.3;
	vertical-align: middle;
}
.filter-type01__title h2 span {
	display: inline-block;
	margin-left: 3px;
	padding: 3px 12px;
	background: #88949c;
	color: #FFF;
	font-size: 60%;
	font-weight: normal;
	vertical-align: middle;
	line-height: 1.1;
	border-radius: 4px;
}
.filter-type01__slider {
	margin-top: 15px;
}
.filter-type01__slider > div {
	display: flex;
	flex-wrap: wrap;
	padding: 0 35px;
}
.filter-type01__slider .slick-prev,
.filter-type01__slider .slick-next {
	width: 38px;
	height: 38px;
}
.filter-type01__slider .slick-prev {
	left: 0;
}
.filter-type01__slider .slick-next {
	right: 0;
}
.filter-type01__slider .slick-prev:before,
.filter-type01__slider .slick-next:before {
	content: '';
	display: block;
	width: 15px;
	height: 15px;
	margin: 0 auto 0 5px;
	border-bottom: 4px solid #8b8b8b;
	border-left: 4px solid #8b8b8b;
	transform: rotate(45deg);
	opacity: 1;
}
.filter-type01__slider .slick-next:before {
	margin: 0 5px 0 auto;
	border: none;
	border-top: 4px solid #8b8b8b;
	border-right: 4px solid #8b8b8b;
}
.filter-type01__slider .slick-list {
	min-width: 100%;
}
.filter-type01__slider .slick-slide > div {
	overflow: hidden;
}
.filter-type01__item {
	width: 33.3333%;
}
.filter-type01__item > div {
	padding: 5px;
}
.filter-type01__image a {
	display: block;
}
.filter-type01__image a:hover {
	opacity: .7;
}
.filter-type01__image img {
	width: 100%;
	vertical-align: bottom;
}
.filter-type01__label > div {
	padding: 4px 10px;
	background: #333;
	color: #fff;
}
.filter-type01__label + .filter-type01__label > div {
	padding: 3px 10px;
	border-top: 1px solid #FFF;
	font-size: 70%;
}
.filter-type01__select01,
.filter-type01__select02,
.filter-type01__select03 {
	display: none;
}
.filter-type01__slider--edit .filter-type01__select01,
.filter-type01__slider--edit .filter-type01__select02,
.filter-type01__slider--edit .filter-type01__select03 {
	display: block;
}
.filter-type01__select01 span,
.filter-type01__select02 span,
.filter-type01__select03 span {
	display: block;
	margin-top: 10px;
	padding: 10px;
	background-color: rgba(226,65,15,0.1);
	color: #000;
	font-weight: bold;
	border: 3px dashed #e2410f;
}
.filter-type01__select02 span {
	background-color: rgba(17,97,144,0.1);
	border: 3px dashed #116190;
}
.filter-type01__select03 span {
	background-color: rgba(140,77,0,0.1);
	border: 3px dashed #8c4d00;
}
.filter-type01__select01 span:before,
.filter-type01__select02 span:before,
.filter-type01__select03 span:before {
	content: 'Product category��';
	color: #999;
	font-weight: normal;
}
.filter-type01__select02 span:before {
	content: 'Industry��';
}
.filter-type01__select03 span:before {
	content: 'Technical challenge��';
}

@media screen and (max-width: 960px) {
	.filter-type01__select {
		margin-top: 25px;
	}
	.filter-type01__select > div {
		display: flex;
		padding: 15px;
	}
	.filter-type01__selectTitle {
		width: 90px;
	}
	.filter-type01__selectTitle > div {
		padding-right: 10px;
	}
	.filter-type01__selectBox {
		width: calc(100% - 90px);
	}
	.filter-type01__selectBox ul {
		flex-wrap: wrap;
		margin: 0;
	}
	.filter-type01__selectBox li {
		width: calc(100% / 2 - 5px);
		margin: 0;
	}
	.filter-type01__selectBox li:first-child {
		width: 100%;
		margin-bottom: 10px;
	}
	.filter-type01__selectBox li:last-child {
		margin-left: 10px;
	}
	.filter-type01__slider + .filter-type01__title {
		margin-top: 60px;
	}
	.filter-type01__slider > div {
		padding: 0 25px;
	}
	.filter-type01__slider .slick-prev,
	.filter-type01__slider .slick-next {
		width: 25px;
		height: 25px;
	}
	.filter-type01__label > div {
		font-size: 95%;
	}
}

@media screen and (max-width: 767px) {
	.filter-type01__select {
		margin-top: 20px;
	}
	.filter-type01__select > div {
		padding: 10px;
	}
	.filter-type01__selectTitle {
		width: 70px;
	}
	.filter-type01__selectBox {
		width: calc(100% - 70px);
	}
	.filter-type01__selectBox li {
		width: 100%;
	}
	.filter-type01__selectBox li:last-child {
		margin: 10px 0 0;
	}
	.filter-type01__selectBox li:after {
		top: 12px;
		right: 12px;
		width: 6px;
		height: 6px;
	}
	.filter-type01__selectBox select {
		padding: 9px 25px 9px 10px;
	}
	.filter-type01__slider > div {
		padding: 0 20px;
	}
	.filter-type01__slider .slick-prev:before,
	.filter-type01__slider .slick-next:before {
		width: 10px;
		height: 10px;
		border-bottom: 3px solid #8b8b8b;
		border-left: 3px solid #8b8b8b;
	}
	.filter-type01__slider .slick-next:before {
		border: none;
		border-top: 3px solid #8b8b8b;
		border-right: 3px solid #8b8b8b;
	}
	.filter-type01__item > div {
		padding: 3px;
	}
	.filter-type01__label > div {
		font-size: 100%;
	}
}

/*  filter-type02
------------------------------------------------*/

.filter-type02__select > div {
	padding: 7px 10px 10px;
	background: #edf2f5;
}
.filter-type02__selectTitle > div {
	color: #000;
	font-size: 105%;
	font-weight: bold;
}
.filter-type02__selectBox ul {
	display: flex;
	margin: 3px -5px 0;
}
.filter-type02__selectBox li {
	position: relative;
	width: calc(100% / 2 - 10px);
	margin: 0 5px;
}
.filter-type02__selectBox li:after {
	content: '';
	position: absolute;
	top: 15px;
	right: 15px;
	width: 7px;
	height: 7px;
	border-bottom: 2px solid #8b8b8b;
	border-right: 2px solid #8b8b8b;
	transform: rotate(45deg);
	pointer-events: none;
}
.filter-type02__selectBox select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	width: 100%;
	background: #fff;
	padding: 13px 35px 13px 15px;
	color: #8b8b8b;
	/*: "FrutigerLTW02-55Roman", helvetica, arial, meiryo, san-serif;*/

	border: none;
	border-radius: 0;
	cursor: pointer;
}
.filter-type02__selectBox select::-ms-expand {
	display: none;
}
.filter-type02__selectBox select:disabled {
	opacity: .5;
	cursor: auto;
}
.filter-type02__select01,
.filter-type02__select02,
.filter-type02__select03 {
	display: none;
}
.filter-type02--edit .filter-type02__select01,
.filter-type02--edit .filter-type02__select02,
.filter-type02--edit .filter-type02__select03 {
	display: block;
}
.filter-type02__select01 span,
.filter-type02__select02 span,
.filter-type02__select03 span {
	display: block;
	margin-top: 10px;
	padding: 10px;
	background-color: rgba(226,65,15,0.1);
	color: #000;
	font-weight: bold;
	border: 3px dashed #e2410f;
}
.filter-type02__select02 span {
	background-color: rgba(17,97,144,0.1);
	border: 3px dashed #116190;
}
.filter-type02__select03 span {
	background-color: rgba(140,77,0,0.1);
	border: 3px dashed #8c4d00;
}
.filter-type02__select01 span:before,
.filter-type02__select02 span:before,
.filter-type02__select03 span:before {
	content: 'Product category��';
	color: #999;
	font-weight: normal;
}
.filter-type02__select02 span:before {
	content: 'Grades��';
}
.filter-type02__select03 span:before {
	content: 'Technical challenge��';
}

@media screen and (max-width: 960px) {
	.filter-type02__select > div {
		display: flex;
		padding: 15px;
	}
	.filter-type02__selectTitle {
		width: 90px;
	}
	.filter-type02__selectTitle > div {
		padding-right: 10px;
	}
	.filter-type02__selectBox {
		width: calc(100% - 90px);
	}
	.filter-type02__selectBox ul {
		flex-wrap: wrap;
		margin: 0;
	}
	.filter-type02__selectBox li {
		width: 100%;
		margin: 0;
	}
	.filter-type02__selectBox li:nth-child(n + 2) {
		margin-top: 10px;
	}
}

@media screen and (max-width: 767px) {
	.filter-type02__select > div {
		padding: 10px;
	}
	.filter-type02__selectTitle {
		width: 70px;
	}
	.filter-type02__selectBox {
		width: calc(100% - 70px);
	}
	.filter-type02__selectBox li {
		width: 100%;
	}
	.filter-type02__selectBox li:last-child {
		margin: 10px 0 0;
	}
	.filter-type02__selectBox li:after {
		top: 12px;
		right: 12px;
		width: 6px;
		height: 6px;
	}
	.filter-type02__selectBox select {
		padding: 9px 25px 9px 10px;
	}
}

/*  filter-type03
------------------------------------------------*/

.filter-type03__select > div {
	padding: 7px 10px 10px;
	background: #edf2f5;
}
.filter-type03__selectTitle > div {
	color: #000;
	font-size: 105%;
	font-weight: bold;
}
.filter-type03__selectBox ul {
	display: flex;
	margin: 3px -5px 0;
}
.filter-type03__selectBox li {
	position: relative;
	width: calc(100% / 3 - 10px);
	margin: 0 5px;
}
.filter-type03__selectBox li:after {
	content: '';
	position: absolute;
	top: 15px;
	right: 15px;
	width: 7px;
	height: 7px;
	border-bottom: 2px solid #8b8b8b;
	border-right: 2px solid #8b8b8b;
	transform: rotate(45deg);
	pointer-events: none;
}
.filter-type03__selectBox select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	width: 100%;
	background: #fff;
	padding: 13px 35px 13px 15px;
	color: #8b8b8b;
	/*: "FrutigerLTW02-55Roman", helvetica, arial, meiryo, san-serif;*/

	border: none;
	border-radius: 0;
	cursor: pointer;
}
.filter-type03__selectBox select::-ms-expand {
	display: none;
}
.filter-type03 {
	margin-top: 10px;
}
.titleH2-type02 + .filter-type03 {
	margin-top: 0;
}
.filter-type03 > div {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -15px;
}
.filter-type03 > div > div {
	width: calc(100% / 2 - 30px);
	margin: 30px 15px 0;
	background: #f5f5f5;
}
.filter-type03__image img {
	width: 100%;
}
.filter-type03__content > div {
	padding: 30px;
}
.filter-type03__label {
	margin: 0 0 0 -30px;
}
.filter-type03__label > div {
	display: flex;
	align-items: center;
}
.filter-type03__category {
	margin-right: 10px;
}
.filter-type03__category > div {
	padding: 2px 20px 2px 30px;
	background: #333;
	color: #fff;
	font-size: 90%;
}
.filter-type03__title {
	margin-top: 10px;
}
.filter-type03__title > div {
	color: #000;
	font-size: 155%;
	font-weight: bold;
	line-height: 1.3;
}
.filter-type03__text {
	margin-top: 15px;
}
.filter-type03__button {
	margin-top: 15px;
}
.filter-type03__button a {
	display: inline-block;
	padding: 8px 16px 7px 11px;
	background: #fff;
	color: #000;
	font-size: 110%;
	font-weight: bold;
	text-decoration: none;
	border: 1px solid #ccc;
}
.filter-type03__button a:hover {
	background: #f1f1f1;
}
.filter-type03__button a:before {
	content: '';
	display: inline-block;
	width: .4em;
	height: .4em;
	margin: 0 7px .1em 0;
	border-top: 2px solid #0094dd;
	border-right: 2px solid #0094dd;
	transform: rotate(45deg);
	vertical-align: middle;
}
.filter-type03__select01,
.filter-type03__select02,
.filter-type03__select03 {
	display: none;
}
.filter-type03--edit .filter-type03__select01,
.filter-type03--edit .filter-type03__select02,
.filter-type03--edit .filter-type03__select03 {
	display: block;
}
.filter-type03__select01 span,
.filter-type03__select02 span,
.filter-type03__select03 span {
	display: block;
	margin-top: 10px;
	padding: 10px;
	background-color: rgba(226,65,15,0.1);
	color: #000;
	font-weight: bold;
	border: 3px dashed #e2410f;
}
.filter-type03__select02 span {
	background-color: rgba(17,97,144,0.1);
	border: 3px dashed #116190;
}
.filter-type03__select03 span {
	background-color: rgba(140,77,0,0.1);
	border: 3px dashed #8c4d00;
}
.filter-type03__select01 span:before,
.filter-type03__select02 span:before,
.filter-type03__select03 span:before {
	content: 'Product category��';
	color: #999;
	font-weight: normal;
}
.filter-type03__select02 span:before {
	content: 'Industry��';
}
.filter-type03__select03 span:before {
	content: 'Technical challenge��';
}

@media screen and (max-width: 960px) {
	.filter-type03__select > div {
		display: flex;
		padding: 15px;
	}
	.filter-type03__selectTitle {
		width: 90px;
	}
	.filter-type03__selectTitle > div {
		padding-right: 10px;
	}
	.filter-type03__selectBox {
		width: calc(100% - 90px);
	}
	.filter-type03__selectBox ul {
		flex-wrap: wrap;
		margin: 0;
	}
	.filter-type03__selectBox li {
		width: calc(100% / 2 - 5px);
		margin: 0;
	}
	.filter-type03__selectBox li:first-child {
		width: 100%;
		margin-bottom: 10px;
	}
	.filter-type03__selectBox li:last-child {
		margin-left: 10px;
	}
	.filter-type03 > div {
		margin: 0 -10px;
	}
	.filter-type03 > div > div {
		width: calc(100% / 2 - 20px);
		margin: 20px 10px 0;
	}
}

@media screen and (max-width: 767px) {
	.filter-type03__select > div {
		padding: 10px;
	}
	.filter-type03__selectTitle {
		width: 70px;
	}
	.filter-type03__selectBox {
		width: calc(100% - 70px);
	}
	.filter-type03__selectBox li {
		width: 100%;
	}
	.filter-type03__selectBox li:last-child {
		margin: 10px 0 0;
	}
	.filter-type03__selectBox li:after {
		top: 12px;
		right: 12px;
		width: 6px;
		height: 6px;
	}
	.filter-type03__selectBox select {
		padding: 9px 25px 9px 10px;
	}
	.filter-type03 > div > div {
		width: 100%;
		margin-top: 15px;
	}
	.filter-type03__content > div {
		padding: 20px;
	}
	.filter-type03__label {
		margin: 0 0 0 -20px;
	}
	.filter-type03__category > div {
		padding: 2px 20px;
	}
	.filter-type03__title > div {
		font-size: 145%;
	}
	.filter-type03__text {
		margin-top: 10px;
	}
	.filter-type03__button {
		margin-top: 10px;
	}
}

/*========================================================================

  top

========================================================================*/

/*  top-slider
------------------------------------------------*/

.top-slider {
	overflow: hidden;
}
.top-slider__item {
	position: relative;
}
.top-slider__image img {
	width: 100%;
}
.top-slider__box {
	position: absolute;
	top: 50%;
	width: 100%;
}
.top-slider__title {
	max-width: 625px;
	margin: 0 auto;
	padding: 5px 30px;
	color: #fff;
	font-size: 350%;
	letter-spacing: 3px;
	line-height: 1.2;
	background: rgba(0,148,221,.7);
}
.top-slider__text {
	max-width: 625px;
	margin: 0 auto;
	color: #fff;
	font-size: 135%;
}
.top-slider__line {
	margin-top: 5px;
	padding: 1px 30px;
	background: rgba(0,148,221,.7);
}
.top-slider__button {
	max-width: 625px;
	margin: 0 auto;
	margin-top: 10px;
	text-align: center;
}
.top-slider__button a {
	display: inline-block;
	padding: 3px 20px;
	background: rgba(0,148,221,.7);
	color: #fff;
	font-size: 135%;
	text-decoration: none;
}
.top-slider__button a:hover {
	background: #fff;
	color: #0094dd;
}
.top-slider__button a:before {
	content: '';
	display: inline-block;
	width: .3em;
	height: .3em;
	margin: 0 10px .2em 0;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	transform: rotate(45deg);
	transition: all .3s;
	vertical-align: middle;
}
.top-slider__button a:hover:before {
	border-top: 1px solid #0094dd;
	border-right: 1px solid #0094dd;
}
.top-slider .slick-prev,
.top-slider .slick-next {
	z-index: 1;
	width: 38px;
	height: 38px;
	background: #fff;
	box-shadow: 0 0 5px 1px rgba(0,0,0,0.2);
}
.top-slider .slick-prev {
	left: 50%;
	margin: 0 0 0 -480px;
}
.top-slider .slick-next {
	right: 50%;
	margin: 0 -480px 0 0;
}
.top-slider .slick-prev:before,
.top-slider .slick-next:before {
	content: '';
	display: block;
	position: absolute;
	top: 12px;
	left: 14px;
	width: 10px;
	height: 10px;
	border-bottom: 3px solid #8b8b8b;
	border-left: 3px solid #8b8b8b;
	transform: rotate(45deg);
	opacity: 1;
}
.top-slider .slick-next:before {
	left: 10px;
	border: none;
	border-top: 3px solid #8b8b8b;
	border-right: 3px solid #8b8b8b;
}
.top-slider-sp {
	display: none;
}

@media screen and (max-width: 960px) {
	.top-slider__title {
		max-width: 360px;
		padding: 5px 10px;
		font-size: 200%;
	}
	.top-slider__text {
		max-width: 360px;
		font-size: 90%;
	}
	.top-slider__line {
		padding: 1px 10px;
	}
	.top-slider__button {
		max-width: 360px;
		margin-top: 15px;
	}
	.top-slider__button a {
		padding: 3px 15px;
		font-size: 90%;
	}
	.top-slider .slick-prev {
		left: 15px;
		margin: 0;
	}
	.top-slider .slick-next {
		right: 15px;
		margin: 0;
	}
}

@media screen and (max-width: 767px) {
	.top-slider {
		display: none;
	}
	.top-slider-sp {
		display: block;
	}
	.top-slider__box {
		position: relative;
		top: auto;
		left: auto;
		transform: none;
		max-width: none;
		margin-top: -75px;
		padding: 15px;
		background: rgba(0,148,221,.7);
	}
	.top-slider__title {
		max-width: none;
		padding: 0;
		background: none;
		font-size: 270%;
		text-align: center;
		letter-spacing: normal;
	}
	.top-slider__text {
		max-width: none;
		margin-top: 5px;
		font-size: 105%;
	}
	.top-slider__button {
		margin-top: 10px;
	}
	.top-slider__button a {
		padding: 3px 30px;
		background: none;
		border: 1px solid #fff;
		font-size: 115%;
	}
	.top-slider-sp .slick-prev,
	.top-slider-sp .slick-next {
		top: 41%;
		z-index: 1;
		width: 30px;
		height: 30px;
		background: #fff;
		box-shadow: 0 0 5px 1px rgba(0,0,0,0.2);
	}
	.top-slider-sp .slick-prev {
		left: 10px;
	}
	.top-slider-sp .slick-next {
		right: 10px;
	}
	.top-slider-sp .slick-prev:before,
	.top-slider-sp .slick-next:before {
		content: '';
		display: block;
		position: absolute;
		top: 10px;
		left: 12px;
		width: 8px;
		height: 8px;
		border-bottom: 2px solid #8b8b8b;
		border-left: 2px solid #8b8b8b;
		transform: rotate(45deg);
		opacity: 1;
	}
	.top-slider-sp .slick-next:before {
		left: 8px;
		border: none;
		border-top: 2px solid #8b8b8b;
		border-right: 2px solid #8b8b8b;
	}
}

/*  top-column-type01
------------------------------------------------*/

.top-column-type01 {
	position: relative;
	max-width: 960px;
	margin: -80px auto 0;
}
.top-column-type01 > div {
	display: flex;
	padding: 30px 30px 40px;
	background: #fff;
}
.top-column-type01__box {
	width: calc(100% / 4 - 20px);
	margin: 0 10px;
}
.top-column-type01__title {
	position: relative;
}
.top-column-type01__label {
	position: absolute;
	z-index: 1;
	width: 100%;
}
.top-column-type01__label > div {
	padding: 7px 5px;
	background: rgba(0,148,221,.9);
	color: #fff;
	font-size: 110%;
	text-align: center;
}
.top-column-type01__label a {
	display: block;
	color: #fff;
}
.top-column-type01__label a:before {
	content: '';
	display: inline-block;
	width: .35em;
	height: .35em;
	margin: 0 7px .1em 0;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	transform: rotate(45deg);
	vertical-align: middle;
}
.top-column-type01__image img {
	width: 100%;
}
.top-column-type01__text {
	margin-top: 10px;
}

@media screen and (max-width: 960px) {
	.top-column-type01 {
		margin: 0 auto;
	}
	.top-column-type01 > div {
		padding: 15px 5px 40px;
	}
	.top-column-type01__label > div {
		padding: 4px 5px;
		font-size: 95%;
	}
}

@media screen and (max-width: 767px) {
	.top-column-type01 {
		padding: 20px 15px 50px;
	}
	.top-column-type01 > div {
		display: block;
		padding: 0;
	}
	.top-column-type01__box {
		width: 100%;
		margin: 0;
	}
	.top-column-type01__box > div {
		display: flex;
		align-items: center;
	}
	.top-column-type01__box:nth-child(even) > div {
		flex-direction: row-reverse;
	}
	.top-column-type01__label {
		width: 135px;
		top: -1px;
	}
	.top-column-type01__label > div {
		padding: 5px 5px 4px;
		font-size: 100%;
	}
	.top-column-type01__image {
		width: 135px;
	}
	.top-column-type01__text {
		width: calc(100% - 150px);
		margin: 0 0 0 15px;
		padding: 10px 0;
	}
	.top-column-type01__box:nth-child(even) .top-column-type01__text {
		margin: 0 15px 0 0;
	}
}

/*  top-video
------------------------------------------------*/

.top-video {
	background: radial-gradient(#666 0, #1c1c1c 100%);
}
.top-video > div {
	width: calc(100% - 30px);
	max-width: 865px;
	margin: 0 auto;
	padding: 35px 0 45px;
}
.top-video__title > div {
	color: #fff;
	font-size: 140%;
	text-align: center;
}
.top-video__video {
	margin-top: 20px;
}
.top-video__text {
	margin-top: 20px;
}
.top-video__text > div {
	color: #fff;
}
.top-video__button {
	margin-top: 20px;
	text-align: center;
}
.top-video__button a {
	display: inline-block;
	width: 160px;
	padding: 2px;
	color: #fff;
	font-size: 115%;
	text-decoration: none;
	border: 1px solid #fff;
}
.top-video__button a:hover {
	background: #fff;
	color: #0094dd;
}
.top-video__button a:before {
	content: '';
	display: inline-block;
	width: .3em;
	height: .3em;
	margin: 0 5px .1em 0;
	border-top: 1px solid #0094dd;
	border-right: 1px solid #0094dd;
	transform: rotate(45deg);
	vertical-align: middle;
}

@media screen and (max-width: 960px) {
	.top-video > div {
		max-width: 640px;
	}
}

@media screen and (max-width: 767px) {
	.top-video > div {
		width: calc(100% - 30px);
		max-width: 300px;
		padding: 20px 0 30px;
	}
}

/*  top-background
------------------------------------------------*/

.top-section-type01 {
	background: #f5f5f5;
}
.top-section-type01 > div {
	width: calc(100% - 30px);
	max-width: 960px;
	margin: 0 auto;
	padding: 60px 0 70px;
}
.top-section-type02 > div {
	width: calc(100% - 30px);
	max-width: 960px;
	margin: 0 auto;
	padding: 60px 0 70px;
}

@media screen and (max-width: 767px) {
	.top-section-type01 > div {
		width: calc(100% - 30px);
		padding: 40px 0 50px;
	}
	.top-section-type02 > div {
		width: calc(100% - 30px);
		padding: 40px 0 70px;
	}
}

/*  top-titleH2
------------------------------------------------*/

.top-titleH2 h2 {
	color: #000;
	font-size: 220%;
	font-weight: normal;
	line-height: 1.3;
	text-align: center;
}
.top-titleH2 + div {
	margin-top: 35px;
}

@media screen and (max-width: 767px) {
	.top-titleH2 h2 {
		font-size: 190%;
		font-weight: bold;
	}
	.top-titleH2 + div {
		margin-top: 20px;
	}
}

/*  top-text
------------------------------------------------*/

.top-text {
	margin-top: 15px;
}

/*  top-column-type02
------------------------------------------------*/

.top-column-type02 {
	margin-top: 20px;
}
.top-column-type02 > div {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -5px;
}
.top-column-type02__box {
	position: relative;
	width: calc(100% / 4 - 10px);
	margin: 0 5px;
}
.top-column-type02__box:nth-child(n + 5) {
	margin-top: 10px;
}
.top-column-type02__image {
	min-height: 0%;
}
.top-column-type02__image img {
	width: 100%;
}
.top-column-type02__title {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}
.top-column-type02__title > div {
	padding: 5px 10px;
	background: rgba(0,148,221,.8);
	color: #fff;
	font-size: 130%;
	line-height: 1.3;
}
.top-column-type02__solutions {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 100%;
	padding: 5px;
	text-align: center;
}
.top-column-type02__text > div {
	color: #fff;
	font-size: 130%;
}
.top-column-type02__button {
	margin-top: 5px;
}
.top-column-type02__button a {
	display: inline-block;
	width: 100%;
	max-width: 150px;
	padding: 2px;
	color: #fff;
	font-size: 115%;
	text-decoration: none;
	border: 1px solid #fff;
}
.top-column-type02__button a:hover {
	background: #fff;
	color: #0094dd;
}
.top-column-type02__button a:before {
	content: '';
	display: inline-block;
	width: .3em;
	height: .3em;
	margin: 0 6px .1em 0;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	transform: rotate(45deg);
	transition: all .3s;
	vertical-align: middle;
}
.top-column-type02__button a:hover:before {
	border-top: 1px solid #0094dd;
	border-right: 1px solid #0094dd;
}

@media screen and (max-width: 960px) {
	.top-column-type02 {
		margin-top: 60px;
	}
	.top-column-type02__box {
		width: calc(100% / 3 - 10px);
	}
	.top-column-type02__box:nth-child(n + 4) {
		margin-top: 10px;
	}
}

@media screen and (max-width: 767px) {
	.top-column-type02 {
		margin-top: 20px;
	}
	.top-column-type02__box {
		width: calc(100% / 2 - 6px);
		margin: 0 3px;
	}
	.top-column-type02__box:nth-child(n + 3) {
		margin-top: 6px;
	}
	.top-column-type02__title > div {
		padding: 3px 10px;
		background: rgba(0,148,221,.8);
		color: #fff;
		font-size: 120%;
		line-height: 1.3;
	}
	.top-column-type02__text > div {
		font-size: 120%;
	}
	.top-column-type02__button a {
		max-width: 120px;
		font-size: 110%;
	}
}

/*  top-banner
------------------------------------------------*/

.top-banner > div {
	margin-top: 20px;
}
.top-banner img {
	width: 100%;
}
.top-banner-sp > div:not(.pb-handle) {
	display: none;
}

@media screen and (max-width: 767px) {
	.top-banner > div:not(.pb-handle) {
		display: none;
	}
	.top-banner-sp > div:not(.pb-handle) {
		display: block;
		margin-top: 15px;
	}
	.top-banner-sp img {
		width: 100%;
	}
}

/*  top-column-type03
------------------------------------------------*/

.top-column-type03 {
	margin-top: 20px;
}
.top-column-type03 > div {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	background: #f5f5f5;
}
.top-column-type03__image {
	width: calc(100% - 282px);
}
.top-column-type03__image img {
	width: 100%;
}
.top-column-type03__box {
	width: 282px;
}
.top-column-type03__box > div {
	padding: 10px 30px;
}
.top-column-type03__label {
	margin: 0 0 0 -30px;
}
.top-column-type03__label > div {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.top-column-type03__category {
	margin-right: 10px;
}
.top-column-type03__category > div {
	padding: 2px 20px 2px 30px;
	background: #333;
	color: #fff;
	font-size: 90%;
}
.top-column-type03__title {
	margin-top: 10px;
}
.top-column-type03__title > div {
	color: #000;
	font-size: 160%;
	font-weight: bold;
	line-height: 1.3;
}
.top-column-type03__text {
	margin-top: 5px;
}
.top-column-type03__button {
	margin-top: 15px;
}
.top-column-type03__button a {
	display: inline-block;
	padding: 8px 16px 7px 11px;
	background: #000;
	color: #fff;
	font-size: 110%;
	text-decoration: none;
	border: 1px solid #000;
}
.top-column-type03__button a:hover {
	background: #fff;
	color: #000;
}
.top-column-type03__button a:before {
	content: '';
	display: inline-block;
	width: .4em;
	height: .4em;
	margin: 0 7px .1em 0;
	border-top: 2px solid #0094dd;
	border-right: 2px solid #0094dd;
	transform: rotate(45deg);
	vertical-align: middle;
}

@media screen and (max-width: 960px) {
	.top-column-type03__image,
	.top-column-type03__box {
		width: 100%;
	}
	.top-column-type03__box > div {
		padding: 30px;
	}
}

@media screen and (max-width: 767px) {
	.top-column-type03__box > div {
		padding: 20px;
	}
	.top-column-type03__label {
		margin: 0 0 0 -20px;
	}
}

/*  top-column-type04
------------------------------------------------*/

.top-column-type04 {
	margin-top: 30px;
}
.top-column-type04 > div {
	display: flex;
	flex-wrap: wrap;
}
.top-column-type04__left {
	width: calc(100% - 225px);
}
.top-column-type04__left > div {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -13px;
	padding-bottom: 30px;
}
.top-column-type04__box {
	position: relative;
	width: calc(100% / 2 - 26px);
	margin: 0 13px;
	border: 1px solid #ccc;
}
.top-column-type04__box:nth-child(n + 3) {
	margin-top: 60px;
}
.top-column-type04__image img {
	width: 100%;
	vertical-align: bottom;
}
.top-column-type04__balloon > div {
	display: flex;
	flex-direction: column;
	justify-content: center;
	position: relative;
	padding: 10px;
	background: #333;
	color: #fff;
	text-align: center;
	line-height: 1.3;
}
.top-column-type04__balloon > div:after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	bottom: -15px;
 	width: 0;
	height: 0;
	border: 8px solid transparent;
	border-top: 8px solid #333;
}
.top-column-type04__title {
	font-size: 115%;
}
.top-column-type04__subtitle {
	font-size: 90%;
}
.top-column-type04__text > div {
	padding: 20px 25px 35px;
}
.top-column-type04__button {
	position: absolute;
	bottom: -18px;
	width: 100%;
	text-align: center;
}
.top-column-type04__button a {
	display: inline-block;
	padding: 8px 16px 7px 11px;
	background: #fff;
	color: #000;
	font-size: 110%;
	font-weight: bold;
	text-decoration: none;
	border: 1px solid #ccc;
}
.top-column-type04__button a:hover {
	background: #f1f1f1;
}
.top-column-type04__button a:before {
	content: '';
	display: inline-block;
	width: .4em;
	height: .4em;
	margin: 0 7px .1em 0;
	border-top: 2px solid #0094dd;
	border-right: 2px solid #0094dd;
	transform: rotate(45deg);
	vertical-align: middle;
}
.top-column-type04__right {
	width: 200px;
	margin-left: 25px;
	border-left: 4px solid #f5f5f5;
}
.top-column-type04__right > div {
	padding: 0 0 30px 25px;
}
.top-column-type04__list-title > div {
	position: relative;
	padding-bottom: 8px;
	color: #000;
	font-size: 120%;
	line-height: 1.3;
}
.top-column-type04__list-title > div:after {
	content: '';
	position: absolute;
	bottom: 0;
	width: 25px;
	height: 1px;
	background: #000;
}
.top-column-type04__list {
	margin-top: 25px;
}
.top-column-type04__item:nth-child(n + 2) {
	margin-top: 25px;
}
.top-column-type04__list-image img {
	width: 100%;
}
.top-column-type04__list-link {
	margin-top: 10px;
}
.top-column-type04__list-link a {
	display: block;
	position: relative;
	padding-left: 1em;
	color: #000;
	font-weight: bold;
}
.top-column-type04__list-link a:before {
	content: '';
	position: absolute;
	top: .4em;
	left: -.1em;
	width: .4em;
	height: .4em;
	border-top: 2px solid #0094dd;
	border-right: 2px solid #0094dd;
	transform: rotate(45deg);
}

@media screen and (max-width: 960px) {
	.top-column-type04__left {
		width: 100%;
	}
	.top-column-type04__left > div {
		padding-bottom: 60px;
	}
	.top-column-type04__right {
		width: 100%;
		margin-left: 0;
		border-left: none;
		border-top: 3px solid #f5f5f5;
	}
	.top-column-type04__right > div {
		padding: 30px 0 0 0;
	}
	.top-column-type04__list-title > div {
		text-align: center;
	}
	.top-column-type04__list-title > div:after {
		left: 0;
		right: 0;
		margin: auto;
	}
	.top-column-type04__list {
		margin-top: 30px;
	}
	.top-column-type04__list > div {
		display: flex;
		flex-wrap: wrap;
		margin: 0 -10px;
	}
	.top-column-type04__item {
		width: calc(100% / 4 - 20px);
		margin: 0 10px;
	}
	.top-column-type04__item:nth-child(n + 2) {
		margin-top: 0;
	}
	.top-column-type04__item:nth-child(n + 5) {
		margin-top: 20px;
	}
}

@media screen and (max-width: 767px) {
	.top-column-type04 {
		margin-top: 40px;
	}
	.top-column-type04__left > div {
		flex-direction: column;
	}
	.top-column-type04__box {
		width: calc(100% - 26px);
	}
	.top-column-type04__box:nth-child(n + 2) {
		margin-top: 40px;
	}
	.top-column-type04__text > div {
		padding: 20px 15px 30px;
	}
	.top-column-type04__right > div {
		padding: 50px 0 0 0;
	}
	.top-column-type04__list-title > div {
		padding-bottom: 15px;
		font-size: 190%;
		font-weight: bold;
	}
	.top-column-type04__list-title > div:after {
		width: 30px;
		height: 2px;
	}
	.top-column-type04__list {
		margin-top: 50px;
	}
	.top-column-type04__item {
		width: calc(100% / 2 - 20px);
	}
	.top-column-type04__item:nth-child(n + 3) {
		margin-top: 20px;
	}
}

/*========================================================================

  company

========================================================================*/

/*  company-titleH2
------------------------------------------------*/

.company-titleH2 + div {
	margin-top: 35px;
}
.company-titleH2 h2 {
	color: #000;
	font-size: 200%;
	font-weight: normal;
	line-height: 1.3;
	text-align: center;
}

@media screen and (max-width: 767px) {
	.company-titleH2 h2 {
		font-size: 180%;
	}
	.company-titleH2 + div {
		margin-top: 30px;
	}
}

/*  company-section-type01
------------------------------------------------*/

.company-section-type01 {
	background: #eff1f4;
}
.company-section-type01 > div {
	padding-top: 40px;
}
.company-section-type01 .company-titleH2 {
	width: calc(100% - 30px);
	max-width: 960px;
	margin: 0 auto;
}
.company__video {
	width: calc(100% - 30px);
	max-width: 800px;
	margin: 30px auto 0;
}
.company-section-type01__text {
	display: flex;
	margin-top: 45px;
	background: url(../images/mainvisual.jpg) no-repeat center top;
}
.company-section-type01__text > div {
	display: flex;
	align-items: center;
	width: calc(100% - 30px);
	max-width: 895px;
	min-height: 573px;
	margin: 0 auto;
	padding-bottom: 25px;
}
.company-section-type01__text > div > div {
	max-width: 395px;
	font-size: 105%;
}
.company-section-type01__text-sp img {
	display: none;
}

@media screen and (min-width: 1451px) {
	.company-section-type01__text {
		background: url(../images/mainvisual.jpg) no-repeat center top / cover;
	}
}

@media screen and (max-width: 960px) {
	.company__video {
		max-width: 690px;
	}
	.company-section-type01__text {
		position: relative;
		background: none;
	}
	.company-section-type01__text > div {
		min-height: 0;
		max-width: none;
		padding-bottom: 0;
	}
	.company-section-type01__text > div > div {
		max-width: none;
	}
	.company-section-type01__text-sp {
		margin-top: 40px;
	}
	.company-section-type01__text-sp img {
		display: block;
		width: 100%;
	}
}

@media screen and (max-width: 767px) {
	.company-section-type01 > div {
		padding-top: 35px;
	}
	.company-section-type01__text {
		margin-top: 30px;
	}
}

/*  company-section-type02
------------------------------------------------*/

.company-section-type02 > div {
	width: calc(100% - 30px);
	max-width: 960px;
	margin: 0 auto;
	padding: 65px 0 70px;
}
.company-column {
	margin-top: 25px;
}
.company-column > div {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -15px;
}
.company-column__box {
	width: calc(100% / 4 - 30px);
	margin: 0 15px;
}
.company-column__box:nth-child(n + 5) {
	margin-top: 30px;
}
.company-column__image img {
	width: 100%;
}
.company-column__title {
	margin-top: 20px;
}
.company-column__title > div {
	color: #000;
	font-size: 110%;
	font-weight: bold;
	text-align: center;
}
.company-column__text {
	margin-top: 10px;
}
.company__button {
	margin-top: 40px;
	text-align: center;
}
.company__button a {
	display: inline-block;
	padding: 5px 15px 5px 10px;
	background: #000;
	color: #fff;
	text-decoration: none;
	border: 1px solid #000;
}
.company__button a:hover {
	background: #fff;
	color: #000;
}
.company__button a:before {
	content: '';
	display: inline-block;
	width: .35em;
	height: .35em;
	margin: 0 8px .2em 0;
	border-top: 2px solid #0094dd;
	border-right: 2px solid #0094dd;
	transform: rotate(45deg);
	vertical-align: middle;
}

@media screen and (max-width: 960px) {
	.company-section-type02 > div {
		padding: 45px 0 70px;
	}
	.company-column__box {
		width: calc(100% / 2 - 30px);
	}
	.company-column__box:nth-child(n + 3) {
		margin-top: 30px;
	}
}

@media screen and (max-width: 767px) {
	.company-section-type02 > div {
		padding: 45px 0 50px;
	}
	.company-column__box {
		width: 75%;
		margin: 0 auto;
	}
	.company-column__box:nth-child(n + 2) {
		margin-top: 30px;
	}
	.company-column__title {
		margin-top: 15px;
	}
	.company-column__text {
		margin-top: 5px;
	}
}

/*  company-section-type03
------------------------------------------------*/

.main-type01 + .company-section-type03 {
	margin-top: 70px;
}
.company-section-type03 > div {
	padding: 55px 0 80px;
	background-image: linear-gradient(
	-45deg,
	#94daf6 10%,
	#54c3f1 10%, #54c3f1 50%,
	#94daf6 50%, #94daf6 60%,
	#54c3f1 60%, #54c3f1
	);
	background-size: 10px 10px;
}
.company-section-type03 .company-titleH2 {
	width: calc(100% - 30px);
	max-width: 960px;
	margin: 0 auto;
}
.company-section-type03 .company-titleH2 h2 {
	color: #fff;
}
.company-map-list ul {
	display: table;
	margin: 0 auto;
	padding: 12px 55px 12px 80px;
	background: #fff;
	color: #19315b;
	font-weight: bold;
	font-size: 125%;
}
.company-map-list ul li {
	display: inline-block;
	position: relative;
	padding: 0 30px 0 33px;
}
.company-map-list ul li:before {
	content: '';
	position: absolute;
}
.company-map-list__icon-type01:before {
	left: 4px;
	width: 18px;
	height: 25px;
	background: url(../images/icon_navy01.png) no-repeat center / contain;
}
.company-map-list__icon-type02:before {
	left: 0;
	width: 22px;
	height: 25px;
	background: url(../images/icon_navy02.png) no-repeat center / contain;
}
.company-map-list__icon-type03:before {
	left: 5px;
	width: 18px;
	height: 25px;
	background: url(../images/icon_navy03.png) no-repeat center / contain;
}
.company-map {
	position: relative;
	height: 604px;
	margin-top: 40px;
	background: url(../images/image_map.png) no-repeat center;
}
.company-map__box {
	position: absolute;
	left: 50%;
	width: 210px;
}
.company-map__box-northamerica {
	top: 78px;
	margin: 0 0 0 -455px;
}
.company-map__box-europe {
	top: 40px;
	margin: 0 0 0 -70px;
}
.company-map__box-asia {
	top: 80px;
	margin: 0 0 0 200px;
}
.company-map__box-top {
	top: 130px;
}
.company-map__title a {
	display: block;
	padding: 1px 13px;
	background: #19315b;
	color: #fff;
	font-size: 120%;
	text-align: center;
	border: 2px solid #19315b;
}
.company-map__title a:hover {
	background: #fff;
	color: #19315b;
	text-decoration: none;
}
.company-map__list {
	display: table;
	margin: 10px auto 0;
}
.company-map__list ul li {
	position: relative;
	min-height: 44px;
	margin-top: 5px;
	padding-left: 45px;
	color: #19315b;
	font-size: 250%;
	line-height: 1.3;
}
.company-map__list ul li:before {
	content: '';
	position: absolute;
	top: .1em;
}
.company-map__list-icon-type01:before {
	left: 2px;
	width: 24px;
	height: 34px;
	background: url(../images/icon_navy01.png) no-repeat center / contain;
}
.company-map__list-icon-type02:before {
	left: 0;
	width: 30px;
	height: 34px;
	background: url(../images/icon_navy02.png) no-repeat center / contain;
}
.company-map__list-icon-type03:before,
.company-map__list-icon-type04:before {
	left: 2px;
	width: 24px;
	height: 33px;
	background: url(../images/icon_navy03.png) no-repeat center / contain;
}

@media screen and (max-width: 960px) {
	.company-section-type03 > div {
		padding: 55px 0 38px;
	}
	.company-map {
		height: 310px;
		margin-top: 30px;
		background: url(../images/image_map.png) no-repeat center / contain;
	}
	.company-map__box {
		top: 20px;
	}
	.company-map__box-northamerica {
		margin: 0 0 0 -337px;
	}
	.company-map__box-europe {
		margin: 0 0 0 -100px;
	}
	.company-map__box-asia {
		margin: 0 0 0 145px;
	}
}

@media screen and (max-width: 767px) {
	.main-type01 + .company-section-type03 {
		margin-top: 50px;
	}
	.company-section-type03 > div {
		padding: 45px 0 25px;
	}
	.company-section-type03 .company-titleH2 + div {
		margin-top: 20px;
	}
	.company-map-list ul {
		max-width: 270px;
		margin: 0 auto;
		padding: 10px 0 10px 20px;
		font-size: 110%;
	}
	.company-map-list ul li {
		margin: 5px 25px 5px 0;
		padding: 0 0 0 25px;
	}
	.company-map-list ul li:before {
		left: 0;
	}
	.company-map-list__icon-type01:before {
		width: 14px;
		height: 20px;
	}
	.company-map-list__icon-type02:before {
		width: 17px;
		height: 19px;
	}
	.company-map-list__icon-type03:before {
		width: 14px;
		height: 19px;
	}
	.company-map {
		height: 236px;
		margin-top: 0;
		background: url(../images/image_map.png) no-repeat center / 460px auto;
	}
	.company-map__box {
		top: 30px;
		width: auto;
		min-width: 80px;
	}
	.company-map__box-northamerica {
		margin: 0 0 0 -165px;
	}
	.company-map__box-europe {
		margin: 0 0 0 -9px;
	}
	.company-map__box-asia {
		margin: 0 0 0 80px;
	}
	.company-map__title a {
		font-size: 110%;
	}
	.company-map__list ul li {
		min-height: 28px;
		margin-top: 5px;
		padding-left: 33px;
		font-size: 230%;
	}
	.company-map__list-icon-type01:before {
		width: 20px;
		height: 28px;
	}
	.company-map__list-icon-type02:before {
		width: 25px;
		height: 28px;
	}
	.company-map__list-icon-type03:before,
	.company-map__list-icon-type04:before {
		width: 20px;
		height: 28px;
	}
}

/*  company-section-type03__area
------------------------------------------------*/

.company-section-type03__area > div {
	width: calc(100% - 30px);
	max-width: 960px;
	margin: 0 auto;
	padding: 40px 0 30px;
}
.company-section-type03__titleH2 h2 {
	color: #000;
	font-size: 200%;
	font-weight: normal;
	line-height: 1.3;
}
.company-section-type03__titleH2 + div {
	margin-top: 35px;
}
.company-section-type03__titleH3 {
	margin-top: 45px;
}
.company-section-type03__titleH3 h3 {
	color: #000;
	font-size: 130%;
	font-weight: normal;
	line-height: 1.3;
}
.company-section-type03__table {
	margin-top: 25px;
}
.company-section-type03__table table {
	width: 100%;
	line-height: 1.5;
}
.company-section-type03__table table th {
	padding: 8px 10px;
	background: #f0f4f7;
	color: #000;
	border: 1px solid #c6c9cc;
	font-weight: bold;
	font-size: 110%;
	text-align: center;
	vertical-align: middle;
}
.company-section-type03__table table td {
	padding: 10px 15px;
	background: #fff;
	border: 1px solid #c6c9cc;
	text-align: left;
	vertical-align: middle;
}
.company-section-type03__table table td:first-child {
	color: #000;
	font-weight: bold;
	font-size: 110%;
}
.company-section-type03__table span + .icon-type01,
.company-section-type03__table span + .icon-type02,
.company-section-type03__table span + .icon-type03 {
	margin-top: 5px;
}
.company-section-type03__table .icon-type01,
.company-section-type03__table .icon-type02,
.company-section-type03__table .icon-type03 {
	display: block;
	position: relative;
	padding-left: 20px;
}
.company-section-type03__table .icon-type01:before,
.company-section-type03__table .icon-type02:before,
.company-section-type03__table .icon-type03:before {
	content: '';
	position: absolute;
	top: .1em;
}
.company-section-type03__table .icon-type01:before {
	left: 0;
	width: 13px;
	height: 16px;
	background: url(../images/icon_gray01.png) no-repeat center / contain;
}
.company-section-type03__table .icon-type02:before {
	left: 0;
	width: 15px;
	height: 17px;
	background: url(../images/icon_gray02.png) no-repeat center / contain;
}
.company-section-type03__table .icon-type03:before {
	left: 0;
	width: 13px;
	height: 16px;
	background: url(../images/icon_gray03.png) no-repeat center / contain;
}
.company-section-type03__table .icon-tel {
	display: block;
	margin-top: 5px;
}
.company-section-type03__table .icon-tel:before {
	content: 'TEL';
	display: inline-block;
	margin-right: 5px;
	padding: 2px 10px;
	background: #88949c;
	color: #fff;
	font-size: 90%;
	line-height: 1.2;
	vertical-align: middle;
	border-radius: 2px;
}

@media screen and (max-width: 767px) {
	.company-section-type03__area > div {
		padding-top: 30px;
	}
	.company-section-type03__titleH2 h2 {
		font-size: 180%;
	}
	.company-section-type03__titleH3 {
		margin-top: 20px;
	}
	div.company-section-type03__table {
		overflow-x: scroll!important;
		margin-top: 15px;
	}
	.company-section-type03__table::-webkit-scrollbar {
		height: 20px;
	}
	.company-section-type03__table::-webkit-scrollbar-thumb {
		background: #d9dcdf;
		border-radius: 10px;
	}
	.company-section-type03__table::-webkit-scrollbar-track {
		background: #f5f5f5;
		border-radius: 10px;
	}
	.company-section-type03__table table {
		width: 960px;
		margin-bottom: 1px;
	}
	.company-section-type03__table table th {
		padding: 5px 10px;
	}
	.company-section-type03__table table td {
		padding: 5px 15px;
	}
}

/*  company-section-type04
------------------------------------------------*/

.company-section-type04 > div {
	padding: 65px 0 70px;
}
.company-section-type04 .company-titleH2 {
	width: calc(100% - 30px);
	max-width: 960px;
	margin: 0 auto;
}
.company-section-type04 .company-text {
	width: calc(100% - 30px);
	max-width: 960px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
.company-history {
	margin-top: 50px;
	background: url(../images/image_company_background.png) top center;
}
.company-history > div {
	padding: 40px 15px 54px;
}
.company-history__item > div {
	position: relative;
	padding-bottom: 50px;
}
.company-history__item > div:before {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	width: 4px;
	height: 100%;
	background: #ccc;
}
.company-history__year > div:not(.pb-handle) {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 4.21em;
	height: 4.21em;
	margin: 0 auto;
	background: #fff;
	color: #000;
	font-weight: bold;
	font-size: 95%;
	border: 2px solid #34a7df;
	border-radius: 50%;
}
.company-history__text {
	opacity: 0;
	position: absolute;
	top: 40px;
	transition: all .5s;
}
.company-history__item--show .company-history__text {
	opacity: 1;
	top: 0;
}
.company-history__item:nth-child(odd) .company-history__text {
	right: 50%;
	margin-right: 4em;
}
.company-history__item:nth-child(even) .company-history__text {
	left: 50%;
	margin-left: 4em;
}
.company-history__text > div:not(.pb-handle) {
	position: relative;
	padding: 1.2em 2em;
	background: #fff;
	color: #000;
	font-weight: bold;
	font-size: 95%;
	border: 2px solid #34a7df;
}
.company-history__text > div:not(.pb-handle):before,
.company-history__text > div:not(.pb-handle):after {
	content: '';
	position: absolute;
	top: 1.2em;
	border: 10px solid transparent;
}
.company-history__item:nth-child(odd) .company-history__text > div:not(.pb-handle):before {
	right: -20px;
	border-left: 10px solid #34a7df;
}
.company-history__item:nth-child(odd) .company-history__text > div:not(.pb-handle):after {
	right: -17px;
	border-left: 10px solid #fff;
}
.company-history__item:nth-child(even) .company-history__text > div:not(.pb-handle):before {
	left: -20px;
	border-right: 10px solid #34a7df;
}
.company-history__item:nth-child(even) .company-history__text > div:not(.pb-handle):after {
	left: -17px;
	border-right: 10px solid #fff;
}

@media screen and (max-width: 960px) {
	.company-section-type04 > div {
		padding: 45px 0 70px;
	}
	.company-history {
		text-align: center;
	}
	.company-history > div:not(.pb-handle) {
		display: inline-block;
		padding-left: 50px;
	}
	.company-history__item > div {
		display: flex;
		min-height: 115px;
		margin: 0 auto;
		padding-bottom: 20px;
		text-align: left;
	}
	.company-history__item > div:before {
		left: 1.8em;
		right: auto;
	}
	.company-history__text {
		position: relative;
		max-width: calc(100% - 4.21em - 18px);
		margin-left: 22px;
	}
	.company-history__item:nth-child(odd) .company-history__text {
		right: auto;
		margin-right: 0;
	}
	.company-history__item:nth-child(even) .company-history__text {
		left: auto;
		margin-left: 22px;
	}
	.company-history__item:nth-child(odd) .company-history__text > div:not(.pb-handle):before {
		left: -20px;
		right: auto;
		border: 10px solid transparent;
		border-right: 10px solid #34a7df;
	}
	.company-history__item:nth-child(odd) .company-history__text > div:not(.pb-handle):after {
		left: -17px;
		right: auto;
		border: 10px solid transparent;
		border-right: 10px solid #fff;
	}
}

@media screen and (max-width: 767px) {
	.company-section-type04 > div {
		padding: 45px 0 50px;
	}
	.company-history {
		margin-top: 35px;
	}
	.company-history > div:not(.pb-handle) {
		padding: 30px 15px;
	}
	.company-history__item > div {
		min-height: 90px;
	}
	.company-history__year > div:not(.pb-handle) {
		width: 4em;
		height: 4em;
	}
	.company-history__text {
		max-width: calc(100% - 4em - 14px);
		margin-left: 18px;
	}
	.company-history__text > div:not(.pb-handle) {
		padding: 1.08em 1.5em;
	}
	.company-history__text > div:not(.pb-handle):before,
	.company-history__text > div:not(.pb-handle):after {
		top: .8em;
	}
}

/*========================================================================

  leadership

========================================================================*/

/*  leadership-section-type01
------------------------------------------------*/

.leadership-section-type01{
	background: #505a60;
	color: #fff;
}
.leadership-section-type01 > div {
	position: relative;
	max-width: 960px;
	margin: 0 auto;
}
.leadership-section-type01 .header-navigation {
	position: absolute;
	z-index: 1;
}
.leadership-section-type01 .header-navigation a {
	color: #fff;
}
.leadership-section-type01__box {
	display: flex;
	align-items: center;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: 0;
	width: 475px;
	padding: 0 35px;
}
.leadership-section-type01__text {
	font-size: 140%;
	line-height: 1.8;
}
.leadership-section-type01__card {
	margin-top: 35px;
}
.leadership-section-type01__card > div {
	padding: 25px 30px;
	background: rgba(84,195,241,0.9);
	color: #fff;
}
.leadership-section-type01__name > div {
	font-size: 160%;
}
.leadership-section-type01__detail {
	margin-top: 15px;
}
.leadership-section-type01__detail > div {
	font-size: 120%;
}

@media screen and (max-width: 960px) {
	.leadership-section-type01__box {
		width: 460px;
	}
	.leadership-section-type01__card {
		max-width: 320px;
		margin: 20px auto 0;
	}
}

@media screen and (max-width: 767px) {
	.leadership-section-type01__box {
		display: block;
		position: static;
		width: 100%;
		padding: 0;
	}
	.leadership-section-type01__text {
		font-size: 100%;
	}
	.leadership-section-type01__text > div {
		padding: 15px;
		background: #30363a;
	}
	.leadership-section-type01__card {
		max-width: none;
		margin-top: 0;
	}
	.leadership-section-type01__card > div {
		padding: 18px 15px;
		background: #54c3f1;
	}
	.leadership-section-type01__name > div {
		font-size: 150%;
	}
	.leadership-section-type01__detail {
		margin-top: 10px;
	}
}

/*  leadership-section-type02
------------------------------------------------*/

.leadership-section-type02 > div {
	width: calc(100% - 30px);
	max-width: 720px;
	margin: 0 auto;
	padding: 45px 0;
}
.leadership-section-type02__titleH1 h1 {
	position: relative;
	padding-bottom: 20px;
	color: #000;
	font-size: 220%;
	font-weight: normal;
	text-align: center;
	line-height: 1.3;
}
.leadership-section-type02__titleH1 h1:after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	bottom: 0;
	width: 40px;
	height: 2px;
	background: #000;
}
.leadership-section-type02__titleH1 + div {
	margin-top: 50px;
}
.leadership-section-type02__text {
	margin-top: 15px;
}
.leadership-section-type02__titleH2 {
	margin-top: 40px;
}
.leadership-section-type02__titleH2 h2 {
 	color: #000;
 	font-size: 160%;
 	font-weight: bold;
 	line-height: 1.3;
}

@media screen and (max-width: 960px) {
	.leadership-section-type02 > div {
		max-width: none;
		padding: 55px 0;
	}
	.leadership-section-type02__titleH1 h1:after {
		height: 1px;
	}
}

@media screen and (max-width: 767px) {
	.leadership-section-type02 > div {
		padding: 45px 0;
	}
	.leadership-section-type02__titleH1 h1 {
		padding-bottom: 15px;
		font-size: 190%;
	}
	.leadership-section-type02__titleH1 + div {
		margin-top: 35px;
	}
	.leadership-section-type02__titleH1 h1:after {
		width: 35px;
	}
	.leadership-section-type02__titleH2 {
		margin-top: 35px;
	}
	.leadership-section-type02__titleH2 h2 {
		font-size: 140%;
	}
}

/*  leadership-section-type03
------------------------------------------------*/

.leadership-section-type03 img {
	width: 100%;
}

/*  leadership-section-type04
------------------------------------------------*/

.leadership-section-type04 > div {
	width: calc(100% - 30px);
	max-width: 960px;
	margin: 0 auto;
	padding: 40px 0;
}
.leadership-section-type04__titleH2 {
	color: #000;
 	font-size: 160%;
 	font-weight: bold;
 	text-align: center;
 	line-height: 1.3;
}
.leadership-section-type04__inner {
	margin-top: 30px;
}
.leadership-section-type04__inner > div {
	display: flex;
	flex-wrap: wrap;
}
.leadership-section-type04__box {
	position: relative;
	width: calc(100% / 3);
}
.leadership-section-type04__box:nth-child(n + 4) {
	margin-top: 10px;
}
.leadership-section-type04__image img {
	width: 100%;
}
.leadership-section-type04__card {
	position: absolute;
	width: calc(100% - 20px);
	left: 10px;
	bottom: 10px;
}
.leadership-section-type04__card > div {
	padding: 18px 25px 40px;
	background: rgba(84,195,241,0.9);
	color: #fff;
}
.leadership-section-type04__name > div {
	font-size: 160%;
}
.leadership-section-type04__detail {
	margin-top: 5px;
}

@media screen and (max-width: 960px) {
	.leadership-section-type04__card > div {
		padding: 10px 15px 25px;
		font-size: 90%;
	}
	.leadership-section-type04__name > div {
		font-size: 140%;
	}
}

@media screen and (max-width: 767px) {
	.leadership-section-type04 > div {
		padding: 30px 0;
	}
	.leadership-section-type04__titleH2 {
		font-size: 145%;
	}
	.leadership-section-type04__inner {
		margin-top: 25px;
	}
	.leadership-section-type04__box {
		width: calc(100% / 2);
	}
	.leadership-section-type04__box:nth-child(n + 3) {
		margin-top: 5px;
	}
	.leadership-section-type04__card {
		width: calc(100% - 10px);
		left: 5px;
		bottom: 5px;
	}
	.leadership-section-type04__card > div {
		padding: 10px 10px 10px;
		font-size: 80%;
	}
}

/*========================================================================

  contact

========================================================================*/

.contact {
	padding: 30px 0 70px;
	background: #f2f2f2;
}
.contact form {
	width: calc(100% - 30px);
	max-width: 945px;
	margin: 0 auto;
	color: #000;
	line-height: 1.3;
}
.contact input[type=text],
.contact input[type=email],
.contact input[type=tel],
.contact textarea {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	width: 100%;
	padding: 15px 10px;
	/*: "FrutigerLTW02-55Roman", helvetica, arial, meiryo, san-serif;*/

	border: none;
	border-radius: 0;
}
.contact input.contact-check,
.contact textarea.contact-check {
	padding-right: 35px;
	background: url(../images/ico_check.png) no-repeat #fff;
	background-position: calc(100% - 15px) 15px;
}
.contact input.contact-error,
.contact textarea.contact-error {
	padding-right: 35px;
	background: url(../images/ico_error.png) no-repeat #fff;
	background-position: calc(100% - 15px) 15px;
	box-shadow:0 0 0 1px #d64227;
}
.contact select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	width: 100%;
	padding: 15px 25px 15px 10px;
	background: #fff;
	/*: "FrutigerLTW02-55Roman", helvetica, arial, meiryo, san-serif;*/

	font-size: 95%;
	border: none;
	border-radius: 0;
	cursor: pointer;
}
.contact select::-ms-expand {
	display: none;
}
.contact-select {
	position: relative;
}
.contact-select:after {
	content: '';
	position: absolute;
	top: 17px;
	right: 13px;
	width: 7px;
	height: 7px;
	border-bottom: 2px solid #8b8b8b;
	border-right: 2px solid #8b8b8b;
	transform: rotate(45deg);
	pointer-events: none;
}
.contact-select select.contact-error {
	box-shadow:0 0 0 1px #d64227;
}
.contact-radio ul {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -15px;
}
.contact-radio li {
	position: relative;
	width: calc(100% / 4 - 30px);
	margin: 0 15px;
}
.contact-radio input[type=radio] {
	display: none;
}
.contact-radio label {
	display: block;
	height: 100%;
	padding: 105px 5px 20px;
	background: #fff;
	text-align: center;
	border: 2px solid #fff;
	box-shadow: 0 0 5px 1px rgba(0,0,0,0.1);
	transition: all .3s;
	cursor: pointer;
	border-radius: 3px;
}
.contact-radio label:before,
.contact-radio label:after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	width: 51px;
	height: 45px;
	margin: 0 auto;
	transition: all .3s;
}
.contact-radio label:after {
	opacity: 0;
}
.contact-radio li:nth-child(1) label:before {
	background: url(../images/select01.png) no-repeat center / contain;
	top: 35px;
}
.contact-radio li:nth-child(1) label:after {
	background: url(../images/select01_on.png) no-repeat center / contain;
	top: 35px;
}
.contact-radio li:nth-child(2) label:before {
	background: url(../images/select02.png) no-repeat center / contain;
	top: 40px;
}
.contact-radio li:nth-child(2) label:after {
	background: url(../images/select02_on.png) no-repeat center / contain;
	top: 40px;
}
.contact-radio li:nth-child(3) label:before {
	background: url(../images/select03.png) no-repeat center / contain;
	top: 40px;
}
.contact-radio li:nth-child(3) label:after {
	background: url(../images/select03_on.png) no-repeat center / contain;
	top: 40px;
}
.contact-radio li:nth-child(4) label:before {
	background: url(../images/select04.png) no-repeat center / contain;
	top: 40px;
}
.contact-radio li:nth-child(4) label:after {
	background: url(../images/select04_on.png) no-repeat center / contain;
	top: 40px;
}
.contact-radio input[type=radio]:checked + label {
	background: #e1edf9;
	color: #0094dd;
	border: 2px solid #0d99df;
}
.contact-radio input[type=radio]:checked + label:after {
	opacity: 1;
}
.contact-type01 {
	display: flex;
	flex-wrap: wrap;
	margin: 10px -15px 0;
}
.contact-type01 .contact-list {
	width: calc(100% / 2 - 30px);
	margin: 0 15px;
}
.contact-type01 .contact-item {
	display: flex;
	align-items: center;
	margin-top: 20px;
}
.contact-type01 .contact-item label {
	width: 75px;
	padding-right: 5px;
}
.contact-type01 .contact-item input {
	width: calc(100% - 75px);
}
.contact-type02 {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -15px;
}
.contact-type02 .contact-item {
	display: flex;
	align-items: center;
	width: calc(100% / 2 - 30px);
	margin: 20px 15px 0;
}
.contact-type02 .contact-item label {
	width: 75px;
	padding-right: 5px;
}
.contact-type02 .contact-item input {
	width: calc(100% - 75px);
}
.contact-type03 {
	display: flex;
	flex-wrap: wrap;
	margin-top: 20px;
}
.contact-type03 label {
	width: 75px;
	margin-top: 10px;
	padding-right: 5px;
}
.contact-type03 .contact-list {
	display: flex;
	flex-wrap: wrap;
	width: calc(100% - 75px);
}
.contact-type03 .contact-item {
	display: flex;
	flex-wrap: wrap;
	width: 180px;
	margin-top: 10px;
}
.contact-type03 .contact-item:nth-child(n + 2) {
	position: relative;
	width: 185px;
	padding-left: 22px;
}
.contact-type03 .contact-title {
	width: 100%;
	margin-bottom: 10px;
}
.contact-plus {
	position: relative;
	width: 10px;
}
.contact-plus:before,
.contact-plus:after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 7px;
	height: 1px;
	background: #000;
}
.contact-plus:after {
	transform: rotate(90deg);
}
.contact-type03 .contact-select {
	width: calc(100% - 10px);
}
.contact-minus {
	position: absolute;
	width: 22px;
	left: 0;
	bottom: 23px;
}
.contact-minus:before {
	content: '';
	display: block;
	width: 8px;
	height: 1px;
	margin: 0 auto;
	background: #000;
}
.contact-type04 {
	display: flex;
	flex-wrap: wrap;
	margin-top: 20px;
}
.contact-type04 label {
	width: 75px;
	margin-top: 10px;
	padding-right: 5px;
}
.contact-type04 .contact-list {
	display: flex;
	flex-wrap: wrap;
	width: calc(100% - 75px);
}
.contact-type04 .contact-item {
	margin-top: 10px;
}
.contact-type04 .contact-item:nth-of-type(1),
.contact-type04 .contact-item:nth-of-type(2) {
	width: 170px;
	margin-right: 10px;
}
.contact-type04 .contact-item:nth-of-type(3) {
	width: calc(100% - 360px);
}
.contact-type04 .contact-item:nth-of-type(4) {
	width: 100%;
}
.contact-type04 .contact-title {
	display: block;
	margin-bottom: 10px;
}
.contact-type05 {
	display: flex;
	align-items: center;
	margin-top: 20px;
}
.contact-type05 label {
	width: 75px;
	padding-right: 5px;
}
.contact-type05 .contact-select {
	width: calc(100% - 75px);
	max-width: 375px;
}
.contact-type06 {
	display: flex;
	flex-wrap: wrap;
	margin-top: 20px;
}
.contact-type06 label {
	width: 75px;
	margin-top: 10px;
	padding-right: 5px;
}
.contact-type06 textarea {
	overflow: hidden;
	width: calc(100% - 75px);
	height: 290px;
	resize: none;
}
.contact-type06 .contact-text {
	width: calc(100% - 75px);
	margin: 30px 0 0 75px;
}
.contact-type06 .contact-text p {
	margin: 15px 0;
}
.contact-type06 .contact-text ol {
	margin: 15px 0;
}
.contact-type06 .contact-text ol li {
	margin: 5px 0;
	padding-left: 1.5em;
	text-indent: -1.5em;
}
.contact-type06 .contact-text__title {
	font-weight: bold;
}
.contact-type06 .contact-checkbox {
	margin-top: 30px;
}
.contact-type06 .contact-checkbox input {
	display: none;
}
.contact-type06 .contact-checkbox label {
	display: inline-block;
	position: relative;
	width: 100%;
	padding-left: 35px;
	cursor: pointer;
}
.contact-type06 .contact-checkbox label:before,
.contact-type06 .contact-checkbox label:after {
	content: '';
	position: absolute;
}
.contact-type06 .contact-checkbox label:before {
	top: -2px;
	left: 0;
	width: 20px;
	height: 20px;
	background: #fff;
	border: 1px solid #0097e0;
}
.contact-type06 .contact-checkbox .contact-error + label:before {
	border: 1px solid #d64227;
}
.contact-type06 .contact-checkbox input[type=checkbox]:checked + label:after {
	top: -1px;
	left: 7px;
	width: 5px;
	height: 13px;
	border-right: 3px solid #0097e0;
	border-bottom: 3px solid #0097e0;
	transform: rotate(45deg);
}
.contact-type06 .instructions {
	font-size: 90%;
	width: calc(100% - 75px);
	margin-left: 75px;
}
.contact-type07 {
	margin-top: 40px;
	text-align: center;
}
.contact-type08 {
	display: flex;
	align-items: center;
	margin: 20px auto;
	max-width: 700px;
}
.contact-type08 label {
	width: 75px;
	padding-right: 5px;
}
.contact-type08 input {
	width: calc(100% - 75px);
}
.contact-type10 {
	display: flex;
	flex-wrap: wrap;
	margin: 10px -15px 0;
}
.contact-type10 .contact-list {
	width: calc(100% - 30px);
	margin: 0 15px;
}
.contact-type10 .contact-item {
	display: flex;
	align-items: center;
	margin-top: 20px;
}
.contact-type10 .contact-item label {
	width: 75px;
	padding-right: 5px;
}
.contact-type10 .contact-item input {
	width: calc(100% - 75px);
}
.contact input[type=submit] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	width: 100%;
	max-width: 280px;
	padding: 16px 15px;
	background: #0094dd;
	color: #fff;
	/*: "FrutigerLTW02-55Roman", helvetica, arial, meiryo, san-serif;*/

	border: 1px solid #0094dd;
	border-radius: 3px;
	cursor: pointer;
	transition: all .3s;
}
.contact input[type=submit]:hover {
	background: #fff;
	color: #0094dd;
}

@media screen and (max-width: 960px) {
	.contact-radio ul {
		margin: 0 -10px;
	}
	.contact-radio li {
		width: calc(100% / 4 - 20px);
		margin: 0 10px;
	}
	.contact-radio label {
		padding: 85px 5px 15px;
	}
	.contact-radio li:nth-child(even) label {
		position: absolute;
		width: 100%;
	}
	.contact-radio li:nth-child(1) label:before,
	.contact-radio li:nth-child(1) label:after {
		top: 25px;
	}
	.contact-radio li:nth-child(2) label:before,
	.contact-radio li:nth-child(2) label:after,
	.contact-radio li:nth-child(3) label:before,
	.contact-radio li:nth-child(3) label:after,
	.contact-radio li:nth-child(4) label:before,
	.contact-radio li:nth-child(4) label:after {
		top: 30px;
	}
	.contact-type01 .contact-list {
		width: 100%;
	}
	.contact-type01 .contact-item label {
		width: 100px;
	}
	.contact-type01 .contact-item label br {
		display: none;
	}
	.contact-type01 .contact-item input {
		width: calc(100% - 100px);
	}
	.contact-type02 .contact-item {
		width: 100%;
	}
	.contact-type02 .contact-item label {
		width: 100px;
	}
	.contact-type02 .contact-item label br {
		display: none;
	}
	.contact-type02 .contact-item input {
		width: calc(100% - 100px);
	}
	.contact-type06 .contact-text {
		width: 100%;
		margin: 30px 0 0;
	}
	.contact-type08 {
		width: 100%;
	}
	.contact-type08 label {
		width: 90px;
	}
	.contact-type08 input {
		width: calc(100% - 90px);
	}
	.contact-type10 .contact-list {
		width: 100%;
	}
	.contact-type10 .contact-item label {
		width: 100px;
	}
	.contact-type10 .contact-item label br {
		display: none;
	}
}

@media screen and (max-width: 767px) {
	.contact {
		padding: 30px 0;
	}
	.contact input[type=text],
	.contact input[type=email],
	.contact input[type=tel],
	.contact textarea {
		padding: 10px;
	}
	.contact input.contact-check,
	.contact textarea.contact-check {
		padding-right: 30px;
		background-position: calc(100% - 10px) 10px;
	}
	.contact input.contact-error,
	.contact textarea.contact-error {
		padding-right: 30px;
		background-position: calc(100% - 10px) 10px;
	}
	.contact select {
		padding: 10px 25px 10px 10px;
	}
	.contact-select:after {
		top: 12px;
		right: 12px;
		width: 6px;
		height: 6px;
	}
	.contact-radio ul {
		margin: 0;
	}
	.contact-radio li {
		width: calc(100% / 2 - 10px);
		margin: 0 5px;
	}
	.contact-radio li:nth-child(n + 3) {
		margin-top: 10px;
	}
	.contact-radio label {
		display: flex;
		align-items: center;
		padding: 10px 15px 10px 44px;
		font-size: 90%;
		text-align: left;
		line-height: 1.3;
	}
	.contact-radio label:before,
	.contact-radio label:after {
		width: 24px;
		height: 21px;
		margin: auto 0;
	}
	.contact-radio li:nth-child(1) label:before,
	.contact-radio li:nth-child(1) label:after,
	.contact-radio li:nth-child(2) label:before,
	.contact-radio li:nth-child(2) label:after,
	.contact-radio li:nth-child(3) label:before,
	.contact-radio li:nth-child(3) label:after,
	.contact-radio li:nth-child(4) label:before,
	.contact-radio li:nth-child(4) label:after {
		top: 0;
		bottom: 0;
		left: 12px;
	}
	.contact-type01 .contact-item {
		margin-top: 15px;
	}
	.contact-type01 .contact-item label {
		width: 90px;
	}
	.contact-type01 .contact-item input {
		width: calc(100% - 90px);
	}
	.contact-type02 .contact-item {
		margin-top: 15px;
	}
	.contact-type02 .contact-item label {
		width: 90px;
	}
	.contact-type02 .contact-item input {
		width: calc(100% - 90px);
	}
	.contact-type03 {
		margin-top: 10px;
	}
	.contact-type03 label {
		width: 60px;
	}
	.contact-type03 .contact-list {
		width: calc(100% - 60px);
	}
	.contact-type03 .contact-item {
		max-width: 50%;
	}
	.contact-type03 .contact-item:nth-child(n + 2) {
		max-width: 50%;
	}
	.contact-type03 .contact-title {
		margin-bottom: 5px;
	}
	.contact-minus {
		bottom: 18px;
	}
	.contact-type04 {
		margin-top: 10px;
	}
	.contact-type04 label {
		width: 60px;
	}
	.contact-type04 .contact-item:nth-of-type(3) {
		width: 100%;
	}
	.contact-type04 .contact-list {
		width: calc(100% - 60px);
	}
	.contact-type04 .contact-item:nth-of-type(1),
	.contact-type04 .contact-item:nth-of-type(2) {
		max-width: 50%;
		margin-right: 0;
	}
	.contact-type04 .contact-item:nth-of-type(2) {
		max-width: calc(50% - 10px);
		margin-left: 10px;
	}
	.contact-type04 .contact-title {
		margin-bottom: 5px;
	}
	.contact-type05 {
		margin-top: 15px;
	}
	.contact-type05 label {
		width: 60px;
	}
	.contact-type05 .contact-select {
		width: calc(100% - 60px);
	}
	.contact-type06 {
		margin-top: 15px;
	}
	.contact-type06 label {
		width: 60px;
	}
	.contact-type06 textarea {
		width: calc(100% - 60px);
		height: 230px;
	}
	.contact input[type=submit] {
		max-width: 240px;
		padding: 10px;
	}
}

/*========================================================================

  search

========================================================================*/

.search-footer {
	margin-top: 115px;
	background: url(../images/bg_left.png) no-repeat center left #edf2f5;
	background-size: auto 100%;
}
#area0 > div > div.search-footer:last-child > div:last-child {
	display: flex;
	justify-content: center;
	padding: 40px 0 60px;
	background: url(../images/bg_right.png) no-repeat center right;
}
.search-footer__box {
	margin: 0 60px;
	text-align: center;
}
.search-footer__title > div {
	color: #000;
	font-size: 135%;
	font-weight: bold;
}
.search-footer__link {
	margin-top: 20px;
}
.search-footer__link a {
	display: inline-block;
	width: 230px;
	padding: 8px 10px 8px 8px;
	background: #0097e0;
	color: #fff;
	text-decoration: none;
	border: 1px solid #0097e0;
	border-radius: 3px;
}
.search-footer__link a:hover {
	background: #fff;
	color: #0097e0;
}
.search-footer__link a:before {
	content: '';
	display: inline-block;
	width: .35em;
	height: .35em;
	margin: 0 8px .2em 0;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	transform: rotate(45deg);
	vertical-align: middle;
	transition: all .3s;
}
.search-footer__link a:hover:before {
	border-top: 2px solid #0097e0;
	border-right: 2px solid #0097e0;
}

@media screen and (max-width: 960px) {
	.search-footer {
		margin-top: 95px;
	}
	#area0 > div > div.search-footer:last-child > div:last-child {
		background: none;
	}
}

@media screen and (max-width: 767px) {
	.search-footer__box {
		margin: 30px 20px 0;
	}
	#area0 > div > div.search-footer:last-child > div:last-child {
		flex-wrap: wrap;
		padding: 0 0 50px;
	}
	.search-footer__title > div {
		font-size: 120%;
	}
	.search-footer__link {
		margin-top: 15px;
	}
	.search-footer__link a {
		width: auto;
		min-width: 130px;
		padding: 6px 10px 5px;
		font-size: 90%;
		border-radius: 0;
	}
}

/*========================================================================

  sitemap

========================================================================*/

/*  sitemap-titleH2
------------------------------------------------*/

.sitemap-titleH2 {
	margin-top: 35px;
}
div + .sitemap-titleH2 > div:not(.pb-handle) {
	padding-top: 35px;
	border-top: 4px solid #00cdff;
}
.sitemap-titleH2 h2 {
	color: #000;
	font-size: 160%;
	font-weight: bold;
	line-height: 1.3;
}
.sitemap-titleH2 h2 a {
	display: inline-block;
	position: relative;
	padding-left: 1em;
	color: #000;
}
.sitemap-titleH2 h2 a:hover {
	color: #0094dd;
	text-decoration: none;
}
.sitemap-titleH2 h2 a:before {
	content: '';
	position: absolute;
	top: .4em;
	left: -.1em;
	width: .35em;
	height: .35em;
	border-top: 2px solid #0094dd;
	border-right: 2px solid #0094dd;
	transform: rotate(45deg);
}

@media screen and (max-width: 767px) {
	.sitemap-titleH2 {
		margin-top: 25px;
	}
	.titleH2-type05 + div {
		margin-top: 22px;
	}
	div + .sitemap-titleH2 > div:not(.pb-handle) {
		padding-top: 25px;
		border-top: 3px solid #00cdff;
	}
	.sitemap-titleH2 h2 {
		font-size: 145%;
	}
}

/*  sitemap-titleH3
------------------------------------------------*/

.sitemap-titleH3 {
	margin-top: 25px;
	padding-top: 25px;
	border-top: 1px solid #ccc;
}
.sitemap-titleH3 h3 {
	color: #000;
	font-size: 140%;
	font-weight: bold;
	line-height: 1.3;
}

@media screen and (max-width: 767px) {
  .breadcrumbs {
    padding-left: 1.4rem !important;
  }
  .sitemap-titleH3 {
		margin-top: 20px;
	}
	.sitemap-titleH3 h3 {
		font-size: 130%;
	}
}

/*  sitemap-menu
------------------------------------------------*/

.sitemap-menu {
	display: flex;
	flex-wrap: wrap;
	margin-top: 10px;
}
.sitemap-menu__lv1 {
	width: 100%;
	margin-botoom: 5px;
}
div:not(.pb-handle) + .sitemap-menu__lv1 {
	margin-top: 10px;
}
.sitemap-menu__lv1 a {
	display: inline-block;
	position: relative;
	padding-left: 1em;
	color: #000;
	font-size: 120%;
}
.sitemap-menu__lv1 a:hover {
	color: #0094dd;
	text-decoration: none;
}
.sitemap-menu__lv1 a:before {
	content: '';
	position: absolute;
	top: .5em;
	left: -.1em;
	width: .35em;
	height: .35em;
	border-top: 2px solid #0094dd;
	border-right: 2px solid #0094dd;
	transform: rotate(45deg);
}
.sitemap-menu__lv2 {
	margin-left: 1em;
	margin: 5px 0 0 1.5em;
}
.sitemap-menu__lv2 a {
	display: inline-block;
	position: relative;
	padding-left: 1em;
}
.sitemap-menu__lv2 a:before {
	content: '';
	position: absolute;
	top: .5em;
	left: -.1em;
	width: .35em;
	height: .35em;
	border-top: 2px solid #0094dd;
	border-right: 2px solid #0094dd;
	transform: rotate(45deg);
}

/*========================================================================

  category color

========================================================================*/

.column1-type01__category--color01 > div,
.column2-type07__category--color01 > div,
.column3-type02__balloon--color01 > div,
.filter-type01__label--color01 > div,
.filter-type03__category--color01 > div,
.section-type10__category--color01 > div,
.section-type14__category--color01 > div,
.top-column-type03__category--color01 > div,
.top-column-type04__balloon--color01 > div {
	background: #74cdf2;
}
.column1-type01__category--color02 > div,
.column2-type07__category--color02 > div,
.column3-type02__balloon--color02 > div,
.filter-type01__label--color02 > div,
.filter-type03__category--color02 > div,
.section-type10__category--color02 > div,
.section-type14__category--color02 > div,
.top-column-type03__category--color02 > div,
.top-column-type04__balloon--color02 > div {
	background: #45587a;
}
.column1-type01__category--color03 > div,
.column2-type07__category--color03 > div,
.column3-type02__balloon--color03 > div,
.filter-type01__label--color03 > div,
.filter-type03__category--color03 > div,
.section-type10__category--color03 > div,
.section-type14__category--color03 > div,
.top-column-type03__category--color03 > div,
.top-column-type04__balloon--color03 > div {
	background: #835687;
}
.column1-type01__category--color04 > div,
.column2-type07__category--color04 > div,
.column3-type02__balloon--color04 > div,
.filter-type01__label--color04 > div,
.filter-type03__category--color04 > div,
.section-type10__category--color04 > div,
.section-type14__category--color04 > div,
.top-column-type03__category--color04 > div,
.top-column-type04__balloon--color04 > div {
	background: #319788;
}
.column1-type01__category--color05 > div,
.column2-type07__category--color05 > div,
.column3-type02__balloon--color05 > div,
.filter-type01__label--color05 > div,
.filter-type03__category--color05 > div,
.section-type10__category--color05 > div,
.section-type14__category--color05 > div,
.top-column-type03__category--color05 > div,
.top-column-type04__balloon--color05 > div {
	background: #92ad63;
}
.column1-type01__category--color06 > div,
.column2-type07__category--color06 > div,
.column3-type02__balloon--color06 > div,
.filter-type01__label--color06 > div,
.filter-type03__category--color06 > div,
.section-type10__category--color06 > div,
.section-type14__category--color06 > div,
.top-column-type03__category--color06 > div,
.top-column-type04__balloon--color06 > div {
	background: #dc6650;
}

.column3-type02__balloon--color01 > div:after,
.top-column-type04__balloon--color01 > div:after {
	border-top: 8px solid #74cdf2;
}
.column3-type02__balloon--color02 > div:after,
.top-column-type04__balloon--color02 > div:after {
	border-top: 8px solid #45587a;
}
.column3-type02__balloon--color03 > div:after,
.top-column-type04__balloon--color03 > div:after {
	border-top: 8px solid #835687;
}
.column3-type02__balloon--color04 > div:after,
.top-column-type04__balloon--color04 > div:after {
	border-top: 8px solid #319788;
}
.column3-type02__balloon--color05 > div:after,
.top-column-type04__balloon--color05 > div:after {
	border-top: 8px solid #92ad63;
}
.column3-type02__balloon--color06 > div:after,
.top-column-type04__balloon--color06 > div:after {
	border-top: 8px solid #dc6650;
}

/*========================================================================

  Eloqua

========================================================================*/

.elqOptInBanner {
	display: none;
	box-sizing: border-box;
	position: -webkit-sticky;
	position: fixed;
	top: 0px;
	z-index: 1001;
	width: 100%;
	padding: 8px 35px;
	background: #f5f5f5;
	color: #000;
	font-size: 11px;
	border-bottom: solid 1px #ccc;
	text-align: center;
	box-shadow: 0 0 5px 1px rgba(0,0,0,0.1);
}
.elqButton {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	display: inline-block;
	margin-top: 5px;
	padding: 7px;
	background: #fff;
	font-size: 110%;
	font-weight: bold;
	border: 1px solid #ccc;
	border-radius: 0;
	cursor: pointer;
}
.elqButton + .elqButton {
	margin-left: 10px;
}
.elqClose {
	position: absolute;
	right: 5px;
	top: 5px;
	width: 25px;
	height: 25px;
	line-height: 25px;
	background: #ccc;
	color: #ccc;
	font-size: 15px;
	text-align: center;
	border-radius: 50%;
	cursor: pointer;
	transform: rotate(45deg);
}
.elqClose:before,
.elqClose:after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
	width: 11px;
	height: 2px;
	background: #000;
	transition: all .3s;
	pointer-events: none;
}
.elqClose:after {
	transform: rotate(90deg);
}

@media screen and (max-width: 960px) {
	.elqOptInBanner {
		padding: 8px 35px 8px 8px;
	}
}

/*========================================================================

  e-juku

========================================================================*/

.f_modal_content h3 a:before {
	content: '';
	display: inline-block;
	width: .45em;
	height: .45em;
	margin: 0 8px .2em 0;
	border-top: 2px solid #0097e0;
	border-right: 2px solid #0097e0;
	transform: rotate(45deg);
	vertical-align: middle;
}


@charset "UTF-8";

/*!
* Bootstrap Reboot v4.1.1 (https://getbootstrap.com/)
* Copyright 2011-2018 The Bootstrap Authors
* Copyright 2011-2018 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
* Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)
*/

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

html {
  /*: sans-serif;*/

  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

@-ms-viewport {
  width: device-width;
}

article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
  display: block;
}

body {
  margin: 0;

  /*: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";*/
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  text-align: left;
  background-color: #fff;
}

[tabindex="-1"]:focus {
  outline: 0 !important;
}

hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  height: 0;
  overflow: visible;
}

h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: .5rem;
}

p {
  margin-top: 0;
  margin-bottom: 1rem;
}

abbr[title], abbr[data-original-title] {
          text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  cursor: help;
  border-bottom: 0;
}

address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}

ol, ul, dl {
  margin-top: 0;
  margin-bottom: 1rem;
}

ol ol, ul ul, ol ul, ul ol {
  margin-bottom: 0;
}

dt {
  font-weight: 700;
}

dd {
  margin-bottom: .5rem;
  margin-left: 0;
}

blockquote {
  margin: 0 0 1rem;
}

dfn {
  font-style: italic;
}

b, strong {
  font-weight: bolder;
}

small {
  font-size: 80%;
}

sub, sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

sub {
  bottom: -.25em;
}

sup {
  top: -.5em;
}

a {
  color: #007bff;
  text-decoration: none;
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
}

a:hover {
  color: #4194de;
  text-decoration: underline;
}

a:not([href]):not([tabindex]) {
  color: inherit;
  text-decoration: none;
}

a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {
  color: inherit;
  text-decoration: none;
}

a:not([href]):not([tabindex]):focus {
  outline: 0;
}

pre, code, kbd, samp {
  /*: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;*/

  font-size: 1em;
}

pre {
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  -ms-overflow-style: scrollbar;
}

figure {
  margin: 0 0 1rem;
}

img {
  vertical-align: middle;
  border-style: none;
}

svg:not(:root) {
  overflow: hidden;
  vertical-align: middle;
}

table {
  border-collapse: collapse;
}

caption {
  padding-top: .75rem;
  padding-bottom: .75rem;
  color: #6c757d;
  text-align: left;
  caption-side: bottom;
}

th {
  text-align: inherit;
}

label {
  display: inline-block;
  margin-bottom: .5rem;
}

button {
  border-radius: 0;
}

button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color;
}

input, button, select, optgroup, textarea {
  margin: 0;
  /*: inherit;*/

  font-size: inherit;
  line-height: inherit;
}

button, input {
  overflow: visible;
}

button, select {
  text-transform: none;
}

button, html [type="button"], [type="reset"], [type="submit"] {
  -webkit-appearance: button;
}

button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

input[type="radio"], input[type="checkbox"] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
}

input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"] {
  -webkit-appearance: listbox;
}

textarea {
  overflow: auto;
  resize: vertical;
}

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}

legend {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin-bottom: .5rem;
  font-size: 1.5rem;
  line-height: inherit;
  color: inherit;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
  height: auto;
}

[type="search"] {
  outline-offset: -2px;
  -webkit-appearance: none;
}

[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}

output {
  display: inline-block;
}

summary {
  display: list-item;
  cursor: pointer;
}

template {
  display: none;
}

[hidden] {
  display: none !important;
}

html {
  font-size: 62.5%;
  scroll-padding-top: 8rem;
}

:root, html, body {
  overflow-x: hidden;
  background: #fff;
  color: #333;
  width: 100%;
}

body {
  overflow-x: hidden;
  /*: "Noto Sans JP", sans-serif;*/


  font-size: 1.5rem;
  line-height: 1.8;
  letter-spacing: .05em;
}

img {
  max-width: 100%;
  height: auto;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0;
}

p, label, dl, dd {
  margin: 0;
}

ul, ol {
  margin: 0;
  padding: 0;
}

li {
  list-style-type: none;
}

a {
  color: #333;
}

a:hover {
  text-decoration: none;
}

*:focus {
  outline: none;
}

input[type="text"], input[type="password"], input[type="submit"], textarea, select, button {
  outline: none;
}

input[type="text"], input[type="password"], input[type="submit"], textarea, select, button {
  outline: none;
}

input[type="submit"], input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
     -moz-appearance: button;
          appearance: button;
  border: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
}

input[type="submit"]::-webkit-search-decoration, input[type="button"]::-webkit-search-decoration {
  display: none;
}

input[type="submit"]:focus, input[type="button"]:focus {
  outline-offset: -2px;
}

button {
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

button:focus {
  outline: 0;
}

.inner {
  width: 100%;
  max-width: 1300px;
  margin: 0 auto;
  padding: 0 5rem;
}

.sp-only {
  display: block !important;
}

.pc-only {
  display: block !important;
}

.is-hide {
  opacity: 0;
  -webkit-transform: translateY(30px);
          transform: translateY(30px);
}

.is-fadein {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  -webkit-transition: opacity 1s, -webkit-transform .75s;
          transition: opacity 1s, -webkit-transform .75s;
          transition: opacity 1s, transform .75s;
          transition: opacity 1s, transform .75s, -webkit-transform .75s;
}

.l-wrapper {
  padding-top: 8rem;
}

.l-content {
  overflow: hidden;
  position: relative;
  z-index: 1;
}

.l-content__layer {
  position: absolute;
  top: 35rem;
  left: 50vw;
  width: 50vw;
  height: 50vw;
  fill: #00a0e7;
  opacity: .06;
  -webkit-transform: scale(1, -1);
          transform: scale(1, -1);
  z-index: -1;
}

.l-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.l-half {
  width: 50%;
}

.header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: #fff;
  padding-left: 2.4rem;
  z-index: 1000;
}

.header__logo {
  font-size: 1rem;
}

.header__logo img {
  width: auto;
  height: 4.6rem;
}

.header__body {
  margin-left: auto;
}

.overlay {
  position: fixed;
  top: 55px;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, .4);
  margin: 0;
  pointer-events: none;
  opacity: 0;
  -webkit-transition: opacity .5s;
          transition: opacity .5s;
}

.is-menu-open .overlay {
  pointer-events: auto;
  opacity: 1;
}

.menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.menu__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 8rem;
}

.header__body .menu .menu__item .color_active{
  color: black;
  /*color: black;*/
}


.menu__item + .menu__item {
  margin-left: 4.2rem;
}

.menu__item + .menu__item--contact {
  margin-left: 6.2rem;
}

.menu__item a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  color: #00a0c8;
  font-weight: bold;
}

.menu__item--contact {
  position: relative;
  background: #00a0e7;
  padding-right: 2.2rem;
  padding-left: 1rem;
}

.menu__item--contact::before {
  content: "";
  position: absolute;
  top: 0;
  left: -3.8rem;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 8rem 3.8rem;
  border-color: #00a0e7;
}

.menu__item--contact a {
  color: #fff;
}

.dropdown {
  position: absolute;
  top: 100%;
  left: 50%;
  width: 100%;
  background: #00a0e7;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  padding: 6rem 0 8rem;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity .35s ease;
          transition: opacity .35s ease;
}

.dropdown .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.dropdown__ttl {
  /*: "Noto Serif JP", serif;*/

  font-size: 1.8rem;
  color: #fff;
  padding-right: 10rem;
  border-right: 1px solid #fff;
}

.dropdown__ttl::before {
  content: attr(data-ttl-en);
  display: block;
  line-height: 1.2;
  /*: "Lato", sans-serif;*/

  font-size: 5rem;
  font-weight: 900;
  white-space: nowrap;
  color: #fff;
  z-index: -1;
}

.dropdown__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 50rem;
  margin-top: -1rem;
  margin-left: auto;
}

.dropdown__item {
  width: 50%;
  margin-top: 2rem;
}

.dropdown__item a {
  display: inline-block;
  color: #fff;
  -webkit-transition: opacity .35s ease;
          transition: opacity .35s ease;
}

.dropdown__item a:hover {
  opacity: .7;
}

.sp-toggle {
  display: block;
  width: 55px;
  height: 55px;
  position: fixed;
  top: 0;
  right: 0;
  background: #00a0e7;
  z-index: 1002;
}

.sp-toggle span {
  display: block;
  position: absolute;
  height: 2px;
  width: 40%;
  background: #fff;
  left: 0;
  right: 0;
  margin: auto;
  -webkit-transition: .15s ease-in-out;
          transition: .15s ease-in-out;
}

.sp-toggle span:nth-child(1) {
  width: 45%;
  top: 34%;
  z-index: 1002;
}

.is-menu-open .sp-toggle span:nth-child(1) {
  top: 50%;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.sp-toggle span:nth-child(2) {
  width: 45%;
  top: 50%;
  z-index: 1003;
}

.is-menu-open .sp-toggle span:nth-child(2) {
  width: 0;
}

.sp-toggle span:nth-child(3) {
  width: 45%;
  top: 66%;
  z-index: 1004;
}

.is-menu-open .sp-toggle span:nth-child(3) {
  top: 50%;
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
}

.section {
  padding: 10rem 0;
}

.section-bg {
  width: 0;
  height: 0;
  fill: #00a0e7;
  opacity: .1;
}

.btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  overflow: hidden;
  position: relative;
  width: 23rem;
  height: 5rem;
  text-align: center;
  color: #fff;
  border: 1px solid #00a0e7;
  padding: 2rem 1rem;
}

.btn::before {
  content: "";
  position: absolute;
  top: 0;
  left: -10%;
  width: 120%;
  height: 100%;
  background: #00a0e7;
  -webkit-transform: skew(20deg);
          transform: skew(20deg);
  -webkit-transition: -webkit-transform .5s;
          transition: -webkit-transform .5s;
          transition:         transform .5s;
          transition:         transform .5s, -webkit-transform .5s;
}

.btn__txt {
  display: inline-block;
}

.cmn-contact {
  position: relative;
  background: url(../images/contact_bg.jpg) center center/cover no-repeat;
  padding: 9rem 0 10rem;
}

.cmn-contact::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(45deg, #98e6d2 0%, #009fe6 54.24%, #436da7 100%);
  opacity: .6;
}

.cmn-contact .inner {
  position: relative;
  z-index: 1;
}

.cmn-contact__txt {
  text-align: center;
  color: #fff;
  margin-top: 4rem;
}

.cmn-contact__btn-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 4rem;
}

.cmn-contact__btn-form {
  color: #00a0e7;
  border-color: #fff;
  margin-right: 2rem;
}

.cmn-contact__btn-form::before {
  background: #fff;
}

.cmn-contact__btn-tel {
  /*: "Lato", sans-serif;*/

  font-size: 1.6rem;
  font-weight: 700;
  border-color: #fff;
  margin-left: 2rem;
}

.cmn-contact__btn-tel::before {
  display: none;
}

.cmn-contact__btn-tel:hover {
  color: #fff;
}

.footer {
  background: #fff;
  padding: 5rem 0 2rem;
}

.footer__logo img {
  width: auto;
  height: 5rem;
}

.footer__address {
  margin-top: 2.5rem;
  color: black;
}

.footer__sitemap {
  padding-top: 1.2rem;
}

.footer__sitemap__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.footer__sitemap__item {
  font-size: 1.3rem;
}

.footer__sitemap__item + .footer__sitemap__item {
  margin-left: 2.8rem;
}

.footer__sitemap__btn {
  width: 20rem;
  height: 4.4rem;
  font-size: 1.3rem;
  margin: 2.4rem 1rem 0 auto;
  padding: 1.4rem 1rem;
}

.footer__link {
  font-size: 1.1rem;
  text-align: center;
  margin-top: 4rem;
}

.footer__copy {
  font-size: 1rem;
  text-align: center;
  margin-top: 2.4rem;
}

.page-top {
  position: fixed;
  right: 1%;
  bottom: 2%;
  z-index: 1000;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: opacity .5s;
          transition: opacity .5s;
}

.page-top.is-show {
  opacity: 1;
  pointer-events: auto;
}

.page-top a {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column;
      flex-flow: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 4.6rem;
  height: 4.6rem;
  /*: "Lato", sans-serif;*/

  font-size: 1.2rem;
  font-weight: 700;
  color: #00a0e7;
  border-radius: 50%;
  border: 1px solid #00a0e7;
  -webkit-transition: color .35s, background .35s;
          transition: color .35s, background .35s;
}

.page-top a::before {
  content: "";
  width: 1rem;
  height: 1rem;
  border: 1px #00a0e7;
  border-style: none solid solid none;
  -webkit-transform: translateY(.5rem) rotate(-135deg);
          transform: translateY(.5rem) rotate(-135deg);
  -webkit-transition: border-color .35s;
          transition: border-color .35s;
}

.page-top a:hover {
  color: #fff;
  background: #00a0e7;
}

.page-top a:hover::before {
  border-color: #fff;
}

.page-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  overflow: hidden;
  position: relative;
  height: 35rem;
  background: url(../images/products_img_01.jpg) center center/cover no-repeat;
  padding-bottom: 4rem;
}

.page-title::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(45deg, #98e6d2 0%, #009fe6 54.24%, #436da7 100%);
  opacity: .4;
  z-index: 1;
}

.page-title__ttl {
  position: relative;
  /*: "Noto Serif JP", serif;*/

  font-size: 3.6rem;
  font-weight: 500;
  letter-spacing: .075em;
  color: #fff;
  padding-top: 2.4rem;
  z-index: 2;
}

.page-title__ttl::before {
  content: attr(data-ttl-en);
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  line-height: 1;
  /*: "Lato", sans-serif;*/

  font-size: 8.2rem;
  font-weight: 900;
  letter-spacing: .05em;
  white-space: nowrap;
  color: #ededf4;
  opacity: .2;
  z-index: -1;
}

.page-title__layer {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 50vw;
  height: 50vw;
  fill: #00a0e7;
  opacity: .85;
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}

.breadcrumbs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 3rem;
  padding-left: 3.4rem;
}

.breadcrumbs li {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 1.3rem;
  color: black;
}

.breadcrumbs li::after {
  display: inline-block;
  content: "|";
  color: #ccc;
  margin: 0 .8rem 0 1.6rem;
}

.breadcrumbs li:first-child a {
  overflow: hidden;
  display: inline-block;
  width: 2rem;
  height: 2rem;
  text-indent: 100%;
  white-space: nowrap;
  background: url(../images/icon_home.svg) center center/contain no-repeat;
}

.breadcrumbs li:last-child::after {
  display: none;
}

.page-content {
  padding: 5rem 0;
}

.page-content__ttl {
  /*: "Noto Serif JP", serif;*/

  font-size: 1.8rem;
  font-weight: 500;
  text-align: center;
  margin-top: 12rem;
}

.page-content__ttl::before {
  content: attr(data-ttl-en);
  display: block;
  line-height: 1.2;
  /*: "Lato", sans-serif;*/

  font-size: 3.4rem;
  font-weight: 900;
  background-image: -webkit-gradient(linear, left top, right top, from(#00a0c8), color-stop(54.24%, #00a0c8), to(#00a0c8));
  background-image: linear-gradient(90deg, #00a0c8 0%, #00a0c8 54.24%, #00a0c8 100%);
  /*background-color: #00a0c8;*/
  color: transparent;
  -webkit-background-clip: text;
          background-clip: text;
}

.page-content__ttl:first-child {
  margin-top: 0;
}

.page-content__ttl--white {
  color: #fff;
}

.page-content__ttl--white::before {
  background-image: none;
  color: #fff;
}

.page-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-top: 1px solid #e1e1e1;
  margin-top: 10rem;
  padding-top: 10rem;
}

.page-link__item {
  width: 31%;
}

.page-link__item__link {
  overflow: hidden;
  position: relative;
  display: block;
  height: 100%;
}

.page-link__item__image {
  overflow: hidden;
  position: relative;
  width: 100%;
  padding-bottom: calc(100% * 180 / 372);
}

.page-link__item__image::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .5);
}

.page-link__item__image img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition: -webkit-transform .75s;
          transition: -webkit-transform .75s;
          transition:         transform .75s;
          transition:         transform .75s, -webkit-transform .75s;
}

.page-link__item__ttl {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  /*: "Noto Serif JP", serif;*/

  font-size: 1.6rem;
  text-align: center;
  color: #fff;
}

.page-link__item__ttl::before {
  content: attr(data-ttl-en);
  display: block;
  /*: "Lato", sans-serif;*/

  font-size: 2.8rem;
  font-weight: 900;
  opacity: .6;
}

.pagination {
  text-align: center;
  margin-top: 4rem;
}

.pagination ul {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: -1rem 0 0 -.8rem;
}

.pagination li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 4rem;
  height: 4rem;
  line-height: 4rem;
  text-align: center;
  color: #999;
  border: 1px solid #999;
  margin: 1rem 0 0 .8rem;
}

.pagination li a {
  display: block;
  width: 100%;
  height: 100%;
  color: #999;
}

.pagination li.current {
  color: #fff;
  background: #00a0e7;
  border-color: #00a0e7;
}

.pagination li.ellipsis {
  width: 2rem;
  line-height: 3.4rem;
  border: none;
}

.home .l-wrapper {
  padding-top: 0;
}

.home .header {
  background: rgba(255, 255, 255, .7);
}

.home .info-list {
  max-width: 78rem;
}

.main-visual {
  overflow: hidden;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 100vh;
}

.main-visual.is-hide {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.main-visual::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(45deg, #98e6d2 0%, #009fe6 54.24%, #436da7 100%);
  opacity: .4;
  z-index: 11;
}

.main-visual__slide {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: opacity .35s ease-in, -webkit-transform .35s ease-in;
          transition: opacity .35s ease-in, -webkit-transform .35s ease-in;
          transition: opacity .35s ease-in, transform .35s ease-in;
          transition: opacity .35s ease-in, transform .35s ease-in, -webkit-transform .35s ease-in;
  z-index: 10;
}

.main-visual__slide-item {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.main-visual__slide-item:nth-child(2) {
  z-index: 9;
}

.main-visual__slide-item.is-active {
  z-index: 10;
}

.main-visual__slide-item-obj {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
  -webkit-transition: width 2s cubic-bezier(.165, .840, .440, 1.000), -webkit-transform 3s cubic-bezier(.165, .840, .440, 1.000);
          transition: width 2s cubic-bezier(.165, .840, .440, 1.000), -webkit-transform 3s cubic-bezier(.165, .840, .440, 1.000);
          transition: transform 3s cubic-bezier(.165, .840, .440, 1.000), width 2s cubic-bezier(.165, .840, .440, 1.000);
          transition: transform 3s cubic-bezier(.165, .840, .440, 1.000), width 2s cubic-bezier(.165, .840, .440, 1.000), -webkit-transform 3s cubic-bezier(.165, .840, .440, 1.000);
}

.main-visual__slide-item-obj--1 {
  background: url(../images/mv_pht_01.jpg) center center/cover no-repeat;
}

.main-visual__slide-item-obj--2 {
  background: url(../images/mv_pht_02.jpg) center center/cover no-repeat;
}

.main-visual__slide-item-obj--3 {
  background: url(../images/mv_pht_03.jpg) center center/cover no-repeat;
}

.main-visual__slide-item-obj--4 {
  background: url(../images/mv_pht_04.jpg) center center/cover no-repeat;
}

.main-visual__slide-item-obj--5 {
  background: url(../images/mv_pht_05.jpg) center center/cover no-repeat;
}

.main-visual__slide-item-obj--6 {
  background: url(../images/mv_pht_06.jpg) center center/cover no-repeat;
}

.is-active .main-visual__slide-item-obj {
  -webkit-transform: scale(1);
          transform: scale(1);
}

.is-on .main-visual__slide-item-obj {
  -webkit-transform: scale(1);
          transform: scale(1);
}

.is-off .main-visual__slide-item-obj {
  width: 0;
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}

.main-visual__main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column;
      flex-flow: column;
  position: relative;
  /*color: #fff;*/

  z-index: 12;
}

.main-visual__catch {
  line-height: 1.4;
  /*: "Noto Serif JP", serif;*/

  font-size: 5.4rem;
  text-align: left;
  letter-spacing: .1em;
  margin-left: -.5em;
  padding-left: .6em;
}

.main-visual__catch.is-fadein {
  -webkit-transition-delay: .4s;
          transition-delay: .4s;
}

.main-visual__catch-en {
  position: relative;
  /*: "Lato", sans-serif;*/

  font-size: 1.5rem;
  font-weight: 700;
  letter-spacing: .05em;
  margin-top: 1rem;
  padding-bottom: 1.6rem;
}

.main-visual__catch-en::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: #fff;
}

.main-visual__catch-en.is-fadein {
  -webkit-transition-delay: .6s;
          transition-delay: .6s;
}

.main-visual__txt {
  /*: "Noto Serif JP", serif;*/

  font-size: 2.2rem;
  letter-spacing: .1em;
  margin-top: 3.6rem;
}

.main-visual__txt.is-fadein {
  -webkit-transition-delay: .8s;
          transition-delay: .8s;
}

.main-visual__scroll {
  position: absolute;
  bottom: 0;
  left: 50%;
  height: 6.4rem;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 13;
}

.main-visual__scroll::before {
  content: "";
  display: block;
  position: absolute;
  top: 100%;
  left: 50%;
  width: 9rem;
  height: 9rem;
  background: #00a0e7;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
          transform: translate(-50%, -50%) rotate(45deg);
}

.main-visual__scroll a {
  position: absolute;
  top: 56%;
  left: 0;
  font-size: 1rem;
  font-weight: 700;
  color: #fff;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.main-visual__scroll a::after {
  content: "";
  position: absolute;
  bottom: -.8rem;
  left: 50%;
  border-bottom: solid 1px #fff;
  border-right: solid 1px #fff;
  width: 1rem;
  height: 1rem;
  -webkit-transform: translateX(-50%) rotate(45deg);
          transform: translateX(-50%) rotate(45deg);
}

.main-visual__scroll a:hover {
  opacity: .8;
}

.title-index {
  position: relative;
  /*: "Noto Serif JP", serif;*/

  font-size: 2.8rem;
  font-weight: 500;
  text-align: center;
  letter-spacing: .075em;
  padding-top: 3rem;
  z-index: 1;
}

.title-index.is-hide {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.title-index.is-hide span {
  opacity: 0;
  -webkit-transform: translateY(30px);
          transform: translateY(30px);
}

.title-index.is-fadein span {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  -webkit-transition: opacity 1s, -webkit-transform .75s;
          transition: opacity 1s, -webkit-transform .75s;
          transition: opacity 1s, transform .75s;
          transition: opacity 1s, transform .75s, -webkit-transform .75s;
}

.title-index::before {
  content: attr(data-ttl-en);
  display: inline-block;
  position: absolute;
  top: 0;
  left: 50%;
  line-height: 1;
  /*: "Lato", sans-serif;*/

  font-size: 8rem;
  font-weight: 900;
  white-space: nowrap;
  color: #ededf4;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: -1;
}

.title-index span {
  display: inline-block;
}

.title-index span:first-letter {
  color: #00a0e7;
}

.title-index--white {
  color: #fff;
}

.title-index--white::before {
  opacity: .3;
}

.title-index--white span:first-letter {
  color: #fff;
}

.top-about {
  position: relative;
  overflow: hidden;
}

.top-about__row {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 5rem;
  z-index: 10;
}

.top-about__body {
  width: 48rem;
  padding-top: 4rem;
}

.top-about__catch {
  line-height: 1.6;
  /*: "Noto Serif JP", serif;*/

  font-size: 2.6rem;
}

.top-about__txt {
  line-height: 2;
  margin-top: 4.2rem;
}

.top-about .btn {
  margin-top: 6rem;
}

.top-about__image {
  position: relative;
  width: 69rem;
  height: 46rem;
}

.top-about__image.is-hide {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.top-about__image__item {
  position: relative;
  display: block;
  width: 23.19%;
  height: 34.78%;
  -webkit-transform: translateX(29.29%) rotate(45deg);
          transform: translateX(29.29%) rotate(45deg);
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
  z-index: 1;
}

.top-about__image__item::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  background: #00a0e7;
  -webkit-transform: translate(calc(-50% + .6rem), calc(-50% + .6rem));
          transform: translate(calc(-50% + .6rem), calc(-50% + .6rem));
  z-index: -1;
}

.is-hide .top-about__image__item::before {
  opacity: 0;
  -webkit-transform: translate(calc(-50% + 1.8rem), calc(-50% + 1.8rem));
          transform: translate(calc(-50% + 1.8rem), calc(-50% + 1.8rem));
}

.is-fadein .top-about__image__item::before {
  opacity: 1;
  -webkit-transform: translate(calc(-50% + .6rem), calc(-50% + .6rem));
          transform: translate(calc(-50% + .6rem), calc(-50% + .6rem));
  -webkit-transition: opacity 1.5s, -webkit-transform 1s;
          transition: opacity 1.5s, -webkit-transform 1s;
          transition: opacity 1.5s, transform 1s;
          transition: opacity 1.5s, transform 1s, -webkit-transform 1s;
}

.top-about__image__item--01 {
  position: absolute;
  right: 0;
  width: 46.38%;
  height: 69.57%;
}

.top-about__image__item--01::before {
  background: #4ecee4;
}

.is-fadein .top-about__image__item--01::before {
  -webkit-transition-delay: 1s;
          transition-delay: 1s;
}

.is-fadein .top-about__image__item--01 .top-about__image__obj::after {
  -webkit-animation: fadein-overlay-diamond 1s forwards;
          animation: fadein-overlay-diamond 1s forwards;
  -webkit-animation-delay: .5s;
          animation-delay: .5s;
}

.top-about__image__item--01 .top-about__image__obj img {
  width: 45.6rem;
}

.is-hide .top-about__image__item--01 .top-about__image__obj img {
  width: 60rem;
}

.is-fadein .top-about__image__item--01 .top-about__image__obj img {
  width: 45.6rem;
  -webkit-transition: opacity .1s 1s, width 1.2s 1s;
          transition: opacity .1s 1s, width 1.2s 1s;
}

.top-about__image__item--02 {
  position: absolute;
  top: -.65%;
  right: 49.86%;
}

.top-about__image__item--02::before {
  display: none;
}

.is-fadein .top-about__image__item--02 .top-about__image__obj::after {
  -webkit-animation: fadein-overlay-diamond 1s forwards;
          animation: fadein-overlay-diamond 1s forwards;
  -webkit-animation-delay: .3s;
          animation-delay: .3s;
}

.is-fadein .top-about__image__item--02 .top-about__image__obj img {
  -webkit-transition: opacity .1s .8s, width 1.2s .8s;
          transition: opacity .1s .8s, width 1.2s .8s;
}

.top-about__image__item--03 {
  position: absolute;
  top: 24.6%;
  right: 66.96%;
}

.is-fadein .top-about__image__item--03::before {
  -webkit-transition-delay: 1s;
          transition-delay: 1s;
}

.is-fadein .top-about__image__item--03 .top-about__image__obj::after {
  -webkit-animation: fadein-overlay-diamond 1s forwards;
          animation: fadein-overlay-diamond 1s forwards;
  -webkit-animation-delay: .5s;
          animation-delay: .5s;
}

.is-fadein .top-about__image__item--03 .top-about__image__obj img {
  -webkit-transition: opacity .1s 1s, width 1.2s 1s;
          transition: opacity .1s 1s, width 1.2s 1s;
}

.top-about__image__obj {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 100%;
}

.top-about__image__obj::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 141.42%;
  background: linear-gradient(45deg, #98e6d2 0%, #009fe6 54.24%, #436da7 100%);
  z-index: 10;
}

.top-about__image__obj img {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: inherit;
  width: 23rem;
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
          transform: translate(-50%, -50%) rotate(-45deg);
  z-index: 1;
}

.is-hide .top-about__image__obj img {
  width: 30rem;
  opacity: 0;
}

.is-fadein .top-about__image__obj img {
  width: 23rem;
  opacity: 1;
}

.top-about__bg-01 {
  position: absolute;
  top: 0;
  left: 0;
  width: 24vw;
  height: 24vw;
  -webkit-transform: scale(-1, -1);
          transform: scale(-1, -1);
}

.top-about__bg-02 {
  position: absolute;
  left: 50vw;
  bottom: 0;
  width: 50vw;
  height: 50vw;
}

@-webkit-keyframes fadein-overlay-diamond {
  0% {
    left: 0;
    width: 0;
  }

  50% {
    left: 0;
    width: 141.42%;
  }

  50% {
    left: 0;
    width: 141.42%;
  }

  100% {
    left: 100%;
    width: 141.42%;
  }
}

@keyframes fadein-overlay-diamond {
  0% {
    left: 0;
    width: 0;
  }

  50% {
    left: 0;
    width: 141.42%;
  }

  50% {
    left: 0;
    width: 141.42%;
  }

  100% {
    left: 100%;
    width: 141.42%;
  }
}

.top-contents {
  position: relative;
  overflow: hidden;
  background: #ecf0f4;
  padding-bottom: 12rem;
}

.top-contents > .title-index::before {
  color: #fff;
}

.top-contents__products {
  position: relative;
  max-width: calc(100% - ((100% - 120rem)/2));
  margin-top: 6rem;
  z-index: 1;
}

.top-contents__products__image {
  overflow: hidden;
  position: relative;
  width: calc(100% - 30rem);
  height: 48rem;
}

.top-contents__products__image.is-hide {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.top-contents__products__image.is-fadein::after {
  -webkit-animation: fadein-overlay 1.4s forwards;
          animation: fadein-overlay 1.4s forwards;
}

.top-contents__products__image::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background: linear-gradient(45deg, #98e6d2 0%, #009fe6 54.24%, #436da7 100%);
  z-index: 10;
}

.top-contents__products__image-obj {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  background: url(../images/products_img_01.jpg) center center/cover no-repeat;
}

.is-hide .top-contents__products__image-obj {
  opacity: 0;
  -webkit-transform: translate(-50%, -50%) scale(1.2);
          transform: translate(-50%, -50%) scale(1.2);
}

.is-fadein .top-contents__products__image-obj {
  opacity: 1;
  -webkit-transform: translate(-50%, -50%) scale(1);
          transform: translate(-50%, -50%) scale(1);
  -webkit-transition: opacity .1s .7s, -webkit-transform .8s .7s;
          transition: opacity .1s .7s, -webkit-transform .8s .7s;
          transition: opacity .1s .7s, transform .8s .7s;
          transition: opacity .1s .7s, transform .8s .7s, -webkit-transform .8s .7s;
}

.top-contents__products .is-hide .swiper-container {
  opacity: 0;
  -webkit-transform: translate(-50%, -50%) scale(1.2);
          transform: translate(-50%, -50%) scale(1.2);
}

.top-contents__products .is-fadein .swiper-container {
  opacity: 1;
  -webkit-transform: translate(-50%, -50%) scale(1);
          transform: translate(-50%, -50%) scale(1);
  -webkit-transition: opacity .1s .7s, -webkit-transform .8s .7s;
          transition: opacity .1s .7s, -webkit-transform .8s .7s;
          transition: opacity .1s .7s, transform .8s .7s;
          transition: opacity .1s .7s, transform .8s .7s, -webkit-transform .8s .7s;
}

.top-contents__products .swiper-container {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
}

.top-contents__products .swiper-wrapper {
  height: 100%;
}

.top-contents__products .swiper-slide {
  position: relative;
  height: 100%;
}

.top-contents__products .swiper-slide::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(45deg, #98e6d2 0%, #009fe6 54.24%, #436da7 100%);
  opacity: .2;
  z-index: 1;
}

.top-contents__products .swiper-slide img {
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: 100%;
  max-height: 100%;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  /*: "object-fit: cover;";*/

  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.top-contents__products .swiper-slide.swiper-slide-active img {
  -webkit-animation: slideImageZoomUp 12s linear 0s 1 normal both;
          animation: slideImageZoomUp 12s linear 0s 1 normal both;
}

.top-contents__products .swiper-slide.swiper-slide-duplicate-active img {
  -webkit-animation: slideImageZoomUp 12s linear 0s 1 normal both;
          animation: slideImageZoomUp 12s linear 0s 1 normal both;
}

.top-contents__products .swiper-slide.swiper-slide-prev img {
  -webkit-animation: slideImageZoomUp 12s linear 0s 1 normal both;
          animation: slideImageZoomUp 12s linear 0s 1 normal both;
}

.top-contents__products__body {
  position: absolute;
  top: 50%;
  right: 0;
  width: 48rem;
  background: #fff;
  padding: 3.8rem 3.5rem;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.top-contents__products__body .title-index {
  font-size: 2.4rem;
  text-align: left;
  padding-top: 2.4rem;
}

.top-contents__products__body .title-index::before {
  left: 0;
  font-size: 6.2rem;
  -webkit-transform: translateX(0);
          transform: translateX(0);
}

.top-contents__products__txt {
  line-height: 2;
  margin-top: 2.6rem;
}

.top-contents__products .btn {
  margin: 3rem 0 0 auto;
}

.top-contents__box-wrap {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 10rem;
  z-index: 1;
}

.top-contents__box {
  overflow: hidden;
  position: relative;
  width: 50%;
  height: 32rem;
}

.top-contents__box::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.top-contents__box--factory::after {
  background: rgba(0, 160, 231, .5);
}

.top-contents__box--facility::after {
  background: rgba(78, 206, 228, .5);
}

.top-contents__box--facility.is-fadein {
  -webkit-transition-delay: .15s;
          transition-delay: .15s;
}

.top-contents__box__link {
  display: block;
  width: 100%;
  height: 100%;
}

.top-contents__box__image {
  position: relative;
  width: 100%;
  height: 100%;
}

.top-contents__box__image img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  -o-object-fit: cover;
     object-fit: cover;
  /*: "object-fit: cover;";*/

}

.top-contents__box__ttl {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  /*: "Noto Serif JP", serif;*/

  font-size: 1.4rem;
  font-weight: 700;
  text-align: center;
  color: #fff;
  letter-spacing: .075em;
  z-index: 10;
}

.top-contents__box__ttl::before {
  content: attr(data-ttl-en);
  display: block;
  line-height: 1.2;
  /*: "Lato", sans-serif;*/

  font-size: 3.2rem;
  font-weight: 900;
}

.top-contents__box__ttl::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 18.8rem;
  height: 18.8rem;
  border: 1px solid #fff;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
          transform: translate(-50%, -50%) rotate(45deg);
}

.top-contents__bg-01 {
  position: absolute;
  top: 0;
  left: 0;
  width: 50vw;
  height: 50vw;
  -webkit-transform: scale(-1, -1);
          transform: scale(-1, -1);
}

.top-contents__bg-02 {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 20vw;
  height: 20vw;
}

@-webkit-keyframes slideImageZoomUp {
  0% {
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }

  100% {
    -webkit-transform: translate(-50%, -50%) scale(1.075);
            transform: translate(-50%, -50%) scale(1.075);
  }
}

@keyframes slideImageZoomUp {
  0% {
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }

  100% {
    -webkit-transform: translate(-50%, -50%) scale(1.075);
            transform: translate(-50%, -50%) scale(1.075);
  }
}

.top-recruit {
  position: relative;
  color: #fff;
  background: url(../images/recruit_bg.jpg) center center/cover no-repeat;
  padding: 8rem 0;
}

.top-recruit::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(21, 27, 40, .5);
}

.top-recruit .inner {
  position: relative;
  z-index: 1;
}

.top-recruit .title-index {
  font-size: 2.6rem;
  text-align: left;
  padding-top: 0;
}

.top-recruit .title-index::before {
  position: relative;
  top: 0;
  left: 0;
  display: inline-block;
  color: #fff;
  opacity: 1;
  margin-right: 2rem;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}

.top-recruit__catch {
  /*: "Noto Serif JP", serif;*/

  font-size: 2rem;
  font-weight: 700;
  margin-top: 4rem;
}

.top-recruit__btn {
  margin-top: 12.8rem;
  padding-left: 1rem;
}

.top-recruit__btn .btn {
  background: transparent;
  border-color: #fff;
}

.top-recruit__btn .btn + .btn {
  margin-top: 2.5rem;
}

.top-recruit__btn .btn::before {
  left: -130%;
  background: #fff;
}

.top-movie {
  background: #ecf0f4;
}

.top-movie .title-index::before {
  color: #fff;
}

.top-movie__slide {
  max-width: 76rem;
  margin: 5rem auto 0;
}

.top-movie__slide.is-hide {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.top-movie__slide.is-fadein .top-movie__item::after {
  -webkit-animation: fadein-overlay 1.4s forwards;
          animation: fadein-overlay 1.4s forwards;
}

.top-movie__item {
  overflow: hidden;
  position: relative;
  -webkit-transition: -webkit-transform .75s;
          transition: -webkit-transform .75s;
          transition:         transform .75s;
          transition:         transform .75s, -webkit-transform .75s;
}

.top-movie__item:not(.swiper-slide-active) {
  -webkit-transform: scale(.92);
          transform: scale(.92);
}

.top-movie__item:not(.swiper-slide-active) .top-movie__play {
  opacity: 0;
  pointer-events: none;
}

.top-movie__item::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background: linear-gradient(45deg, #98e6d2 0%, #009fe6 54.24%, #436da7 100%);
  z-index: 100;
}

.top-movie__item.is-thumb-hide .top-movie__thumb {
  opacity: 0;
  pointer-events: none;
}

.top-movie__item.is-thumb-hide .top-movie__play {
  opacity: 0;
  pointer-events: none;
}

.top-movie__item-content {
  position: relative;
}

.is-hide .top-movie__item-content {
  opacity: 0;
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}

.is-fadein .top-movie__item-content {
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transform: left top;
          transform: left top;
  -webkit-transition: opacity .1s .7s, -webkit-transform .8s .7s;
          transition: opacity .1s .7s, -webkit-transform .8s .7s;
          transition: opacity .1s .7s, transform .8s .7s;
          transition: opacity .1s .7s, transform .8s .7s, -webkit-transform .8s .7s;
}

.top-movie__video {
  width: 100%;
}

.top-movie__thumb {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  -webkit-transition: opacity 1s;
          transition: opacity 1s;
}

.top-movie__play {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 5.6rem;
  height: 5.6rem;
  background: url(../images/icon_play-btn.svg) center center/contain no-repeat;
  z-index: 11;
  opacity: 1;
  -webkit-transition: opacity .5s;
          transition: opacity .5s;
}

.top-movie__play:hover {
  opacity: .6;
}

.top-movie .swiper-container {
  overflow: visible;
}

.top-movie .swiper-button-prev {
  left: -4.8rem;
  width: auto;
  height: auto;
}

.top-movie .swiper-button-prev::after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 2rem 2rem 2rem 0;
  border-color: transparent #4ecee4 transparent transparent;
}

.top-movie .swiper-button-next {
  right: -4.8rem;
  width: auto;
  height: auto;
}

.top-movie .swiper-button-next::after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 2rem 0 2rem 2rem;
  border-color: transparent transparent transparent #4ecee4;
}

.top-info {
  position: relative;
  overflow: hidden;
}

.top-info__list {
  margin-top: 5rem;
}

.top-info .btn {
  margin: 5rem auto 0;
}

.top-info__bg-01 {
  position: absolute;
  top: 0;
  left: 0;
  width: 28vw;
  height: 28vw;
  -webkit-transform: scale(-1, -1);
          transform: scale(-1, -1);
}

.top-info__bg-02 {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 32vw;
  height: 32vw;
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}

.top-info__bg-03 {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 25vw;
  height: 25vw;
}

.products .page-title {
  background: url(../images/page-title_bg.jpg) center center/cover no-repeat;
  display: none;
}

.products-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.products-list__item {
  width: 48%;
  margin-top: 6rem;
}

.products-list__item:nth-child(1),
.products-list__item:nth-child(2){
    margin-top: 20px;
}
.products-list__image {
  border: 1px solid #e1e1e1;
}

.products-list__image img {
  max-width: 100%;
}

.products-list__body {
  text-align: right;
  padding-top: 1.6rem;
}

.products-list__group {
  display: inline-block;
  font-size: 1.2rem;
  color: #00a0e7;
  border: 1px solid #00a0e7;
  padding: .2rem 1rem .3rem;
}

.products-list__ttl {
  font-size: 2rem;
  margin-top: 1rem;
  text-align: left;
}
.products-list__ttl img{
  margin-left: 5px;
  margin-top: -20px;
}
.products-list__description {
  text-align: left;
  margin-top: 1.8rem;
}

.products-list .swiper-pagination-bullet {
  background: #fff;
  opacity: .4;
}

.products-list .swiper-pagination-bullet-active {
  background: #fff;
  opacity: 1;
}

.company .page-title {
  background: url(../images/page-title_bg.jpg) center center/cover no-repeat;
}

.company__strength {
  border-bottom: 1px solid #e1e1e1;
  padding-bottom: 8rem;
}

.company__strength__catch {
  /*: "Noto Serif JP", serif;*/

  font-size: 2.8rem;
  text-align: center;
  letter-spacing: .1em;
}

.company__strength__txt {
  text-align: center;
  margin-top: 4rem;
}

.company__strength .btn {
  margin: 4rem auto 0;
}

.company .page-link {
  border-top: none;
  margin-top: 0;
}

.company-nav {
  text-align: center;
}

.company-nav__list {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: 1px solid #00a0e7;
}

.company-nav__item {
  font-size: 1.4rem;
}

.company-nav__item a {
  display: block;
  width: 20rem;
  text-align: center;
  color: #00a0e7;
  background: #fff;
  padding: 1.2rem;
}

.company-nav__item.is-current {
  pointer-events: none;
}

.company-nav__item.is-current a {
  color: #fff;
  background: #00a0e7;
}

.company-nav__item + .company-nav__item {
  position: relative;
}

.company-nav__item + .company-nav__item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 100%;
  background: #00a0e7;
}

.company-section {
  padding: 10rem 0;
}

.company-section:nth-of-type(1) {
  padding-top: 0;
}

.company-section:nth-of-type(2) {
  padding-top: 8rem;
}

.company-section:nth-child(even) {
  background: #f6f8fb;
}

.company-section--pb0 {
  padding-bottom: 0;
}

.message-block {
  position: relative;
  margin-top: 6rem;
}

.message-block__image {
  width: 52%;
}

.message-block__body {
  position: absolute;
  top: 0;
  right: 0;
  width: 45%;
  padding-top: 6rem;
}

.message-block__catch {
  /*: "Noto Serif JP", serif;*/

  font-size: 2.6rem;
  letter-spacing: .05em;
}

.message-block__txt {
  line-height: 2.2;
  margin-top: 3rem;
  color: black;
}

.message-block__signature {
  /*: "Noto Serif JP", serif;*/

  text-align: right;
  margin-top: 4rem;
}

.message-block__signature span {
  display: block;
  font-size: 2.2rem;
}

.message-box {
  width: 100%;
  background: #f8f8f8;
  border: 1px solid #e1e1e1;
  margin: 8rem auto 0;
  padding: 4rem;
}

.message-box__ttl {
  /*: "Noto Serif JP", serif;*/

  font-size: 2.6rem;
  font-weight: 500;
  text-align: center;
  color: #00a0e7;
}

.message-box__list {
  max-width: 36rem;
  margin: 2rem auto 0;
}

.message-box__list__item {
  position: relative;
  /*: "Noto Serif JP", serif;*/

  font-size: 2rem;
  padding-left: 3.2rem;
}

.message-box__list__item::before {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  content: "һ.";
  margin-right: .4rem;
}

.message-box__list__item + .message__list__item {
  margin-top: 1rem;
}

.strength .page-title {
  background: url(../images/page-title_bg.jpg) center center/cover no-repeat;
}

.strength__txt {
  line-height: 2;
  text-align: center;
  margin-top: 6rem;
}

.strength-point {
  border-top: 1px solid #e1e1e1;
  margin-top: 8rem;
  padding: 8rem 0;
}

.strength-point + .strength-point {
  margin-top: 0;
}

.strength-point:last-of-type {
  border-bottom: 1px solid #e1e1e1;
}

.strength-point__num {
  /*: "Noto Serif JP", serif;*/

  font-size: 1.8rem;
  font-weight: 700;
  text-align: center;
}

.strength-point__num span {
  display: block;
  line-height: 1.2;
  font-size: 2.6rem;
}

.strength-point__ttl {
  /*: "Noto Serif JP", serif;*/

  font-size: 2.6rem;
  font-weight: 400;
  text-align: center;
  letter-spacing: .075em;
  color: #00a0e7;
  margin-top: 2rem;
}

.strength-point__txt {
  text-align: center;
  margin-top: 4rem;
}

.strength-point__image {
  display: block;
  margin: 4.6rem auto 0;
}

.strength-point .btn {
  margin: 4.6rem auto 0;
}

.company-profile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 6rem;
  color: black;
}

.company-profile__ttl {
  width: 25rem;
  font-weight: 500;
  background: #f0f9fe;
  padding: 3rem 0 2.9rem 3rem;
  border-bottom: 1px solid #e1e1e1;
}

.company-profile__ttl:nth-of-type(1) {
  border-top: 1px solid #e1e1e1;
}

.company-profile__body {
  width: calc(100% - 25rem);
  margin-bottom: 0;
  padding: 3rem 0 2.9rem 4rem;
  border-bottom: 1px solid #e1e1e1;
}

.company-profile__body:nth-of-type(1) {
  border-top: 1px solid #e1e1e1;
}

.company-profile__office > dt {
  font-weight: 500;
}

.company-profile__office > dd + dt {
  margin-top: 2rem;
}

.company-profile__licence {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: -2rem;
}

.company-profile__licence > p {
  max-width: 20rem;
  margin-left: 2rem;
}

.company-profile__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: -.8rem;
}

.company-profile__items > dt {
  width: 24rem;
  font-weight: 400;
  border-bottom: 1px solid #e1e1e1;
  padding-top: .8rem;
  padding-bottom: .8rem;
}

.company-profile__items > dd {
  width: calc(100% - 24rem);
  border-bottom: 1px solid #e1e1e1;
  padding-top: .8rem;
  padding-bottom: .8rem;
}

.company-profile__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 70rem;
}

.company-profile__list > li {
  position: relative;
  width: 35rem;
  padding-left: 1.4rem;
}

.company-profile__list > li::before {
  content: "";
  position: absolute;
  top: .75em;
  left: 0;
  width: .5rem;
  height: .5rem;
  background: #00a0e7;
  border-radius: 50%;
}

.history {
  position: relative;
  margin-top: 8rem;
  z-index: 1;
}

.history::before {
  content: "";
  position: absolute;
  top: 0;
  left: calc(((100vw - 100%) / 2) * -1);
  width: 50vw;
  height: 100%;
  background: #00a0e7;
  -webkit-transform-origin: top top;
          transform-origin: top top;
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
  z-index: -1;
}

.history::after {
  content: "";
  position: absolute;
  top: 0;
  right: calc(((100vw - 100%) / 2) * -1);
  width: 50vw;
  height: 100%;
  background: #e6f6fd;
  z-index: -1;
}

.history__inner {
  position: relative;
  background: #00a0e7;
  padding: 10rem 0;
  z-index: 1;
}

.history__content {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  margin-top: 5rem;
  margin-right: 4rem;
  padding-bottom: 2rem;
}

.history__content::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

.history__content::-webkit-scrollbar-track {
  border-radius: 3px;
  background: rgba(255, 255, 255, .3);
}

.history__content::-webkit-scrollbar-thumb {
  background-color: white;
  border-radius: 3px;
}

.history__item {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 24rem;
      flex: 0 0 24rem;
  max-width: 24rem;
  position: relative;
  color: #fff;
  padding: 2rem 1rem 2rem 2rem;
}

.history__item::before {
  content: "";
  position: absolute;
  top: 1rem;
  left: 0;
  width: 100%;
  height: 2px;
  background: #fff;
}

.history__item::after {
  content: "";
  position: absolute;
  top: 1.1rem;
  left: 2rem;
  width: 1.1rem;
  height: 1.1rem;
  background: #fff;
  border-radius: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.history__item__date {
  /*: "Noto Serif JP", serif;*/

  font-size: 1.4rem;
  margin-top: 3rem;
}

.history__item__date::before {
  content: "";
  position: absolute;
  top: 1.1em;
  left: 2.5rem;
  width: 1px;
  height: 3rem;
  background: #fff;
}

.history__item__txt {
  font-size: 1.2rem;
  margin-top: .6rem;
}

.environment .page-title {
  background: url(../images/page-title_bg.jpg) center center/cover no-repeat;
}

.environment .inner {
  max-width: 100rem;
}

.environment__ttl {
  /*: "Noto Serif JP", serif;*/

  font-size: 2.8rem;
  font-weight: 500;
  text-align: center;
  color: #00a0e7;
  margin-top: 8rem;
}

.environment__ttl:first-child {
  margin-top: 0;
}

.environment__sub-ttl {
  /*: "Noto Serif JP", serif;*/

  font-size: 2.2rem;
  font-weight: 500;
  color: #00a0e7;
  margin-top: 6rem;
  padding-bottom: .6rem;
  border-bottom: 1px solid #ccc;
}

.environment__sub-ttl:first-child {
  margin-top: 0;
}

.environment__sub-ttl:nth-of-type(1) {
  margin-top: 1rem;
}

.environment__txt {
  text-align: center;
  margin-top: 2rem;
}

.environment__txt--left {
  text-align: left;
}

.environment__list {
  counter-reset: number;
  margin: 2rem auto 0;
}

.environment__list__item {
  position: relative;
  padding-left: 2rem;
}

.environment__list__item::before {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  counter-increment: number;
  content: counter(number) ".";
  margin-right: .4rem;
}

.environment__list__item + .environment__list__item {
  margin-top: 1.8rem;
}

.environment__list ol {
  counter-reset: number;
  margin-top: 1rem;
}

.environment__list ol li {
  position: relative;
  padding-left: 20px;
}

.environment__list ol li::before {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  counter-increment: number;
  content: counter(number) ".";
  margin-right: 4px;
}

.environment__list ol li + li {
  margin-top: .6rem;
}

.environment__revision {
  font-size: 1.3rem;
  text-align: right;
  margin-top: 3rem;
}

.factory .page-title {
  background: url(../images/page-title_bg.jpg) center center/cover no-repeat;
}

.factory__map {
  border-top: 1px solid #e1e1e1;
  margin-top: 8rem;
  padding-top: 8rem;
}

.factory-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 6rem;
}

.factory-block__image {
  width: 48%;
}

.factory-block__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column;
      flex-flow: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 48%;
}

.factory-block__read {
  line-height: 1.7;
  /*: "Noto Serif JP", serif;*/

  font-size: 2.2rem;
  border-bottom: 1px solid #e1e1e1;
  padding-bottom: 1.6rem;
}

.factory-block__address {
  margin-top: 4rem;
}

.factory-block__data {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #ecf0f4;
  margin-top: 4rem;
  padding: 2rem;
}

.factory-block__data__ttl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  font-weight: 500;
}

.factory-block__data__ttl::before {
  content: "";
  display: inline-block;
  width: 1rem;
  height: 1rem;
  background: #00a0e7;
  margin-right: 1rem;
}

.factory-block__data__body {
  margin-left: 2rem;
}

.factory-block__data__body + .factory-block__data__ttl {
  margin-left: 2.4rem;
}

.facility .page-title {
  background: url(../images/page-title_bg.jpg) center center/cover no-repeat;
}

.facility__ttl {
  font-size: 2rem;
  font-weight: 500;
  color: #00a0e7;
  border-bottom: 1px solid #e1e1e1;
  padding-bottom: 1rem;
}

.facility__ttl span {
  display: inline-block;
  font-size: 1.8rem;
  margin-left: 3rem;
}

.facility-item {
  margin-top: 6rem;
}

.facility-item + .facility-item {
  margin-top: 8rem;
}

.facility-item__slide {
  margin-top: 2rem;
}

.facility-item__slide__item {
  position: relative;
}

.facility-item__slide__item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #436da7;
  opacity: .5;
  -webkit-transition: opacity 1s;
          transition: opacity 1s;
}

.facility-item__slide__item.swiper-slide-active::before {
  opacity: 0;
}

.facility-item__slide__item img {
  width: 100%;
}

.facility-item__slide__thumb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 1.4rem;
  margin-left: -.6rem;
}

.facility-item__slide__thumb-item {
  overflow: hidden;
  position: relative;
  cursor: pointer;
  width: 10rem;
  background: #000;
  margin-left: .6rem;
}

.facility-item__slide__thumb-item.is-current {
  pointer-events: none;
}

.facility-item__slide__thumb-item.is-current::after {
  opacity: 1;
}

.facility-item__slide__thumb-item::before {
  content: "";
  display: block;
  width: 100%;
  padding-top: 71.428%;
}

.facility-item__slide__thumb-item::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 3px solid #00a0e7;
  opacity: 0;
  -webkit-transition: opacity .75s ease;
          transition: opacity .75s ease;
}

.facility-item__slide__thumb-item img {
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: 100%;
  max-height: 100%;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  /*: "object-fit: cover;";*/

  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.facility-item__image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 2rem;
}

.facility-item__image img {
  width: 50%;
}

.specs-block {
  margin-top: 6rem;
}

.specs-block__list {
  width: 100%;
  background: #fff;
  margin: 2rem auto 0;
  border-collapse: collapse;
}

.specs-block__list thead tr:nth-child(1) th:nth-child(1) {
  width: 26rem;
}

.specs-block__list thead tr:nth-child(1) th:nth-child(2) {
  width: 26rem;
}

.specs-block__list thead tr:nth-child(1) th:last-child {
  width: 10rem;
}

.specs-block__list tbody tr:nth-child(even) {
  background: #f8f8f8;
}

.specs-block__list th {
  text-align: center;
  background-color: #f6f8fb;
  border: 1px solid #e1e1e1;
  padding: 1.5rem;
}

.specs-block__list th small {
  margin-left: .6rem;
}

.specs-block__list td {
  border: 1px solid #e1e1e1;
  padding: 1.5rem 2rem;
}

.specs-block__list td:last-child {
  text-align: center;
}

.recruit {
  /*
  &__catch {
    : $font-ja-serif;
    text-align: center;
    font-size: 2.4rem;
    background: #f8f8f8;
    border: 1px solid #e1e1e1;
    padding: 8rem 4rem;
    @include mq-sp {
      font-size: 2rem;
      padding: 2rem;
    }
  }
  &__message {
    &__catch {
      : $font-ja-serif;
      text-align: center;
      font-size: 3.2rem;
      @include mq-sp {
        font-size: 2rem;
      }
    }
    &__row {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      margin-top: 5rem;
      @include mq-sp {
        margin-top: 2rem;
      }
    }
    &__txt {
      width: 48%;
      line-height: 2.2;
      margin-top: 2rem;
      @include mq-sp {
        width: 100%;
        line-height: 2;
        margin-top: 0;
      }
    }
    &__image {
      width: 48%;
      @include mq-sp {
        width: 100%;
        margin-top: 2rem;
      }
    }
  }
  &__interview {
    margin-top: 12rem;
    @include mq-sp {
      margin-top: 8rem;
    }
  }
  */
}

.recruit .page-title {
  background: url(../images/page-title_bg.jpg) center center/cover no-repeat;
  display: none;
}

.recruit__read {
  line-height: 2.4;
  /*: "Noto Serif JP", serif;*/

  text-align: center;
  font-size: 2.2rem;
  text-align: center;
  /*color: black;*/
  color: #00a0c8;
}

.recruit__outline {
  margin-top: 12rem;
}

.recruit__btn {
  width: 48rem;
  height: 8rem;
  /*: "Noto Serif JP", serif;*/

  font-size: 2rem;
  margin: 5rem auto 0;
}

.recruit-outline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 6rem;
  color: black;
}

.recruit-outline__ttl {
  width: 24rem;
  font-weight: 500;
  background: #f0f9fe;
  padding: 2rem 0 1.9rem 2rem;
  border-bottom: 1px solid #e1e1e1;
}

.recruit-outline__ttl:nth-of-type(1) {
  border-top: 1px solid #e1e1e1;
}

.recruit-outline__body {
  width: calc(100% - 24rem);
  margin-bottom: 0;
  padding: 2rem 0 1.9rem 3rem;
  border-bottom: 1px solid #e1e1e1;
}

.recruit-outline__body:nth-of-type(1) {
  border-top: 1px solid #e1e1e1;
}

.information .page-title {
  background: url(../images/page-title_bg.jpg) center center/cover no-repeat;
}

.info-list {
  max-width: 100rem;
  border-top: 1px solid #dadada;
  margin-top: 5rem;
  margin-right: auto;
  margin-left: auto;
}

.info-list__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid #dadada;
  padding: 2rem 0;
}

.info-list__item__date {
  width: 14rem;
  /*: "Lato", sans-serif;*/

  color: #666;
}

.info-list__item__ttl {
  width: calc(100% - 14rem);
}

.info-list__item__ttl a {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

.info-detail {
  max-width: 100rem;
  margin: auto;
}

.info-detail__ttl {
  font-size: 2.6rem;
  font-weight: 500;
  border-bottom: 1px solid #e1e1e1;
  padding-bottom: 2rem;
}

.info-detail__date {
  display: block;
  text-align: right;
  margin-top: 2rem;
}

.info-detail__content {
  border-bottom: 1px solid #e1e1e1;
  margin-top: 4rem;
  padding-bottom: 6rem;
}

.info-detail__content p {
  margin-top: 2rem;
}

.info-detail__content p:first-child {
  margin-top: 0;
}

.info-detail__content h3 {
  position: relative;
  font-size: 2.4rem;
  font-weight: 500;
  margin-top: 4rem;
}

.info-detail__content h3:nth-child(1) {
  margin-top: 0;
}

.info-detail__content h3:first-child {
  margin-top: 0;
}

.info-detail__content h4 {
  font-size: 2rem;
  font-weight: 500;
  margin-top: 3rem;
}

.info-detail__content h4:first-child {
  margin-top: 0;
}

.info-detail__content h5 {
  font-size: 1.8rem;
  font-weight: 500;
  margin-top: 3rem;
}

.info-detail__content h5:first-child {
  margin-top: 0;
}

.info-detail__content a {
  color: #00a0e7;
  text-decoration: underline;
}

.info-detail__content a:hover {
  text-decoration: none;
}

.info-detail__content hr {
  border: none;
  padding: 0 0 3rem 0;
  margin: 0;
  line-height: 0;
  font-size: 0;
  height: 1px;
}

.info-detail__content ul {
  margin: 2rem 0 0;
}

.info-detail__content ul:first-child {
  margin-top: 0;
}

.info-detail__content ul li {
  position: relative;
  padding-left: 12px;
}

.info-detail__content ul li::before {
  content: "";
  position: absolute;
  top: .75em;
  left: 0;
  width: .5rem;
  height: .5rem;
  background: #00a0e7;
  border-radius: 50%;
}

.info-detail__content ul li + li {
  margin-top: 8px;
}

.info-detail__content ul ul {
  margin: 0;
  padding-left: 8px;
}

.info-detail__content ol {
  counter-reset: number;
  margin: 2rem 0 0;
}

.info-detail__content ol:first-child {
  margin-top: 0;
}

.info-detail__content ol > li {
  position: relative;
  padding-left: 2rem;
}

.info-detail__content ol > li::before {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  counter-increment: number;
  content: counter(number) ".";
  margin-right: 4px;
}

.info-detail__content ol > li + li {
  margin-top: 8px;
}

.info-detail__btn {
  margin: 6rem auto 0;
}

.contact .page-title {
  background: url(../images/page-title_bg.jpg) center center/cover no-repeat;
  display: none;
}

.contact__box {
  width: 100%;
  text-align: center;
  background: #f8f8f8;
  border: 1px solid #e1e1e1;
  margin: 0 auto;
  padding: 4rem;
}

.contact__box__ttl {
  font-size: 1.8rem;
}

.contact__box__tel {
  display: inline-block;
  /*: "Lato", sans-serif;*/

  font-size: 3.8rem;
  font-weight: 900;
  letter-spacing: .1em;
  color: #00a0e7;
  margin-top: .6rem;
  pointer-events: none;
}

.contact__box__txt {
  font-size: 1.3rem;
  color: #555;
  margin-top: .6rem;
}

.form__ttl-label {
  float: right;
  font-size: 1.2rem;
  background: #dadada;
  padding: .1rem .8rem;
}

.form__ttl-label--required {
  color: #fff;
  background: #d40000;
}

.form__table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  text-align: left;
  line-height: 1.8;
  margin: 0 auto;
  color: black;
}

.form__table tr:first-child td {
  border-top: 1px solid #e1e1e1;
}

.form__table th {
  overflow: hidden;
  width: 17rem;
  font-weight: bold;
  vertical-align: top;
  background: #f0f9fe;
  border-bottom: 1px solid #e1e1e1;
  padding: 3.2rem 2rem;
}

.form__table td {
  padding: 3.2rem;
  vertical-align: middle;
  border-bottom: 1px solid #e1e1e1;
}

.form__table input, .form__table textarea {
  color: #333;
  background: #fff;
  width: 100%;
  max-width: 50rem;
  border-radius: .3rem;
  border: solid 1px #dadada;
  margin: 0;
  padding: 1.6rem 1rem;
}

.form__table input.error, .form__table textarea.error {
  background: #fdf2f2;
  border: 1px solid #d40000;
}

.form__table .border-none th, .form__table .border-none td {
  border-bottom: none;
}

.form__table .postal input {
  max-width: 16.8rem;
  margin-right: 1.8rem;
}

.form__table .postal__btn {
  display: inline-block;
  font-size: 1.2rem;
  color: #fff;
  background: #00a0e7;
  padding: 1rem 2rem;
}

.form__table .postal__btn:hover {
  opacity: .8;
}

.form__table .select-wrap {
  position: relative;
  display: inline-block;
  background: #fff;
  margin-right: 1.6rem;
}

.form__table .select-wrap::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto 0;
  right: 1.8rem;
  width: .5em;
  height: .5em;
  border-right: solid 2px #333;
  border-bottom: solid 2px #333;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  z-index: 1;
  pointer-events: none;
}

.form__table .radio {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column;
      flex-flow: column;
}

.form__table .radio input[type="radio"] {
  position: absolute;
  opacity: 0;
  z-index: -1;
}

.form__table .radio input[type="radio"]:checked + label::after {
  opacity: 1;
}

.form__table .radio__label {
  position: relative;
  display: inline-block;
  line-height: 1;
  margin-bottom: 2.6rem;
  padding-left: 2.4rem;
  cursor: pointer;
}

.form__table .radio__label::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 1.8rem;
  height: 1.8rem;
  background: #fff;
  border: 1px solid #999;
  border-radius: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.form__table .radio__label::after {
  opacity: 0;
  content: "";
  position: absolute;
  top: 50%;
  left: .9rem;
  width: .9rem;
  height: .9rem;
  background: #00a0e7;
  border-radius: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.form__table .radio__label:last-of-type {
  margin-bottom: 0;
}

.form__table select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: #fff;
  border: solid 1px transparent;
  position: relative;
  z-index: 1;
  border: 1px solid #dadada;
  border-radius: .3rem;
  padding: 1.6rem 3.4em 1.6rem 1rem;
  -webkit-transition: .5s;
          transition: .5s;
}

.form__table select::-ms-expand {
  display: none;
}

.form__table input[type="submit"] {
  margin: 2.4rem 0;
  cursor: pointer;
}

.form__table textarea {
  max-width: 100%;
  height: 30rem;
}

.form__txt {
  text-align: center;
  margin: 4rem 0;
}

.form__btn {
  letter-spacing: .1em;
  color: #fff;
  cursor: auto;
  margin: 6rem auto 0;
  padding: 0;
  -webkit-transition: background .2s linear;
          transition: background .2s linear;
  cursor: pointer;
}

.form__btn.is-disabled {
  pointer-events: none;
  cursor: default;
  border-color: #ccc;
}

.form__btn.is-disabled::before {
  background: #ccc;
}

.form__return-btn {
  letter-spacing: .1em;
  border-color: #ccc;
  margin: 0 auto;
}

.form__return-btn::before {
  background: #ccc;
}

.form__privacy {
  margin: 5rem auto;
}

.form__privacy-check {
  text-align: center;
  margin-bottom: 0;
}

.form__privacy-check .checkbox {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: background-color .2s linear;
          transition: background-color .2s linear;
  position: relative;
  display: inline-block;
  padding: 1.2rem 1.2rem 1.2rem 4.2rem;
  vertical-align: middle;
  cursor: pointer;
}

.form__privacy-check .checkbox::before {
  -webkit-transition: opacity .2s linear;
          transition: opacity .2s linear;
  position: absolute;
  top: 50%;
  left: 2.1rem;
  display: block;
  margin-top: -.6rem;
  width: .5rem;
  height: 1rem;
  border-right: 2px solid #00a0e7;
  border-bottom: 2px solid #00a0e7;
  content: "";
  opacity: 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  z-index: 10;
}

.form__privacy-check .checkbox::after {
  -webkit-transition: border-color .2s linear;
          transition: border-color .2s linear;
  position: absolute;
  top: 50%;
  left: 1.5rem;
  display: block;
  margin-top: -.8rem;
  width: 1.6rem;
  height: 1.6rem;
  background: #fff;
  border: 1px solid #bbb;
  border-radius: .3rem;
  content: "";
}

.form__privacy-check input[type=checkbox] {
  display: none;
}

.form__privacy-check input[type=checkbox]:checked + .checkbox:before {
  opacity: 1;
}

.form__privacy-check a {
  text-decoration: underline;
}

.form__thanks {
  font-size: 1.6rem;
  text-align: center;
  margin-top: 8rem;
}

.form label.error {
  display: block;
  font-size: 1.2rem;
  color: #d40000;
  margin: .6rem 0 0;
}

.privacy .page-title {
  background: url(../images/page-title_bg.jpg) center center/cover no-repeat;
}

.privacy .page-content .inner {
  max-width: 100rem;
}

.privacy-list {
  margin-top: 6rem;
}

.privacy-list__item + .privacy-list__item {
  margin-top: 5rem;
}

.privacy-list__ttl {
  font-weight: 700;
  background: #ecf0f4;
  padding: 1.6rem 2rem;
}

.privacy-list__txt {
  margin-top: 2rem;
  padding-left: 2rem;
}

@-webkit-keyframes fadein-overlay {
  0% {
    left: 0;
    width: 0;
  }

  50% {
    left: 0;
    width: 100%;
  }

  50% {
    left: 0;
    width: 100%;
  }

  100% {
    left: 100%;
    width: 100%;
  }
}

@keyframes fadein-overlay {
  0% {
    left: 0;
    width: 0;
  }

  50% {
    left: 0;
    width: 100%;
  }

  50% {
    left: 0;
    width: 100%;
  }

  100% {
    left: 100%;
    width: 100%;
  }
}

@font-face {
  /*: "swiper-icons";*/

  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
  font-weight: 400;
  font-style: normal;
}

:root {
  --swiper-theme-color: #007aff;
}

.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
}

.swiper-container-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
      flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition-property: -webkit-transform;
          transition-property: -webkit-transform;
          transition-property:         transform;
          transition-property:         transform, -webkit-transform;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}

.swiper-container-android .swiper-slide, .swiper-wrapper {
  -webkit-transform: translate3d(0px, 0, 0);
          transform: translate3d(0px, 0, 0);
}

.swiper-container-multirow > .swiper-wrapper {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.swiper-container-multirow-column > .swiper-wrapper {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
      flex-direction: column;
}

.swiper-container-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
          transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-slide {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-transition-property: -webkit-transform;
          transition-property: -webkit-transform;
          transition-property:         transform;
          transition-property:         transform, -webkit-transform;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

/* Auto Height */

.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
  height: auto;
}

.swiper-container-autoheight .swiper-wrapper {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-transition-property: height, -webkit-transform;
          transition-property: height, -webkit-transform;
          transition-property: transform, height;
          transition-property: transform, height, -webkit-transform;
}

/* 3D Effects */

.swiper-container-3d {
  -webkit-perspective: 1200px;
          perspective: 1200px;
}

.swiper-container-3d .swiper-wrapper, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-cube-shadow {
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}

.swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.swiper-container-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
}

/* CSS Mode */

.swiper-container-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */
}

.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}

.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
  -ms-scroll-snap-type: x mandatory;
      scroll-snap-type: x mandatory;
}

.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
  -ms-scroll-snap-type: y mandatory;
      scroll-snap-type: y mandatory;
}

:root {
  /*
  --swiper-pagination-color: var(--swiper-theme-color);
  */
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: 300ms opacity;
          transition: 300ms opacity;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

/* Common Styles */

.swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 10px;
  left: 0;
  width: 100%;
}

/* Bullets */

.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transform: scale(.33);
          transform: scale(.33);
  position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  -webkit-transform: scale(1);
          transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  -webkit-transform: scale(1);
          transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  -webkit-transform: scale(.66);
          transform: scale(.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  -webkit-transform: scale(.33);
          transform: scale(.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  -webkit-transform: scale(.66);
          transform: scale(.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  -webkit-transform: scale(.33);
          transform: scale(.33);
}

.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: .2;
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-bullet-active {
  opacity: 1;
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  -webkit-transform: translate3d(0px, -50%, 0);
          transform: translate3d(0px, -50%, 0);
}

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 6px 0;
  display: block;
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 8px;
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  -webkit-transition: 200ms top, 200ms -webkit-transform;
          transition: 200ms top, 200ms -webkit-transform;
          transition: 200ms transform, 200ms top;
          transition: 200ms transform, 200ms top, 200ms -webkit-transform;
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px;
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  white-space: nowrap;
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: 200ms left, 200ms -webkit-transform;
          transition: 200ms left, 200ms -webkit-transform;
          transition: 200ms transform, 200ms left;
          transition: 200ms transform, 200ms left, 200ms -webkit-transform;
}

.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: 200ms right, 200ms -webkit-transform;
          transition: 200ms right, 200ms -webkit-transform;
          transition: 200ms transform, 200ms right;
          transition: 200ms transform, 200ms right, 200ms -webkit-transform;
}

/* Progress */

.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, .25);
  position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transform-origin: left top;
          transform-origin: left top;
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  -webkit-transform-origin: right top;
          transform-origin: right top;
}

.swiper-container-horizontal > .swiper-pagination-progressbar, .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}

.swiper-container-vertical > .swiper-pagination-progressbar, .swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}

.swiper-pagination-white {
  --swiper-pagination-color: #fff;
}

.swiper-pagination-black {
  --swiper-pagination-color: #000;
}

.swiper-pagination-lock {
  display: none;
}

:root {
  --swiper-navigation-size: 44px;
  /*
  --swiper-navigation-color: var(--swiper-theme-color);
  */
}

.swiper-button-prev, .swiper-button-next {
  position: absolute;
  top: 50%;
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(-1 * var(--swiper-navigation-size) / 2);
  z-index: 10;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}

.swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled {
  opacity: .35;
  cursor: auto;
  pointer-events: none;
}

.swiper-button-prev:after, .swiper-button-next:after {
  /*: swiper-icons;*/

  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  text-transform: none;
  font-variant: initial;
  line-height: 1;
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
  left: 10px;
  right: auto;
}

.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after {
  content: "prev";
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
  right: 10px;
  left: auto;
}

.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after {
  content: "next";
}

.swiper-button-prev.swiper-button-white, .swiper-button-next.swiper-button-white {
  --swiper-navigation-color: #fff;
}

.swiper-button-prev.swiper-button-black, .swiper-button-next.swiper-button-black {
  --swiper-navigation-color: #000;
}

.swiper-button-lock {
  display: none;
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
          transition-timing-function: ease-out;
}

.swiper-container-fade .swiper-slide {
  pointer-events: none;
  -webkit-transition-property: opacity;
          transition-property: opacity;
}

.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

/* Preloader */

:root {
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  */
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
          transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s infinite linear;
          animation: swiper-preloader-spin 1s infinite linear;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}

@-webkit-keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

.u-mt0 {
  margin-top: 0 !important;
}

.u-mt10 {
  margin-top: 1rem;
}

.u-mt20 {
  margin-top: 2rem;
}

.u-mt30 {
  margin-top: 3rem;
}

.u-mt40 {
  margin-top: 4rem;
}

.u-mt50 {
  margin-top: 5rem;
}

.u-mt60 {
  margin-top: 6rem;
}

.u-mb0 {
  margin-bottom: 0 !important;
}

.u-mb10 {
  margin-bottom: 1rem;
}

.u-mb20 {
  margin-bottom: 2rem;
}

.u-mb30 {
  margin-bottom: 3rem;
}

.u-mb40 {
  margin-bottom: 4rem;
}

.u-mb50 {
  margin-bottom: 5rem;
}

.u-mb60 {
  margin-bottom: 6rem;
}

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

  .header__logo a {
    -webkit-transition: opacity .35s;
            transition: opacity .35s;
  }

  .header__logo a:hover {
    opacity: .8;
  }

  .overlay {
    display: none;
  }

  .menu__item a:hover::after {
    width: 100%;
  }

  .menu__item span {
    position: relative;
    font-weight: bold;
  }

  .menu__item a::after {
    content: "";
    position: absolute;
    bottom: -.2rem;
    left: 0;
    width: 0;
    height: 1px;
    background: #00a0e7;
    -webkit-transition: width .35s ease;
            transition: width .35s ease;
  }

  .menu__item--contact a::after {
    background: #fff;
  }

  .menu__item--dropdown:hover .dropdown {
    opacity: 1;
    visibility: visible;
  }

  .sp-toggle {
    display: none;
  }

  .page-link__item__link:hover .page-link__item__image img {
    -webkit-transform: translate(-50%, -50%) scale(1.2);
            transform: translate(-50%, -50%) scale(1.2);
  }

  .pagination {
    text-align: right;
    margin-top: 8rem;
  }

  .pagination ul {
    margin-left: -1rem;
  }

  .pagination li {
    margin-left: 1rem;
  }

  .home .header {
    -webkit-transition: background .5s;
            transition: background .5s;
  }

  .home .header.is-bg-white {
    background: #fff;
  }

  .top-contents__box:hover .top-contents__box__image img {
    -webkit-transform: scale(1.18);
            transform: scale(1.18);
  }

  .top-contents__box .top-contents__box__image img {
    -webkit-transition: -webkit-transform .75s ease;
            transition: -webkit-transform .75s ease;
            transition:         transform .75s ease;
            transition:         transform .75s ease, -webkit-transform .75s ease;
  }

  .company-nav__item a {
    -webkit-transition: background .35s;
            transition: background .35s;
  }

  .company-nav__item a:hover {
    background: #f6f8fb;
  }
}

@media only screen and (min-width: 1025px) {
  .btn:hover {
    color: #00a0e7;
  }

  .btn:hover::before {
    -webkit-transform: translateX(100%) skew(20deg);
            transform: translateX(100%) skew(20deg);
  }

  .cmn-contact__btn-form:hover {
    color: #fff;
  }

  .cmn-contact__btn-tel {
    pointer-events: none;
  }

  .info-detail__btn:hover::before {
    -webkit-transform: translateX(-100%) skew(20deg);
            transform: translateX(-100%) skew(20deg);
  }

  .form__table .border-none th, .form__table .border-none td {
    padding-bottom: 0;
  }
}

@media only screen and (max-width: 1240px) {
  html {
    font-size: calc(100vw / 130);
  }
}

@media only screen and (max-width: 767px) {
  html {
    font-size: calc(100vw / 37.5);
    scroll-padding-top: 65px;
  }

  body {
    font-size: 1.3rem;
  }

  .inner {
    max-width: 100%;
    padding: 0 1.5rem;
  }

  .pc-only {
    display: none !important;
  }

  .l-wrapper {
    padding-top: 55px;
  }

  .l-content__layer {
    top: 20rem;
  }

  .header {
    height: 55px;
    background: #fff;
    padding-left: 10px;
  }

  .header__logo img {
    height: 34px;
  }

  .header__body {
    overflow-y: scroll;
    position: fixed;
    top: 55px;
    right: 0;
    bottom: 0;
    left: 12rem;
    background: #00a0e7;
    margin: 0;
    padding: 4rem;
    z-index: 10;
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    -webkit-transition: -webkit-transform .35s;
            transition: -webkit-transform .35s;
            transition:         transform .35s;
            transition:         transform .35s, -webkit-transform .35s;
  }

  .is-menu-open .header__body {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }

  .menu {
    display: block;
  }

  .menu__item {
    height: auto;
    font-size: 1.4rem;
  }

  .menu__item a {
    color: #fff;
  }

  .menu__item + .menu__item {
    margin: 2rem 0 0 0;
  }

  .menu__item + .menu__item--contact {
    margin: 2rem 0 0 0;
  }

  .menu__item--contact {
    padding: 0;
  }

  .dropdown {
    display: none;
  }

  .dropdown__ttl::before {
    font-size: 4.6rem;
  }

  .section {
    padding: 5rem 0;
  }

  .btn:hover {
    color: #fff;
  }

  .cmn-contact {
    padding: 6rem 0;
  }

  .cmn-contact__txt {
    margin-top: 3rem;
  }

  .cmn-contact__btn-wrap {
    display: block;
  }

  .cmn-contact__btn-form {
    margin: 0 auto;
  }

  .cmn-contact__btn-form:hover {
    color: #00a0e7;
  }

  .cmn-contact__btn-tel {
    font-size: 1.5rem;
    margin: 2rem auto 0;
  }

  .footer__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
        flex-flow: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
  }

  .footer__logo img {
    height: 4.4rem;
  }

  .footer__address {
    margin-top: 1.6rem;
  }

  .footer__sitemap {
    padding-top: 2rem;
  }

  .footer__sitemap__list {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }

  .footer__sitemap__item {
    width: 20%;
    font-size: 1.2rem;
    margin-top: 1rem;
  }

  .footer__sitemap__item + .footer__sitemap__item {
    margin-left: 0;
  }

  .footer__sitemap__btn {
    width: 16rem;
    height: 4rem;
    margin: 2.4rem auto 0;
  }

  .page-top {
    right: 2%;
  }

  .page-top a {
    width: 4rem;
    height: 4rem;
  }

  .page-title {
    height: 18.8rem;
    padding-bottom: 2rem;
  }

  .page-title__ttl {
    font-size: 2.2rem;
    padding-top: 2rem;
  }

  .page-title__ttl::before {
    font-size: 4.2rem;
  }

  .breadcrumbs li {
    font-size: 12px;
    font-size: 3.2vw;
  }

  .breadcrumbs li:first-child a {
    width: 1.8rem;
    height: 1.8rem;
  }

  .page-content {
    padding: 4rem 0 6rem;
  }

  .page-content__ttl {
    font-size: 1.5rem;
    margin-top: 5rem;
  }

  .page-content__ttl::before {
    font-size: 2.2rem;
  }

  .page-link {
    margin-top: 4rem;
    padding-top: 4rem;
  }

  .page-link__item {
    width: 100%;
  }

  .page-link__item + .page-link__item {
    margin-top: 1rem;
  }

  .page-link__item__ttl::before {
    font-size: 2.2rem;
  }

  .home .header {
    background: #fff;
  }

  .main-visual {
    height: 90vh;
  }

  .main-visual__main {
    padding: 0 1rem;
  }

  .main-visual__catch {
    font-size: 3.6rem;
  }

  .main-visual__catch-en {
    font-size: 1.2rem;
  }

  .main-visual__txt {
    font-size: 1.8rem;
    text-align: center;
    margin-top: 3rem;
  }

  .title-index {
    font-size: 2rem;
    padding-top: 1.4rem;
  }

  .title-index::before {
    font-size: 4.6rem;
  }

  .top-about__row {
    display: block;
    margin-top: 3rem;
  }

  .top-about__body {
    width: 100%;
    padding-top: 0;
  }

  .top-about__catch {
    font-size: 2rem;
  }

  .top-about__txt {
    margin-top: 2rem;
  }

  .top-about .btn {
    margin: 3rem auto 0;
  }

  .top-about__image {
    display: block;
    width: 100%;
    height: auto;
    padding-bottom: calc(100% * 460 / 690);
    margin-top: 3rem;
  }

  .top-about__image__item--01 .top-about__image__obj img {
    width: 25rem;
  }

  .is-hide .top-about__image__item--01 .top-about__image__obj img {
    width: 30rem;
  }

  .is-fadein .top-about__image__item--01 .top-about__image__obj img {
    width: 25rem;
  }

  .top-about__image__obj img {
    width: 12rem;
  }

  .is-hide .top-about__image__obj img {
    width: 16rem;
  }

  .is-fadein .top-about__image__obj img {
    width: 12rem;
  }

  .top-about__bg-01 {
    width: 12.6rem;
    height: 12.6rem;
  }

  .top-contents__products {
    max-width: 100%;
    margin-top: 3rem;
  }

  .top-contents__products__image {
    width: 100%;
    height: 26rem;
  }

  .top-contents__products__body {
    position: static;
    width: calc(100% - 3rem);
    margin: -2rem auto 0;
    padding: 2.8rem 2rem;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }

  .top-contents__products__body .title-index {
    font-size: 1.8rem;
    padding-top: 1rem;
  }

  .top-contents__products__body .title-index::before {
    font-size: 3.8rem;
  }

  .top-contents__products__txt {
    margin-top: 1.4rem;
  }

  .top-contents__products .btn {
    margin: 2rem auto 0;
  }

  .top-contents__box-wrap {
    display: block;
    margin-top: 4rem;
  }

  .top-contents__box {
    width: 100%;
    height: 24rem;
  }

  .top-contents__box--facility.is-fadein {
    -webkit-transition-delay: 0;
            transition-delay: 0;
  }

  .top-contents__box__ttl::before {
    font-size: 2.6rem;
  }

  .top-contents__box__ttl::after {
    width: 15rem;
    height: 15rem;
  }

  .top-contents__bg-02 {
    width: 11rem;
    height: 11rem;
  }

  .top-recruit {
    padding: 6rem 0;
  }

  .top-recruit .title-index {
    font-size: 2rem;
  }

  .top-recruit__catch {
    font-size: 1.7rem;
    margin-top: 3rem;
  }

  .top-recruit__btn {
    margin-top: 3rem;
  }

  .top-recruit__btn .btn {
    margin-right: auto;
    margin-left: auto;
  }

  .top-movie {
    padding: 6rem 3.5rem;
  }

  .top-movie__slide {
    margin-top: 3rem;
  }

  .top-movie__arrow {
    display: none;
  }

  .top-info__list {
    margin-top: 3rem;
  }

  .top-info .btn {
    margin-top: 3rem;
  }

  .top-info__bg-01 {
    width: 9rem;
    height: 9rem;
  }

  .top-info__bg-02 {
    width: 14rem;
    height: 14rem;
  }

  .top-info__bg-03 {
    width: 11rem;
    height: 11rem;
  }

  .products-list__item {
    width: 100%;
    margin-top: 3rem;
  }

  .products-list__body {
    padding-top: 1rem;
  }

  .products-list__ttl {
    font-size: 1.5rem;
    margin-top: .6rem;
  }

  .products-list__description {
    margin-top: 1rem;
  }

  .company__strength {
    padding-bottom: 4rem;
  }

  .company__strength__catch {
    font-size: 2rem;
  }

  .company__strength__txt {
    margin-top: 2rem;
  }

  .company__strength__txt br {
    display: none;
  }

  .company-nav__list {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    border: none;
    border-top: 1px solid #00a0e7;
    border-left: 1px solid #00a0e7;
  }

  .company-nav__item {
    width: 50%;
    font-size: 1.3rem;
    border-right: 1px solid #00a0e7;
    border-bottom: 1px solid #00a0e7;
  }

  .company-nav__item a {
    width: 100%;
  }

  .company-nav__item + .company-nav__item::before {
    display: none;
  }

  .company-section {
    padding: 6rem 0;
  }

  .company-section:nth-of-type(2) {
    padding-top: 4rem;
  }

  .company-section--pb0 {
    padding-bottom: 0;
  }

  .message-block {
    margin-top: 4rem;
  }

  .message-block__image {
    width: 100%;
  }

  .message-block__body {
    position: relative;
    width: 100%;
    padding-top: 2rem;
  }

  .message-block__catch {
    font-size: 2rem;
  }

  .message-block__txt {
    margin-top: 1rem;
  }

  .message-block__signature {
    margin-top: 2rem;
  }

  .message-block__signature span {
    font-size: 1.8rem;
  }

  .message-box {
    margin-top: 4rem;
    padding: 2rem;
  }

  .message-box__ttl {
    font-size: 2.2rem;
  }

  .message-box__list__item {
    font-size: 1.6rem;
    padding-left: 3rem;
  }

  .strength__txt {
    margin-top: 4rem;
  }

  .strength-point {
    margin-top: 5rem;
    padding: 5rem 0;
  }

  .strength-point__num {
    font-size: 1.3rem;
  }

  .strength-point__num span {
    font-size: 2.2rem;
  }

  .strength-point__ttl {
    font-size: 2.2rem;
    margin-top: 1rem;
  }

  .strength-point__txt {
    text-align: left;
    margin-top: 2rem;
  }

  .strength-point__image {
    margin-top: 2rem;
  }

  .strength-point .btn {
    margin-top: 3rem;
  }

  .company-profile {
    display: block;
    margin-top: 4rem;
  }

  .company-profile__ttl {
    width: 100%;
    padding: 1rem 1.4rem 1rem;
    border-bottom: none;
  }

  .company-profile__body {
    width: 100%;
    border-color: #e1e1e1;
    padding: 1rem 1.4rem 2rem;
  }

  .company-profile__licence > p {
    max-width: 14rem;
  }

  .company-profile__items > dt {
    width: 100%;
    font-weight: 700;
    border-bottom: none;
    padding-top: 1rem;
    padding-bottom: 0;
  }

  .company-profile__items > dd {
    width: 100%;
    padding-top: .4rem;
    padding-bottom: 1rem;
  }

  .company-profile__list > li {
    width: 100%;
  }

  .history {
    background: #00a0e7;
    margin-top: 5rem;
  }

  .history::after {
    background: #00a0e7;
  }

  .history__inner {
    padding: 6rem 0;
  }

  .history__content {
    margin: 3rem 0 0 0;
    padding-bottom: 1rem;
  }

  .history__content::-webkit-scrollbar {
    width: 3px;
    height: 3px;
  }

  .history__item__date {
    font-size: 1.3rem;
  }

  .environment__ttl {
    font-size: 2.2rem;
    margin-top: 4rem;
  }

  .environment__sub-ttl {
    font-size: 2rem;
    margin-top: 3rem;
  }

  .environment__sub-ttl:nth-of-type(1) {
    margin-top: 0;
  }

  .environment__txt {
    margin-top: 1rem;
  }

  .environment__txt br {
    display: none;
  }

  .environment__revision {
    font-size: 1.2rem;
    margin-top: 2rem;
  }

  .factory__map {
    margin-top: 4rem;
    padding-top: 4rem;
  }

  .factory__map iframe {
    height: 30rem;
  }

  .factory-block {
    margin-top: 4rem;
  }

  .factory-block__image {
    width: 100%;
  }

  .factory-block__body {
    width: 100%;
  }

  .factory-block__read {
    font-size: 1.6rem;
    margin-top: 1.6rem;
  }

  .factory-block__address {
    margin-top: 2rem;
  }

  .factory-block__data {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-top: 3rem;
    padding: 1.6rem 1.4rem 1.6rem 2rem;
  }

  .factory-block__data__ttl {
    width: 8rem;
  }

  .factory-block__data__ttl::before {
    margin-right: .6rem;
  }

  .factory-block__data__body {
    width: calc(50% - 8rem);
    text-align: right;
    margin-left: 0;
    padding-right: 1.4rem;
  }

  .factory-block__data__body + .factory-block__data__ttl {
    margin-left: 0;
  }

  .facility__ttl {
    font-size: 1.6rem;
  }

  .facility__ttl span {
    font-size: 1.3rem;
    text-indent: 1em;
    margin-left: 0;
  }

  .facility-item {
    margin-top: 4rem;
  }

  .facility-item + .facility-item {
    margin-top: 3rem;
  }

  .facility-item__slide__thumb {
    margin-top: .8rem;
  }

  .specs-block {
    margin-top: 3rem;
  }

  .specs-block__list {
    font-size: 1.1rem;
  }

  .specs-block__list thead tr:nth-child(1) th:nth-child(1) {
    width: 8rem;
  }

  .specs-block__list thead tr:nth-child(1) th:nth-child(2) {
    width: 8rem;
  }

  .specs-block__list thead tr:nth-child(1) th:last-child {
    width: 6rem;
  }

  .specs-block__list th {
    padding: 1rem .6rem;
  }

  .specs-block__list th small {
    display: block;
    margin: 0;
  }

  .specs-block__list td {
    padding: 1.4rem .6rem;
  }

  .recruit__read {
    font-size: 1.6rem;
  }

  .recruit__outline {
    margin-top: 6rem;
  }

  .recruit__btn {
    width: 92%;
    max-width: 40rem;
    height: 6rem;
    font-size: 1.6rem;
  }

  .recruit-outline {
    display: block;
    margin-top: 4rem;
  }

  .recruit-outline__ttl {
    width: 100%;
    padding: 1rem 1.4rem 1rem;
    border-bottom: none;
  }

  .recruit-outline__body {
    width: 100%;
    border-color: #e1e1e1;
    padding: 1rem 1.4rem 2rem;
  }

  .info-list {
    margin-top: 4rem;
  }

  .info-list__item {
    display: block;
    padding: 1.2rem 0;
  }

  .info-list__item__ttl {
    width: 100%;
    margin-top: .2rem;
  }

  .info-list__item__ttl a {
    -webkit-line-clamp: 2;
  }

  .info-detail__ttl {
    font-size: 18px;
    font-size: 4.8vw;
    padding-bottom: 1.4rem;
  }

  .info-detail__date {
    margin-top: 1.4rem;
  }

  .info-detail__content {
    margin-top: 2rem;
    padding-bottom: 4rem;
  }

  .info-detail__content h3 {
    font-size: 18px;
    font-size: 4.8vw;
    margin-top: 3rem;
  }

  .info-detail__content h4 {
    font-size: 16px;
    font-size: 4.26667vw;
    margin-top: 3rem;
  }

  .info-detail__content h5 {
    font-size: 16px;
    font-size: 4.26667vw;
    margin-top: 3rem;
  }

  .info-detail__content hr {
    padding-bottom: 2rem;
  }

  .info-detail__content ul {
    padding-left: 1rem;
  }

  .info-detail__btn {
    margin-top: 4rem;
  }

  .contact__box {
    padding: 2rem;
  }

  .contact__box__ttl {
    font-size: 1.4rem;
  }

  .contact__box__tel {
    font-size: 3rem;
    pointer-events: auto;
  }

  .contact__box__txt {
    font-size: 1.2rem;
  }

  .form__ttl-label {
    font-size: 12px;
    font-size: 3.2vw;
  }

  .form__table tr:first-child td {
    border-top: none;
  }

  .form__table th {
    display: block;
    width: 100%;
    border-bottom: none;
    margin-bottom: .6rem;
    padding: 1.4rem 1.2rem 1.4rem;
  }

  .form__table td {
    display: block;
    width: 100%;
    margin-bottom: 1.4rem;
    padding: .8rem 1.2rem 1.6rem;
  }

  .form__table input, .form__table textarea {
    width: 100%;
  }

  .form__table .postal__btn {
    display: block;
    width: 55.46667vw;
    margin-top: .8rem;
  }

  .form__table .postal small {
    display: block;
  }

  .form__table select {
    padding: 1em 3.4em 1em 1em;
  }

  .form__btn {
    margin-top: 3rem;
  }

  .form__privacy {
    margin: 0 auto 3rem;
    padding: 1.4rem 1rem;
  }

  .form__privacy span {
    display: block;
  }

  .form__thanks {
    font-size: 15px;
    font-size: 4vw;
    margin-top: 6rem;
  }

  .privacy-list {
    margin-top: 2rem;
  }

  .privacy-list__item + .privacy-list__item {
    margin-top: 3rem;
  }

  .privacy-list__ttl {
    padding: 1rem;
  }

  .privacy-list__txt {
    margin-top: 1rem;
    padding-left: 1rem;
  }

  .u-mt20 {
    margin-top: 1rem;
  }

  .u-mt30 {
    margin-top: 1.5rem;
  }

  .u-mt40 {
    margin-top: 2rem;
  }

  .u-mt50 {
    margin-top: 2.5rem;
  }

  .u-mt60 {
    margin-top: 3rem;
  }

  .u-mb20 {
    margin-bottom: 1rem;
  }

  .u-mb30 {
    margin-bottom: 1.5rem;
  }

  .u-mb40 {
    margin-bottom: 2rem;
  }

  .u-mb50 {
    margin-bottom: 2.5rem;
  }

  .u-mb60 {
    margin-bottom: 3rem;
  }
}

@media only screen and (max-width: 1024px) and (min-width: 768px) {
  .section {
    padding: 8rem 0;
  }

  .company-profile__ttl {
    width: 14rem;
  }

  .company-profile__body {
    width: calc(100% - 14rem);
  }

  .recruit-outline__ttl {
    width: 14rem;
  }

  .recruit-outline__body {
    width: calc(100% - 14rem);
  }

  .info-detail__ttl {
    font-size: 2.2rem;
  }

  .form__table th {
    width: 24rem;
  }
}

@media all and (-ms-high-contrast: none) {
  .page-content__ttl::before {
    background-image: none;
    color: #00a0e7;
  }
}
.btn1{
  text-align: left;
  margin-top: 20px;
}
.btn1 a{
  display: inline-block;
  font-size: 1.2rem;
  color: #00a0e7;
  border: 1px solid #00a0e7;
  padding: .2rem 1rem .3rem;
  margin-right: 20px;
  transition: 0.6s;
}

.btn1 a:hover{
  background: #00a0e7;
  color: white;
}