@charset "UTF-8";
/*! Lity - v2.4.1 - 2020-04-26
* http://sorgalla.com/lity/
* Copyright (c) 2015-2020 Jan Sorgalla; Licensed MIT */
.lity {
  z-index: 9990;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  white-space: nowrap;
  background: #0b0b0b;
  background: rgba(0, 0, 0, 0.9);
  outline: none !important;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}

.lity.lity-opened {
  opacity: 1;
}

.lity.lity-closed {
  opacity: 0;
}

.lity * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.lity-wrap {
  z-index: 9990;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
  outline: none !important;
}

.lity-wrap:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em;
}

.lity-loader {
  z-index: 9991;
  color: #fff;
  position: absolute;
  top: 50%;
  margin-top: -0.8em;
  width: 100%;
  text-align: center;
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}

.lity-loading .lity-loader {
  opacity: 1;
}

.lity-container {
  z-index: 9992;
  position: relative;
  text-align: left;
  vertical-align: middle;
  display: inline-block;
  white-space: normal;
  max-width: 100%;
  max-height: 100%;
  outline: none !important;
}

.lity-content {
  z-index: 9993;
  width: 100%;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  -o-transition: -o-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease, -o-transform 0.3s ease;
}

.lity-loading .lity-content,
.lity-closed .lity-content {
  -webkit-transform: scale(0.8);
  -ms-transform: scale(0.8);
  -o-transform: scale(0.8);
  transform: scale(0.8);
}

.lity-content:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}

.lity-close {
  z-index: 9994;
  width: 35px;
  height: 35px;
  position: fixed;
  right: 0;
  top: 0;
  -webkit-appearance: none;
  cursor: pointer;
  text-decoration: none;
  text-align: center;
  padding: 0;
  color: #fff;
  font-style: normal;
  font-size: 35px;
  font-family: Arial, Baskerville, monospace;
  line-height: 35px;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  border: 0;
  background: none;
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.lity-close::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.lity-close:hover,
.lity-close:focus,
.lity-close:active,
.lity-close:visited {
  text-decoration: none;
  text-align: center;
  padding: 0;
  color: #fff;
  font-style: normal;
  font-size: 35px;
  font-family: Arial, Baskerville, monospace;
  line-height: 35px;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  border: 0;
  background: none;
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.lity-close:active {
  top: 1px;
}

/* Image */
.lity-image img {
  max-width: 100%;
  display: block;
  line-height: 0;
  border: 0;
}

/* iFrame */
.lity-iframe .lity-container,
.lity-youtube .lity-container,
.lity-vimeo .lity-container,
.lity-facebookvideo .lity-container,
.lity-googlemaps .lity-container {
  width: 100%;
  max-width: 964px;
}

.lity-iframe-container {
  width: 100%;
  height: 0;
  padding-top: 56.25%;
  overflow: auto;
  pointer-events: auto;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-overflow-scrolling: touch;
}

.lity-iframe-container iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}

.lity-hide {
  display: none;
}

/*==============================

default

==============================*/
[data-inview][data-inview=anime-default] {
  opacity: 0;
  transition: opacity 0.9s;
}

[data-inview][data-inview=anime-default].anime-default {
  opacity: 1;
}

[data-inview][data-inview=anime-fadeUp] {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.5s, transform 0.5s;
}

[data-inview][data-inview=anime-fadeUp].anime-fadeUp {
  opacity: 1;
  transform: translateY(0);
}

[data-inview][data-delay="1"] {
  transition-delay: 100ms;
}

[data-inview][data-delay="2"] {
  transition-delay: 200ms;
}

[data-inview][data-delay="3"] {
  transition-delay: 300ms;
}

[data-inview][data-delay="4"] {
  transition-delay: 400ms;
}

[data-inview][data-delay="5"] {
  transition-delay: 500ms;
}

[data-inview][data-delay="6"] {
  transition-delay: 600ms;
}

[data-inview][data-delay="7"] {
  transition-delay: 700ms;
}

[data-inview][data-delay="8"] {
  transition-delay: 800ms;
}

[data-inview][data-delay="9"] {
  transition-delay: 900ms;
}

[data-inview][data-delay="10"] {
  transition-delay: 1000ms;
}

[data-inview][data-delay="11"] {
  transition-delay: 1100ms;
}

[data-inview][data-delay="12"] {
  transition-delay: 1200ms;
}

[data-inview][data-delay="13"] {
  transition-delay: 1300ms;
}

[data-inview][data-delay="14"] {
  transition-delay: 1400ms;
}

[data-inview][data-delay="15"] {
  transition-delay: 1500ms;
}

[data-inview][data-delay="16"] {
  transition-delay: 1600ms;
}

[data-inview][data-delay="17"] {
  transition-delay: 1700ms;
}

[data-inview][data-delay="18"] {
  transition-delay: 1800ms;
}

[data-inview][data-delay="19"] {
  transition-delay: 1900ms;
}

[data-inview][data-delay="20"] {
  transition-delay: 2000ms;
}

[data-inview][data-delay="21"] {
  transition-delay: 2100ms;
}

[data-inview][data-delay="22"] {
  transition-delay: 2200ms;
}

[data-inview][data-delay="23"] {
  transition-delay: 2300ms;
}

[data-inview][data-delay="24"] {
  transition-delay: 2400ms;
}

[data-inview][data-delay="25"] {
  transition-delay: 2500ms;
}

[data-inview][data-delay="26"] {
  transition-delay: 2600ms;
}

[data-inview][data-delay="27"] {
  transition-delay: 2700ms;
}

[data-inview][data-delay="28"] {
  transition-delay: 2800ms;
}

[data-inview][data-delay="29"] {
  transition-delay: 2900ms;
}

[data-inview][data-delay="30"] {
  transition-delay: 3000ms;
}

[data-inview][data-delay="31"] {
  transition-delay: 3100ms;
}

[data-inview][data-delay="32"] {
  transition-delay: 3200ms;
}

[data-inview][data-delay="33"] {
  transition-delay: 3300ms;
}

[data-inview][data-delay="34"] {
  transition-delay: 3400ms;
}

[data-inview][data-delay="35"] {
  transition-delay: 3500ms;
}

[data-inview][data-delay="36"] {
  transition-delay: 3600ms;
}

[data-inview][data-delay="37"] {
  transition-delay: 3700ms;
}

[data-inview][data-delay="38"] {
  transition-delay: 3800ms;
}

[data-inview][data-delay="39"] {
  transition-delay: 3900ms;
}

[data-inview][data-delay="40"] {
  transition-delay: 4000ms;
}

[data-inview][data-delay="41"] {
  transition-delay: 4100ms;
}

[data-inview][data-delay="42"] {
  transition-delay: 4200ms;
}

[data-inview][data-delay="43"] {
  transition-delay: 4300ms;
}

[data-inview][data-delay="44"] {
  transition-delay: 4400ms;
}

[data-inview][data-delay="45"] {
  transition-delay: 4500ms;
}

[data-inview][data-delay="46"] {
  transition-delay: 4600ms;
}

[data-inview][data-delay="47"] {
  transition-delay: 4700ms;
}

[data-inview][data-delay="48"] {
  transition-delay: 4800ms;
}

[data-inview][data-delay="49"] {
  transition-delay: 4900ms;
}

[data-inview][data-delay="50"] {
  transition-delay: 5000ms;
}

[data-inview][data-delay="51"] {
  transition-delay: 5100ms;
}

[data-inview][data-delay="52"] {
  transition-delay: 5200ms;
}

[data-inview][data-delay="53"] {
  transition-delay: 5300ms;
}

[data-inview][data-delay="54"] {
  transition-delay: 5400ms;
}

[data-inview][data-delay="55"] {
  transition-delay: 5500ms;
}

[data-inview][data-delay="56"] {
  transition-delay: 5600ms;
}

[data-inview][data-delay="57"] {
  transition-delay: 5700ms;
}

[data-inview][data-delay="58"] {
  transition-delay: 5800ms;
}

[data-inview][data-delay="59"] {
  transition-delay: 5900ms;
}

[data-inview][data-delay="60"] {
  transition-delay: 6000ms;
}

[data-inview][data-delay="61"] {
  transition-delay: 6100ms;
}

[data-inview][data-delay="62"] {
  transition-delay: 6200ms;
}

[data-inview][data-delay="63"] {
  transition-delay: 6300ms;
}

[data-inview][data-delay="64"] {
  transition-delay: 6400ms;
}

[data-inview][data-delay="65"] {
  transition-delay: 6500ms;
}

[data-inview][data-delay="66"] {
  transition-delay: 6600ms;
}

[data-inview][data-delay="67"] {
  transition-delay: 6700ms;
}

[data-inview][data-delay="68"] {
  transition-delay: 6800ms;
}

[data-inview][data-delay="69"] {
  transition-delay: 6900ms;
}

[data-inview][data-delay="70"] {
  transition-delay: 7000ms;
}

[data-inview][data-delay="71"] {
  transition-delay: 7100ms;
}

[data-inview][data-delay="72"] {
  transition-delay: 7200ms;
}

[data-inview][data-delay="73"] {
  transition-delay: 7300ms;
}

[data-inview][data-delay="74"] {
  transition-delay: 7400ms;
}

[data-inview][data-delay="75"] {
  transition-delay: 7500ms;
}

[data-inview][data-delay="76"] {
  transition-delay: 7600ms;
}

[data-inview][data-delay="77"] {
  transition-delay: 7700ms;
}

[data-inview][data-delay="78"] {
  transition-delay: 7800ms;
}

[data-inview][data-delay="79"] {
  transition-delay: 7900ms;
}

[data-inview][data-delay="80"] {
  transition-delay: 8000ms;
}

[data-inview][data-delay="81"] {
  transition-delay: 8100ms;
}

[data-inview][data-delay="82"] {
  transition-delay: 8200ms;
}

[data-inview][data-delay="83"] {
  transition-delay: 8300ms;
}

[data-inview][data-delay="84"] {
  transition-delay: 8400ms;
}

[data-inview][data-delay="85"] {
  transition-delay: 8500ms;
}

[data-inview][data-delay="86"] {
  transition-delay: 8600ms;
}

[data-inview][data-delay="87"] {
  transition-delay: 8700ms;
}

[data-inview][data-delay="88"] {
  transition-delay: 8800ms;
}

[data-inview][data-delay="89"] {
  transition-delay: 8900ms;
}

[data-inview][data-delay="90"] {
  transition-delay: 9000ms;
}

[data-inview][data-delay="91"] {
  transition-delay: 9100ms;
}

[data-inview][data-delay="92"] {
  transition-delay: 9200ms;
}

[data-inview][data-delay="93"] {
  transition-delay: 9300ms;
}

[data-inview][data-delay="94"] {
  transition-delay: 9400ms;
}

[data-inview][data-delay="95"] {
  transition-delay: 9500ms;
}

[data-inview][data-delay="96"] {
  transition-delay: 9600ms;
}

[data-inview][data-delay="97"] {
  transition-delay: 9700ms;
}

[data-inview][data-delay="98"] {
  transition-delay: 9800ms;
}

[data-inview][data-delay="99"] {
  transition-delay: 9900ms;
}

[data-inview][data-speed="1"] {
  transition-duration: 100ms;
}

[data-inview][data-speed="2"] {
  transition-duration: 200ms;
}

[data-inview][data-speed="3"] {
  transition-duration: 300ms;
}

[data-inview][data-speed="4"] {
  transition-duration: 400ms;
}

[data-inview][data-speed="5"] {
  transition-duration: 500ms;
}

[data-inview][data-speed="6"] {
  transition-duration: 600ms;
}

[data-inview][data-speed="7"] {
  transition-duration: 700ms;
}

[data-inview][data-speed="8"] {
  transition-duration: 800ms;
}

[data-inview][data-speed="9"] {
  transition-duration: 900ms;
}

[data-inview][data-speed="10"] {
  transition-duration: 1000ms;
}

[data-inview][data-speed="11"] {
  transition-duration: 1100ms;
}

[data-inview][data-speed="12"] {
  transition-duration: 1200ms;
}

[data-inview][data-speed="13"] {
  transition-duration: 1300ms;
}

[data-inview][data-speed="14"] {
  transition-duration: 1400ms;
}

[data-inview][data-speed="15"] {
  transition-duration: 1500ms;
}

[data-inview][data-speed="16"] {
  transition-duration: 1600ms;
}

[data-inview][data-speed="17"] {
  transition-duration: 1700ms;
}

[data-inview][data-speed="18"] {
  transition-duration: 1800ms;
}

[data-inview][data-speed="19"] {
  transition-duration: 1900ms;
}

[data-inview][data-speed="20"] {
  transition-duration: 2000ms;
}

[data-inview][data-speed="21"] {
  transition-duration: 2100ms;
}

[data-inview][data-speed="22"] {
  transition-duration: 2200ms;
}

[data-inview][data-speed="23"] {
  transition-duration: 2300ms;
}

[data-inview][data-speed="24"] {
  transition-duration: 2400ms;
}

[data-inview][data-speed="25"] {
  transition-duration: 2500ms;
}

[data-inview][data-speed="26"] {
  transition-duration: 2600ms;
}

[data-inview][data-speed="27"] {
  transition-duration: 2700ms;
}

[data-inview][data-speed="28"] {
  transition-duration: 2800ms;
}

[data-inview][data-speed="29"] {
  transition-duration: 2900ms;
}

[data-inview][data-speed="30"] {
  transition-duration: 3000ms;
}

[data-inview][data-speed="31"] {
  transition-duration: 3100ms;
}

[data-inview][data-speed="32"] {
  transition-duration: 3200ms;
}

[data-inview][data-speed="33"] {
  transition-duration: 3300ms;
}

[data-inview][data-speed="34"] {
  transition-duration: 3400ms;
}

[data-inview][data-speed="35"] {
  transition-duration: 3500ms;
}

[data-inview][data-speed="36"] {
  transition-duration: 3600ms;
}

[data-inview][data-speed="37"] {
  transition-duration: 3700ms;
}

[data-inview][data-speed="38"] {
  transition-duration: 3800ms;
}

[data-inview][data-speed="39"] {
  transition-duration: 3900ms;
}

[data-inview][data-speed="40"] {
  transition-duration: 4000ms;
}

[data-inview][data-speed="41"] {
  transition-duration: 4100ms;
}

[data-inview][data-speed="42"] {
  transition-duration: 4200ms;
}

[data-inview][data-speed="43"] {
  transition-duration: 4300ms;
}

[data-inview][data-speed="44"] {
  transition-duration: 4400ms;
}

[data-inview][data-speed="45"] {
  transition-duration: 4500ms;
}

[data-inview][data-speed="46"] {
  transition-duration: 4600ms;
}

[data-inview][data-speed="47"] {
  transition-duration: 4700ms;
}

[data-inview][data-speed="48"] {
  transition-duration: 4800ms;
}

[data-inview][data-speed="49"] {
  transition-duration: 4900ms;
}

[data-inview][data-speed="50"] {
  transition-duration: 5000ms;
}

[data-inview][data-speed="51"] {
  transition-duration: 5100ms;
}

[data-inview][data-speed="52"] {
  transition-duration: 5200ms;
}

[data-inview][data-speed="53"] {
  transition-duration: 5300ms;
}

[data-inview][data-speed="54"] {
  transition-duration: 5400ms;
}

[data-inview][data-speed="55"] {
  transition-duration: 5500ms;
}

[data-inview][data-speed="56"] {
  transition-duration: 5600ms;
}

[data-inview][data-speed="57"] {
  transition-duration: 5700ms;
}

[data-inview][data-speed="58"] {
  transition-duration: 5800ms;
}

[data-inview][data-speed="59"] {
  transition-duration: 5900ms;
}

[data-inview][data-speed="60"] {
  transition-duration: 6000ms;
}

[data-inview][data-speed="61"] {
  transition-duration: 6100ms;
}

[data-inview][data-speed="62"] {
  transition-duration: 6200ms;
}

[data-inview][data-speed="63"] {
  transition-duration: 6300ms;
}

[data-inview][data-speed="64"] {
  transition-duration: 6400ms;
}

[data-inview][data-speed="65"] {
  transition-duration: 6500ms;
}

[data-inview][data-speed="66"] {
  transition-duration: 6600ms;
}

[data-inview][data-speed="67"] {
  transition-duration: 6700ms;
}

[data-inview][data-speed="68"] {
  transition-duration: 6800ms;
}

[data-inview][data-speed="69"] {
  transition-duration: 6900ms;
}

[data-inview][data-speed="70"] {
  transition-duration: 7000ms;
}

[data-inview][data-speed="71"] {
  transition-duration: 7100ms;
}

[data-inview][data-speed="72"] {
  transition-duration: 7200ms;
}

[data-inview][data-speed="73"] {
  transition-duration: 7300ms;
}

[data-inview][data-speed="74"] {
  transition-duration: 7400ms;
}

[data-inview][data-speed="75"] {
  transition-duration: 7500ms;
}

[data-inview][data-speed="76"] {
  transition-duration: 7600ms;
}

[data-inview][data-speed="77"] {
  transition-duration: 7700ms;
}

[data-inview][data-speed="78"] {
  transition-duration: 7800ms;
}

[data-inview][data-speed="79"] {
  transition-duration: 7900ms;
}

[data-inview][data-speed="80"] {
  transition-duration: 8000ms;
}

[data-inview][data-speed="81"] {
  transition-duration: 8100ms;
}

[data-inview][data-speed="82"] {
  transition-duration: 8200ms;
}

[data-inview][data-speed="83"] {
  transition-duration: 8300ms;
}

[data-inview][data-speed="84"] {
  transition-duration: 8400ms;
}

[data-inview][data-speed="85"] {
  transition-duration: 8500ms;
}

[data-inview][data-speed="86"] {
  transition-duration: 8600ms;
}

[data-inview][data-speed="87"] {
  transition-duration: 8700ms;
}

[data-inview][data-speed="88"] {
  transition-duration: 8800ms;
}

[data-inview][data-speed="89"] {
  transition-duration: 8900ms;
}

[data-inview][data-speed="90"] {
  transition-duration: 9000ms;
}

[data-inview][data-speed="91"] {
  transition-duration: 9100ms;
}

[data-inview][data-speed="92"] {
  transition-duration: 9200ms;
}

[data-inview][data-speed="93"] {
  transition-duration: 9300ms;
}

[data-inview][data-speed="94"] {
  transition-duration: 9400ms;
}

[data-inview][data-speed="95"] {
  transition-duration: 9500ms;
}

[data-inview][data-speed="96"] {
  transition-duration: 9600ms;
}

[data-inview][data-speed="97"] {
  transition-duration: 9700ms;
}

[data-inview][data-speed="98"] {
  transition-duration: 9800ms;
}

[data-inview][data-speed="99"] {
  transition-duration: 9900ms;
}

/*==================================================

lity

==================================================*/
.lity.lity-opened {
  z-index: 999999;
}

.lity.lity-opened.lity-youtube .lity-wrap .lity-container {
  width: 92%;
}

.lity.lity-opened.lity-youtube .lity-wrap .lity-container .lity-close {
  position: absolute;
  top: -35px;
}

/*==================================================

common style

==================================================*/
#main .office-omzin_wrapper {
  overflow-x: hidden;
  background: #1B2387;
  padding-bottom: 100px;
}

#main .office-omzin_wrapper * {
  color: #1B2387;
  font-weight: 500;
  line-height: 1.75;
}

#main .office-omzin_wrapper * img {
  width: 100%;
  max-width: 100%;
  height: auto;
}

#main .office-omzin_wrapper * p,
#main .office-omzin_wrapper * span,
#main .office-omzin_wrapper * a {
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
}

#main .office-omzin_wrapper * picture {
  height: 100%;
  min-height: 100%;
  display: inline-block;
}

@media (max-width: 979px) {
  #main .office-omzin_wrapper {
    margin-top: 40px;
  }
}
@media (max-width: 767px) {
  #main .office-omzin_wrapper {
    margin-top: 0;
    padding-bottom: 60px;
  }
}
#main .office-omzin_wrapper .omz-inner {
  width: 92%;
  max-width: 1150px;
  margin: 100px auto 0;
}

@media (max-width: 767px) {
  #main .office-omzin_wrapper .omz-inner {
    margin-top: 80px;
  }
}
#main .office-omzin_wrapper .omz-ttl {
  margin-bottom: 20px;
  text-align: center;
}

#main .office-omzin_wrapper .omz-ttl__logo {
  width: 180px;
  display: inline-block;
}

@media (max-width: 767px) {
  #main .office-omzin_wrapper .omz-ttl__logo {
    width: 145px;
    margin: 0 auto 10px;
    display: block;
  }
}
#main .office-omzin_wrapper .omz-ttl__txt {
  color: #ffffff;
  font-size: 32px;
  font-weight: 600;
  letter-spacing: 0.04em;
}

@media (max-width: 767px) {
  #main .office-omzin_wrapper .omz-ttl__txt {
    font-size: 28px;
  }
}
#main .office-omzin_wrapper .omz-ttl--logo .omz-ttl__txt {
  padding-left: 0.5em;
  vertical-align: baseline;
  position: relative;
  bottom: 0.25em;
}

@media (max-width: 767px) {
  #main .office-omzin_wrapper .omz-ttl--logo .omz-ttl__txt {
    padding-left: 0;
  }
}
#main .office-omzin_wrapper .omz-ttl--underline {
  color: #ffffff;
  border-bottom: solid 2px #ffffff;
  margin-bottom: 40px;
  padding-bottom: 10px;
}

@media (max-width: 767px) {
  #main .office-omzin_wrapper .omz-ttl--underline {
    border-bottom: none;
    position: relative;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #main .office-omzin_wrapper .omz-ttl--underline::after {
    content: "";
    width: 100vw;
    height: 2px;
    background: #ffffff;
    margin: 0 calc(50% - 50vw);
    display: block;
    position: absolute;
    bottom: -10px;
    left: 0;
  }
}
#main .office-omzin_wrapper .omz-content {
  background: #ffffff;
  position: relative;
}

#main .office-omzin_wrapper .omz-content::before, #main .office-omzin_wrapper .omz-content::after {
  content: "";
  position: absolute;
}

#main .office-omzin_wrapper .omz-content::before {
  width: calc(100% - 30px);
  height: 8px;
  background: #E40012;
  top: -8px;
  right: 0;
}

#main .office-omzin_wrapper .omz-content::after {
  width: 40px;
  height: 16px;
  display: block;
  background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 40 16%22 fill=%22%23E40012%22%3E%3Cpath d=%22M1.52,16H40V8L19.97,8c-1.32,0-2.01-1.58-1.11-2.55l2.42-2.54c0.9-0.97,0.22-2.55-1.11-2.55l-6.84,0c-0.42,0-0.82,0.17-1.11,0.48L0.41,13.45C-0.49,14.42,0.19,16,1.52,16z%22/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  top: -16px;
  left: 0;
}

#main .office-omzin_wrapper .omz-heading {
  margin-bottom: 30px;
  text-align: center;
}

#main .office-omzin_wrapper .omz-heading__txtWrap {
  padding: 0.5em 1.25em;
  font-size: 32px;
  font-weight: 600;
  letter-spacing: 0.04em;
  display: inline-block;
  position: relative;
}

@media (max-width: 767px) {
  #main .office-omzin_wrapper .omz-heading__txtWrap {
    padding: 1em;
    font-size: 24px;
    line-height: 1.5;
  }
}
#main .office-omzin_wrapper .omz-heading__txtWrap::before, #main .office-omzin_wrapper .omz-heading__txtWrap::after {
  content: "";
  width: 35px;
  height: 35px;
  display: inline-block;
  position: absolute;
}

#main .office-omzin_wrapper .omz-heading__txtWrap::before {
  border-top: solid 4px #1B2387;
  border-left: solid 4px #1B2387;
  top: 0;
  left: 0;
}

#main .office-omzin_wrapper .omz-heading__txtWrap::after {
  border-right: solid 4px #E40012;
  border-bottom: solid 4px #E40012;
  right: 0;
  bottom: 0;
}

#main .office-omzin_wrapper .omz-heading__txt {
  display: inline-block;
}

#main .office-omzin_wrapper .omz-txt {
  font-size: 16px;
}

@media (max-width: 767px) {
  #main .office-omzin_wrapper .omz-txt {
    font-size: 14px;
  }
}
#main .office-omzin_wrapper .omz-br {
  display: block;
}

@media (min-width: 768px) {
  #main .office-omzin_wrapper .omz-br--pc {
    display: block;
  }
}
@media (max-width: 767px) {
  #main .office-omzin_wrapper .omz-br--sp {
    display: block;
  }
}
#main .office-omzin_wrapper .omz-ib {
  display: inline-block;
}

/*==================================================

kv

==================================================*/
#main .office-omzin_wrapper .kv {
  margin-bottom: 60px;
  position: relative;
}

#main .office-omzin_wrapper .kv::before, #main .office-omzin_wrapper .kv::after {
  content: "";
  width: 140px;
  height: auto;
  aspect-ratio: 7/6;
  position: absolute;
  z-index: 2;
}

@media (max-width: 767px) {
  #main .office-omzin_wrapper .kv::before, #main .office-omzin_wrapper .kv::after {
    width: 96px;
  }
}
#main .office-omzin_wrapper .kv::before {
  display: block;
  background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 140 120%22%3E%3Crect x=%22100%22 fill=%22%23FFFFFF%22 width=%2240%22 height=%2290%22/%3E%3Cpolygon fill=%22%23E40012%22 points=%22105,120 140,120 140,44 105,82%22/%3E%3Cpath fill=%22%231B2387%22 d=%22M0,0v35h62.65c5.79,0,8.79,6.91,4.84,11.14L56.9,57.26c-3.95,4.23-0.95,11.14,4.84,11.14h29.93c1.83,0,3.59-0.76,4.84-2.1L140,19.89V0H0z%22/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  top: 0;
  right: 0;
}

#main .office-omzin_wrapper .kv::after {
  display: block;
  background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 140 120%22%3E%3Crect x=%220%22 y=%2230%22 fill=%22%23FFFFFF%22 width=%2240%22 height=%2290%22/%3E%3Cpolygon fill=%22%231B2387%22 points=%2235,0 0,0 0,76 35,38%22/%3E%3Cpath fill=%22%23E40012%22 d=%22M140,85H77.35c-5.79,0-8.79-6.91-4.84-11.14L83.1,62.74c3.95-4.23,0.95-11.14-4.84-11.14H48.34c-1.83,0-3.59,0.76-4.84,2.1L0,100.11V120h140V85z%22/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  bottom: 0;
  left: 0;
}

#main .office-omzin_wrapper .kv__img {
  width: 100%;
  border: solid 35px #1B2387;
  border-right-color: #E40012;
  border-bottom-color: #E40012;
  background: #ffffff;
  padding: 40px 20px;
  text-align: center;
}

@media (min-width: 768px) {
  #main .office-omzin_wrapper .kv__img {
    height: calc(100dvh - 100px);
  }
}
@media (max-width: 767px) {
  #main .office-omzin_wrapper .kv__img {
    border-width: 24px;
    padding: 0;
  }
}
#main .office-omzin_wrapper .kv__img picture img {
  width: auto;
  height: 100%;
  object-fit: contain;
}

@media (max-width: 767px) {
  #main .office-omzin_wrapper .kv__img picture img {
    width: 100%;
    height: auto;
  }
}
/*==================================================

loop

==================================================*/
#main .office-omzin_wrapper .loop {
  width: 100vw;
  display: flex;
  overflow-x: hidden;
}

@media (max-width: 767px) {
  #main .office-omzin_wrapper .loop {
    width: 200vw;
  }
}
#main .office-omzin_wrapper .loop picture {
  min-width: 100%;
}

#main .office-omzin_wrapper .loop picture:nth-child(1) {
  animation: loop01 100s -50s linear infinite;
}

#main .office-omzin_wrapper .loop picture:nth-child(2) {
  animation: loop02 100s linear infinite;
}

@keyframes loop01 {
  0% {
    transform: translateX(100%);
  }
  to {
    transform: translateX(-100%);
  }
}
@keyframes loop02 {
  0% {
    transform: translateX(0);
  }
  to {
    transform: translateX(-200%);
  }
}
/*==================================================

about

==================================================*/
#main .office-omzin_wrapper .about .omz-content {
  padding: 80px 8.2608695652%;
}

@media (max-width: 767px) {
  #main .office-omzin_wrapper .about .omz-content {
    padding: 40px 5.7971014493%;
  }
}
#main .office-omzin_wrapper .about .omz-txt {
  text-align: center;
}

@media (max-width: 767px) {
  #main .office-omzin_wrapper .about .omz-txt {
    text-align: left;
  }
}
#main .office-omzin_wrapper .about__movie__heading {
  margin: 60px 0 1.5em;
  font-size: 28px;
  font-weight: 600;
  text-align: center;
}

@media (max-width: 767px) {
  #main .office-omzin_wrapper .about__movie__heading {
    font-size: 24px;
  }
}
#main .office-omzin_wrapper .about__movie__heading__sub {
  margin-bottom: 0.5em;
  font-size: 0.6em;
  display: inline-block;
  position: relative;
}

@media (max-width: 767px) {
  #main .office-omzin_wrapper .about__movie__heading__sub {
    font-size: 0.75em;
  }
}
#main .office-omzin_wrapper .about__movie__heading__sub::before, #main .office-omzin_wrapper .about__movie__heading__sub::after {
  content: "";
  width: 1px;
  height: 2em;
  background: #1B2387;
  display: inline-block;
  position: absolute;
  top: 50%;
}

#main .office-omzin_wrapper .about__movie__heading__sub::before {
  left: -0.75em;
  transform: rotate(-20deg) translateY(-50%);
}

#main .office-omzin_wrapper .about__movie__heading__sub::after {
  right: -0.5em;
  transform: rotate(20deg) translateY(-50%);
}

#main .office-omzin_wrapper .about__movie__heading__txt {
  display: block;
}

@media (max-width: 767px) {
  #main .office-omzin_wrapper .about__movie__heading__txt {
    line-height: 1.5;
  }
}
#main .office-omzin_wrapper .about__movie__list {
  display: flex;
  gap: 0 6.25%;
}

@media (max-width: 767px) {
  #main .office-omzin_wrapper .about__movie__list {
    max-width: 560px;
    margin: 0 auto;
    padding: 0 3.2786885246%;
    flex-direction: column;
    gap: 40px 0;
  }
}
#main .office-omzin_wrapper .about__movie__thumb {
  display: block;
  position: relative;
}

#main .office-omzin_wrapper .about__movie__thumb::before, #main .office-omzin_wrapper .about__movie__thumb::after {
  content: "";
  width: 35px;
  height: 35px;
  display: block;
  position: absolute;
}

#main .office-omzin_wrapper .about__movie__thumb::before {
  border-top: solid 4px #1B2387;
  border-left: solid 4px #1B2387;
  top: -12px;
  left: -12px;
}

#main .office-omzin_wrapper .about__movie__thumb::after {
  border-right: solid 4px #E40012;
  border-bottom: solid 4px #E40012;
  right: -12px;
  bottom: -12px;
}

#main .office-omzin_wrapper .about__movie__thumb picture {
  display: inline-block;
  position: relative;
  transition: opacity 0.3s;
}

#main .office-omzin_wrapper .about__movie__thumb picture::after {
  content: "";
  display: block;
  background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 39 39%22 fill=%22%23FFFFFF%22%3E%3Cpolygon points=%2229,19.5 14,11 14,28%22/%3E%3Cpath d=%22M19.5,39C8.75,39,0,30.25,0,19.5S8.75,0,19.5,0S39,8.75,39,19.5S30.25,39,19.5,39z M19.5,2C9.85,2,2,9.85,2,19.5S9.85,37,19.5,37S37,29.15,37,19.5S29.15,2,19.5,2z%22/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  width: 40px;
  height: 40px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

@media (max-width: 767px) {
  #main .office-omzin_wrapper .about__movie__thumb picture::after {
    width: 60px;
    height: 60px;
  }
}
#main .office-omzin_wrapper .about__movie__thumb:hover picture {
  opacity: 0.6;
}

#main .office-omzin_wrapper .about__movie__txt {
  margin-top: 1em;
  font-size: 16px;
  font-weight: 600;
  text-align: center;
}

@media (max-width: 767px) {
  #main .office-omzin_wrapper .about__movie__txt {
    margin-top: 10px;
    font-size: 20px;
  }
}
/*==================================================

recommend

==================================================*/
#main .office-omzin_wrapper .recommend {
  margin-bottom: 90px;
}

#main .office-omzin_wrapper .recommend__wrap {
  margin-right: 6.9565217391%;
  padding: 40px 6.9565217391% 80px;
  background: #ffffff;
  border: solid 8px #1B2387;
  border-right-color: #E40012;
  border-bottom-color: #E40012;
  box-shadow: 10px 10px 10px 0 rgba(0, 0, 0, 0.3);
  display: flex;
  gap: 0 3.738317757%;
}

@media (max-width: 767px) {
  #main .office-omzin_wrapper .recommend__wrap {
    padding: 30px 6.9565217391% 60px;
    flex-direction: column;
  }
}
#main .office-omzin_wrapper .recommend__wrap:nth-child(odd) {
  margin-right: 0;
  margin-left: 6.9565217391%;
}

#main .office-omzin_wrapper .recommend__wrap:not(:first-of-type) {
  margin-top: -30px;
}

#main .office-omzin_wrapper .recommend__point {
  width: 9.3333333333vw;
  max-width: 116px;
  flex-shrink: 0;
}

@media (max-width: 767px) {
  #main .office-omzin_wrapper .recommend__point {
    width: 90px;
    max-width: none;
    margin: 0 auto;
  }
}
#main .office-omzin_wrapper .recommend__dtl__ttl {
  margin: 15px 0 0.5em;
  color: #E40012;
  font-size: 24px;
  font-weight: 600;
}

@media (max-width: 767px) {
  #main .office-omzin_wrapper .recommend__dtl__ttl {
    font-size: 20px;
    text-align: center;
  }
}
#main .office-omzin_wrapper .recommend__dtl__box {
  display: flex;
}

@media (max-width: 767px) {
  #main .office-omzin_wrapper .recommend__dtl__box {
    flex-direction: column;
  }
}
#main .office-omzin_wrapper .recommend__dtl__img {
  width: 46.9798657718%;
  margin-left: 4.0268456376%;
  display: flex;
  gap: 0 10px;
  flex-shrink: 0;
}

@media (max-width: 767px) {
  #main .office-omzin_wrapper .recommend__dtl__img {
    width: 100%;
    margin: 20px 0 0;
  }
}
/*==================================================

pattern

==================================================*/
#main .office-omzin_wrapper .pattern .omz-content {
  padding: 60px 5.2173913043%;
}

@media (max-width: 767px) {
  #main .office-omzin_wrapper .pattern .omz-content {
    padding: 40px 5.7971014493%;
  }
}
#main .office-omzin_wrapper .pattern__wrap {
  margin-bottom: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0 1.9417475728%;
}

@media (max-width: 767px) {
  #main .office-omzin_wrapper .pattern__wrap {
    margin-bottom: 20px;
    display: grid;
  }
}
#main .office-omzin_wrapper .pattern__wrap .itemImg {
  order: 2;
  width: 49.5652173913%;
  min-width: 360px;
  max-width: 570px;
}

@media (max-width: 767px) {
  #main .office-omzin_wrapper .pattern__wrap .itemImg {
    width: 100%;
    min-width: auto;
    max-width: none;
    grid-row: 1/2;
    grid-column: 1/3;
  }
}
#main .office-omzin_wrapper .pattern__wrap .itemFreezer {
  order: 1;
}

@media (max-width: 767px) {
  #main .office-omzin_wrapper .pattern__wrap .itemFreezer {
    grid-row: 2/3;
    grid-column: 1/2;
    margin-left: auto;
    margin-right: 5.3333333333vw;
  }
}
#main .office-omzin_wrapper .pattern__wrap .itemFridge {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  order: 3;
}

@media (max-width: 767px) {
  #main .office-omzin_wrapper .pattern__wrap .itemFridge {
    grid-row: 2/3;
    grid-column: 2/3;
    align-items: flex-start;
    margin-left: 5.3333333333vw;
  }
}
#main .office-omzin_wrapper .pattern__wrap .itemFridge::before {
  background-image: url("../media/images/business/omzin/sp/pattern_spec_arrow_02.png");
}

#main .office-omzin_wrapper .pattern__img {
  margin-top: auto;
}

@media (max-width: 767px) {
  #main .office-omzin_wrapper .pattern__dtl {
    margin-top: 5.3333333333vw;
    position: relative;
  }

  #main .office-omzin_wrapper .pattern__dtl::before {
    content: "";
    background: url("../media/images/business/omzin/sp/pattern_spec_arrow_01.png") no-repeat left bottom/contain;
    width: 15.4666666667vw;
    height: 20vw;
    display: block;
    position: absolute;
    top: -12vw;
    left: -4vw;
  }

  #main .office-omzin_wrapper .pattern__dtl::after {
    content: "";
    width: 0.4vw;
    height: calc(100% - 8vw);
    background: #1B2387;
    display: block;
    position: absolute;
    bottom: 0;
    left: -4vw;
  }
}
#main .office-omzin_wrapper .pattern__dtl__type {
  background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 136 127%22 fill=%22%2300A9CD%22%3E%3Cpath d=%22M127.97,54.85c9.92,4.76,9.92,12.54,0,17.29L18.03,124.85C8.12,129.61,0,124.5,0,113.5l0-100C0,2.5,8.12-2.61,18.03,2.15L127.97,54.85z%22/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  width: 5.5em;
  height: 5em;
  margin-bottom: 15px;
  padding-left: 0.5em;
  font-size: clamp(16px, 1.6vw, 24px);
  min-height: 0vw;
  /* Safariのclamp対策 */
  letter-spacing: 0.08em;
  display: flex;
  align-items: center;
}

@media (max-width: 767px) {
  #main .office-omzin_wrapper .pattern__dtl__type {
    margin-bottom: 4vw;
    font-size: clamp(18px, 4.8vw, 26px);
    transform: rotate(-90deg) scale(1, 1.13);
  }
}
@media (max-width: 767px) {
  #main .office-omzin_wrapper .pattern__dtl__type span {
    padding-top: 1em;
    transform: rotate(90deg) scale(0.885, 1);
  }
}
#main .office-omzin_wrapper .pattern__dtl__type--fridge {
  background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 136 127%22 fill=%22%230059d0%22%3E%3Cpath d=%22M127.97,54.85c9.92,4.76,9.92,12.54,0,17.29L18.03,124.85C8.12,129.61,0,124.5,0,113.5l0-100C0,2.5,8.12-2.61,18.03,2.15L127.97,54.85z%22/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  transform: scale(-1, 1);
}

@media (max-width: 767px) {
  #main .office-omzin_wrapper .pattern__dtl__type--fridge {
    transform: rotate(-90deg) scale(1, 1.13);
  }
}
#main .office-omzin_wrapper .pattern__dtl__type--fridge span {
  transform: scale(-1, 1);
}

@media (max-width: 767px) {
  #main .office-omzin_wrapper .pattern__dtl__type--fridge span {
    transform: rotate(90deg) scale(0.885, 1);
  }
}
#main .office-omzin_wrapper .pattern__dtl__type span {
  color: #ffffff;
}

#main .office-omzin_wrapper .pattern__dtl__spec {
  padding-right: 20px;
  font-size: clamp(12px, 1.06667vw, 16px);
  min-height: 0vw;
  /* Safariのclamp対策 */
  position: relative;
}

@media (max-width: 767px) {
  #main .office-omzin_wrapper .pattern__dtl__spec {
    padding: 0;
    font-size: clamp(15px, 4vw, 20px);
  }
}
#main .office-omzin_wrapper .pattern__dtl__spec::before {
  content: "";
  width: 1.5px;
  height: 100%;
  background: #1B2387;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
}

@media (max-width: 767px) {
  #main .office-omzin_wrapper .pattern__dtl__spec::before {
    display: none;
  }
}
#main .office-omzin_wrapper .pattern__dtl__spec::after {
  content: "";
  background: url("../media/images/business/omzin/pc/pattern_spec_arrow_01.png") no-repeat left top/contain;
  width: 4.6666666667vw;
  max-width: 70px;
  height: 3.3333333333vw;
  max-height: 50px;
  display: block;
  position: absolute;
  top: 50%;
  right: 1px;
  transform: translate(100%, -50%);
}

@media (max-width: 767px) {
  #main .office-omzin_wrapper .pattern__dtl__spec::after {
    display: none;
  }
}
#main .office-omzin_wrapper .pattern__dtl__spec--fridge {
  padding: 0 0 0 20px;
}

@media (max-width: 767px) {
  #main .office-omzin_wrapper .pattern__dtl__spec--fridge {
    padding: 0;
  }
}
#main .office-omzin_wrapper .pattern__dtl__spec--fridge::before {
  right: auto;
  left: 0;
}

#main .office-omzin_wrapper .pattern__dtl__spec--fridge::after {
  background-image: url("../media/images/business/omzin/pc/pattern_spec_arrow_02.png");
  left: 1px;
  transform: translate(-100%, -50%);
}

#main .office-omzin_wrapper .pattern__dtl__spec li:not(:last-child) {
  margin-bottom: 1em;
}

#main .office-omzin_wrapper .pattern__notice {
  text-align: center;
}

#main .office-omzin_wrapper .pattern__notice__txt {
  padding: 0.5em 2em 0.5em 3em;
  background: #1B2387;
  border-radius: 1.5em;
  color: #ffffff;
  font-size: 16px;
  letter-spacing: 0.08em;
}

@media (max-width: 767px) {
  #main .office-omzin_wrapper .pattern__notice__txt {
    width: 100%;
    padding: 1em 0.5em;
    border-radius: 10px;
    font-size: 14px;
    display: inline-block;
  }
}
/*==================================================

solution

==================================================*/
#main .office-omzin_wrapper .solution .omz-content {
  padding: 80px 3.0434782609%;
}

@media (max-width: 767px) {
  #main .office-omzin_wrapper .solution .omz-content {
    padding: 40px 5.7971014493%;
  }
}
#main .office-omzin_wrapper .solution__wrap {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-row-gap: 40px;
}

@media (max-width: 767px) {
  #main .office-omzin_wrapper .solution__wrap {
    max-width: 400px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 20px 0;
  }
}
#main .office-omzin_wrapper .solution__wrap .itemVoiceTtl {
  grid-row: 2/3;
  grid-column: 3/5;
  margin: auto 20px;
}

@media (max-width: 767px) {
  #main .office-omzin_wrapper .solution__wrap .itemVoiceTtl {
    order: 0;
    margin: 0 6.5573770492% 0;
  }
}
#main .office-omzin_wrapper .solution__wrap .itemVoice01 {
  grid-row: 1/2;
  grid-column: 1/4;
  padding-left: 9.2592592593%;
}

@media (max-width: 767px) {
  #main .office-omzin_wrapper .solution__wrap .itemVoice01 {
    order: 1;
    padding-left: 0;
  }
}
#main .office-omzin_wrapper .solution__wrap .itemVoice01 .solution__voice__txt {
  font-size: clamp(16px, 1.33333vw, 20px);
  min-height: 0vw;
  /* Safariのclamp対策 */
}

@media (max-width: 767px) {
  #main .office-omzin_wrapper .solution__wrap .itemVoice01 .solution__voice__txt {
    font-size: clamp(16px, 4.26667vw, 20px);
  }
}
#main .office-omzin_wrapper .solution__wrap .itemVoice02 {
  grid-row: 1/2;
  grid-column: 4/7;
  padding-right: 9.2592592593%;
}

@media (max-width: 767px) {
  #main .office-omzin_wrapper .solution__wrap .itemVoice02 {
    order: 2;
    padding-right: 0;
  }
}
#main .office-omzin_wrapper .solution__wrap .itemVoice02 .solution__voice__txt {
  font-size: clamp(16px, 1.33333vw, 20px);
  min-height: 0vw;
  /* Safariのclamp対策 */
}

@media (max-width: 767px) {
  #main .office-omzin_wrapper .solution__wrap .itemVoice02 .solution__voice__txt {
    font-size: clamp(16px, 4.26667vw, 20px);
  }
}
#main .office-omzin_wrapper .solution__wrap .itemVoice02 .solution__voice__txt::before {
  display: block;
  background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 46 34%22 fill=%22%23E40012%22%3E%3Cpolygon points=%2232,12 32,0 14,0 14,12 0,12 23,34 46,12%22/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
}

#main .office-omzin_wrapper .solution__wrap .itemVoice02 .solution__voice__txt::after {
  background-color: #E40012;
}

#main .office-omzin_wrapper .solution__wrap .itemVoice03 {
  grid-row: 2/3;
  grid-column: 1/3;
}

@media (max-width: 767px) {
  #main .office-omzin_wrapper .solution__wrap .itemVoice03 {
    order: 6;
  }
}
#main .office-omzin_wrapper .solution__wrap .itemVoice03 .solution__voice__txt::before {
  display: block;
  background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 46 34%22 fill=%22%23E40012%22%3E%3Cpolygon points=%2232,12 32,0 14,0 14,12 0,12 23,34 46,12%22/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
}

#main .office-omzin_wrapper .solution__wrap .itemVoice03 .solution__voice__txt::after {
  background-color: #E40012;
}

#main .office-omzin_wrapper .solution__wrap .itemVoice04 {
  grid-row: 2/3;
  grid-column: 5/7;
}

@media (max-width: 767px) {
  #main .office-omzin_wrapper .solution__wrap .itemVoice04 {
    order: 3;
  }
}
#main .office-omzin_wrapper .solution__wrap .itemVoice05 {
  grid-row: 3/4;
  grid-column: 1/4;
  width: 63.8888888889%;
  margin: 0 4.6296296296% 0 auto;
}

@media (max-width: 767px) {
  #main .office-omzin_wrapper .solution__wrap .itemVoice05 {
    order: 5;
    width: 100%;
    margin: 0;
  }
}
#main .office-omzin_wrapper .solution__wrap .itemVoice06 {
  grid-row: 3/4;
  grid-column: 4/7;
  width: 63.8888888889%;
  margin: 0 auto 0 4.6296296296%;
}

@media (max-width: 767px) {
  #main .office-omzin_wrapper .solution__wrap .itemVoice06 {
    order: 4;
    width: 100%;
    margin: 0;
  }
}
#main .office-omzin_wrapper .solution__wrap .itemVoice06 .solution__voice__txt::before {
  display: block;
  background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 46 34%22 fill=%22%23E40012%22%3E%3Cpolygon points=%2232,12 32,0 14,0 14,12 0,12 23,34 46,12%22/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
}

#main .office-omzin_wrapper .solution__wrap .itemVoice06 .solution__voice__txt::after {
  background-color: #E40012;
}

#main .office-omzin_wrapper .solution__voice {
  display: flex;
  flex-direction: column;
  align-items: center;
}

#main .office-omzin_wrapper .solution__voice__txt {
  height: 100%;
  margin-top: 1.25em;
  padding: 1em 2.5em;
  color: #ffffff;
  font-size: clamp(12px, 1.06667vw, 16px);
  min-height: 0vw;
  /* Safariのclamp対策 */
  line-height: 1.5;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 1;
}

@media (max-width: 767px) {
  #main .office-omzin_wrapper .solution__voice__txt {
    font-size: clamp(16px, 4.26667vw, 20px);
  }
}
#main .office-omzin_wrapper .solution__voice__txt::before {
  content: "";
  display: block;
  background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 46 34%22 fill=%22%231B2387%22%3E%3Cpolygon points=%2232,12 32,0 14,0 14,12 0,12 23,34 46,12%22/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  width: 2em;
  height: 1.4em;
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -125%);
}

#main .office-omzin_wrapper .solution__voice__txt::after {
  content: "";
  width: 100%;
  height: 100%;
  background: #1B2387;
  box-shadow: 8px 8px 10px 0 rgba(0, 0, 0, 0.4);
  border-radius: 12px;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  transform: skewX(-15deg);
  z-index: -1;
}

/*==================================================

usage

==================================================*/
#main .office-omzin_wrapper .usage .omz-content {
  padding: 100px 10.8695652174%;
}

@media (max-width: 767px) {
  #main .office-omzin_wrapper .usage .omz-content {
    padding: 40px 4.347826087%;
  }
}
#main .office-omzin_wrapper .usage .omz-heading__txt {
  font-size: 28px;
}

@media (max-width: 767px) {
  #main .office-omzin_wrapper .usage .omz-heading__txt {
    font-size: 20px;
  }
}
#main .office-omzin_wrapper .usage__img {
  margin-bottom: 80px;
}

@media (max-width: 767px) {
  #main .office-omzin_wrapper .usage__img {
    margin-bottom: 30px;
  }
}
#main .office-omzin_wrapper .usage__sample {
  margin: 40px 0;
}

@media (max-width: 767px) {
  #main .office-omzin_wrapper .usage__sample {
    max-width: 400px;
    margin: 20px auto;
  }
}
#main .office-omzin_wrapper .usage__notice {
  padding: 0.25em;
  background: rgba(228, 0, 18, 0.12);
  color: #000000;
  font-size: 20px;
  text-align: center;
}

@media (max-width: 767px) {
  #main .office-omzin_wrapper .usage__notice {
    padding: 1em;
    font-size: 14px;
  }
}
#main .office-omzin_wrapper .usage__btn {
  width: 370px;
  max-width: 100%;
  margin: 60px auto 0;
}

@media (max-width: 767px) {
  #main .office-omzin_wrapper .usage__btn {
    width: 100%;
    margin: 40px auto 0;
  }
}
#main .office-omzin_wrapper .usage__btn a {
  width: 100%;
  padding: 0.25em 1em;
  border: solid 4px #E40012;
  border-radius: 2em;
  color: #E40012;
  font-size: 20px;
  font-weight: 600;
  text-align: center;
  display: inline-block;
  position: relative;
  transition: all 0.3s;
}

#main .office-omzin_wrapper .usage__btn a::after {
  content: "";
  border-top: solid 10px transparent;
  border-bottom: solid 10px transparent;
  border-left: solid 20px #E40012;
  display: block;
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translate(0, -50%);
  transition: border 0.3s;
}

#main .office-omzin_wrapper .usage__btn a:hover {
  background-color: #E40012;
  color: #ffffff;
}

#main .office-omzin_wrapper .usage__btn a:hover::after {
  border-left-color: #ffffff;
}

/*==================================================

introduce

==================================================*/
@media (max-width: 767px) {
  #main .office-omzin_wrapper .introduce .omz-inner {
    width: 86.6666666667%;
  }
}
#main .office-omzin_wrapper .introduce__lead {
  margin-bottom: 20px;
  color: #ffffff;
  font-size: 24px;
  text-align: center;
}

@media (max-width: 767px) {
  #main .office-omzin_wrapper .introduce__lead {
    font-size: 20px;
  }
}
@media (max-width: 767px) {
  #main .office-omzin_wrapper .introduce__flowWrap {
    overflow-x: scroll;
  }
}
@media (max-width: 767px) {
  #main .office-omzin_wrapper .introduce__flow {
    width: 900px;
  }
}
#main .office-omzin_wrapper .introduce__flow__listWrap {
  height: 3.5em;
  font-size: clamp(16px, 1.33333vw, 20px);
  min-height: 0vw;
  /* Safariのclamp対策 */
  overflow-y: hidden;
  position: relative;
}

@media (max-width: 767px) {
  #main .office-omzin_wrapper .introduce__flow__listWrap {
    font-size: 20px;
  }
}
#main .office-omzin_wrapper .introduce__flow__listWrap::after {
  content: "";
  width: calc(100% - 1.75em);
  height: 100%;
  border: solid 1.5px #ffffff;
  border-right-color: transparent;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

#main .office-omzin_wrapper .introduce__flow__list {
  height: 100%;
  margin-right: 2em;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  position: relative;
}

#main .office-omzin_wrapper .introduce__flow__list::before, #main .office-omzin_wrapper .introduce__flow__list::after {
  content: "";
  border-top: solid 2em transparent;
  border-bottom: solid 2em transparent;
  border-left: solid 2em #ffffff;
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(100%, -50%);
}

#main .office-omzin_wrapper .introduce__flow__list::after {
  border-left-color: #1B2387;
  right: 2px;
}

#main .office-omzin_wrapper .introduce__flow__list li {
  padding: 0.75em 0.5em 0.75em 3em;
  color: #ffffff;
  text-align: center;
  position: relative;
}

#main .office-omzin_wrapper .introduce__flow__list li:not(:first-child)::before, #main .office-omzin_wrapper .introduce__flow__list li:not(:first-child)::after {
  content: "";
  border-top: solid 2em transparent;
  border-bottom: solid 2em transparent;
  border-left: solid 2em #ffffff;
  display: block;
  position: absolute;
  top: 50%;
  left: 2px;
  transform: translate(0, -50%);
}

#main .office-omzin_wrapper .introduce__flow__list li:not(:first-child)::after {
  left: 0;
}

#main .office-omzin_wrapper .introduce__flow__list li:nth-child(1) {
  background: #0077c2;
  padding-left: 1.5em;
}

#main .office-omzin_wrapper .introduce__flow__list li:nth-child(2) {
  background: #005cab;
}

#main .office-omzin_wrapper .introduce__flow__list li:nth-child(2)::after {
  border-left-color: #0077c2;
}

#main .office-omzin_wrapper .introduce__flow__list li:nth-child(3) {
  background: #00469a;
}

#main .office-omzin_wrapper .introduce__flow__list li:nth-child(3)::after {
  border-left-color: #005cab;
}

#main .office-omzin_wrapper .introduce__flow__list li:nth-child(4)::after {
  border-left-color: #00469a;
}

#main .office-omzin_wrapper .introduce__flow__desc {
  margin-top: 30px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0 2.6086956522%;
}

#main .office-omzin_wrapper .introduce__flow__desc li {
  padding: 1em;
  background: #e4e4e4;
  border-radius: 15px;
  font-size: clamp(12px, 1.06667vw, 16px);
  min-height: 0vw;
  /* Safariのclamp対策 */
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

@media (max-width: 767px) {
  #main .office-omzin_wrapper .introduce__flow__desc li {
    font-size: 16px;
  }
}
#main .office-omzin_wrapper .introduce__flow__desc li::before {
  content: "";
  border-left: solid 11px transparent;
  border-right: solid 11px transparent;
  border-bottom: solid 20px #e4e4e4;
  display: block;
  position: absolute;
  top: -18px;
  left: 50%;
  transform: translateX(-50%);
}

#main .office-omzin_wrapper .introduce__flow__desc__txt {
  line-height: 1.5;
}

#main .office-omzin_wrapper .introduce__scroll {
  width: 165px;
  margin: 20px auto 0;
}

@media (min-width: 768px) {
  #main .office-omzin_wrapper .introduce__scroll {
    display: none;
  }
}
/*==================================================

contact

==================================================*/
#main .office-omzin_wrapper .contact .omz-inner {
  color: #ffffff;
}

#main .office-omzin_wrapper .contact .omz-inner .mb40 {
  margin-bottom: 40px;
}

#main .office-omzin_wrapper .contact__ttl {
  margin-bottom: 20px;
  padding: 0.25em;
  border: solid 2px #ffffff;
  border-radius: 2em;
  color: #ffffff;
  font-size: 24px;
  letter-spacing: 0.1em;
  text-align: center;
}

@media (max-width: 767px) {
  #main .office-omzin_wrapper .contact__ttl {
    font-size: 20px;
    letter-spacing: 0.04em;
  }
}
#main .office-omzin_wrapper .contact__txt {
  font-size: 16px;
  text-align: center;
}

#main .office-omzin_wrapper .contact__mail {
  font-size: 32px;
  text-align: center;
}

@media (max-width: 767px) {
  #main .office-omzin_wrapper .contact__mail {
    font-size: 24px;
  }
}
#main .office-omzin_wrapper .contact__mail a {
  transition: opacity 0.3s;
}

#main .office-omzin_wrapper .contact__mail a:hover {
  opacity: 0.6;
}

/*# sourceMappingURL=business_omzin.css.map */
#main .office-omzin_wrapper .usage__movie {
  margin: 40px 0;
}

#main .office-omzin_wrapper .usage__movie__thumb picture {
  position: relative;
  transition: opacity 0.3s;
}

#main .office-omzin_wrapper .usage__movie__thumb picture::after {
  content: "";
  display: block;
  background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 39 39%22 fill=%22%23FFFFFF%22%3E%3Cpolygon points=%2229,19.5 14,11 14,28%22/%3E%3Cpath d=%22M19.5,39C8.75,39,0,30.25,0,19.5S8.75,0,19.5,0S39,8.75,39,19.5S30.25,39,19.5,39z M19.5,2C9.85,2,2,9.85,2,19.5S9.85,37,19.5,37S37,29.15,37,19.5S29.15,2,19.5,2z%22/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  width: 100px;
  height: 100px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

@media (max-width: 767px) {
  #main .office-omzin_wrapper .usage__movie__thumb picture::after {
    width: 60px;
    height: 60px;
  }
}
#main .office-omzin_wrapper .usage__movie__thumb:hover picture {
  opacity: 0.6;
}

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