@charset "UTF-8";

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

* Target user-agent
  - Desktop
    - IE 9, 11
    - Firefox (Latest)
    - Chrome (Latest)
  - Smart Device
    - Mobile Safari (iOS 8.4.1)
    - Android Chrome (Android 4.4.4)

* Brakepoint
  -   0 <-- Expected range of Smartphone         --> 600
  - 601 <-- Expected range of Tablet and Desctop --> ...

----------------------------------------------- */

/* =====================================
reset
------------------------------------- */

@import url(//fonts.googleapis.com/css?family=Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i);

@import url(//fonts.googleapis.com/earlyaccess/notosansjapanese.css);

* {
  padding: 0;
  border: 0;
  margin: 0;
}

/* =====================================
base
------------------------------------- */

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

body {
  position: relative;
  background-color: #fff;
  color: #333;
  font-size: 62.5%;
  line-height: 1.6;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

body,
input,
button,
textarea,
select,
option {
  font-family: "¥30d2¥30e9¥30ae¥30ce¥89d2¥30b4 ProN W3", "Hiragino Kaku Gothic ProN", "¥30e1¥30a4¥30ea¥30aa", Meiryo, sans-serif;
}

a,
a:link,
a:visited {
  color: #786f5a;
  text-decoration: underline;
}

a:active,
a:hover,
a:focus {
  color: #b9a02e;
  text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal;
}

input[type=submit],
input[type=button],
input[type=image],
input[type=reset],
input[type=radio],
input[type=checkbox],
button,
select,
option,
label {
  cursor: pointer;
}

table {
  border-collapse: collapse;
}

th,
dt {
  font-weight: normal;
}

ul,
ol {
  list-style: none;
}

img {
  max-width: 100%;
  height: auto;
  border: 0;
  vertical-align: top;
}

table img {
  max-width: inherit;
}

strong,
em,
b,
i {
  font-style: normal;
}

strong,
em,
b {
  font-weight: bold;
}

small {
  font-size: 100%;
}

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

/* =====================================
header
------------------------------------- */

#header {
  position: relative;
  overflow: hidden;
}

#header:before {
  position: absolute;
  z-index: -2;
  right: 0;
  bottom: 1px;
  left: 0;
  display: block;
  height: 50px;
  background: url(http://img.ucc.co.jp/shared/rwd/images/bg-header-01.png) no-repeat 50% 100%;
  content: "";
}

#header .header-inner {
  position: relative;
  max-width: 980px;
  height: 112px;
  padding: 72px 10px 0 10px;
  margin: 0 auto 1px auto;
}

#header .header-inner:before {
  position: absolute;
  z-index: -1;
  top: 0;
  right: -91px;
  display: block;
  width: 250px;
  height: 112px;
  background-image: url(http://img.ucc.co.jp/shared/rwd/images/bg-header-02.png);
  content: "";
}

#header .logo {
  position: absolute;
  top: 13px;
  left: 10px;
}

#header .logo > a {
  display: block;
}

#header .logo > a > img {
  width: 110px;
  height: 50px;
}

#header #menu-ui {
  display: none;
}

#header #menu {
  display: block !important;
}

#header .nav-header-01 {
  position: absolute;
  top: 0;
  right: 62px;
}

#header .nav-header-01:after {
  display: block;
  clear: both;
  content: "";
}

#header .nav-header-01 > li {
  float: left;
}

#header .nav-header-01 > li + li {
  padding-left: 12px;
}

#header .nav-header-01 > li > a {
  position: relative;
  display: block;
  padding: 0 22px 2px 28px;
  background-color: #820300;
  background-image: linear-gradient(to bottom, #a10300 0, #620200 100%);
  border-radius: 0 0 3px 3px;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
  color: #fff;
  font-size: 1.2em;
  line-height: 27px;
  text-decoration: none;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
}

#header .nav-header-01 > li > a:hover,
#header .nav-header-01 > li > a:active,
#header .nav-header-01 > li > a:focus {
  background-color: #b30300;
  background-image: linear-gradient(to bottom, #db0400 0, #8a0200 100%);
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);
}

#header .nav-header-01 > li > a:before {
  position: absolute;
  top: 50%;
  left: 16px;
  display: block;
  width: 0;
  height: 0;
  border-width: 3px 0 3px 5px;
  border-style: solid;
  border-color: transparent transparent transparent #fff;
  margin-top: -4px;
  content: "";
}

#header .nav-header-02 {
  position: absolute;
  top: 36px;
  right: 220px;
}

#header .nav-header-02:after {
  display: block;
  clear: both;
  content: "";
}

#header .nav-header-02 > li {
  float: left;
}

#header .nav-header-02 > li + li {
  padding-left: 1px;
}

#header .nav-header-02 > li > a {
  display: block;
  padding: 0 8px;
  border: 1px solid #c3b87d;
  background-color: #8d7d2e;
  background-image: linear-gradient(to bottom, #b0a14d 0, #6a580f 100%);
  border-radius: 3px;
  color: #fff;
  font-size: 1.1em;
  line-height: 24px;
  text-decoration: none;
  text-shadow: 0 0 3px #352c08;
}

#header .nav-header-02 > li > a:hover,
#header .nav-header-02 > li > a:active,
#header .nav-header-02 > li > a:focus {
  background-color: #a99742;
  background-image: linear-gradient(to bottom, #d2c36e 0, #806b15 100%);
}

#header .nav-header-02 > li > a.shop,
#header .nav-header-02 > li > a.member {
  position: relative;
  padding-left: 28px;
}

#header .nav-header-02 > li > a.member {
  padding-left: 20px;
}

#header .nav-header-02 > li > a.shop:before,
#header .nav-header-02 > li > a.member:before {
  position: absolute;
  top: 50%;
  display: block;
  width: 16px;
  height: 16px;
  margin-top: -9px;
  background-size: contain;
  content: "";
}

#header .nav-header-02 > li > a.shop:before {
  left: 7px;
  background-image: url(http://img.ucc.co.jp/shared/rwd/images/icon-shop-01.png);
}

#header .nav-header-02 > li > a.member:before {
  left: 3px;
  background-image: url(http://img.ucc.co.jp/shared/rwd/images/icon-member-01.png);
}

#header .search-site {
  position: absolute;
  top: 36px;
  right: 62px;
  width: 150px;
  background-color: #fff;
  border-radius: 0 3px 3px 0;
}

#header .search-site:after {
  display: block;
  clear: both;
  content: "";
}

#header .search-site input {
  -moz-appearance: none;
  appearance: none;
  border-radius: 0;
}

#header .search-site .input {
  display: block;
  width: 121px;
  height: 26px;
  padding: 0 5px;
  border: 1px solid #bebebe;
  background-image: linear-gradient(to bottom, #d3d3d3 0, #ededed 100%);
  float: left;
  font-size: 1.2em;
}

#header .search-site .input:hover,
#header .search-site .input:active,
#header .search-site .input:focus {
  background-image: linear-gradient(to bottom, #e3e3e3 0, #fdfdfd 100%);
}

#header .search-site .submit {
  display: block;
  width: 29px;
  height: 26px;
  float: right;
}

#header .search-site .submit:hover,
#header .search-site .submit:active,
#header .search-site .submit:focus {
  opacity: 0.75;
}

#header .nav-global-01 {
  background-color: #fff;
}

#header .nav-global-01 > ul {
  display: table;
  width: 100%;
}

#header .nav-global-01 > ul > li {
  display: table-cell;
  padding-right: 1px;
}

#header .nav-global-01 > ul > li:last-child {
  padding-right: 0;
  border-right: 1px solid #dbd5ba;
}

#header .nav-global-01 > ul > li > a {
  position: relative;
  display: block;
  padding: 9px 1px 10px 1px;
  border-top: 1px solid #dbd5ba;
  border-bottom: 1px solid #dbd5ba;
  border-left: 1px solid #dbd5ba;
  background-color: #efebd9;
  background-image: linear-gradient(to bottom, #fffefe 0, #dfd7b3 100%);
  color: #553300;
  font-size: 1.3em;
  line-height: 19px;
  text-align: center;
  text-decoration: none;
  text-shadow: 0 0 1px rgba(85, 51, 0, 0.25);
}

#header .nav-global-01 > ul > li > a:after {
  position: absolute;
  right: 2px;
  bottom: 1px;
  left: 2px;
  display: block;
  height: 2px;
  background-color: #b0a582;
  content: "";
}

#header .nav-global-01 > ul > li > a:hover,
#header .nav-global-01 > ul > li > a:active,
#header .nav-global-01 > ul > li > a:focus {
  background-color: #f5edcb;
  background-image: linear-gradient(to bottom, #fffefe 0, #ebdc98 100%);
  text-shadow: 0 0 1px rgba(161, 3, 0, 0.25);
}

#header .nav-global-01 > ul > li > a:hover:after,
#header .nav-global-01 > ul > li > a:active:after,
#header .nav-global-01 > ul > li > a:focus:after {
  background-color: #a10300;
}

#header .nav-global-01 > ul > li > a > span {
  display: inline-block;
  min-width: 120px;
  padding: 0 5px;
}

#header .nav-global-01 > ul > li > a > span span {
  letter-spacing: -0.15em;
}

/* =====================================
topic-path
------------------------------------- */

#topic-path {
  position: relative;
  border-bottom: 1px solid #e7e7e7;
  font-size: 1.1em;
}

#topic-path:before {
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
  left: 0;
  display: block;
  height: 15px;
  background-image: linear-gradient(to bottom, #e7e7e7 0, #fff 100%);
  content: "";
}

#topic-path ol {
  max-width: 980px;
  padding: 0 10px;
  margin: 0 auto;
}

#topic-path ol:after {
  display: block;
  clear: both;
  content: "";
}

#topic-path ol li {
  padding: 0.3em 2px 0.3em 26px;
  background: url(http://img.ucc.co.jp/shared/rwd/images/bg-topicpath-01.png) no-repeat 0 50%;
  float: left;
}

#topic-path ol li:first-child {
  padding-left: 0;
  background: none;
  float: left;
}

/* =====================================
footer
------------------------------------- */

#footer .lyt-footer-01 {
  position: relative;
  background-color: #fff;
}

#footer .lyt-footer-01:before,
#footer .lyt-footer-01:after {
  position: absolute;
  right: 0;
  left: 0;
  display: block;
  height: 1px;
  content: "";
}

#footer .lyt-footer-01:before {
  bottom: 4px;
  background-color: #ececec;
}

#footer .lyt-footer-01:after {
  bottom: 3px;
  background-color: #f2f2f2;
}

#footer .lyt-footer-01 .inner {
  max-width: 980px;
  min-height: 64px;
  padding: 25px 10px 0 10px;
  margin: 0 auto;
}

#footer .lyt-footer-02 {
  position: relative;
  overflow: hidden;
  background-color: #faf9f3;
  background-image: linear-gradient(to bottom, #f4f2e6 0, #fff 100%);
}

#footer .lyt-footer-02:before {
  position: absolute;
  top: -1px;
  right: -10px;
  left: -10px;
  display: block;
  height: 1px;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.6);
  content: "";
}

#footer .lyt-footer-02 .inner {
  max-width: 980px;
  padding: 24px 10px;
  margin: 0 auto;
}

#footer .lyt-footer-03 {
  position: relative;
  overflow: hidden;
  background-color: #dfd4a4;
}

#footer .lyt-footer-03:before {
  position: absolute;
  top: -1px;
  right: -10px;
  left: -10px;
  display: block;
  height: 1px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.75);
  content: "";
}

#footer .lyt-footer-03 .inner {
  max-width: 980px;
  padding: 0.75em 10px;
  margin: 0 auto;
}

#footer .lyt-footer-03 .inner:after {
  display: block;
  clear: both;
  content: "";
}

#footer .lyt-footer-03 .copyright {
  color: #888;
  float: left;
  font-size: 1.2em;
}

#footer .nav-pagetop-01:after {
  display: block;
  clear: both;
  content: "";
}

#footer .nav-pagetop-01 a {
  position: relative;
  display: block;
  padding: 1px 4px 1px 16px;
  border: 1px solid #ebebeb;
  background-image: linear-gradient(to bottom, #fbfbfb 0, #cfcfcf 100%);
  border-radius: 3px;
  color: #786f5a;
  float: right;
  font-size: 1em;
  font-weight: bold;
  letter-spacing: 0.05em;
  text-decoration: none;
}

#footer .nav-pagetop-01 a:before {
  position: absolute;
  top: 50%;
  left: 5px;
  display: block;
  width: 7px;
  height: 8px;
  margin-top: -4px;
  background-image: url(http://img.ucc.co.jp/shared/rwd/images/icon-pagetop-01.png);
  content: "";
}

#footer .nav-pagetop-01 a:hover,
#footer .nav-pagetop-01 a:active,
#footer .nav-pagetop-01 a:focus {
  background-image: linear-gradient(to bottom, #fff 0, #efe7b7 100%);
}

#footer .nav-footer-01:after {
  display: block;
  clear: both;
  content: "";
}

#footer .nav-footer-01 > .col {
  width: 48.95833%;
  float: left;
}

#footer .nav-footer-01 > .col + .col {
  float: right;
}

#footer .nav-footer-01 > .col > ul > li {
  position: relative;
  padding: 0 0 0.85em 5px;
  border-bottom: 1px solid #fff;
  margin-bottom: 0.85em;
}

#footer .nav-footer-01 > .col > ul > li:before {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  border-bottom: 1px solid #eeead8;
  content: "";
}

#footer .nav-footer-01 > .col > ul > li:last-child {
  padding-bottom: 0;
  border-bottom: 0;
  margin-bottom: 0;
}

#footer .nav-footer-01 > .col > ul > li:last-child:before {
  content: none;
}

#footer .nav-footer-01 > .col > ul > li > dl:after,
#footer .nav-footer-01 > .col > ul > li > ul:after,
#footer .nav-footer-01 > .col > ul > li > dl dd ul:after {
  display: block;
  clear: both;
  content: "";
}

#footer .nav-footer-01 > .col > ul > li a {
  display: inline-block;
}

#footer .nav-footer-01 > .col > ul > li > dl,
#footer .nav-footer-01 > .col > ul > li > ul {
  margin-bottom: 0.25em;
}

#footer .nav-footer-01 > .col > ul > li > dl dt {
  width: 150px;
  float: left;
}

#footer .nav-footer-01 > .col > ul > li > dl dd {
  margin-left: 160px;
}

#footer .nav-footer-01 > .col > ul > li > ul li {
  margin-left: 20px;
  float: left;
}

#footer .nav-footer-01 > .col > ul > li > ul li:first-child {
  margin-left: 0;
}

#footer .nav-footer-01 > .col > ul > li > dl dt a,
#footer .nav-footer-01 > .col > ul > li > ul li a {
  position: relative;
  padding-left: 10px;
  font-size: 1.2em;
  font-weight: bold;
}

#footer .nav-footer-01 > .col > ul > li > dl dt a:before,
#footer .nav-footer-01 > .col > ul > li > ul li a:before {
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  width: 0;
  height: 0;
  border-width: 3px 0 3px 5px;
  border-style: solid;
  border-color: transparent transparent transparent #a10300;
  margin-top: -3px;
  content: "";
}

#footer .nav-footer-01 > .col > ul > li > dl dd ul {
  font-size: 1.05em;
  line-height: 1.2;
}

#footer .nav-footer-01 > .col > ul > li > dl dd ul li {
  padding-right: 4px;
  border-right: 1px solid #999;
  margin: 0.3em 4px 0.3em 0;
  float: left;
}

#footer .nav-footer-01 > .col > ul > li > dl dd ul li:last-child {
  padding-right: 0;
  border-right: 0;
  margin-right: 0;
}

#footer .nav-footer-01 > .col > ul > li > dl dd ul li.clear {
  clear: left;
}

#footer .nav-footer-01 > .col > ul > li > dl dd ul li a {
  color: #777;
}

#footer .nav-footer-01 > .col > ul > li > dl dd ul li a:hover,
#footer .nav-footer-01 > .col > ul > li > dl dd ul li a:active,
#footer .nav-footer-01 > .col > ul > li > dl dd ul li a:focus {
  color: #b9a02e;
}

#footer .nav-footer-02 {
  float: right;
}

#footer .nav-footer-02 > li {
  float: left;
}

#footer .nav-footer-02 > li + li {
  margin-left: 12px;
}

#footer .nav-footer-02 > li a {
  color: #786f5a;
  font-size: 1.2em;
}

#footer .nav-footer-03 {
  position: relative;
  padding: 0.8em 10px 1em 10px;
  background-color: #f2f2f2;
  text-align: right;
}

#footer .nav-footer-03:before,
#footer .nav-footer-03:after {
  position: absolute;
  right: 0;
  left: 0;
  display: block;
  height: 1px;
  content: "";
}

#footer .nav-footer-03:before {
  bottom: 2px;
  background-color: #c3c3c3;
}

#footer .nav-footer-03:after {
  bottom: 1px;
  background-color: #d5d5d5;
}

#footer .nav-footer-03 a {
  position: relative;
  padding-right: 12px;
  color: #666;
  font-size: 1.4em;
  font-weight: bold;
  text-decoration: none;
}

#footer .nav-footer-03 a:after {
  position: absolute;
  top: 50%;
  right: 0;
  display: block;
  width: 0;
  height: 0;
  border-width: 3px 0 3px 5px;
  border-style: solid;
  border-color: transparent transparent transparent #990300;
  margin-top: -3px;
  content: "";
}

#footer .nav-footer-03 a:hover,
#footer .nav-footer-03 a:active,
#footer .nav-footer-03 a:focus {
  text-decoration: underline;
}

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

  Responsive Settings

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

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

  Assets Path Settings

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

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

  Color Settings

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

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

  Easing Settings

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

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

  Font Settings

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

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

  Line height

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

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

  Depth

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

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

  Object Size

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

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

  Screen Size

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

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

  Assets Functions

  Example:

    background: #000000 image('btn/btn.png') no-repeat 0 0;

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

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

  Utility

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

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

  Hover Animation

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

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

  Layout

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

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

  Transition Common Mixins

  Example:

    @include transition-common;
    transition-property: opacity;
    transition-duration: 0.4s;
    transition-timing-function: $ease-out-quart;

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

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

  Animation Common Mixins

  Example:

    @include keyframes(some-animation-name) {

    }

    @include set-animation($name: some-animation-name, $duration: 0.75s ,$easing: $ease-in-out-quad);
================================================ */

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

  Font

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

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

  Responsive

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

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

  Legacy

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

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

Amiation

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

.container-player {
  position: relative;
  overflow: none;
  overflow: hidden;
  width: 100%;
  height: 100%;
  background-color: #eee;
}

.container-player.fullscreen-background {
  position: fixed;
  z-index: -1;
  top: 0;
  left: 0;
}

.container-player .container-player-outer {
  position: relative;
  width: 100%;
  height: 100%;
}

.container-player .container-player-inner,
.container-player .container-player-poster {
  position: absolute;
  z-index: 0;
}

.container-player .container-player-poster {
  z-index: 0;
  background-size: cover;
}

.container-player.youtube iframe,
.container-player.vimeo iframe {
  opacity: 0;
}

.container-player.youtube.transition-in.playing iframe,
.container-player.youtube.transition-in.paused iframe,
.container-player.vimeo.transition-in.playing iframe,
.container-player.vimeo.transition-in.paused iframe {
  animation: revealVideo 1s;
}

.container-player.youtube.playing iframe,
.container-player.youtube.paused iframe,
.container-player.vimeo.playing iframe,
.container-player.vimeo.paused iframe {
  opacity: 1;
}

.container-player .container-player-overlay {
  position: absolute;
  z-index: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

@keyframes revealVideo {
  0%, 50% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.container-player video,
.container-player iframe {
  width: 100%;
  height: 100%;
  border: none;
}

/**
 * Swiper 4.1.0
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://www.idangero.us/swiper/
 *
 * Copyright 2014-2018 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: January 13, 2018
 */

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

.swiper-container-no-flexbox .swiper-slide {
  float: left;
}

.swiper-container-vertical > .swiper-wrapper {
  -ms-flex-direction: column;
  flex-direction: column;
}

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

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

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

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

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

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

/* Auto Height */

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

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

/* 3D Effects */

.swiper-container-3d {
  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 {
  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;
  z-index: 10;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.swiper-container-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

/* IE10 Windows Phone 8 Fixes */

.swiper-container-wp8-horizontal,
.swiper-container-wp8-horizontal > .swiper-wrapper {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}

.swiper-container-wp8-vertical,
.swiper-container-wp8-vertical > .swiper-wrapper {
  -ms-touch-action: pan-x;
  touch-action: pan-x;
}

.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  z-index: 10;
  top: 50%;
  width: 27px;
  height: 44px;
  margin-top: -22px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 27px 44px;
  cursor: pointer;
}

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

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  right: auto;
  left: 10px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  right: 10px;
  left: auto;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}

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

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

.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 {
  position: relative;
  transform: scale(0.33);
}

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

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

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

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

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

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

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

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

.swiper-pagination-bullet-active {
  background: #007aff;
  opacity: 1;
}

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

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

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

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

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

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

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

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

/* Progress */

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

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #007aff;
  transform: scale(0);
  transform-origin: left top;
}

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

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

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

.swiper-pagination-white .swiper-pagination-bullet-active {
  background: #ffffff;
}

.swiper-pagination-progressbar.swiper-pagination-white {
  background: rgba(255, 255, 255, 0.25);
}

.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
  background: #ffffff;
}

.swiper-pagination-black .swiper-pagination-bullet-active {
  background: #000000;
}

.swiper-pagination-progressbar.swiper-pagination-black {
  background: rgba(0, 0, 0, 0.25);
}

.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
  background: #000000;
}

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

/* Scrollbar */

.swiper-scrollbar {
  position: relative;
  background: rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  -ms-touch-action: none;
}

.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  z-index: 50;
  bottom: 3px;
  left: 1%;
  width: 98%;
  height: 5px;
}

.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  z-index: 50;
  top: 1%;
  right: 3px;
  width: 5px;
  height: 98%;
}

.swiper-scrollbar-drag {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
}

.swiper-scrollbar-cursor-drag {
  cursor: move;
}

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

.swiper-zoom-container {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-box-pack: center;
  -ms-flex-align: center;
  -ms-flex-pack: center;
  text-align: center;
}

.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.swiper-slide-zoomed {
  cursor: move;
}

/* Preloader */

.swiper-lazy-preloader {
  position: absolute;
  z-index: 10;
  top: 50%;
  left: 50%;
  width: 42px;
  height: 42px;
  margin-top: -21px;
  margin-left: -21px;
  animation: swiper-preloader-spin 1s steps(12, end) infinite;
  transform-origin: 50%;
}

.swiper-lazy-preloader:after {
  display: block;
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 100%;
  content: "";
}

.swiper-lazy-preloader-white:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

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

/* a11y */

.swiper-container .swiper-notification {
  position: absolute;
  z-index: -1000;
  top: 0;
  left: 0;
  opacity: 0;
  pointer-events: none;
}

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

.swiper-container-fade .swiper-slide {
  pointer-events: none;
  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;
}

.swiper-container-cube {
  overflow: visible;
}

.swiper-container-cube .swiper-slide {
  z-index: 1;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
  pointer-events: none;
  transform-origin: 0 0;
  visibility: hidden;
}

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

.swiper-container-cube.swiper-container-rtl .swiper-slide {
  transform-origin: 100% 0;
}

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

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}

.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right {
  z-index: 0;
  backface-visibility: hidden;
}

.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  z-index: 0;
  bottom: 0px;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  filter: blur(50px);
  opacity: 0.6;
}

.swiper-container-flip {
  overflow: visible;
}

.swiper-container-flip .swiper-slide {
  z-index: 1;
  backface-visibility: hidden;
  pointer-events: none;
}

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

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

.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right {
  z-index: 0;
  backface-visibility: hidden;
}

.swiper-container-coverflow .swiper-wrapper {
  /* Windows 8 IE 10 fix */
  -ms-perspective: 1200px;
}

/* ======================================================
  英語フォント（ゴシック） :
====================================================== */

/* ======================================================
  英語フォント（ゴシック） : Raleway
  https://fonts.google.com/specimen/Raleway
  font-family: 'Raleway', sans-serif;
====================================================== */

/* ======================================================
  日本語フォント（ゴシック） : Noto Sans Japanese
  https://fonts.google.com/earlyaccess#Noto+Sans+Japanese
  font-family: 'Noto Sans Japanese', sans-serif;
====================================================== */

/* ======================================================
  アイコンフォント
====================================================== */

@font-face {
  font-family: "ucc";
  font-style: normal;
  font-weight: normal;
  src: url("font/ucc.eot?#iefix") format("embedded-opentype"), url("font/ucc.woff") format("woff"), url("font/ucc.ttf") format("truetype"), url("font/ucc.svg#ucc") format("svg");
}

/*extend対応*/

.i-blank:before {
  display: inline-block;
  font-family: "ucc";
  font-size: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  line-height: 1;
  text-rendering: auto;
  content: "\e000";
}

.i-search:before {
  display: inline-block;
  font-family: "ucc";
  font-size: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  line-height: 1;
  text-rendering: auto;
  content: "\e001";
}

.i-cafe:before {
  display: inline-block;
  font-family: "ucc";
  font-size: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  line-height: 1;
  text-rendering: auto;
  content: "\e002";
}

.i-call-center:before {
  display: inline-block;
  font-family: "ucc";
  font-size: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  line-height: 1;
  text-rendering: auto;
  content: "\e003";
}

.i-cart:before {
  display: inline-block;
  font-family: "ucc";
  font-size: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  line-height: 1;
  text-rendering: auto;
  content: "\e004";
}

.i-globe:before {
  display: inline-block;
  font-family: "ucc";
  font-size: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  line-height: 1;
  text-rendering: auto;
  content: "\e005";
}

.i-pin:before {
  display: inline-block;
  font-family: "ucc";
  font-size: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  line-height: 1;
  text-rendering: auto;
  content: "\e006";
}

.i-circle-arrow-right:before {
  display: inline-block;
  font-family: "ucc";
  font-size: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  line-height: 1;
  text-rendering: auto;
  content: "\e007";
}

.i-circle-arrow-down:before {
  display: inline-block;
  font-family: "ucc";
  font-size: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  line-height: 1;
  text-rendering: auto;
  content: "\e015";
}

.i-circle-arrow-left:before {
  display: inline-block;
  font-family: "ucc";
  font-size: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  line-height: 1;
  text-rendering: auto;
  content: "\e016";
}

.i-circle-arrow-up:before {
  display: inline-block;
  font-family: "ucc";
  font-size: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  line-height: 1;
  text-rendering: auto;
  content: "\e017";
}

.i-hamburger:before {
  display: inline-block;
  font-family: "ucc";
  font-size: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  line-height: 1;
  text-rendering: auto;
  content: "\e008";
}

.i-pin-circle:before {
  display: inline-block;
  font-family: "ucc";
  font-size: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  line-height: 1;
  text-rendering: auto;
  content: "\e009";
}

.i-close:before {
  display: inline-block;
  font-family: "ucc";
  font-size: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  line-height: 1;
  text-rendering: auto;
  content: "\e00a";
}

.i-minus:before {
  display: inline-block;
  font-family: "ucc";
  font-size: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  line-height: 1;
  text-rendering: auto;
  content: "\e00b";
}

.i-plus:before {
  display: inline-block;
  font-family: "ucc";
  font-size: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  line-height: 1;
  text-rendering: auto;
  content: "\e00c";
}

.i-angle-down:before {
  display: inline-block;
  font-family: "ucc";
  font-size: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  line-height: 1;
  text-rendering: auto;
  content: "\e00d";
}

.i-angle-left:before {
  display: inline-block;
  font-family: "ucc";
  font-size: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  line-height: 1;
  text-rendering: auto;
  content: "\e00e";
}

.i-angle-right:before {
  display: inline-block;
  font-family: "ucc";
  font-size: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  line-height: 1;
  text-rendering: auto;
  content: "\e00f";
}

.i-angle-up:before {
  display: inline-block;
  font-family: "ucc";
  font-size: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  line-height: 1;
  text-rendering: auto;
  content: "\e010";
}

.i-sns-circle:before {
  display: inline-block;
  font-family: "ucc";
  font-size: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  line-height: 1;
  text-rendering: auto;
  content: "\e011";
}

.i-circle-arrow-right-invert:before {
  display: inline-block;
  font-family: "ucc";
  font-size: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  line-height: 1;
  text-rendering: auto;
  content: "\e012";
}

.i-circle-cafe:before {
  display: inline-block;
  font-family: "ucc";
  font-size: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  line-height: 1;
  text-rendering: auto;
  content: "\e013";
}

.i-circle-cart:before {
  display: inline-block;
  font-family: "ucc";
  font-size: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  line-height: 1;
  text-rendering: auto;
  content: "\e014";
}

.i-circle-caret-down:before {
  display: inline-block;
  font-family: "ucc";
  font-size: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  line-height: 1;
  text-rendering: auto;
  content: "\e018";
}

.i-circle-caret-left:before {
  display: inline-block;
  font-family: "ucc";
  font-size: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  line-height: 1;
  text-rendering: auto;
  content: "\e019";
}

.i-circle-caret-right:before {
  display: inline-block;
  font-family: "ucc";
  font-size: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  line-height: 1;
  text-rendering: auto;
  content: "\e01a";
}

.i-circle-caret-up:before {
  display: inline-block;
  font-family: "ucc";
  font-size: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  line-height: 1;
  text-rendering: auto;
  content: "\e01b";
}

.i-circle-minus:before {
  display: inline-block;
  font-family: "ucc";
  font-size: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  line-height: 1;
  text-rendering: auto;
  content: "\e01c";
}

.i-circle-plus:before {
  display: inline-block;
  font-family: "ucc";
  font-size: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  line-height: 1;
  text-rendering: auto;
  content: "\e01d";
}

.i-beans:before {
  display: inline-block;
  font-family: "ucc";
  font-size: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  line-height: 1;
  text-rendering: auto;
  content: "\e01e";
}

.i-brewed:before {
  display: inline-block;
  font-family: "ucc";
  font-size: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  line-height: 1;
  text-rendering: auto;
  content: "\e01f";
}

.i-choose:before {
  display: inline-block;
  font-family: "ucc";
  font-size: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  line-height: 1;
  text-rendering: auto;
  content: "\e020";
}

.i-clock:before {
  display: inline-block;
  font-family: "ucc";
  font-size: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  line-height: 1;
  text-rendering: auto;
  content: "\e021";
}

.i-component:before {
  display: inline-block;
  font-family: "ucc";
  font-size: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  line-height: 1;
  text-rendering: auto;
  content: "\e022";
}

.i-dictionary:before {
  display: inline-block;
  font-family: "ucc";
  font-size: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  line-height: 1;
  text-rendering: auto;
  content: "\e023";
}

.i-flame:before {
  display: inline-block;
  font-family: "ucc";
  font-size: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  line-height: 1;
  text-rendering: auto;
  content: "\e024";
}

.i-grind:before {
  display: inline-block;
  font-family: "ucc";
  font-size: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  line-height: 1;
  text-rendering: auto;
  content: "\e025";
}

.i-plant:before {
  display: inline-block;
  font-family: "ucc";
  font-size: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  line-height: 1;
  text-rendering: auto;
  content: "\e026";
}

.i-taste:before {
  display: inline-block;
  font-family: "ucc";
  font-size: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  line-height: 1;
  text-rendering: auto;
  content: "\e027";
}

.i-yacht:before {
  display: inline-block;
  font-family: "ucc";
  font-size: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  line-height: 1;
  text-rendering: auto;
  content: "\e028";
}

.i-pdf:before {
  display: inline-block;
  font-family: "ucc";
  font-size: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  line-height: 1;
  text-rendering: auto;
  content: "\e029";
}

.i-mail:before {
  display: inline-block;
  font-family: "ucc";
  font-size: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  line-height: 1;
  text-rendering: auto;
  content: "\e02a";
}

.i-circle-call-center:before {
  display: inline-block;
  font-family: "ucc";
  font-size: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  line-height: 1;
  text-rendering: auto;
  content: "\e02b";
}

.i-buisiness-product:before {
  display: inline-block;
  font-family: "ucc";
  font-size: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  line-height: 1;
  text-rendering: auto;
  content: "\e02f";
}

.i-coffeebusiness:before {
  display: inline-block;
  font-family: "ucc";
  font-size: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  line-height: 1;
  text-rendering: auto;
  content: "\e032";
}

.i-buisiness-food:before {
  display: inline-block;
  font-family: "ucc";
  font-size: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  line-height: 1;
  text-rendering: auto;
  content: "\e033";
}

.i-buisiness-machine:before {
  display: inline-block;
  font-family: "ucc";
  font-size: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  line-height: 1;
  text-rendering: auto;
  content: "\e034";
}

.i-buisiness-network:before {
  display: inline-block;
  font-family: "ucc";
  font-size: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  line-height: 1;
  text-rendering: auto;
  content: "\e035";
}

.i-buisiness-strategic:before {
  display: inline-block;
  font-family: "ucc";
  font-size: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  line-height: 1;
  text-rendering: auto;
  content: "\e036";
}

.i-buisiness-support:before {
  display: inline-block;
  font-family: "ucc";
  font-size: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  line-height: 1;
  text-rendering: auto;
  content: "\e037";
}

.i-cb-off:before {
  display: inline-block;
  font-family: "ucc";
  font-size: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  line-height: 1;
  text-rendering: auto;
  content: "\e038";
}

.i-cb-on:before {
  display: inline-block;
  font-family: "ucc";
  font-size: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  line-height: 1;
  text-rendering: auto;
  content: "\e039";
}

.i-post-invert:before {
  display: inline-block;
  font-family: "ucc";
  font-size: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  line-height: 1;
  text-rendering: auto;
  content: "\e03a";
}

.i-tel-invert:before {
  display: inline-block;
  font-family: "ucc";
  font-size: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  line-height: 1;
  text-rendering: auto;
  content: "\e03b";
}

.i-contact-invert:before {
  display: inline-block;
  font-family: "ucc";
  font-size: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  line-height: 1;
  text-rendering: auto;
  content: "\e03c";
}

.i-polyphenol:before {
  display: inline-block;
  font-family: "ucc";
  font-size: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  line-height: 1;
  text-rendering: auto;
  content: "\e03f";
}

.i-bagpack:before {
  display: inline-block;
  font-family: "ucc";
  font-size: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  line-height: 1;
  text-rendering: auto;
  content: "\e03e";
}

/* ======================================================
  x-frame-optionに対する対策
====================================================== */

.ucc-u-c-main-key {
  color: #e60012 !important;
}

.ucc-u-cu-p {
  cursor: pointer;
}

.ucc-u-d-i {
  display: inline !important;
}

.ucc-u-d-n {
  display: none !important;
}

.ucc-u-d-b {
  display: block !important;
}

.ucc-u-d-ib {
  display: inline-block !important;
}

.ucc-u-d-fx {
  display: -ms-flexbox !important;
  display: flex !important;
}

.ucc-u-d-ifx {
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
}

.ucc-u-d-tb {
  display: table !important;
}

.ucc-u-d-tb-100 {
  display: table !important;
  width: 100% !important;
  height: 100% !important;
}

.ucc-u-d-itb {
  display: inline-table !important;
}

.ucc-u-d-tbhg {
  display: table-header-group !important;
}

.ucc-u-d-tbfg {
  display: table-footer-group !important;
}

.ucc-u-d-tbrg {
  display: table-row-group !important;
}

.ucc-u-d-tbr {
  display: table-row !important;
}

.ucc-u-d-tbc {
  display: table-cell !important;
}

.ucc-u-d-li {
  display: list-item !important;
}

.ucc-u-d-ih {
  display: inherit !important;
}

.ucc-u-dv-tb {
  display: none !important;
}

.ucc-u-dv-sp-l {
  display: none !important;
}

.ucc-u-dv-sp {
  display: none !important;
}

.ucc-u-dv-sp--in {
  display: none !important;
}

.ucc-u-dv-sp--inb {
  display: none !important;
}

.ucc-u-m-t-1 {
  margin-top: 1px !important;
}

.ucc-u-m-t-2 {
  margin-top: 2px !important;
}

.ucc-u-m-t-3 {
  margin-top: 3px !important;
}

.ucc-u-m-t-4 {
  margin-top: 4px !important;
}

.ucc-u-m-t-5 {
  margin-top: 5px !important;
}

.ucc-u-m-t-6 {
  margin-top: 6px !important;
}

.ucc-u-m-t-7 {
  margin-top: 7px !important;
}

.ucc-u-m-t-8 {
  margin-top: 8px !important;
}

.ucc-u-m-t-9 {
  margin-top: 9px !important;
}

.ucc-u-m-t-10 {
  margin-top: 10px !important;
}

.ucc-u-m-t-11 {
  margin-top: 11px !important;
}

.ucc-u-m-t-12 {
  margin-top: 12px !important;
}

.ucc-u-m-t-13 {
  margin-top: 13px !important;
}

.ucc-u-m-t-14 {
  margin-top: 14px !important;
}

.ucc-u-m-t-15 {
  margin-top: 15px !important;
}

.ucc-u-m-t-16 {
  margin-top: 16px !important;
}

.ucc-u-m-t-17 {
  margin-top: 17px !important;
}

.ucc-u-m-t-18 {
  margin-top: 18px !important;
}

.ucc-u-m-t-19 {
  margin-top: 19px !important;
}

.ucc-u-m-t-20 {
  margin-top: 20px !important;
}

.ucc-u-m-t-21 {
  margin-top: 21px !important;
}

.ucc-u-m-t-22 {
  margin-top: 22px !important;
}

.ucc-u-m-t-23 {
  margin-top: 23px !important;
}

.ucc-u-m-t-24 {
  margin-top: 24px !important;
}

.ucc-u-m-t-25 {
  margin-top: 25px !important;
}

.ucc-u-m-t-26 {
  margin-top: 26px !important;
}

.ucc-u-m-t-27 {
  margin-top: 27px !important;
}

.ucc-u-m-t-28 {
  margin-top: 28px !important;
}

.ucc-u-m-t-29 {
  margin-top: 29px !important;
}

.ucc-u-m-t-30 {
  margin-top: 30px !important;
}

.ucc-u-m-t-31 {
  margin-top: 31px !important;
}

.ucc-u-m-t-32 {
  margin-top: 32px !important;
}

.ucc-u-m-t-33 {
  margin-top: 33px !important;
}

.ucc-u-m-t-34 {
  margin-top: 34px !important;
}

.ucc-u-m-t-35 {
  margin-top: 35px !important;
}

.ucc-u-m-t-36 {
  margin-top: 36px !important;
}

.ucc-u-m-t-37 {
  margin-top: 37px !important;
}

.ucc-u-m-t-38 {
  margin-top: 38px !important;
}

.ucc-u-m-t-39 {
  margin-top: 39px !important;
}

.ucc-u-m-t-40 {
  margin-top: 40px !important;
}

.ucc-u-m-t-41 {
  margin-top: 41px !important;
}

.ucc-u-m-t-42 {
  margin-top: 42px !important;
}

.ucc-u-m-t-43 {
  margin-top: 43px !important;
}

.ucc-u-m-t-44 {
  margin-top: 44px !important;
}

.ucc-u-m-t-45 {
  margin-top: 45px !important;
}

.ucc-u-m-t-46 {
  margin-top: 46px !important;
}

.ucc-u-m-t-47 {
  margin-top: 47px !important;
}

.ucc-u-m-t-48 {
  margin-top: 48px !important;
}

.ucc-u-m-t-49 {
  margin-top: 49px !important;
}

.ucc-u-m-t-50 {
  margin-top: 50px !important;
}

.ucc-u-m-t-51 {
  margin-top: 51px !important;
}

.ucc-u-m-t-52 {
  margin-top: 52px !important;
}

.ucc-u-m-t-53 {
  margin-top: 53px !important;
}

.ucc-u-m-t-54 {
  margin-top: 54px !important;
}

.ucc-u-m-t-55 {
  margin-top: 55px !important;
}

.ucc-u-m-t-56 {
  margin-top: 56px !important;
}

.ucc-u-m-t-57 {
  margin-top: 57px !important;
}

.ucc-u-m-t-58 {
  margin-top: 58px !important;
}

.ucc-u-m-t-59 {
  margin-top: 59px !important;
}

.ucc-u-m-t-60 {
  margin-top: 60px !important;
}

.ucc-u-m-t-61 {
  margin-top: 61px !important;
}

.ucc-u-m-t-62 {
  margin-top: 62px !important;
}

.ucc-u-m-t-63 {
  margin-top: 63px !important;
}

.ucc-u-m-t-64 {
  margin-top: 64px !important;
}

.ucc-u-m-t-65 {
  margin-top: 65px !important;
}

.ucc-u-m-t-66 {
  margin-top: 66px !important;
}

.ucc-u-m-t-67 {
  margin-top: 67px !important;
}

.ucc-u-m-t-68 {
  margin-top: 68px !important;
}

.ucc-u-m-t-69 {
  margin-top: 69px !important;
}

.ucc-u-m-t-70 {
  margin-top: 70px !important;
}

.ucc-u-m-t-71 {
  margin-top: 71px !important;
}

.ucc-u-m-t-72 {
  margin-top: 72px !important;
}

.ucc-u-m-t-73 {
  margin-top: 73px !important;
}

.ucc-u-m-t-74 {
  margin-top: 74px !important;
}

.ucc-u-m-t-75 {
  margin-top: 75px !important;
}

.ucc-u-m-t-76 {
  margin-top: 76px !important;
}

.ucc-u-m-t-77 {
  margin-top: 77px !important;
}

.ucc-u-m-t-78 {
  margin-top: 78px !important;
}

.ucc-u-m-t-79 {
  margin-top: 79px !important;
}

.ucc-u-m-t-80 {
  margin-top: 80px !important;
}

.ucc-u-m-t-81 {
  margin-top: 81px !important;
}

.ucc-u-m-t-82 {
  margin-top: 82px !important;
}

.ucc-u-m-t-83 {
  margin-top: 83px !important;
}

.ucc-u-m-t-84 {
  margin-top: 84px !important;
}

.ucc-u-m-t-85 {
  margin-top: 85px !important;
}

.ucc-u-m-t-86 {
  margin-top: 86px !important;
}

.ucc-u-m-t-87 {
  margin-top: 87px !important;
}

.ucc-u-m-t-88 {
  margin-top: 88px !important;
}

.ucc-u-m-t-89 {
  margin-top: 89px !important;
}

.ucc-u-m-t-90 {
  margin-top: 90px !important;
}

.ucc-u-m-t-91 {
  margin-top: 91px !important;
}

.ucc-u-m-t-92 {
  margin-top: 92px !important;
}

.ucc-u-m-t-93 {
  margin-top: 93px !important;
}

.ucc-u-m-t-94 {
  margin-top: 94px !important;
}

.ucc-u-m-t-95 {
  margin-top: 95px !important;
}

.ucc-u-m-t-96 {
  margin-top: 96px !important;
}

.ucc-u-m-t-97 {
  margin-top: 97px !important;
}

.ucc-u-m-t-98 {
  margin-top: 98px !important;
}

.ucc-u-m-t-99 {
  margin-top: 99px !important;
}

.ucc-u-m-t-100 {
  margin-top: 100px !important;
}

.ucc-u-m-b-1 {
  margin-bottom: 1px !important;
}

.ucc-u-m-b-2 {
  margin-bottom: 2px !important;
}

.ucc-u-m-b-3 {
  margin-bottom: 3px !important;
}

.ucc-u-m-b-4 {
  margin-bottom: 4px !important;
}

.ucc-u-m-b-5 {
  margin-bottom: 5px !important;
}

.ucc-u-m-b-6 {
  margin-bottom: 6px !important;
}

.ucc-u-m-b-7 {
  margin-bottom: 7px !important;
}

.ucc-u-m-b-8 {
  margin-bottom: 8px !important;
}

.ucc-u-m-b-9 {
  margin-bottom: 9px !important;
}

.ucc-u-m-b-10 {
  margin-bottom: 10px !important;
}

.ucc-u-m-b-11 {
  margin-bottom: 11px !important;
}

.ucc-u-m-b-12 {
  margin-bottom: 12px !important;
}

.ucc-u-m-b-13 {
  margin-bottom: 13px !important;
}

.ucc-u-m-b-14 {
  margin-bottom: 14px !important;
}

.ucc-u-m-b-15 {
  margin-bottom: 15px !important;
}

.ucc-u-m-b-16 {
  margin-bottom: 16px !important;
}

.ucc-u-m-b-17 {
  margin-bottom: 17px !important;
}

.ucc-u-m-b-18 {
  margin-bottom: 18px !important;
}

.ucc-u-m-b-19 {
  margin-bottom: 19px !important;
}

.ucc-u-m-b-20 {
  margin-bottom: 20px !important;
}

.ucc-u-m-b-21 {
  margin-bottom: 21px !important;
}

.ucc-u-m-b-22 {
  margin-bottom: 22px !important;
}

.ucc-u-m-b-23 {
  margin-bottom: 23px !important;
}

.ucc-u-m-b-24 {
  margin-bottom: 24px !important;
}

.ucc-u-m-b-25 {
  margin-bottom: 25px !important;
}

.ucc-u-m-b-26 {
  margin-bottom: 26px !important;
}

.ucc-u-m-b-27 {
  margin-bottom: 27px !important;
}

.ucc-u-m-b-28 {
  margin-bottom: 28px !important;
}

.ucc-u-m-b-29 {
  margin-bottom: 29px !important;
}

.ucc-u-m-b-30 {
  margin-bottom: 30px !important;
}

.ucc-u-m-b-31 {
  margin-bottom: 31px !important;
}

.ucc-u-m-b-32 {
  margin-bottom: 32px !important;
}

.ucc-u-m-b-33 {
  margin-bottom: 33px !important;
}

.ucc-u-m-b-34 {
  margin-bottom: 34px !important;
}

.ucc-u-m-b-35 {
  margin-bottom: 35px !important;
}

.ucc-u-m-b-36 {
  margin-bottom: 36px !important;
}

.ucc-u-m-b-37 {
  margin-bottom: 37px !important;
}

.ucc-u-m-b-38 {
  margin-bottom: 38px !important;
}

.ucc-u-m-b-39 {
  margin-bottom: 39px !important;
}

.ucc-u-m-b-40 {
  margin-bottom: 40px !important;
}

.ucc-u-m-b-41 {
  margin-bottom: 41px !important;
}

.ucc-u-m-b-42 {
  margin-bottom: 42px !important;
}

.ucc-u-m-b-43 {
  margin-bottom: 43px !important;
}

.ucc-u-m-b-44 {
  margin-bottom: 44px !important;
}

.ucc-u-m-b-45 {
  margin-bottom: 45px !important;
}

.ucc-u-m-b-46 {
  margin-bottom: 46px !important;
}

.ucc-u-m-b-47 {
  margin-bottom: 47px !important;
}

.ucc-u-m-b-48 {
  margin-bottom: 48px !important;
}

.ucc-u-m-b-49 {
  margin-bottom: 49px !important;
}

.ucc-u-m-b-50 {
  margin-bottom: 50px !important;
}

.ucc-u-m-b-51 {
  margin-bottom: 51px !important;
}

.ucc-u-m-b-52 {
  margin-bottom: 52px !important;
}

.ucc-u-m-b-53 {
  margin-bottom: 53px !important;
}

.ucc-u-m-b-54 {
  margin-bottom: 54px !important;
}

.ucc-u-m-b-55 {
  margin-bottom: 55px !important;
}

.ucc-u-m-b-56 {
  margin-bottom: 56px !important;
}

.ucc-u-m-b-57 {
  margin-bottom: 57px !important;
}

.ucc-u-m-b-58 {
  margin-bottom: 58px !important;
}

.ucc-u-m-b-59 {
  margin-bottom: 59px !important;
}

.ucc-u-m-b-60 {
  margin-bottom: 60px !important;
}

.ucc-u-m-b-61 {
  margin-bottom: 61px !important;
}

.ucc-u-m-b-62 {
  margin-bottom: 62px !important;
}

.ucc-u-m-b-63 {
  margin-bottom: 63px !important;
}

.ucc-u-m-b-64 {
  margin-bottom: 64px !important;
}

.ucc-u-m-b-65 {
  margin-bottom: 65px !important;
}

.ucc-u-m-b-66 {
  margin-bottom: 66px !important;
}

.ucc-u-m-b-67 {
  margin-bottom: 67px !important;
}

.ucc-u-m-b-68 {
  margin-bottom: 68px !important;
}

.ucc-u-m-b-69 {
  margin-bottom: 69px !important;
}

.ucc-u-m-b-70 {
  margin-bottom: 70px !important;
}

.ucc-u-m-b-71 {
  margin-bottom: 71px !important;
}

.ucc-u-m-b-72 {
  margin-bottom: 72px !important;
}

.ucc-u-m-b-73 {
  margin-bottom: 73px !important;
}

.ucc-u-m-b-74 {
  margin-bottom: 74px !important;
}

.ucc-u-m-b-75 {
  margin-bottom: 75px !important;
}

.ucc-u-m-b-76 {
  margin-bottom: 76px !important;
}

.ucc-u-m-b-77 {
  margin-bottom: 77px !important;
}

.ucc-u-m-b-78 {
  margin-bottom: 78px !important;
}

.ucc-u-m-b-79 {
  margin-bottom: 79px !important;
}

.ucc-u-m-b-80 {
  margin-bottom: 80px !important;
}

.ucc-u-m-b-81 {
  margin-bottom: 81px !important;
}

.ucc-u-m-b-82 {
  margin-bottom: 82px !important;
}

.ucc-u-m-b-83 {
  margin-bottom: 83px !important;
}

.ucc-u-m-b-84 {
  margin-bottom: 84px !important;
}

.ucc-u-m-b-85 {
  margin-bottom: 85px !important;
}

.ucc-u-m-b-86 {
  margin-bottom: 86px !important;
}

.ucc-u-m-b-87 {
  margin-bottom: 87px !important;
}

.ucc-u-m-b-88 {
  margin-bottom: 88px !important;
}

.ucc-u-m-b-89 {
  margin-bottom: 89px !important;
}

.ucc-u-m-b-90 {
  margin-bottom: 90px !important;
}

.ucc-u-m-b-91 {
  margin-bottom: 91px !important;
}

.ucc-u-m-b-92 {
  margin-bottom: 92px !important;
}

.ucc-u-m-b-93 {
  margin-bottom: 93px !important;
}

.ucc-u-m-b-94 {
  margin-bottom: 94px !important;
}

.ucc-u-m-b-95 {
  margin-bottom: 95px !important;
}

.ucc-u-m-b-96 {
  margin-bottom: 96px !important;
}

.ucc-u-m-b-97 {
  margin-bottom: 97px !important;
}

.ucc-u-m-b-98 {
  margin-bottom: 98px !important;
}

.ucc-u-m-b-99 {
  margin-bottom: 99px !important;
}

.ucc-u-m-b-100 {
  margin-bottom: 100px !important;
}

.ucc-u-m-tb-1 {
  margin-top: 1px !important;
  margin-bottom: 1px !important;
}

.ucc-u-m-tb-2 {
  margin-top: 2px !important;
  margin-bottom: 2px !important;
}

.ucc-u-m-tb-3 {
  margin-top: 3px !important;
  margin-bottom: 3px !important;
}

.ucc-u-m-tb-4 {
  margin-top: 4px !important;
  margin-bottom: 4px !important;
}

.ucc-u-m-tb-5 {
  margin-top: 5px !important;
  margin-bottom: 5px !important;
}

.ucc-u-m-tb-6 {
  margin-top: 6px !important;
  margin-bottom: 6px !important;
}

.ucc-u-m-tb-7 {
  margin-top: 7px !important;
  margin-bottom: 7px !important;
}

.ucc-u-m-tb-8 {
  margin-top: 8px !important;
  margin-bottom: 8px !important;
}

.ucc-u-m-tb-9 {
  margin-top: 9px !important;
  margin-bottom: 9px !important;
}

.ucc-u-m-tb-10 {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}

.ucc-u-m-tb-11 {
  margin-top: 11px !important;
  margin-bottom: 11px !important;
}

.ucc-u-m-tb-12 {
  margin-top: 12px !important;
  margin-bottom: 12px !important;
}

.ucc-u-m-tb-13 {
  margin-top: 13px !important;
  margin-bottom: 13px !important;
}

.ucc-u-m-tb-14 {
  margin-top: 14px !important;
  margin-bottom: 14px !important;
}

.ucc-u-m-tb-15 {
  margin-top: 15px !important;
  margin-bottom: 15px !important;
}

.ucc-u-m-tb-16 {
  margin-top: 16px !important;
  margin-bottom: 16px !important;
}

.ucc-u-m-tb-17 {
  margin-top: 17px !important;
  margin-bottom: 17px !important;
}

.ucc-u-m-tb-18 {
  margin-top: 18px !important;
  margin-bottom: 18px !important;
}

.ucc-u-m-tb-19 {
  margin-top: 19px !important;
  margin-bottom: 19px !important;
}

.ucc-u-m-tb-20 {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}

.ucc-u-m-tb-21 {
  margin-top: 21px !important;
  margin-bottom: 21px !important;
}

.ucc-u-m-tb-22 {
  margin-top: 22px !important;
  margin-bottom: 22px !important;
}

.ucc-u-m-tb-23 {
  margin-top: 23px !important;
  margin-bottom: 23px !important;
}

.ucc-u-m-tb-24 {
  margin-top: 24px !important;
  margin-bottom: 24px !important;
}

.ucc-u-m-tb-25 {
  margin-top: 25px !important;
  margin-bottom: 25px !important;
}

.ucc-u-m-tb-26 {
  margin-top: 26px !important;
  margin-bottom: 26px !important;
}

.ucc-u-m-tb-27 {
  margin-top: 27px !important;
  margin-bottom: 27px !important;
}

.ucc-u-m-tb-28 {
  margin-top: 28px !important;
  margin-bottom: 28px !important;
}

.ucc-u-m-tb-29 {
  margin-top: 29px !important;
  margin-bottom: 29px !important;
}

.ucc-u-m-tb-30 {
  margin-top: 30px !important;
  margin-bottom: 30px !important;
}

.ucc-u-m-tb-31 {
  margin-top: 31px !important;
  margin-bottom: 31px !important;
}

.ucc-u-m-tb-32 {
  margin-top: 32px !important;
  margin-bottom: 32px !important;
}

.ucc-u-m-tb-33 {
  margin-top: 33px !important;
  margin-bottom: 33px !important;
}

.ucc-u-m-tb-34 {
  margin-top: 34px !important;
  margin-bottom: 34px !important;
}

.ucc-u-m-tb-35 {
  margin-top: 35px !important;
  margin-bottom: 35px !important;
}

.ucc-u-m-tb-36 {
  margin-top: 36px !important;
  margin-bottom: 36px !important;
}

.ucc-u-m-tb-37 {
  margin-top: 37px !important;
  margin-bottom: 37px !important;
}

.ucc-u-m-tb-38 {
  margin-top: 38px !important;
  margin-bottom: 38px !important;
}

.ucc-u-m-tb-39 {
  margin-top: 39px !important;
  margin-bottom: 39px !important;
}

.ucc-u-m-tb-40 {
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}

.ucc-u-m-tb-41 {
  margin-top: 41px !important;
  margin-bottom: 41px !important;
}

.ucc-u-m-tb-42 {
  margin-top: 42px !important;
  margin-bottom: 42px !important;
}

.ucc-u-m-tb-43 {
  margin-top: 43px !important;
  margin-bottom: 43px !important;
}

.ucc-u-m-tb-44 {
  margin-top: 44px !important;
  margin-bottom: 44px !important;
}

.ucc-u-m-tb-45 {
  margin-top: 45px !important;
  margin-bottom: 45px !important;
}

.ucc-u-m-tb-46 {
  margin-top: 46px !important;
  margin-bottom: 46px !important;
}

.ucc-u-m-tb-47 {
  margin-top: 47px !important;
  margin-bottom: 47px !important;
}

.ucc-u-m-tb-48 {
  margin-top: 48px !important;
  margin-bottom: 48px !important;
}

.ucc-u-m-tb-49 {
  margin-top: 49px !important;
  margin-bottom: 49px !important;
}

.ucc-u-m-tb-50 {
  margin-top: 50px !important;
  margin-bottom: 50px !important;
}

.ucc-u-m-tb-51 {
  margin-top: 51px !important;
  margin-bottom: 51px !important;
}

.ucc-u-m-tb-52 {
  margin-top: 52px !important;
  margin-bottom: 52px !important;
}

.ucc-u-m-tb-53 {
  margin-top: 53px !important;
  margin-bottom: 53px !important;
}

.ucc-u-m-tb-54 {
  margin-top: 54px !important;
  margin-bottom: 54px !important;
}

.ucc-u-m-tb-55 {
  margin-top: 55px !important;
  margin-bottom: 55px !important;
}

.ucc-u-m-tb-56 {
  margin-top: 56px !important;
  margin-bottom: 56px !important;
}

.ucc-u-m-tb-57 {
  margin-top: 57px !important;
  margin-bottom: 57px !important;
}

.ucc-u-m-tb-58 {
  margin-top: 58px !important;
  margin-bottom: 58px !important;
}

.ucc-u-m-tb-59 {
  margin-top: 59px !important;
  margin-bottom: 59px !important;
}

.ucc-u-m-tb-60 {
  margin-top: 60px !important;
  margin-bottom: 60px !important;
}

.ucc-u-m-tb-61 {
  margin-top: 61px !important;
  margin-bottom: 61px !important;
}

.ucc-u-m-tb-62 {
  margin-top: 62px !important;
  margin-bottom: 62px !important;
}

.ucc-u-m-tb-63 {
  margin-top: 63px !important;
  margin-bottom: 63px !important;
}

.ucc-u-m-tb-64 {
  margin-top: 64px !important;
  margin-bottom: 64px !important;
}

.ucc-u-m-tb-65 {
  margin-top: 65px !important;
  margin-bottom: 65px !important;
}

.ucc-u-m-tb-66 {
  margin-top: 66px !important;
  margin-bottom: 66px !important;
}

.ucc-u-m-tb-67 {
  margin-top: 67px !important;
  margin-bottom: 67px !important;
}

.ucc-u-m-tb-68 {
  margin-top: 68px !important;
  margin-bottom: 68px !important;
}

.ucc-u-m-tb-69 {
  margin-top: 69px !important;
  margin-bottom: 69px !important;
}

.ucc-u-m-tb-70 {
  margin-top: 70px !important;
  margin-bottom: 70px !important;
}

.ucc-u-m-tb-71 {
  margin-top: 71px !important;
  margin-bottom: 71px !important;
}

.ucc-u-m-tb-72 {
  margin-top: 72px !important;
  margin-bottom: 72px !important;
}

.ucc-u-m-tb-73 {
  margin-top: 73px !important;
  margin-bottom: 73px !important;
}

.ucc-u-m-tb-74 {
  margin-top: 74px !important;
  margin-bottom: 74px !important;
}

.ucc-u-m-tb-75 {
  margin-top: 75px !important;
  margin-bottom: 75px !important;
}

.ucc-u-m-tb-76 {
  margin-top: 76px !important;
  margin-bottom: 76px !important;
}

.ucc-u-m-tb-77 {
  margin-top: 77px !important;
  margin-bottom: 77px !important;
}

.ucc-u-m-tb-78 {
  margin-top: 78px !important;
  margin-bottom: 78px !important;
}

.ucc-u-m-tb-79 {
  margin-top: 79px !important;
  margin-bottom: 79px !important;
}

.ucc-u-m-tb-80 {
  margin-top: 80px !important;
  margin-bottom: 80px !important;
}

.ucc-u-m-tb-81 {
  margin-top: 81px !important;
  margin-bottom: 81px !important;
}

.ucc-u-m-tb-82 {
  margin-top: 82px !important;
  margin-bottom: 82px !important;
}

.ucc-u-m-tb-83 {
  margin-top: 83px !important;
  margin-bottom: 83px !important;
}

.ucc-u-m-tb-84 {
  margin-top: 84px !important;
  margin-bottom: 84px !important;
}

.ucc-u-m-tb-85 {
  margin-top: 85px !important;
  margin-bottom: 85px !important;
}

.ucc-u-m-tb-86 {
  margin-top: 86px !important;
  margin-bottom: 86px !important;
}

.ucc-u-m-tb-87 {
  margin-top: 87px !important;
  margin-bottom: 87px !important;
}

.ucc-u-m-tb-88 {
  margin-top: 88px !important;
  margin-bottom: 88px !important;
}

.ucc-u-m-tb-89 {
  margin-top: 89px !important;
  margin-bottom: 89px !important;
}

.ucc-u-m-tb-90 {
  margin-top: 90px !important;
  margin-bottom: 90px !important;
}

.ucc-u-m-tb-91 {
  margin-top: 91px !important;
  margin-bottom: 91px !important;
}

.ucc-u-m-tb-92 {
  margin-top: 92px !important;
  margin-bottom: 92px !important;
}

.ucc-u-m-tb-93 {
  margin-top: 93px !important;
  margin-bottom: 93px !important;
}

.ucc-u-m-tb-94 {
  margin-top: 94px !important;
  margin-bottom: 94px !important;
}

.ucc-u-m-tb-95 {
  margin-top: 95px !important;
  margin-bottom: 95px !important;
}

.ucc-u-m-tb-96 {
  margin-top: 96px !important;
  margin-bottom: 96px !important;
}

.ucc-u-m-tb-97 {
  margin-top: 97px !important;
  margin-bottom: 97px !important;
}

.ucc-u-m-tb-98 {
  margin-top: 98px !important;
  margin-bottom: 98px !important;
}

.ucc-u-m-tb-99 {
  margin-top: 99px !important;
  margin-bottom: 99px !important;
}

.ucc-u-m-tb-100 {
  margin-top: 100px !important;
  margin-bottom: 100px !important;
}

.ucc-u-m-r-1 {
  margin-right: 1px !important;
}

.ucc-u-m-r-2 {
  margin-right: 2px !important;
}

.ucc-u-m-r-3 {
  margin-right: 3px !important;
}

.ucc-u-m-r-4 {
  margin-right: 4px !important;
}

.ucc-u-m-r-5 {
  margin-right: 5px !important;
}

.ucc-u-m-r-6 {
  margin-right: 6px !important;
}

.ucc-u-m-r-7 {
  margin-right: 7px !important;
}

.ucc-u-m-r-8 {
  margin-right: 8px !important;
}

.ucc-u-m-r-9 {
  margin-right: 9px !important;
}

.ucc-u-m-r-10 {
  margin-right: 10px !important;
}

.ucc-u-m-r-11 {
  margin-right: 11px !important;
}

.ucc-u-m-r-12 {
  margin-right: 12px !important;
}

.ucc-u-m-r-13 {
  margin-right: 13px !important;
}

.ucc-u-m-r-14 {
  margin-right: 14px !important;
}

.ucc-u-m-r-15 {
  margin-right: 15px !important;
}

.ucc-u-m-r-16 {
  margin-right: 16px !important;
}

.ucc-u-m-r-17 {
  margin-right: 17px !important;
}

.ucc-u-m-r-18 {
  margin-right: 18px !important;
}

.ucc-u-m-r-19 {
  margin-right: 19px !important;
}

.ucc-u-m-r-20 {
  margin-right: 20px !important;
}

.ucc-u-m-r-21 {
  margin-right: 21px !important;
}

.ucc-u-m-r-22 {
  margin-right: 22px !important;
}

.ucc-u-m-r-23 {
  margin-right: 23px !important;
}

.ucc-u-m-r-24 {
  margin-right: 24px !important;
}

.ucc-u-m-r-25 {
  margin-right: 25px !important;
}

.ucc-u-m-r-26 {
  margin-right: 26px !important;
}

.ucc-u-m-r-27 {
  margin-right: 27px !important;
}

.ucc-u-m-r-28 {
  margin-right: 28px !important;
}

.ucc-u-m-r-29 {
  margin-right: 29px !important;
}

.ucc-u-m-r-30 {
  margin-right: 30px !important;
}

.ucc-u-m-r-31 {
  margin-right: 31px !important;
}

.ucc-u-m-r-32 {
  margin-right: 32px !important;
}

.ucc-u-m-r-33 {
  margin-right: 33px !important;
}

.ucc-u-m-r-34 {
  margin-right: 34px !important;
}

.ucc-u-m-r-35 {
  margin-right: 35px !important;
}

.ucc-u-m-r-36 {
  margin-right: 36px !important;
}

.ucc-u-m-r-37 {
  margin-right: 37px !important;
}

.ucc-u-m-r-38 {
  margin-right: 38px !important;
}

.ucc-u-m-r-39 {
  margin-right: 39px !important;
}

.ucc-u-m-r-40 {
  margin-right: 40px !important;
}

.ucc-u-m-r-41 {
  margin-right: 41px !important;
}

.ucc-u-m-r-42 {
  margin-right: 42px !important;
}

.ucc-u-m-r-43 {
  margin-right: 43px !important;
}

.ucc-u-m-r-44 {
  margin-right: 44px !important;
}

.ucc-u-m-r-45 {
  margin-right: 45px !important;
}

.ucc-u-m-r-46 {
  margin-right: 46px !important;
}

.ucc-u-m-r-47 {
  margin-right: 47px !important;
}

.ucc-u-m-r-48 {
  margin-right: 48px !important;
}

.ucc-u-m-r-49 {
  margin-right: 49px !important;
}

.ucc-u-m-r-50 {
  margin-right: 50px !important;
}

.ucc-u-m-r-51 {
  margin-right: 51px !important;
}

.ucc-u-m-r-52 {
  margin-right: 52px !important;
}

.ucc-u-m-r-53 {
  margin-right: 53px !important;
}

.ucc-u-m-r-54 {
  margin-right: 54px !important;
}

.ucc-u-m-r-55 {
  margin-right: 55px !important;
}

.ucc-u-m-r-56 {
  margin-right: 56px !important;
}

.ucc-u-m-r-57 {
  margin-right: 57px !important;
}

.ucc-u-m-r-58 {
  margin-right: 58px !important;
}

.ucc-u-m-r-59 {
  margin-right: 59px !important;
}

.ucc-u-m-r-60 {
  margin-right: 60px !important;
}

.ucc-u-m-r-61 {
  margin-right: 61px !important;
}

.ucc-u-m-r-62 {
  margin-right: 62px !important;
}

.ucc-u-m-r-63 {
  margin-right: 63px !important;
}

.ucc-u-m-r-64 {
  margin-right: 64px !important;
}

.ucc-u-m-r-65 {
  margin-right: 65px !important;
}

.ucc-u-m-r-66 {
  margin-right: 66px !important;
}

.ucc-u-m-r-67 {
  margin-right: 67px !important;
}

.ucc-u-m-r-68 {
  margin-right: 68px !important;
}

.ucc-u-m-r-69 {
  margin-right: 69px !important;
}

.ucc-u-m-r-70 {
  margin-right: 70px !important;
}

.ucc-u-m-r-71 {
  margin-right: 71px !important;
}

.ucc-u-m-r-72 {
  margin-right: 72px !important;
}

.ucc-u-m-r-73 {
  margin-right: 73px !important;
}

.ucc-u-m-r-74 {
  margin-right: 74px !important;
}

.ucc-u-m-r-75 {
  margin-right: 75px !important;
}

.ucc-u-m-r-76 {
  margin-right: 76px !important;
}

.ucc-u-m-r-77 {
  margin-right: 77px !important;
}

.ucc-u-m-r-78 {
  margin-right: 78px !important;
}

.ucc-u-m-r-79 {
  margin-right: 79px !important;
}

.ucc-u-m-r-80 {
  margin-right: 80px !important;
}

.ucc-u-m-r-81 {
  margin-right: 81px !important;
}

.ucc-u-m-r-82 {
  margin-right: 82px !important;
}

.ucc-u-m-r-83 {
  margin-right: 83px !important;
}

.ucc-u-m-r-84 {
  margin-right: 84px !important;
}

.ucc-u-m-r-85 {
  margin-right: 85px !important;
}

.ucc-u-m-r-86 {
  margin-right: 86px !important;
}

.ucc-u-m-r-87 {
  margin-right: 87px !important;
}

.ucc-u-m-r-88 {
  margin-right: 88px !important;
}

.ucc-u-m-r-89 {
  margin-right: 89px !important;
}

.ucc-u-m-r-90 {
  margin-right: 90px !important;
}

.ucc-u-m-r-91 {
  margin-right: 91px !important;
}

.ucc-u-m-r-92 {
  margin-right: 92px !important;
}

.ucc-u-m-r-93 {
  margin-right: 93px !important;
}

.ucc-u-m-r-94 {
  margin-right: 94px !important;
}

.ucc-u-m-r-95 {
  margin-right: 95px !important;
}

.ucc-u-m-r-96 {
  margin-right: 96px !important;
}

.ucc-u-m-r-97 {
  margin-right: 97px !important;
}

.ucc-u-m-r-98 {
  margin-right: 98px !important;
}

.ucc-u-m-r-99 {
  margin-right: 99px !important;
}

.ucc-u-m-r-100 {
  margin-right: 100px !important;
}

.ucc-u-m-l-1 {
  margin-right: 1px !important;
}

.ucc-u-m-l-2 {
  margin-right: 2px !important;
}

.ucc-u-m-l-3 {
  margin-right: 3px !important;
}

.ucc-u-m-l-4 {
  margin-right: 4px !important;
}

.ucc-u-m-l-5 {
  margin-right: 5px !important;
}

.ucc-u-m-l-6 {
  margin-right: 6px !important;
}

.ucc-u-m-l-7 {
  margin-right: 7px !important;
}

.ucc-u-m-l-8 {
  margin-right: 8px !important;
}

.ucc-u-m-l-9 {
  margin-right: 9px !important;
}

.ucc-u-m-l-10 {
  margin-right: 10px !important;
}

.ucc-u-m-l-11 {
  margin-right: 11px !important;
}

.ucc-u-m-l-12 {
  margin-right: 12px !important;
}

.ucc-u-m-l-13 {
  margin-right: 13px !important;
}

.ucc-u-m-l-14 {
  margin-right: 14px !important;
}

.ucc-u-m-l-15 {
  margin-right: 15px !important;
}

.ucc-u-m-l-16 {
  margin-right: 16px !important;
}

.ucc-u-m-l-17 {
  margin-right: 17px !important;
}

.ucc-u-m-l-18 {
  margin-right: 18px !important;
}

.ucc-u-m-l-19 {
  margin-right: 19px !important;
}

.ucc-u-m-l-20 {
  margin-right: 20px !important;
}

.ucc-u-m-l-21 {
  margin-right: 21px !important;
}

.ucc-u-m-l-22 {
  margin-right: 22px !important;
}

.ucc-u-m-l-23 {
  margin-right: 23px !important;
}

.ucc-u-m-l-24 {
  margin-right: 24px !important;
}

.ucc-u-m-l-25 {
  margin-right: 25px !important;
}

.ucc-u-m-l-26 {
  margin-right: 26px !important;
}

.ucc-u-m-l-27 {
  margin-right: 27px !important;
}

.ucc-u-m-l-28 {
  margin-right: 28px !important;
}

.ucc-u-m-l-29 {
  margin-right: 29px !important;
}

.ucc-u-m-l-30 {
  margin-right: 30px !important;
}

.ucc-u-m-l-31 {
  margin-right: 31px !important;
}

.ucc-u-m-l-32 {
  margin-right: 32px !important;
}

.ucc-u-m-l-33 {
  margin-right: 33px !important;
}

.ucc-u-m-l-34 {
  margin-right: 34px !important;
}

.ucc-u-m-l-35 {
  margin-right: 35px !important;
}

.ucc-u-m-l-36 {
  margin-right: 36px !important;
}

.ucc-u-m-l-37 {
  margin-right: 37px !important;
}

.ucc-u-m-l-38 {
  margin-right: 38px !important;
}

.ucc-u-m-l-39 {
  margin-right: 39px !important;
}

.ucc-u-m-l-40 {
  margin-right: 40px !important;
}

.ucc-u-m-l-41 {
  margin-right: 41px !important;
}

.ucc-u-m-l-42 {
  margin-right: 42px !important;
}

.ucc-u-m-l-43 {
  margin-right: 43px !important;
}

.ucc-u-m-l-44 {
  margin-right: 44px !important;
}

.ucc-u-m-l-45 {
  margin-right: 45px !important;
}

.ucc-u-m-l-46 {
  margin-right: 46px !important;
}

.ucc-u-m-l-47 {
  margin-right: 47px !important;
}

.ucc-u-m-l-48 {
  margin-right: 48px !important;
}

.ucc-u-m-l-49 {
  margin-right: 49px !important;
}

.ucc-u-m-l-50 {
  margin-right: 50px !important;
}

.ucc-u-m-l-51 {
  margin-right: 51px !important;
}

.ucc-u-m-l-52 {
  margin-right: 52px !important;
}

.ucc-u-m-l-53 {
  margin-right: 53px !important;
}

.ucc-u-m-l-54 {
  margin-right: 54px !important;
}

.ucc-u-m-l-55 {
  margin-right: 55px !important;
}

.ucc-u-m-l-56 {
  margin-right: 56px !important;
}

.ucc-u-m-l-57 {
  margin-right: 57px !important;
}

.ucc-u-m-l-58 {
  margin-right: 58px !important;
}

.ucc-u-m-l-59 {
  margin-right: 59px !important;
}

.ucc-u-m-l-60 {
  margin-right: 60px !important;
}

.ucc-u-m-l-61 {
  margin-right: 61px !important;
}

.ucc-u-m-l-62 {
  margin-right: 62px !important;
}

.ucc-u-m-l-63 {
  margin-right: 63px !important;
}

.ucc-u-m-l-64 {
  margin-right: 64px !important;
}

.ucc-u-m-l-65 {
  margin-right: 65px !important;
}

.ucc-u-m-l-66 {
  margin-right: 66px !important;
}

.ucc-u-m-l-67 {
  margin-right: 67px !important;
}

.ucc-u-m-l-68 {
  margin-right: 68px !important;
}

.ucc-u-m-l-69 {
  margin-right: 69px !important;
}

.ucc-u-m-l-70 {
  margin-right: 70px !important;
}

.ucc-u-m-l-71 {
  margin-right: 71px !important;
}

.ucc-u-m-l-72 {
  margin-right: 72px !important;
}

.ucc-u-m-l-73 {
  margin-right: 73px !important;
}

.ucc-u-m-l-74 {
  margin-right: 74px !important;
}

.ucc-u-m-l-75 {
  margin-right: 75px !important;
}

.ucc-u-m-l-76 {
  margin-right: 76px !important;
}

.ucc-u-m-l-77 {
  margin-right: 77px !important;
}

.ucc-u-m-l-78 {
  margin-right: 78px !important;
}

.ucc-u-m-l-79 {
  margin-right: 79px !important;
}

.ucc-u-m-l-80 {
  margin-right: 80px !important;
}

.ucc-u-m-l-81 {
  margin-right: 81px !important;
}

.ucc-u-m-l-82 {
  margin-right: 82px !important;
}

.ucc-u-m-l-83 {
  margin-right: 83px !important;
}

.ucc-u-m-l-84 {
  margin-right: 84px !important;
}

.ucc-u-m-l-85 {
  margin-right: 85px !important;
}

.ucc-u-m-l-86 {
  margin-right: 86px !important;
}

.ucc-u-m-l-87 {
  margin-right: 87px !important;
}

.ucc-u-m-l-88 {
  margin-right: 88px !important;
}

.ucc-u-m-l-89 {
  margin-right: 89px !important;
}

.ucc-u-m-l-90 {
  margin-right: 90px !important;
}

.ucc-u-m-l-91 {
  margin-right: 91px !important;
}

.ucc-u-m-l-92 {
  margin-right: 92px !important;
}

.ucc-u-m-l-93 {
  margin-right: 93px !important;
}

.ucc-u-m-l-94 {
  margin-right: 94px !important;
}

.ucc-u-m-l-95 {
  margin-right: 95px !important;
}

.ucc-u-m-l-96 {
  margin-right: 96px !important;
}

.ucc-u-m-l-97 {
  margin-right: 97px !important;
}

.ucc-u-m-l-98 {
  margin-right: 98px !important;
}

.ucc-u-m-l-99 {
  margin-right: 99px !important;
}

.ucc-u-m-l-100 {
  margin-right: 100px !important;
}

.ucc-u-of-h {
  overflow: hidden;
}

.ucc-u-p-t-1 {
  padding-top: 1px !important;
}

.ucc-u-p-t-2 {
  padding-top: 2px !important;
}

.ucc-u-p-t-3 {
  padding-top: 3px !important;
}

.ucc-u-p-t-4 {
  padding-top: 4px !important;
}

.ucc-u-p-t-5 {
  padding-top: 5px !important;
}

.ucc-u-p-t-6 {
  padding-top: 6px !important;
}

.ucc-u-p-t-7 {
  padding-top: 7px !important;
}

.ucc-u-p-t-8 {
  padding-top: 8px !important;
}

.ucc-u-p-t-9 {
  padding-top: 9px !important;
}

.ucc-u-p-t-10 {
  padding-top: 10px !important;
}

.ucc-u-p-t-11 {
  padding-top: 11px !important;
}

.ucc-u-p-t-12 {
  padding-top: 12px !important;
}

.ucc-u-p-t-13 {
  padding-top: 13px !important;
}

.ucc-u-p-t-14 {
  padding-top: 14px !important;
}

.ucc-u-p-t-15 {
  padding-top: 15px !important;
}

.ucc-u-p-t-16 {
  padding-top: 16px !important;
}

.ucc-u-p-t-17 {
  padding-top: 17px !important;
}

.ucc-u-p-t-18 {
  padding-top: 18px !important;
}

.ucc-u-p-t-19 {
  padding-top: 19px !important;
}

.ucc-u-p-t-20 {
  padding-top: 20px !important;
}

.ucc-u-p-t-21 {
  padding-top: 21px !important;
}

.ucc-u-p-t-22 {
  padding-top: 22px !important;
}

.ucc-u-p-t-23 {
  padding-top: 23px !important;
}

.ucc-u-p-t-24 {
  padding-top: 24px !important;
}

.ucc-u-p-t-25 {
  padding-top: 25px !important;
}

.ucc-u-p-t-26 {
  padding-top: 26px !important;
}

.ucc-u-p-t-27 {
  padding-top: 27px !important;
}

.ucc-u-p-t-28 {
  padding-top: 28px !important;
}

.ucc-u-p-t-29 {
  padding-top: 29px !important;
}

.ucc-u-p-t-30 {
  padding-top: 30px !important;
}

.ucc-u-p-t-31 {
  padding-top: 31px !important;
}

.ucc-u-p-t-32 {
  padding-top: 32px !important;
}

.ucc-u-p-t-33 {
  padding-top: 33px !important;
}

.ucc-u-p-t-34 {
  padding-top: 34px !important;
}

.ucc-u-p-t-35 {
  padding-top: 35px !important;
}

.ucc-u-p-t-36 {
  padding-top: 36px !important;
}

.ucc-u-p-t-37 {
  padding-top: 37px !important;
}

.ucc-u-p-t-38 {
  padding-top: 38px !important;
}

.ucc-u-p-t-39 {
  padding-top: 39px !important;
}

.ucc-u-p-t-40 {
  padding-top: 40px !important;
}

.ucc-u-p-t-41 {
  padding-top: 41px !important;
}

.ucc-u-p-t-42 {
  padding-top: 42px !important;
}

.ucc-u-p-t-43 {
  padding-top: 43px !important;
}

.ucc-u-p-t-44 {
  padding-top: 44px !important;
}

.ucc-u-p-t-45 {
  padding-top: 45px !important;
}

.ucc-u-p-t-46 {
  padding-top: 46px !important;
}

.ucc-u-p-t-47 {
  padding-top: 47px !important;
}

.ucc-u-p-t-48 {
  padding-top: 48px !important;
}

.ucc-u-p-t-49 {
  padding-top: 49px !important;
}

.ucc-u-p-t-50 {
  padding-top: 50px !important;
}

.ucc-u-p-t-51 {
  padding-top: 51px !important;
}

.ucc-u-p-t-52 {
  padding-top: 52px !important;
}

.ucc-u-p-t-53 {
  padding-top: 53px !important;
}

.ucc-u-p-t-54 {
  padding-top: 54px !important;
}

.ucc-u-p-t-55 {
  padding-top: 55px !important;
}

.ucc-u-p-t-56 {
  padding-top: 56px !important;
}

.ucc-u-p-t-57 {
  padding-top: 57px !important;
}

.ucc-u-p-t-58 {
  padding-top: 58px !important;
}

.ucc-u-p-t-59 {
  padding-top: 59px !important;
}

.ucc-u-p-t-60 {
  padding-top: 60px !important;
}

.ucc-u-p-t-61 {
  padding-top: 61px !important;
}

.ucc-u-p-t-62 {
  padding-top: 62px !important;
}

.ucc-u-p-t-63 {
  padding-top: 63px !important;
}

.ucc-u-p-t-64 {
  padding-top: 64px !important;
}

.ucc-u-p-t-65 {
  padding-top: 65px !important;
}

.ucc-u-p-t-66 {
  padding-top: 66px !important;
}

.ucc-u-p-t-67 {
  padding-top: 67px !important;
}

.ucc-u-p-t-68 {
  padding-top: 68px !important;
}

.ucc-u-p-t-69 {
  padding-top: 69px !important;
}

.ucc-u-p-t-70 {
  padding-top: 70px !important;
}

.ucc-u-p-t-71 {
  padding-top: 71px !important;
}

.ucc-u-p-t-72 {
  padding-top: 72px !important;
}

.ucc-u-p-t-73 {
  padding-top: 73px !important;
}

.ucc-u-p-t-74 {
  padding-top: 74px !important;
}

.ucc-u-p-t-75 {
  padding-top: 75px !important;
}

.ucc-u-p-t-76 {
  padding-top: 76px !important;
}

.ucc-u-p-t-77 {
  padding-top: 77px !important;
}

.ucc-u-p-t-78 {
  padding-top: 78px !important;
}

.ucc-u-p-t-79 {
  padding-top: 79px !important;
}

.ucc-u-p-t-80 {
  padding-top: 80px !important;
}

.ucc-u-p-t-81 {
  padding-top: 81px !important;
}

.ucc-u-p-t-82 {
  padding-top: 82px !important;
}

.ucc-u-p-t-83 {
  padding-top: 83px !important;
}

.ucc-u-p-t-84 {
  padding-top: 84px !important;
}

.ucc-u-p-t-85 {
  padding-top: 85px !important;
}

.ucc-u-p-t-86 {
  padding-top: 86px !important;
}

.ucc-u-p-t-87 {
  padding-top: 87px !important;
}

.ucc-u-p-t-88 {
  padding-top: 88px !important;
}

.ucc-u-p-t-89 {
  padding-top: 89px !important;
}

.ucc-u-p-t-90 {
  padding-top: 90px !important;
}

.ucc-u-p-t-91 {
  padding-top: 91px !important;
}

.ucc-u-p-t-92 {
  padding-top: 92px !important;
}

.ucc-u-p-t-93 {
  padding-top: 93px !important;
}

.ucc-u-p-t-94 {
  padding-top: 94px !important;
}

.ucc-u-p-t-95 {
  padding-top: 95px !important;
}

.ucc-u-p-t-96 {
  padding-top: 96px !important;
}

.ucc-u-p-t-97 {
  padding-top: 97px !important;
}

.ucc-u-p-t-98 {
  padding-top: 98px !important;
}

.ucc-u-p-t-99 {
  padding-top: 99px !important;
}

.ucc-u-p-t-100 {
  padding-top: 100px !important;
}

.ucc-u-p-b-1 {
  padding-bottom: 1px !important;
}

.ucc-u-p-b-2 {
  padding-bottom: 2px !important;
}

.ucc-u-p-b-3 {
  padding-bottom: 3px !important;
}

.ucc-u-p-b-4 {
  padding-bottom: 4px !important;
}

.ucc-u-p-b-5 {
  padding-bottom: 5px !important;
}

.ucc-u-p-b-6 {
  padding-bottom: 6px !important;
}

.ucc-u-p-b-7 {
  padding-bottom: 7px !important;
}

.ucc-u-p-b-8 {
  padding-bottom: 8px !important;
}

.ucc-u-p-b-9 {
  padding-bottom: 9px !important;
}

.ucc-u-p-b-10 {
  padding-bottom: 10px !important;
}

.ucc-u-p-b-11 {
  padding-bottom: 11px !important;
}

.ucc-u-p-b-12 {
  padding-bottom: 12px !important;
}

.ucc-u-p-b-13 {
  padding-bottom: 13px !important;
}

.ucc-u-p-b-14 {
  padding-bottom: 14px !important;
}

.ucc-u-p-b-15 {
  padding-bottom: 15px !important;
}

.ucc-u-p-b-16 {
  padding-bottom: 16px !important;
}

.ucc-u-p-b-17 {
  padding-bottom: 17px !important;
}

.ucc-u-p-b-18 {
  padding-bottom: 18px !important;
}

.ucc-u-p-b-19 {
  padding-bottom: 19px !important;
}

.ucc-u-p-b-20 {
  padding-bottom: 20px !important;
}

.ucc-u-p-b-21 {
  padding-bottom: 21px !important;
}

.ucc-u-p-b-22 {
  padding-bottom: 22px !important;
}

.ucc-u-p-b-23 {
  padding-bottom: 23px !important;
}

.ucc-u-p-b-24 {
  padding-bottom: 24px !important;
}

.ucc-u-p-b-25 {
  padding-bottom: 25px !important;
}

.ucc-u-p-b-26 {
  padding-bottom: 26px !important;
}

.ucc-u-p-b-27 {
  padding-bottom: 27px !important;
}

.ucc-u-p-b-28 {
  padding-bottom: 28px !important;
}

.ucc-u-p-b-29 {
  padding-bottom: 29px !important;
}

.ucc-u-p-b-30 {
  padding-bottom: 30px !important;
}

.ucc-u-p-b-31 {
  padding-bottom: 31px !important;
}

.ucc-u-p-b-32 {
  padding-bottom: 32px !important;
}

.ucc-u-p-b-33 {
  padding-bottom: 33px !important;
}

.ucc-u-p-b-34 {
  padding-bottom: 34px !important;
}

.ucc-u-p-b-35 {
  padding-bottom: 35px !important;
}

.ucc-u-p-b-36 {
  padding-bottom: 36px !important;
}

.ucc-u-p-b-37 {
  padding-bottom: 37px !important;
}

.ucc-u-p-b-38 {
  padding-bottom: 38px !important;
}

.ucc-u-p-b-39 {
  padding-bottom: 39px !important;
}

.ucc-u-p-b-40 {
  padding-bottom: 40px !important;
}

.ucc-u-p-b-41 {
  padding-bottom: 41px !important;
}

.ucc-u-p-b-42 {
  padding-bottom: 42px !important;
}

.ucc-u-p-b-43 {
  padding-bottom: 43px !important;
}

.ucc-u-p-b-44 {
  padding-bottom: 44px !important;
}

.ucc-u-p-b-45 {
  padding-bottom: 45px !important;
}

.ucc-u-p-b-46 {
  padding-bottom: 46px !important;
}

.ucc-u-p-b-47 {
  padding-bottom: 47px !important;
}

.ucc-u-p-b-48 {
  padding-bottom: 48px !important;
}

.ucc-u-p-b-49 {
  padding-bottom: 49px !important;
}

.ucc-u-p-b-50 {
  padding-bottom: 50px !important;
}

.ucc-u-p-b-51 {
  padding-bottom: 51px !important;
}

.ucc-u-p-b-52 {
  padding-bottom: 52px !important;
}

.ucc-u-p-b-53 {
  padding-bottom: 53px !important;
}

.ucc-u-p-b-54 {
  padding-bottom: 54px !important;
}

.ucc-u-p-b-55 {
  padding-bottom: 55px !important;
}

.ucc-u-p-b-56 {
  padding-bottom: 56px !important;
}

.ucc-u-p-b-57 {
  padding-bottom: 57px !important;
}

.ucc-u-p-b-58 {
  padding-bottom: 58px !important;
}

.ucc-u-p-b-59 {
  padding-bottom: 59px !important;
}

.ucc-u-p-b-60 {
  padding-bottom: 60px !important;
}

.ucc-u-p-b-61 {
  padding-bottom: 61px !important;
}

.ucc-u-p-b-62 {
  padding-bottom: 62px !important;
}

.ucc-u-p-b-63 {
  padding-bottom: 63px !important;
}

.ucc-u-p-b-64 {
  padding-bottom: 64px !important;
}

.ucc-u-p-b-65 {
  padding-bottom: 65px !important;
}

.ucc-u-p-b-66 {
  padding-bottom: 66px !important;
}

.ucc-u-p-b-67 {
  padding-bottom: 67px !important;
}

.ucc-u-p-b-68 {
  padding-bottom: 68px !important;
}

.ucc-u-p-b-69 {
  padding-bottom: 69px !important;
}

.ucc-u-p-b-70 {
  padding-bottom: 70px !important;
}

.ucc-u-p-b-71 {
  padding-bottom: 71px !important;
}

.ucc-u-p-b-72 {
  padding-bottom: 72px !important;
}

.ucc-u-p-b-73 {
  padding-bottom: 73px !important;
}

.ucc-u-p-b-74 {
  padding-bottom: 74px !important;
}

.ucc-u-p-b-75 {
  padding-bottom: 75px !important;
}

.ucc-u-p-b-76 {
  padding-bottom: 76px !important;
}

.ucc-u-p-b-77 {
  padding-bottom: 77px !important;
}

.ucc-u-p-b-78 {
  padding-bottom: 78px !important;
}

.ucc-u-p-b-79 {
  padding-bottom: 79px !important;
}

.ucc-u-p-b-80 {
  padding-bottom: 80px !important;
}

.ucc-u-p-b-81 {
  padding-bottom: 81px !important;
}

.ucc-u-p-b-82 {
  padding-bottom: 82px !important;
}

.ucc-u-p-b-83 {
  padding-bottom: 83px !important;
}

.ucc-u-p-b-84 {
  padding-bottom: 84px !important;
}

.ucc-u-p-b-85 {
  padding-bottom: 85px !important;
}

.ucc-u-p-b-86 {
  padding-bottom: 86px !important;
}

.ucc-u-p-b-87 {
  padding-bottom: 87px !important;
}

.ucc-u-p-b-88 {
  padding-bottom: 88px !important;
}

.ucc-u-p-b-89 {
  padding-bottom: 89px !important;
}

.ucc-u-p-b-90 {
  padding-bottom: 90px !important;
}

.ucc-u-p-b-91 {
  padding-bottom: 91px !important;
}

.ucc-u-p-b-92 {
  padding-bottom: 92px !important;
}

.ucc-u-p-b-93 {
  padding-bottom: 93px !important;
}

.ucc-u-p-b-94 {
  padding-bottom: 94px !important;
}

.ucc-u-p-b-95 {
  padding-bottom: 95px !important;
}

.ucc-u-p-b-96 {
  padding-bottom: 96px !important;
}

.ucc-u-p-b-97 {
  padding-bottom: 97px !important;
}

.ucc-u-p-b-98 {
  padding-bottom: 98px !important;
}

.ucc-u-p-b-99 {
  padding-bottom: 99px !important;
}

.ucc-u-p-b-100 {
  padding-bottom: 100px !important;
}

.ucc-u-p-tb-1 {
  padding-top: 1px !important;
  padding-bottom: 1px !important;
}

.ucc-u-p-tb-2 {
  padding-top: 2px !important;
  padding-bottom: 2px !important;
}

.ucc-u-p-tb-3 {
  padding-top: 3px !important;
  padding-bottom: 3px !important;
}

.ucc-u-p-tb-4 {
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}

.ucc-u-p-tb-5 {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}

.ucc-u-p-tb-6 {
  padding-top: 6px !important;
  padding-bottom: 6px !important;
}

.ucc-u-p-tb-7 {
  padding-top: 7px !important;
  padding-bottom: 7px !important;
}

.ucc-u-p-tb-8 {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}

.ucc-u-p-tb-9 {
  padding-top: 9px !important;
  padding-bottom: 9px !important;
}

.ucc-u-p-tb-10 {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

.ucc-u-p-tb-11 {
  padding-top: 11px !important;
  padding-bottom: 11px !important;
}

.ucc-u-p-tb-12 {
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}

.ucc-u-p-tb-13 {
  padding-top: 13px !important;
  padding-bottom: 13px !important;
}

.ucc-u-p-tb-14 {
  padding-top: 14px !important;
  padding-bottom: 14px !important;
}

.ucc-u-p-tb-15 {
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}

.ucc-u-p-tb-16 {
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}

.ucc-u-p-tb-17 {
  padding-top: 17px !important;
  padding-bottom: 17px !important;
}

.ucc-u-p-tb-18 {
  padding-top: 18px !important;
  padding-bottom: 18px !important;
}

.ucc-u-p-tb-19 {
  padding-top: 19px !important;
  padding-bottom: 19px !important;
}

.ucc-u-p-tb-20 {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}

.ucc-u-p-tb-21 {
  padding-top: 21px !important;
  padding-bottom: 21px !important;
}

.ucc-u-p-tb-22 {
  padding-top: 22px !important;
  padding-bottom: 22px !important;
}

.ucc-u-p-tb-23 {
  padding-top: 23px !important;
  padding-bottom: 23px !important;
}

.ucc-u-p-tb-24 {
  padding-top: 24px !important;
  padding-bottom: 24px !important;
}

.ucc-u-p-tb-25 {
  padding-top: 25px !important;
  padding-bottom: 25px !important;
}

.ucc-u-p-tb-26 {
  padding-top: 26px !important;
  padding-bottom: 26px !important;
}

.ucc-u-p-tb-27 {
  padding-top: 27px !important;
  padding-bottom: 27px !important;
}

.ucc-u-p-tb-28 {
  padding-top: 28px !important;
  padding-bottom: 28px !important;
}

.ucc-u-p-tb-29 {
  padding-top: 29px !important;
  padding-bottom: 29px !important;
}

.ucc-u-p-tb-30 {
  padding-top: 30px !important;
  padding-bottom: 30px !important;
}

.ucc-u-p-tb-31 {
  padding-top: 31px !important;
  padding-bottom: 31px !important;
}

.ucc-u-p-tb-32 {
  padding-top: 32px !important;
  padding-bottom: 32px !important;
}

.ucc-u-p-tb-33 {
  padding-top: 33px !important;
  padding-bottom: 33px !important;
}

.ucc-u-p-tb-34 {
  padding-top: 34px !important;
  padding-bottom: 34px !important;
}

.ucc-u-p-tb-35 {
  padding-top: 35px !important;
  padding-bottom: 35px !important;
}

.ucc-u-p-tb-36 {
  padding-top: 36px !important;
  padding-bottom: 36px !important;
}

.ucc-u-p-tb-37 {
  padding-top: 37px !important;
  padding-bottom: 37px !important;
}

.ucc-u-p-tb-38 {
  padding-top: 38px !important;
  padding-bottom: 38px !important;
}

.ucc-u-p-tb-39 {
  padding-top: 39px !important;
  padding-bottom: 39px !important;
}

.ucc-u-p-tb-40 {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}

.ucc-u-p-tb-41 {
  padding-top: 41px !important;
  padding-bottom: 41px !important;
}

.ucc-u-p-tb-42 {
  padding-top: 42px !important;
  padding-bottom: 42px !important;
}

.ucc-u-p-tb-43 {
  padding-top: 43px !important;
  padding-bottom: 43px !important;
}

.ucc-u-p-tb-44 {
  padding-top: 44px !important;
  padding-bottom: 44px !important;
}

.ucc-u-p-tb-45 {
  padding-top: 45px !important;
  padding-bottom: 45px !important;
}

.ucc-u-p-tb-46 {
  padding-top: 46px !important;
  padding-bottom: 46px !important;
}

.ucc-u-p-tb-47 {
  padding-top: 47px !important;
  padding-bottom: 47px !important;
}

.ucc-u-p-tb-48 {
  padding-top: 48px !important;
  padding-bottom: 48px !important;
}

.ucc-u-p-tb-49 {
  padding-top: 49px !important;
  padding-bottom: 49px !important;
}

.ucc-u-p-tb-50 {
  padding-top: 50px !important;
  padding-bottom: 50px !important;
}

.ucc-u-p-tb-51 {
  padding-top: 51px !important;
  padding-bottom: 51px !important;
}

.ucc-u-p-tb-52 {
  padding-top: 52px !important;
  padding-bottom: 52px !important;
}

.ucc-u-p-tb-53 {
  padding-top: 53px !important;
  padding-bottom: 53px !important;
}

.ucc-u-p-tb-54 {
  padding-top: 54px !important;
  padding-bottom: 54px !important;
}

.ucc-u-p-tb-55 {
  padding-top: 55px !important;
  padding-bottom: 55px !important;
}

.ucc-u-p-tb-56 {
  padding-top: 56px !important;
  padding-bottom: 56px !important;
}

.ucc-u-p-tb-57 {
  padding-top: 57px !important;
  padding-bottom: 57px !important;
}

.ucc-u-p-tb-58 {
  padding-top: 58px !important;
  padding-bottom: 58px !important;
}

.ucc-u-p-tb-59 {
  padding-top: 59px !important;
  padding-bottom: 59px !important;
}

.ucc-u-p-tb-60 {
  padding-top: 60px !important;
  padding-bottom: 60px !important;
}

.ucc-u-p-tb-61 {
  padding-top: 61px !important;
  padding-bottom: 61px !important;
}

.ucc-u-p-tb-62 {
  padding-top: 62px !important;
  padding-bottom: 62px !important;
}

.ucc-u-p-tb-63 {
  padding-top: 63px !important;
  padding-bottom: 63px !important;
}

.ucc-u-p-tb-64 {
  padding-top: 64px !important;
  padding-bottom: 64px !important;
}

.ucc-u-p-tb-65 {
  padding-top: 65px !important;
  padding-bottom: 65px !important;
}

.ucc-u-p-tb-66 {
  padding-top: 66px !important;
  padding-bottom: 66px !important;
}

.ucc-u-p-tb-67 {
  padding-top: 67px !important;
  padding-bottom: 67px !important;
}

.ucc-u-p-tb-68 {
  padding-top: 68px !important;
  padding-bottom: 68px !important;
}

.ucc-u-p-tb-69 {
  padding-top: 69px !important;
  padding-bottom: 69px !important;
}

.ucc-u-p-tb-70 {
  padding-top: 70px !important;
  padding-bottom: 70px !important;
}

.ucc-u-p-tb-71 {
  padding-top: 71px !important;
  padding-bottom: 71px !important;
}

.ucc-u-p-tb-72 {
  padding-top: 72px !important;
  padding-bottom: 72px !important;
}

.ucc-u-p-tb-73 {
  padding-top: 73px !important;
  padding-bottom: 73px !important;
}

.ucc-u-p-tb-74 {
  padding-top: 74px !important;
  padding-bottom: 74px !important;
}

.ucc-u-p-tb-75 {
  padding-top: 75px !important;
  padding-bottom: 75px !important;
}

.ucc-u-p-tb-76 {
  padding-top: 76px !important;
  padding-bottom: 76px !important;
}

.ucc-u-p-tb-77 {
  padding-top: 77px !important;
  padding-bottom: 77px !important;
}

.ucc-u-p-tb-78 {
  padding-top: 78px !important;
  padding-bottom: 78px !important;
}

.ucc-u-p-tb-79 {
  padding-top: 79px !important;
  padding-bottom: 79px !important;
}

.ucc-u-p-tb-80 {
  padding-top: 80px !important;
  padding-bottom: 80px !important;
}

.ucc-u-p-tb-81 {
  padding-top: 81px !important;
  padding-bottom: 81px !important;
}

.ucc-u-p-tb-82 {
  padding-top: 82px !important;
  padding-bottom: 82px !important;
}

.ucc-u-p-tb-83 {
  padding-top: 83px !important;
  padding-bottom: 83px !important;
}

.ucc-u-p-tb-84 {
  padding-top: 84px !important;
  padding-bottom: 84px !important;
}

.ucc-u-p-tb-85 {
  padding-top: 85px !important;
  padding-bottom: 85px !important;
}

.ucc-u-p-tb-86 {
  padding-top: 86px !important;
  padding-bottom: 86px !important;
}

.ucc-u-p-tb-87 {
  padding-top: 87px !important;
  padding-bottom: 87px !important;
}

.ucc-u-p-tb-88 {
  padding-top: 88px !important;
  padding-bottom: 88px !important;
}

.ucc-u-p-tb-89 {
  padding-top: 89px !important;
  padding-bottom: 89px !important;
}

.ucc-u-p-tb-90 {
  padding-top: 90px !important;
  padding-bottom: 90px !important;
}

.ucc-u-p-tb-91 {
  padding-top: 91px !important;
  padding-bottom: 91px !important;
}

.ucc-u-p-tb-92 {
  padding-top: 92px !important;
  padding-bottom: 92px !important;
}

.ucc-u-p-tb-93 {
  padding-top: 93px !important;
  padding-bottom: 93px !important;
}

.ucc-u-p-tb-94 {
  padding-top: 94px !important;
  padding-bottom: 94px !important;
}

.ucc-u-p-tb-95 {
  padding-top: 95px !important;
  padding-bottom: 95px !important;
}

.ucc-u-p-tb-96 {
  padding-top: 96px !important;
  padding-bottom: 96px !important;
}

.ucc-u-p-tb-97 {
  padding-top: 97px !important;
  padding-bottom: 97px !important;
}

.ucc-u-p-tb-98 {
  padding-top: 98px !important;
  padding-bottom: 98px !important;
}

.ucc-u-p-tb-99 {
  padding-top: 99px !important;
  padding-bottom: 99px !important;
}

.ucc-u-p-tb-100 {
  padding-top: 100px !important;
  padding-bottom: 100px !important;
}

.ucc-u-p-r-1 {
  padding-right: 1px !important;
}

.ucc-u-p-r-2 {
  padding-right: 2px !important;
}

.ucc-u-p-r-3 {
  padding-right: 3px !important;
}

.ucc-u-p-r-4 {
  padding-right: 4px !important;
}

.ucc-u-p-r-5 {
  padding-right: 5px !important;
}

.ucc-u-p-r-6 {
  padding-right: 6px !important;
}

.ucc-u-p-r-7 {
  padding-right: 7px !important;
}

.ucc-u-p-r-8 {
  padding-right: 8px !important;
}

.ucc-u-p-r-9 {
  padding-right: 9px !important;
}

.ucc-u-p-r-10 {
  padding-right: 10px !important;
}

.ucc-u-p-r-11 {
  padding-right: 11px !important;
}

.ucc-u-p-r-12 {
  padding-right: 12px !important;
}

.ucc-u-p-r-13 {
  padding-right: 13px !important;
}

.ucc-u-p-r-14 {
  padding-right: 14px !important;
}

.ucc-u-p-r-15 {
  padding-right: 15px !important;
}

.ucc-u-p-r-16 {
  padding-right: 16px !important;
}

.ucc-u-p-r-17 {
  padding-right: 17px !important;
}

.ucc-u-p-r-18 {
  padding-right: 18px !important;
}

.ucc-u-p-r-19 {
  padding-right: 19px !important;
}

.ucc-u-p-r-20 {
  padding-right: 20px !important;
}

.ucc-u-p-r-21 {
  padding-right: 21px !important;
}

.ucc-u-p-r-22 {
  padding-right: 22px !important;
}

.ucc-u-p-r-23 {
  padding-right: 23px !important;
}

.ucc-u-p-r-24 {
  padding-right: 24px !important;
}

.ucc-u-p-r-25 {
  padding-right: 25px !important;
}

.ucc-u-p-r-26 {
  padding-right: 26px !important;
}

.ucc-u-p-r-27 {
  padding-right: 27px !important;
}

.ucc-u-p-r-28 {
  padding-right: 28px !important;
}

.ucc-u-p-r-29 {
  padding-right: 29px !important;
}

.ucc-u-p-r-30 {
  padding-right: 30px !important;
}

.ucc-u-p-r-31 {
  padding-right: 31px !important;
}

.ucc-u-p-r-32 {
  padding-right: 32px !important;
}

.ucc-u-p-r-33 {
  padding-right: 33px !important;
}

.ucc-u-p-r-34 {
  padding-right: 34px !important;
}

.ucc-u-p-r-35 {
  padding-right: 35px !important;
}

.ucc-u-p-r-36 {
  padding-right: 36px !important;
}

.ucc-u-p-r-37 {
  padding-right: 37px !important;
}

.ucc-u-p-r-38 {
  padding-right: 38px !important;
}

.ucc-u-p-r-39 {
  padding-right: 39px !important;
}

.ucc-u-p-r-40 {
  padding-right: 40px !important;
}

.ucc-u-p-r-41 {
  padding-right: 41px !important;
}

.ucc-u-p-r-42 {
  padding-right: 42px !important;
}

.ucc-u-p-r-43 {
  padding-right: 43px !important;
}

.ucc-u-p-r-44 {
  padding-right: 44px !important;
}

.ucc-u-p-r-45 {
  padding-right: 45px !important;
}

.ucc-u-p-r-46 {
  padding-right: 46px !important;
}

.ucc-u-p-r-47 {
  padding-right: 47px !important;
}

.ucc-u-p-r-48 {
  padding-right: 48px !important;
}

.ucc-u-p-r-49 {
  padding-right: 49px !important;
}

.ucc-u-p-r-50 {
  padding-right: 50px !important;
}

.ucc-u-p-r-51 {
  padding-right: 51px !important;
}

.ucc-u-p-r-52 {
  padding-right: 52px !important;
}

.ucc-u-p-r-53 {
  padding-right: 53px !important;
}

.ucc-u-p-r-54 {
  padding-right: 54px !important;
}

.ucc-u-p-r-55 {
  padding-right: 55px !important;
}

.ucc-u-p-r-56 {
  padding-right: 56px !important;
}

.ucc-u-p-r-57 {
  padding-right: 57px !important;
}

.ucc-u-p-r-58 {
  padding-right: 58px !important;
}

.ucc-u-p-r-59 {
  padding-right: 59px !important;
}

.ucc-u-p-r-60 {
  padding-right: 60px !important;
}

.ucc-u-p-r-61 {
  padding-right: 61px !important;
}

.ucc-u-p-r-62 {
  padding-right: 62px !important;
}

.ucc-u-p-r-63 {
  padding-right: 63px !important;
}

.ucc-u-p-r-64 {
  padding-right: 64px !important;
}

.ucc-u-p-r-65 {
  padding-right: 65px !important;
}

.ucc-u-p-r-66 {
  padding-right: 66px !important;
}

.ucc-u-p-r-67 {
  padding-right: 67px !important;
}

.ucc-u-p-r-68 {
  padding-right: 68px !important;
}

.ucc-u-p-r-69 {
  padding-right: 69px !important;
}

.ucc-u-p-r-70 {
  padding-right: 70px !important;
}

.ucc-u-p-r-71 {
  padding-right: 71px !important;
}

.ucc-u-p-r-72 {
  padding-right: 72px !important;
}

.ucc-u-p-r-73 {
  padding-right: 73px !important;
}

.ucc-u-p-r-74 {
  padding-right: 74px !important;
}

.ucc-u-p-r-75 {
  padding-right: 75px !important;
}

.ucc-u-p-r-76 {
  padding-right: 76px !important;
}

.ucc-u-p-r-77 {
  padding-right: 77px !important;
}

.ucc-u-p-r-78 {
  padding-right: 78px !important;
}

.ucc-u-p-r-79 {
  padding-right: 79px !important;
}

.ucc-u-p-r-80 {
  padding-right: 80px !important;
}

.ucc-u-p-r-81 {
  padding-right: 81px !important;
}

.ucc-u-p-r-82 {
  padding-right: 82px !important;
}

.ucc-u-p-r-83 {
  padding-right: 83px !important;
}

.ucc-u-p-r-84 {
  padding-right: 84px !important;
}

.ucc-u-p-r-85 {
  padding-right: 85px !important;
}

.ucc-u-p-r-86 {
  padding-right: 86px !important;
}

.ucc-u-p-r-87 {
  padding-right: 87px !important;
}

.ucc-u-p-r-88 {
  padding-right: 88px !important;
}

.ucc-u-p-r-89 {
  padding-right: 89px !important;
}

.ucc-u-p-r-90 {
  padding-right: 90px !important;
}

.ucc-u-p-r-91 {
  padding-right: 91px !important;
}

.ucc-u-p-r-92 {
  padding-right: 92px !important;
}

.ucc-u-p-r-93 {
  padding-right: 93px !important;
}

.ucc-u-p-r-94 {
  padding-right: 94px !important;
}

.ucc-u-p-r-95 {
  padding-right: 95px !important;
}

.ucc-u-p-r-96 {
  padding-right: 96px !important;
}

.ucc-u-p-r-97 {
  padding-right: 97px !important;
}

.ucc-u-p-r-98 {
  padding-right: 98px !important;
}

.ucc-u-p-r-99 {
  padding-right: 99px !important;
}

.ucc-u-p-r-100 {
  padding-right: 100px !important;
}

.ucc-u-p-l-1 {
  padding-right: 1px !important;
}

.ucc-u-p-l-2 {
  padding-right: 2px !important;
}

.ucc-u-p-l-3 {
  padding-right: 3px !important;
}

.ucc-u-p-l-4 {
  padding-right: 4px !important;
}

.ucc-u-p-l-5 {
  padding-right: 5px !important;
}

.ucc-u-p-l-6 {
  padding-right: 6px !important;
}

.ucc-u-p-l-7 {
  padding-right: 7px !important;
}

.ucc-u-p-l-8 {
  padding-right: 8px !important;
}

.ucc-u-p-l-9 {
  padding-right: 9px !important;
}

.ucc-u-p-l-10 {
  padding-right: 10px !important;
}

.ucc-u-p-l-11 {
  padding-right: 11px !important;
}

.ucc-u-p-l-12 {
  padding-right: 12px !important;
}

.ucc-u-p-l-13 {
  padding-right: 13px !important;
}

.ucc-u-p-l-14 {
  padding-right: 14px !important;
}

.ucc-u-p-l-15 {
  padding-right: 15px !important;
}

.ucc-u-p-l-16 {
  padding-right: 16px !important;
}

.ucc-u-p-l-17 {
  padding-right: 17px !important;
}

.ucc-u-p-l-18 {
  padding-right: 18px !important;
}

.ucc-u-p-l-19 {
  padding-right: 19px !important;
}

.ucc-u-p-l-20 {
  padding-right: 20px !important;
}

.ucc-u-p-l-21 {
  padding-right: 21px !important;
}

.ucc-u-p-l-22 {
  padding-right: 22px !important;
}

.ucc-u-p-l-23 {
  padding-right: 23px !important;
}

.ucc-u-p-l-24 {
  padding-right: 24px !important;
}

.ucc-u-p-l-25 {
  padding-right: 25px !important;
}

.ucc-u-p-l-26 {
  padding-right: 26px !important;
}

.ucc-u-p-l-27 {
  padding-right: 27px !important;
}

.ucc-u-p-l-28 {
  padding-right: 28px !important;
}

.ucc-u-p-l-29 {
  padding-right: 29px !important;
}

.ucc-u-p-l-30 {
  padding-right: 30px !important;
}

.ucc-u-p-l-31 {
  padding-right: 31px !important;
}

.ucc-u-p-l-32 {
  padding-right: 32px !important;
}

.ucc-u-p-l-33 {
  padding-right: 33px !important;
}

.ucc-u-p-l-34 {
  padding-right: 34px !important;
}

.ucc-u-p-l-35 {
  padding-right: 35px !important;
}

.ucc-u-p-l-36 {
  padding-right: 36px !important;
}

.ucc-u-p-l-37 {
  padding-right: 37px !important;
}

.ucc-u-p-l-38 {
  padding-right: 38px !important;
}

.ucc-u-p-l-39 {
  padding-right: 39px !important;
}

.ucc-u-p-l-40 {
  padding-right: 40px !important;
}

.ucc-u-p-l-41 {
  padding-right: 41px !important;
}

.ucc-u-p-l-42 {
  padding-right: 42px !important;
}

.ucc-u-p-l-43 {
  padding-right: 43px !important;
}

.ucc-u-p-l-44 {
  padding-right: 44px !important;
}

.ucc-u-p-l-45 {
  padding-right: 45px !important;
}

.ucc-u-p-l-46 {
  padding-right: 46px !important;
}

.ucc-u-p-l-47 {
  padding-right: 47px !important;
}

.ucc-u-p-l-48 {
  padding-right: 48px !important;
}

.ucc-u-p-l-49 {
  padding-right: 49px !important;
}

.ucc-u-p-l-50 {
  padding-right: 50px !important;
}

.ucc-u-p-l-51 {
  padding-right: 51px !important;
}

.ucc-u-p-l-52 {
  padding-right: 52px !important;
}

.ucc-u-p-l-53 {
  padding-right: 53px !important;
}

.ucc-u-p-l-54 {
  padding-right: 54px !important;
}

.ucc-u-p-l-55 {
  padding-right: 55px !important;
}

.ucc-u-p-l-56 {
  padding-right: 56px !important;
}

.ucc-u-p-l-57 {
  padding-right: 57px !important;
}

.ucc-u-p-l-58 {
  padding-right: 58px !important;
}

.ucc-u-p-l-59 {
  padding-right: 59px !important;
}

.ucc-u-p-l-60 {
  padding-right: 60px !important;
}

.ucc-u-p-l-61 {
  padding-right: 61px !important;
}

.ucc-u-p-l-62 {
  padding-right: 62px !important;
}

.ucc-u-p-l-63 {
  padding-right: 63px !important;
}

.ucc-u-p-l-64 {
  padding-right: 64px !important;
}

.ucc-u-p-l-65 {
  padding-right: 65px !important;
}

.ucc-u-p-l-66 {
  padding-right: 66px !important;
}

.ucc-u-p-l-67 {
  padding-right: 67px !important;
}

.ucc-u-p-l-68 {
  padding-right: 68px !important;
}

.ucc-u-p-l-69 {
  padding-right: 69px !important;
}

.ucc-u-p-l-70 {
  padding-right: 70px !important;
}

.ucc-u-p-l-71 {
  padding-right: 71px !important;
}

.ucc-u-p-l-72 {
  padding-right: 72px !important;
}

.ucc-u-p-l-73 {
  padding-right: 73px !important;
}

.ucc-u-p-l-74 {
  padding-right: 74px !important;
}

.ucc-u-p-l-75 {
  padding-right: 75px !important;
}

.ucc-u-p-l-76 {
  padding-right: 76px !important;
}

.ucc-u-p-l-77 {
  padding-right: 77px !important;
}

.ucc-u-p-l-78 {
  padding-right: 78px !important;
}

.ucc-u-p-l-79 {
  padding-right: 79px !important;
}

.ucc-u-p-l-80 {
  padding-right: 80px !important;
}

.ucc-u-p-l-81 {
  padding-right: 81px !important;
}

.ucc-u-p-l-82 {
  padding-right: 82px !important;
}

.ucc-u-p-l-83 {
  padding-right: 83px !important;
}

.ucc-u-p-l-84 {
  padding-right: 84px !important;
}

.ucc-u-p-l-85 {
  padding-right: 85px !important;
}

.ucc-u-p-l-86 {
  padding-right: 86px !important;
}

.ucc-u-p-l-87 {
  padding-right: 87px !important;
}

.ucc-u-p-l-88 {
  padding-right: 88px !important;
}

.ucc-u-p-l-89 {
  padding-right: 89px !important;
}

.ucc-u-p-l-90 {
  padding-right: 90px !important;
}

.ucc-u-p-l-91 {
  padding-right: 91px !important;
}

.ucc-u-p-l-92 {
  padding-right: 92px !important;
}

.ucc-u-p-l-93 {
  padding-right: 93px !important;
}

.ucc-u-p-l-94 {
  padding-right: 94px !important;
}

.ucc-u-p-l-95 {
  padding-right: 95px !important;
}

.ucc-u-p-l-96 {
  padding-right: 96px !important;
}

.ucc-u-p-l-97 {
  padding-right: 97px !important;
}

.ucc-u-p-l-98 {
  padding-right: 98px !important;
}

.ucc-u-p-l-99 {
  padding-right: 99px !important;
}

.ucc-u-p-l-100 {
  padding-right: 100px !important;
}

.ucc-u-p-lr-1 {
  padding-right: 1px !important;
  padding-left: 1px !important;
}

.ucc-u-p-lr-2 {
  padding-right: 2px !important;
  padding-left: 2px !important;
}

.ucc-u-p-lr-3 {
  padding-right: 3px !important;
  padding-left: 3px !important;
}

.ucc-u-p-lr-4 {
  padding-right: 4px !important;
  padding-left: 4px !important;
}

.ucc-u-p-lr-5 {
  padding-right: 5px !important;
  padding-left: 5px !important;
}

.ucc-u-p-lr-6 {
  padding-right: 6px !important;
  padding-left: 6px !important;
}

.ucc-u-p-lr-7 {
  padding-right: 7px !important;
  padding-left: 7px !important;
}

.ucc-u-p-lr-8 {
  padding-right: 8px !important;
  padding-left: 8px !important;
}

.ucc-u-p-lr-9 {
  padding-right: 9px !important;
  padding-left: 9px !important;
}

.ucc-u-p-lr-10 {
  padding-right: 10px !important;
  padding-left: 10px !important;
}

.ucc-u-p-lr-11 {
  padding-right: 11px !important;
  padding-left: 11px !important;
}

.ucc-u-p-lr-12 {
  padding-right: 12px !important;
  padding-left: 12px !important;
}

.ucc-u-p-lr-13 {
  padding-right: 13px !important;
  padding-left: 13px !important;
}

.ucc-u-p-lr-14 {
  padding-right: 14px !important;
  padding-left: 14px !important;
}

.ucc-u-p-lr-15 {
  padding-right: 15px !important;
  padding-left: 15px !important;
}

.ucc-u-p-lr-16 {
  padding-right: 16px !important;
  padding-left: 16px !important;
}

.ucc-u-p-lr-17 {
  padding-right: 17px !important;
  padding-left: 17px !important;
}

.ucc-u-p-lr-18 {
  padding-right: 18px !important;
  padding-left: 18px !important;
}

.ucc-u-p-lr-19 {
  padding-right: 19px !important;
  padding-left: 19px !important;
}

.ucc-u-p-lr-20 {
  padding-right: 20px !important;
  padding-left: 20px !important;
}

.ucc-u-p-lr-21 {
  padding-right: 21px !important;
  padding-left: 21px !important;
}

.ucc-u-p-lr-22 {
  padding-right: 22px !important;
  padding-left: 22px !important;
}

.ucc-u-p-lr-23 {
  padding-right: 23px !important;
  padding-left: 23px !important;
}

.ucc-u-p-lr-24 {
  padding-right: 24px !important;
  padding-left: 24px !important;
}

.ucc-u-p-lr-25 {
  padding-right: 25px !important;
  padding-left: 25px !important;
}

.ucc-u-p-lr-26 {
  padding-right: 26px !important;
  padding-left: 26px !important;
}

.ucc-u-p-lr-27 {
  padding-right: 27px !important;
  padding-left: 27px !important;
}

.ucc-u-p-lr-28 {
  padding-right: 28px !important;
  padding-left: 28px !important;
}

.ucc-u-p-lr-29 {
  padding-right: 29px !important;
  padding-left: 29px !important;
}

.ucc-u-p-lr-30 {
  padding-right: 30px !important;
  padding-left: 30px !important;
}

.ucc-u-p-lr-31 {
  padding-right: 31px !important;
  padding-left: 31px !important;
}

.ucc-u-p-lr-32 {
  padding-right: 32px !important;
  padding-left: 32px !important;
}

.ucc-u-p-lr-33 {
  padding-right: 33px !important;
  padding-left: 33px !important;
}

.ucc-u-p-lr-34 {
  padding-right: 34px !important;
  padding-left: 34px !important;
}

.ucc-u-p-lr-35 {
  padding-right: 35px !important;
  padding-left: 35px !important;
}

.ucc-u-p-lr-36 {
  padding-right: 36px !important;
  padding-left: 36px !important;
}

.ucc-u-p-lr-37 {
  padding-right: 37px !important;
  padding-left: 37px !important;
}

.ucc-u-p-lr-38 {
  padding-right: 38px !important;
  padding-left: 38px !important;
}

.ucc-u-p-lr-39 {
  padding-right: 39px !important;
  padding-left: 39px !important;
}

.ucc-u-p-lr-40 {
  padding-right: 40px !important;
  padding-left: 40px !important;
}

.ucc-u-p-lr-41 {
  padding-right: 41px !important;
  padding-left: 41px !important;
}

.ucc-u-p-lr-42 {
  padding-right: 42px !important;
  padding-left: 42px !important;
}

.ucc-u-p-lr-43 {
  padding-right: 43px !important;
  padding-left: 43px !important;
}

.ucc-u-p-lr-44 {
  padding-right: 44px !important;
  padding-left: 44px !important;
}

.ucc-u-p-lr-45 {
  padding-right: 45px !important;
  padding-left: 45px !important;
}

.ucc-u-p-lr-46 {
  padding-right: 46px !important;
  padding-left: 46px !important;
}

.ucc-u-p-lr-47 {
  padding-right: 47px !important;
  padding-left: 47px !important;
}

.ucc-u-p-lr-48 {
  padding-right: 48px !important;
  padding-left: 48px !important;
}

.ucc-u-p-lr-49 {
  padding-right: 49px !important;
  padding-left: 49px !important;
}

.ucc-u-p-lr-50 {
  padding-right: 50px !important;
  padding-left: 50px !important;
}

.ucc-u-p-lr-51 {
  padding-right: 51px !important;
  padding-left: 51px !important;
}

.ucc-u-p-lr-52 {
  padding-right: 52px !important;
  padding-left: 52px !important;
}

.ucc-u-p-lr-53 {
  padding-right: 53px !important;
  padding-left: 53px !important;
}

.ucc-u-p-lr-54 {
  padding-right: 54px !important;
  padding-left: 54px !important;
}

.ucc-u-p-lr-55 {
  padding-right: 55px !important;
  padding-left: 55px !important;
}

.ucc-u-p-lr-56 {
  padding-right: 56px !important;
  padding-left: 56px !important;
}

.ucc-u-p-lr-57 {
  padding-right: 57px !important;
  padding-left: 57px !important;
}

.ucc-u-p-lr-58 {
  padding-right: 58px !important;
  padding-left: 58px !important;
}

.ucc-u-p-lr-59 {
  padding-right: 59px !important;
  padding-left: 59px !important;
}

.ucc-u-p-lr-60 {
  padding-right: 60px !important;
  padding-left: 60px !important;
}

.ucc-u-p-lr-61 {
  padding-right: 61px !important;
  padding-left: 61px !important;
}

.ucc-u-p-lr-62 {
  padding-right: 62px !important;
  padding-left: 62px !important;
}

.ucc-u-p-lr-63 {
  padding-right: 63px !important;
  padding-left: 63px !important;
}

.ucc-u-p-lr-64 {
  padding-right: 64px !important;
  padding-left: 64px !important;
}

.ucc-u-p-lr-65 {
  padding-right: 65px !important;
  padding-left: 65px !important;
}

.ucc-u-p-lr-66 {
  padding-right: 66px !important;
  padding-left: 66px !important;
}

.ucc-u-p-lr-67 {
  padding-right: 67px !important;
  padding-left: 67px !important;
}

.ucc-u-p-lr-68 {
  padding-right: 68px !important;
  padding-left: 68px !important;
}

.ucc-u-p-lr-69 {
  padding-right: 69px !important;
  padding-left: 69px !important;
}

.ucc-u-p-lr-70 {
  padding-right: 70px !important;
  padding-left: 70px !important;
}

.ucc-u-p-lr-71 {
  padding-right: 71px !important;
  padding-left: 71px !important;
}

.ucc-u-p-lr-72 {
  padding-right: 72px !important;
  padding-left: 72px !important;
}

.ucc-u-p-lr-73 {
  padding-right: 73px !important;
  padding-left: 73px !important;
}

.ucc-u-p-lr-74 {
  padding-right: 74px !important;
  padding-left: 74px !important;
}

.ucc-u-p-lr-75 {
  padding-right: 75px !important;
  padding-left: 75px !important;
}

.ucc-u-p-lr-76 {
  padding-right: 76px !important;
  padding-left: 76px !important;
}

.ucc-u-p-lr-77 {
  padding-right: 77px !important;
  padding-left: 77px !important;
}

.ucc-u-p-lr-78 {
  padding-right: 78px !important;
  padding-left: 78px !important;
}

.ucc-u-p-lr-79 {
  padding-right: 79px !important;
  padding-left: 79px !important;
}

.ucc-u-p-lr-80 {
  padding-right: 80px !important;
  padding-left: 80px !important;
}

.ucc-u-p-lr-81 {
  padding-right: 81px !important;
  padding-left: 81px !important;
}

.ucc-u-p-lr-82 {
  padding-right: 82px !important;
  padding-left: 82px !important;
}

.ucc-u-p-lr-83 {
  padding-right: 83px !important;
  padding-left: 83px !important;
}

.ucc-u-p-lr-84 {
  padding-right: 84px !important;
  padding-left: 84px !important;
}

.ucc-u-p-lr-85 {
  padding-right: 85px !important;
  padding-left: 85px !important;
}

.ucc-u-p-lr-86 {
  padding-right: 86px !important;
  padding-left: 86px !important;
}

.ucc-u-p-lr-87 {
  padding-right: 87px !important;
  padding-left: 87px !important;
}

.ucc-u-p-lr-88 {
  padding-right: 88px !important;
  padding-left: 88px !important;
}

.ucc-u-p-lr-89 {
  padding-right: 89px !important;
  padding-left: 89px !important;
}

.ucc-u-p-lr-90 {
  padding-right: 90px !important;
  padding-left: 90px !important;
}

.ucc-u-p-lr-91 {
  padding-right: 91px !important;
  padding-left: 91px !important;
}

.ucc-u-p-lr-92 {
  padding-right: 92px !important;
  padding-left: 92px !important;
}

.ucc-u-p-lr-93 {
  padding-right: 93px !important;
  padding-left: 93px !important;
}

.ucc-u-p-lr-94 {
  padding-right: 94px !important;
  padding-left: 94px !important;
}

.ucc-u-p-lr-95 {
  padding-right: 95px !important;
  padding-left: 95px !important;
}

.ucc-u-p-lr-96 {
  padding-right: 96px !important;
  padding-left: 96px !important;
}

.ucc-u-p-lr-97 {
  padding-right: 97px !important;
  padding-left: 97px !important;
}

.ucc-u-p-lr-98 {
  padding-right: 98px !important;
  padding-left: 98px !important;
}

.ucc-u-p-lr-99 {
  padding-right: 99px !important;
  padding-left: 99px !important;
}

.ucc-u-p-lr-100 {
  padding-right: 100px !important;
  padding-left: 100px !important;
}

.ucc-u-ta-l {
  text-align: left !important;
}

.ucc-u-ta-c {
  text-align: center !important;
}

.ucc-u-ta-r {
  text-align: right !important;
}

.ucc-u-ta-j {
  text-align: justify !important;
}

.ucc-u-va-sup {
  vertical-align: super !important;
}

.ucc-u-va-t {
  vertical-align: top !important;
}

.ucc-u-va-tt {
  vertical-align: text-top !important;
}

.ucc-u-va-m {
  vertical-align: middle !important;
}

.ucc-u-va-bl {
  vertical-align: baseline !important;
}

.ucc-u-va-b {
  vertical-align: bottom !important;
}

.ucc-u-va-tb {
  vertical-align: text-bottom !important;
}

.ucc-u-va-sub {
  vertical-align: sub !important;
}

.ucc-a-alternate-table {
  width: 100%;
}

.ucc-a-alternate-table th,
.ucc-a-alternate-table td {
  padding: 12px 20px;
}

.ucc-a-alternate-table th {
  text-align: left;
}

.ucc-a-alternate-table td {
  text-align: right;
}

.ucc-a-alternate-table tr:nth-child(odd) th,
.ucc-a-alternate-table tr:nth-child(odd) td {
  background-color: #f7f7f7;
}

.ucc-a-angle-link {
  font-size: 13px;
  display: inline-block;
}

.ucc-a-angle-link,
.ucc-a-angle-link:link,
.ucc-a-angle-link:visited,
.ucc-a-angle-link a:active,
.ucc-a-angle-link a:hover,
.ucc-a-angle-link a:focus {
  color: inherit;
  text-decoration: inherit;
}

.ucc-a-angle-link > span {
  position: relative;
  display: inline-block;
}

.ucc-a-angle-link--L-R > span:after {
  display: inline-block;
  content: "\e00f";
  font-family: "ucc";
  font-size: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  line-height: 1;
  text-rendering: auto;
}

.ucc-a-angle-link--L-L > span:after {
  display: inline-block;
  content: "\e00e";
  font-family: "ucc";
  font-size: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  line-height: 1;
  text-rendering: auto;
}

.ucc-a-angle-link--L-R > span,
.ucc-a-angle-link--L-L > span {
  padding-left: 15px;
}

.ucc-a-angle-link--L-R > span:after,
.ucc-a-angle-link--L-L > span:after {
  position: absolute;
  top: 50%;
  left: 0;
  color: #e60012;
  font-size: 10px;
  transform: translateY(-50%);
}

.ucc-a-angle-link--R-R > span,
.ucc-a-angle-link--R-L > span {
  padding-right: 15px;
}

.ucc-a-angle-link--R-R > span:after,
.ucc-a-angle-link--R-L > span:after {
  position: absolute;
  top: 50%;
  right: 0;
  color: #e60012;
  font-size: 10px;
  transform: translateY(-50%);
}

.ucc-a-base {
  font-family: "Noto Sans Japanese", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  font-weight: 300;
  color: #333333;
  font-feature-settings: "pkna";
  font-style: normal;
  font-weight: 400;
  line-height: 1.75;
  -webkit-text-size-adjust: 100%;
  font-size: 15px;
}

.ucc-a-base * {
  box-sizing: border-box;
}

.ucc-a-base *:before,
.ucc-a-base *:after {
  box-sizing: border-box;
}

.ucc-a-bg-img {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.ucc-a-bg-img img {
  display: none;
}

.ucc-a-bg-img--square {
  padding-top: 100%;
}

.ucc-a-btn {
  position: relative;
  display: inline-block;
  padding: 5px;
  background-color: #e60012;
  color: #ffffff;
  font-size: 12px;
  text-align: center;
}

.ucc-a-btn,
.ucc-a-btn:link,
.ucc-a-btn:visited,
.ucc-a-btn a:active,
.ucc-a-btn a:hover,
.ucc-a-btn a:focus {
  color: inherit;
  text-decoration: inherit;
}

.ucc-a-btn,
.ucc-a-btn:link,
.ucc-a-btn:visited,
.ucc-a-btn:active,
.ucc-a-btn:hover,
.ucc-a-btn:focus {
  color: #ffffff;
}

.ucc-a-btn.has-caret > span {
  position: relative;
  display: inline-block;
  width: 100%;
  padding-right: 16px;
}

.ucc-a-btn.has-caret > span:after {
  display: inline-block;
  content: "\e01a";
  font-family: "ucc";
  font-size: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  line-height: 1;
  text-rendering: auto;
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -6px;
  color: #ffffff;
  font-size: 12px;
  line-height: 1;
}

.ucc-a-btn.has-blank > span {
  position: relative;
  display: inline-block;
  width: 100%;
  padding-right: 16px;
}

.ucc-a-btn.has-blank > span:after {
  display: inline-block;
  content: "\e000";
  font-family: "ucc";
  font-size: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  line-height: 1;
  text-rendering: auto;
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -6px;
  color: #ffffff;
  font-size: 12px;
  line-height: 1;
}

.ucc-a-btn.has-mail > span {
  position: relative;
  display: inline-block;
  width: 100%;
  padding-right: 16px;
}

.ucc-a-btn.has-mail > span:before {
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  width: 16px;
  height: 12px;
  margin-top: -6px;
  background: url(/dist/images/icn/icn-mail-invert.svg) left center no-repeat;
  background-size: 16px 12px;
  content: "";
  line-height: 1;
}

.ucc-a-btn--block {
  display: block;
}

.ucc-a-btn--medium {
  padding: 5px 10px;
  font-size: 14px;
}

.ucc-a-btn--large {
  padding: 5px 10px;
  font-size: 16px;
}

.ucc-a-btn--xlarge {
  padding: 14px 20px;
  font-size: 18px;
}

.ucc-a-btn--xlarge.has-caret > span:after {
  margin-top: -10px;
  font-size: 20px;
}

.ucc-a-btn--xlarge.has-blank > span:after {
  margin-top: -8px;
  font-size: 16px;
}

.ucc-a-btn--xlarge.has-mail > span:before {
  width: 24px;
  height: 18px;
  margin-top: -9px;
  background-size: 24px 18px;
}

html.no-touch .ucc-a-btn {
  transition-property: border-color;
  transition-duration: 0.25s;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}

html.no-touch .ucc-a-btn:before {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 0;
  height: 100%;
  content: "";
  transition-duration: 0.25s;
  transition-property: width;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  background-color: #b3000e;
}

html.no-touch .ucc-a-btn:hover {
  border-color: #e60012;
  color: #ffffff;
}

html.no-touch .ucc-a-btn:hover:before {
  right: auto;
  right: initial;
  left: 0;
  width: 100%;
}

.ucc-a-btn--bg-black {
  background-color: #333333;
}

html.no-touch .ucc-a-btn--bg-black {
  transition-property: border-color;
  transition-duration: 0.25s;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}

html.no-touch .ucc-a-btn--bg-black:before {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 0;
  height: 100%;
  content: "";
  transition-duration: 0.25s;
  transition-property: width;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  background-color: #595959;
}

html.no-touch .ucc-a-btn--bg-black:hover {
  border-color: #e60012;
  color: #ffffff;
}

html.no-touch .ucc-a-btn--bg-black:hover:before {
  right: auto;
  right: initial;
  left: 0;
  width: 100%;
}

.ucc-a-btn--bg-dark-brown {
  background-color: #311918;
}

html.no-touch .ucc-a-btn--bg-dark-brown {
  transition-property: border-color;
  transition-duration: 0.25s;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}

html.no-touch .ucc-a-btn--bg-dark-brown:before {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 0;
  height: 100%;
  content: "";
  transition-duration: 0.25s;
  transition-property: width;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  background-color: #643331;
}

html.no-touch .ucc-a-btn--bg-dark-brown:hover {
  border-color: #e60012;
  color: #ffffff;
}

html.no-touch .ucc-a-btn--bg-dark-brown:hover:before {
  right: auto;
  right: initial;
  left: 0;
  width: 100%;
}

.ucc-a-calm-btn {
  display: inline-block;
  padding: 10px 20px;
  border: 1px solid #d2d2d2;
  background-color: #f7f7f7;
  font-size: 20px;
  text-align: center;
}

.ucc-a-calm-btn,
.ucc-a-calm-btn:link,
.ucc-a-calm-btn:visited,
.ucc-a-calm-btn a:active,
.ucc-a-calm-btn a:hover,
.ucc-a-calm-btn a:focus {
  color: inherit;
  text-decoration: inherit;
}

.ucc-a-calm-btn > span {
  position: relative;
  display: inline-block;
  width: 100%;
}

.ucc-a-calm-btn--block {
  display: block;
}

.ucc-a-calm-btn.is-blank > span {
  padding-right: 15px;
  padding-left: 15px;
}

.ucc-a-calm-btn.is-blank > span:after {
  display: inline-block;
  content: "\e000";
  font-family: "ucc";
  font-size: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  line-height: 1;
  text-rendering: auto;
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -5px;
  color: #e60012;
  font-size: 10px;
}

.ucc-a-cb-btn {
  position: relative;
  display: inline-block;
  padding: 5px 20px;
  border: 1px solid #e60012;
  background-color: #ffffff;
  text-align: center;
}

.ucc-a-cb-btn,
.ucc-a-cb-btn:link,
.ucc-a-cb-btn:visited,
.ucc-a-cb-btn a:active,
.ucc-a-cb-btn a:hover,
.ucc-a-cb-btn a:focus {
  color: inherit;
  text-decoration: inherit;
}

.ucc-a-cb-btn,
.ucc-a-cb-btn:link,
.ucc-a-cb-btn:visited,
.ucc-a-cb-btn:active,
.ucc-a-cb-btn:hover,
.ucc-a-cb-btn:focus {
  color: #e60012;
}

.ucc-a-cb-btn > span {
  position: relative;
  display: inline-block;
  padding-left: 25px;
}

.ucc-a-cb-btn > span:after {
  display: inline-block;
  content: "\e038";
  font-family: "ucc";
  font-size: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  line-height: 1;
  text-rendering: auto;
  position: absolute;
  top: 50%;
  left: 0;
  font-size: 18px;
  transform: translateY(-50%);
}

.ucc-a-cb-btn--active {
  background-color: #e60012;
  cursor: default;
  pointer-events: none;
}

.ucc-a-cb-btn--active,
.ucc-a-cb-btn--active:link,
.ucc-a-cb-btn--active:visited,
.ucc-a-cb-btn--active:active,
.ucc-a-cb-btn--active:hover,
.ucc-a-cb-btn--active:focus {
  color: #ffffff;
}

.ucc-a-cb-btn--active > span:after {
  display: inline-block;
  content: "\e039";
  font-family: "ucc";
  font-size: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  line-height: 1;
  text-rendering: auto;
  font-size: 18px;
}

.ucc-a-cb-btn--active.is-hover {
  cursor: pointer;
  pointer-events: auto;
}

html.no-touch .ucc-a-cb-btn--active.is-hover {
  transition-duration: 0.25s;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}

html.no-touch .ucc-a-cb-btn--active.is-hover:hover {
  opacity: 0.75;
}

.ucc-a-cb-btn--disabled {
  border-color: #d2d2d2;
  cursor: default;
  pointer-events: none;
}

.ucc-a-cb-btn--disabled,
.ucc-a-cb-btn--disabled:link,
.ucc-a-cb-btn--disabled:visited,
.ucc-a-cb-btn--disabled:active,
.ucc-a-cb-btn--disabled:hover,
.ucc-a-cb-btn--disabled:focus {
  color: #d2d2d2;
}

html.no-touch .ucc-a-cb-btn {
  transition-property: border-color;
  transition-duration: 0.25s;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}

html.no-touch .ucc-a-cb-btn:before {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 0;
  height: 100%;
  content: "";
  transition-duration: 0.25s;
  transition-property: width;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  background-color: #e60012;
}

html.no-touch .ucc-a-cb-btn:hover {
  border-color: #e60012;
  color: #ffffff;
}

html.no-touch .ucc-a-cb-btn:hover:before {
  right: auto;
  right: initial;
  left: 0;
  width: 100%;
}

.ucc-a-checkbox {
  position: relative;
}

.ucc-a-checkbox input {
  display: inline-block;
  margin-right: 8px;
}

.ucc-a-content {
  width: 100%;
  max-width: 1240px;
  padding-right: 20px;
  padding-left: 20px;
  margin-right: auto;
  margin-left: auto;
}

.ucc-a-content--small {
  max-width: 1066px;
}

.ucc-a-cover {
  position: fixed;
  z-index: 7000;
  top: 0;
  left: -1000%;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  transition-duration: 0.4s;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}

.ucc-a-cover.is-show {
  left: 0;
  opacity: 1;
}

.ucc-a-disc-list li {
  position: relative;
  padding-left: 1em;
}

.ucc-a-disc-list li:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "\30fb";
}

.ucc-a-divider {
  display: block;
  height: 1px;
  border: none;
  margin-top: 0;
  margin-bottom: 0;
  line-height: 1;
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.ucc-a-divider:after {
  display: block;
  border-top: 1px solid #d2d2d2;
  content: "";
}

.ucc-a-divider--dotted:after {
  border-top: 1px dotted #d2d2d2;
}

.ucc-a-frame-btn {
  position: relative;
  display: inline-block;
  padding: 5px 20px;
  border: 1px solid #e60012;
  background-color: #ffffff;
  text-align: center;
}

.ucc-a-frame-btn,
.ucc-a-frame-btn:link,
.ucc-a-frame-btn:visited,
.ucc-a-frame-btn a:active,
.ucc-a-frame-btn a:hover,
.ucc-a-frame-btn a:focus {
  color: inherit;
  text-decoration: inherit;
}

.ucc-a-frame-btn,
.ucc-a-frame-btn:link,
.ucc-a-frame-btn:visited,
.ucc-a-frame-btn:active,
.ucc-a-frame-btn:hover,
.ucc-a-frame-btn:focus {
  color: #e60012;
}

.ucc-a-frame-btn > span {
  position: relative;
  display: inline-block;
  width: 100%;
}

.ucc-a-frame-btn > span:after {
  display: inline-block;
  content: "\e01a";
  font-family: "ucc";
  font-size: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  line-height: 1;
  text-rendering: auto;
  position: absolute;
  top: 50%;
  right: 0;
  font-size: 12px;
  transform: translateY(-50%);
}

.ucc-a-frame-btn--active {
  background-color: #e60012;
}

.ucc-a-frame-btn--active,
.ucc-a-frame-btn--active:link,
.ucc-a-frame-btn--active:visited,
.ucc-a-frame-btn--active:active,
.ucc-a-frame-btn--active:hover,
.ucc-a-frame-btn--active:focus {
  color: #ffffff;
}

.ucc-a-frame-btn--disabled {
  border-color: #d2d2d2;
  cursor: default;
  pointer-events: none;
}

.ucc-a-frame-btn--disabled,
.ucc-a-frame-btn--disabled:link,
.ucc-a-frame-btn--disabled:visited,
.ucc-a-frame-btn--disabled:active,
.ucc-a-frame-btn--disabled:hover,
.ucc-a-frame-btn--disabled:focus {
  color: #d2d2d2;
}

html.no-touch .ucc-a-frame-btn {
  transition-property: border-color;
  transition-duration: 0.25s;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}

html.no-touch .ucc-a-frame-btn:before {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 0;
  height: 100%;
  content: "";
  transition-duration: 0.25s;
  transition-property: width;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  background-color: #e60012;
}

html.no-touch .ucc-a-frame-btn:hover {
  border-color: #e60012;
  color: #ffffff;
}

html.no-touch .ucc-a-frame-btn:hover:before {
  right: auto;
  right: initial;
  left: 0;
  width: 100%;
}

.ucc-a-h-en {
  font-family: "Raleway", Noto Sans Japanese, 游ゴシック, YuGothic, ヒラギノ角ゴ Pro, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, sans-serif;
  font-weight: 400;
  letter-spacing: 0.08em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.ucc-a-h-en--h1 {
  font-size: 30px;
}

.ucc-a-h-en--h1-sub {
  font-size: 16px;
}

.ucc-a-h-en--h2-sub {
  font-size: 16px;
}

.ucc-a-h-en--colored-main-key {
  color: #e60012;
}

.ucc-a-h {
  font-family: "Noto Sans Japanese", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  font-weight: 300;
  line-height: 1.25;
}

.ucc-a-h a,
.ucc-a-h__link {
  position: relative;
  display: inline-block;
}

.ucc-a-h a,
.ucc-a-h a:link,
.ucc-a-h a:visited,
.ucc-a-h a a:active,
.ucc-a-h a a:hover,
.ucc-a-h a a:focus,
.ucc-a-h__link,
.ucc-a-h__link:link,
.ucc-a-h__link:visited,
.ucc-a-h__link a:active,
.ucc-a-h__link a:hover,
.ucc-a-h__link a:focus {
  color: inherit;
  text-decoration: inherit;
}

.ucc-a-h a:after,
.ucc-a-h__link:after {
  display: inline-block;
  content: "\e012";
  font-family: "ucc";
  font-size: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  line-height: 1;
  text-rendering: auto;
  position: absolute;
  top: 50%;
  right: 0;
  color: #e60012;
}

.ucc-a-h a.is-blank:after,
.ucc-a-h__link.is-blank:after {
  content: "\e000";
}

.ucc-a-h small {
  font-size: 50%;
}

html.no-touch .ucc-a-h a,
html.no-touch .ucc-a-h a.ucc-a-h __link {
  transition-property: color;
  transition-duration: 0.4s;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}

html.no-touch .ucc-a-h a:hover,
html.no-touch .ucc-a-h a.ucc-a-h __link:hover {
  color: #e60012;
}

.ucc-a-h--h1 {
  font-size: 38px;
}

.ucc-a-h--h1 a,
.ucc-a-h--h1 .ucc-a-h__link {
  padding-right: 40px;
}

.ucc-a-h--h1 a:after,
.ucc-a-h--h1 .ucc-a-h__link:after {
  margin-top: -10px;
  font-size: 20px;
}

.ucc-a-h--h1 a.is-blank,
.ucc-a-h--h1 .ucc-a-h__link.is-blank {
  padding-right: 30px;
}

.ucc-a-h--h1 a.is-blank:after,
.ucc-a-h--h1 .ucc-a-h__link.is-blank:after {
  margin-top: -6px;
  font-size: 12px;
}

.ucc-a-h--h2 {
  font-size: 30px;
}

.ucc-a-h--h2 a,
.ucc-a-h--h2 .ucc-a-h__link {
  padding-right: 40px;
}

.ucc-a-h--h2 a:after,
.ucc-a-h--h2 .ucc-a-h__link:after {
  margin-top: -10px;
  font-size: 20px;
}

.ucc-a-h--h2 a.is-blank,
.ucc-a-h--h2 .ucc-a-h__link.is-blank {
  padding-right: 30px;
}

.ucc-a-h--h2 a.is-blank:after,
.ucc-a-h--h2 .ucc-a-h__link.is-blank:after {
  margin-top: -6px;
  font-size: 12px;
}

.ucc-a-h--h3 {
  font-size: 20px;
}

.ucc-a-h--h4,
.ucc-md-company-research-academic-announcement__smallest-headline,
.ucc-md-company-research-academic-announcement__big-headline {
  font-size: 16px;
}

.ucc-a-h-lead {
  display: block;
  margin-top: 40px;
  font-size: 15px;
}

.ucc-a-h-lead-line {
  margin-top: 1.2em;
}

.ucc-a-h-lead-line::before,
.ucc-a-h-lead-line::after {
  display: inline-block;
  width: 50px;
  height: 1px;
  background-color: #333333;
  content: " ";
  vertical-align: middle;
}

.ucc-a-h-lead-line::before {
  left: 50px;
  margin-right: 30px;
}

.ucc-a-h-lead-line::after {
  right: 50px;
  margin-left: 30px;
}

.ucc-a-h--lineleft {
  padding: 0.25em;
  padding-left: 10px;
  border-left: 10px solid #b30000;
  font-size: 18px;
  font-weight: bold;
}

.ucc-a-h--backgray,
.ucc-md-company-research-academic-announcement__smallest-headline,
.ucc-md-company-research-academic-announcement__big-headline {
  padding: 1em 15px;
  background-color: #eeeeee;
  font-weight: bold;
  line-height: 1em;
}

.ucc-a-link {
  position: relative;
}

.ucc-a-link,
.ucc-a-link:link,
.ucc-a-link:visited,
.ucc-a-link a:active,
.ucc-a-link a:hover,
.ucc-a-link a:focus {
  color: inherit;
  text-decoration: inherit;
}

.ucc-a-link,
.ucc-a-link:link,
.ucc-a-link:visited,
.ucc-a-link:active,
.ucc-a-link:hover,
.ucc-a-link:focus {
  color: #e60012;
  text-decoration: underline;
}

.ucc-a-link.is-blank:after {
  display: inline-block;
  content: "\e000";
  font-family: "ucc";
  font-size: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  line-height: 1;
  text-rendering: auto;
  margin-right: 5px;
  margin-left: 5px;
}

.ucc-a-link.is-blank-small:after {
  font-size: 80%;
}

html.no-touch .ucc-a-link {
  transition-duration: 0.2s;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}

html.no-touch .ucc-a-link:hover {
  opacity: 0.75;
  text-decoration: none;
}

.ucc-a-list ul li {
  padding-left: 30px;
}

.ucc-a-round-btn {
  position: relative;
  display: inline-block;
  overflow: hidden;
  padding-top: 5px;
  padding-bottom: 5px;
  background-color: #e60012;
  border-radius: 32px;
  font-size: 22px;
  text-align: center;
}

.ucc-a-round-btn,
.ucc-a-round-btn:link,
.ucc-a-round-btn:visited,
.ucc-a-round-btn a:active,
.ucc-a-round-btn a:hover,
.ucc-a-round-btn a:focus {
  color: inherit;
  text-decoration: inherit;
}

.ucc-a-round-btn,
.ucc-a-round-btn:link,
.ucc-a-round-btn:visited,
.ucc-a-round-btn:active,
.ucc-a-round-btn:hover,
.ucc-a-round-btn:focus {
  color: #ffffff;
  font-weight: 200;
}

.ucc-a-round-btn > span {
  position: relative;
  display: inline-block;
  width: 100%;
  padding-right: 75px;
  padding-left: 75px;
  white-space: nowrap;
}

.ucc-a-round-btn > span:after {
  display: inline-block;
  content: "\e012";
  font-family: "ucc";
  font-size: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  line-height: 1;
  text-rendering: auto;
  position: absolute;
  top: 50%;
  right: 20px;
  font-size: 20px;
  transform: translateY(-50%);
}

html.no-touch .ucc-a-round-btn {
  transition-property: border-color;
  transition-duration: 0.25s;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}

html.no-touch .ucc-a-round-btn:before {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 0;
  height: 100%;
  content: "";
  transition-duration: 0.25s;
  transition-property: width;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  background-color: #b3000e;
}

html.no-touch .ucc-a-round-btn:hover {
  border-color: #e60012;
  color: #ffffff;
}

html.no-touch .ucc-a-round-btn:hover:before {
  right: auto;
  right: initial;
  left: 0;
  width: 100%;
}

.ucc-a-round-btn.is-blank > span:after {
  display: inline-block;
  content: "\e000";
  font-family: "ucc";
  font-size: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  line-height: 1;
  text-rendering: auto;
  font-size: 16px;
}

.ucc-a-round-btn.is-pdf > span:after {
  display: inline-block;
  content: "\e029";
  font-family: "ucc";
  font-size: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  line-height: 1;
  text-rendering: auto;
}

.ucc-a-round-btn--small {
  font-size: 15px;
}

.ucc-a-round-btn--medium {
  font-size: 18px;
}

.ucc-a-round-btn--medium.is-blank > span:after {
  font-size: 12px;
}

.ucc-a-round-btn--lefted {
  text-align: left;
}

.ucc-a-round-btn--lefted > span {
  padding-left: 20px;
}

.ucc-a-round-btn--inverted {
  border: 1px solid #d2d2d2;
  background-color: #ffffff;
}

.ucc-a-round-btn--inverted,
.ucc-a-round-btn--inverted:link,
.ucc-a-round-btn--inverted:visited,
.ucc-a-round-btn--inverted:active,
.ucc-a-round-btn--inverted:hover,
.ucc-a-round-btn--inverted:focus {
  color: #333333;
}

.ucc-a-round-btn--inverted > span:after {
  color: #e60012;
}

html.no-touch .ucc-a-round-btn--inverted:before {
  background-color: #e60012;
}

html.no-touch .ucc-a-round-btn--inverted:hover {
  color: #ffffff !important;
}

html.no-touch .ucc-a-round-btn--inverted:hover > span:after {
  color: #ffffff;
}

.ucc-a-ruby rt {
  font-size: small;
}

.ucc-a-select {
  position: relative;
  width: 240px;
}

.ucc-a-select select {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  opacity: 0;
}

.ucc-a-select__input {
  position: relative;
}

.ucc-a-select__input input {
  padding-right: 30px;
}

.ucc-a-select__input:after {
  position: absolute;
  top: 50%;
  right: 10px;
  display: block;
  width: 0;
  height: 0;
  border-width: 6px 6px 0 6px;
  border-style: solid;
  border-color: #000000 transparent transparent transparent;
  margin-top: -3px;
  content: "";
}

.ucc-a-select--year {
  width: 100px;
}

.ucc-a-select--large {
  width: 100%;
  max-width: 500px;
}

.ucc-a-select--date {
  width: 74px;
}

.ucc-a-select.is-disabled {
  pointer-events: none;
}

.ucc-a-select.is-disabled .ucc-a-select__input {
  opacity: 0.4;
}

.ucc-a-small-h {
  font-family: "Noto Sans Japanese", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  font-weight: 300;
  font-size: 20px;
  position: relative;
  padding-bottom: 15px;
  border-bottom: 1px solid #eeeeee;
  line-height: 1.25;
}

.ucc-a-small-h small {
  font-size: 60%;
}

.ucc-a-small-h a {
  display: inline-block;
  padding-right: 20px;
}

.ucc-a-small-h a,
.ucc-a-small-h a:link,
.ucc-a-small-h a:visited,
.ucc-a-small-h a a:active,
.ucc-a-small-h a a:hover,
.ucc-a-small-h a a:focus {
  color: inherit;
  text-decoration: inherit;
}

.ucc-a-small-h a:after {
  display: inline-block;
  content: "\e01a";
  font-family: "ucc";
  font-size: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  line-height: 1;
  text-rendering: auto;
  position: absolute;
  top: 50%;
  right: 0;
  color: #e60012;
  font-size: 12px;
  transform: translateY(-50%);
}

html.no-touch .ucc-a-small-h a {
  transition-property: color;
  transition-duration: 0.4s;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}

html.no-touch .ucc-a-small-h a:hover {
  color: #e60012;
}

.ucc-a-small-h--small {
  font-size: 16px;
}

.ucc-a-small-h--border-gray {
  border-bottom: 1px solid #d2d2d2;
}

.ucc-a-small-h.has-red-bar .ucc-a-small-h__inner {
  position: relative;
  display: inline-block;
}

.ucc-a-small-h.has-red-bar .ucc-a-small-h__inner:after {
  position: absolute;
  bottom: -16px;
  left: 0;
  display: block;
  width: 100%;
  height: 1px;
  background-color: #e60012;
  content: "";
}

.ucc-a-table {
  width: 100%;
}

.ucc-a-table td,
.ucc-a-table th {
  font-size: 13px;
  vertical-align: middle;
}

.ucc-a-table td.is-centered,
.ucc-a-table th.is-centered {
  text-align: center;
}

.ucc-a-table td.is-no-space,
.ucc-a-table th.is-no-space {
  padding: 0;
}

.ucc-a-table th {
  padding: 8px 10px;
  background-color: #f7f7f7;
  text-align: left;
}

.ucc-a-table td {
  padding: 8px 20px;
}

.ucc-a-table td .ucc-a-table tr:first-child th,
.ucc-a-table td .ucc-a-table tr:first-child td {
  border-top: none;
}

.ucc-a-table td .ucc-a-table tr:last-child th,
.ucc-a-table td .ucc-a-table tr:last-child td {
  border-bottom: none;
}

.ucc-a-table tr:first-child th {
  border-top: 1px solid #d2d2d2;
}

.ucc-a-table tr:first-child td {
  border-top: 1px solid #eeeeee;
}

.ucc-a-table tr:last-child th {
  border-bottom: 1px solid #d2d2d2;
}

.ucc-a-table tr:last-child td {
  border-bottom: 1px solid #eeeeee;
}

.ucc-a-table tr + tr th {
  border-top: 1px solid #d2d2d2;
}

.ucc-a-table tr + tr td {
  border-top: 1px solid #eeeeee;
}

.ucc-a-table__val {
  white-space: nowrap;
}

.ucc-a-table__key {
  min-width: 115px;
}

.ucc-a-tag {
  font-size: 13px;
  display: inline-block;
  padding: 2px 10px;
  border: 1px solid #dcdcdc;
  border-radius: 4px;
  white-space: nowrap;
}

.ucc-a-tag,
.ucc-a-tag:link,
.ucc-a-tag:visited,
.ucc-a-tag a:active,
.ucc-a-tag a:hover,
.ucc-a-tag a:focus {
  color: inherit;
  text-decoration: inherit;
}

.ucc-a-tag--colored {
  padding: 1px 8px;
  border-color: #e60012;
  background-color: #ffffff;
  border-radius: 8px;
  color: #e60012;
  font-size: 12px;
}

.ucc-a-tag--inverted {
  padding: 1px 8px;
  border-color: #e60012;
  background-color: #e60012;
  border-radius: 8px;
  color: #ffffff;
  font-size: 12px;
}

.ucc-a-italic {
  font-style: italic;
}

.ucc-a-time {
  color: #636363;
  font-size: 12px;
}

.ucc-a-titlelead {
  font-family: "Noto Sans Japanese", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  font-weight: 300;
  color: #333333;
  font-feature-settings: "pkna";
  font-style: normal;
  font-weight: 400;
  line-height: 1.75;
  -webkit-text-size-adjust: 100%;
  font-size: 15px;
  margin-bottom: 1em;
}

.ucc-a-titlelead * {
  box-sizing: border-box;
}

.ucc-a-titlelead *:before,
.ucc-a-titlelead *:after {
  box-sizing: border-box;
}

.ucc-a-wave {
  position: absolute !important;
  left: 0;
  display: block;
  overflow: hidden;
  width: 100%;
  height: 80px;
  pointer-events: none;
}

.ucc-a-wave canvas {
  width: calc(100% + 30px);
  height: 100%;
  margin-left: -15px;
  pointer-events: none;
}

.ucc-a-wave--top {
  top: -79px;
}

.ucc-a-wave--bottom {
  bottom: -79px;
}

.ucc-m-account__container {
  display: table;
  width: 100%;
}

.ucc-m-account__inner {
  display: table-row;
}

.ucc-m-account__name,
.ucc-m-account__body {
  display: table-cell;
  vertical-align: middle;
}

.ucc-m-account__name {
  width: 57.8947368421%;
  padding: 15px 18px;
  background-color: #eeeeee;
  font-size: 18px;
}

.ucc-m-account__name,
.ucc-m-account__name:link,
.ucc-m-account__name:visited,
.ucc-m-account__name a:active,
.ucc-m-account__name a:hover,
.ucc-m-account__name a:focus {
  color: inherit;
  text-decoration: inherit;
}

.ucc-m-account__name > span {
  position: relative;
  display: inline-block;
  line-height: 1.25;
}

a.ucc-m-account__name > span {
  padding-right: 22px;
}

a.ucc-m-account__name > span:after {
  display: inline-block;
  content: "\e000";
  font-family: "ucc";
  font-size: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  line-height: 1;
  text-rendering: auto;
  position: absolute;
  top: 50%;
  right: 0;
  color: #e60012;
  font-size: 12px;
  transform: translateY(-50%);
}

html.no-touch a.ucc-m-account__name {
  transition-property: color;
  transition-duration: 0.4s;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}

html.no-touch a.ucc-m-account__name:hover {
  color: #e60012;
}

.ucc-m-account__body {
  padding-left: 14px;
}

.ucc-m-accounts {
  font-family: "Noto Sans Japanese", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  font-weight: 300;
  color: #333333;
  font-feature-settings: "pkna";
  font-style: normal;
  font-weight: 400;
  line-height: 1.75;
  -webkit-text-size-adjust: 100%;
  font-size: 15px;
}

.ucc-m-accounts * {
  box-sizing: border-box;
}

.ucc-m-accounts *:before,
.ucc-m-accounts *:after {
  box-sizing: border-box;
}

.ucc-m-accounts__list {
  width: 105%;
  margin-top: -0.7936507937%;
  margin-left: -4.7619047619%;
  *zoom: 1;
}

.ucc-m-accounts__list:before,
.ucc-m-accounts__list:after {
  display: table;
  content: "";
}

.ucc-m-accounts__list:after {
  clear: both;
}

.ucc-m-accounts__list .ucc-m-accounts__item {
  width: 45.2380952381%;
  margin-top: 0.7936507937%;
  margin-left: 4.7619047619%;
  float: left;
}

.ucc-m-action-thumb {
  display: block;
  border-radius: 20px;
  overflow: hidden;
  text-decoration: none !important;
}

.ucc-m-action-thumb__caption {
  background-color: #ffffff;
  padding: 22px 34px;
}

.ucc-m-action-thumb__caption__main {
  position: relative;
  padding-right: 40px;
}

.ucc-m-action-thumb__caption__main:after {
  display: inline-block;
  content: "\e012";
  font-family: "ucc";
  font-size: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  line-height: 1;
  text-rendering: auto;
  position: absolute;
  top: 50%;
  right: 0;
  color: #e60012;
  font-size: 20px;
  margin-top: -0.5em;
}

.ucc-m-action-thumb__h {
  color: #e60012;
  font-size: 22px;
  font-weight: 500;
}

.ucc-m-action-thumb__lead {
  margin-top: 10px;
  color: #333333;
  font-size: 15px;
  line-height: 1.867;
}

.ucc-m-action-thumb--hor .ucc-m-action-thumb__lead {
  margin-top: 14px;
}

html.no-touch .ucc-m-action-thumb .ucc-m-action-thumb__lead {
  transition-duration: 0.4s;
  transition-property: color;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}

html.no-touch .ucc-m-action-thumb:hover .ucc-m-action-thumb__lead {
  color: #e60012;
}

.ucc-m-action-thumbs__items {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.ucc-m-action-thumbs__item--ver {
  width: 49.1666666667%;
  margin-top: 40px;
}

.ucc-m-alternate-thumb {
  font-family: "Noto Sans Japanese", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  font-weight: 300;
  color: #333333;
  font-feature-settings: "pkna";
  font-style: normal;
  font-weight: 400;
  line-height: 1.75;
  -webkit-text-size-adjust: 100%;
  font-size: 15px;
  position: relative;
  display: block;
  max-width: 1470px;
  padding-right: 12px;
  padding-left: 12px;
  margin-right: auto;
  margin-left: auto;
}

.ucc-m-alternate-thumb * {
  box-sizing: border-box;
}

.ucc-m-alternate-thumb *:before,
.ucc-m-alternate-thumb *:after {
  box-sizing: border-box;
}

.ucc-m-alternate-thumb,
.ucc-m-alternate-thumb:link,
.ucc-m-alternate-thumb:visited,
.ucc-m-alternate-thumb a:active,
.ucc-m-alternate-thumb a:hover,
.ucc-m-alternate-thumb a:focus {
  color: inherit;
  text-decoration: inherit;
}

.ucc-m-alternate-thumb__inner {
  *zoom: 1;
  position: relative;
  padding-top: 60px;
  padding-bottom: 60px;
}

.ucc-m-alternate-thumb__inner:before,
.ucc-m-alternate-thumb__inner:after {
  display: table;
  content: "";
}

.ucc-m-alternate-thumb__inner:after {
  clear: both;
}

.ucc-m-alternate-thumb__caption {
  position: relative;
  z-index: 2;
  width: 40.2384500745%;
  min-height: 382px;
  background-color: #f7f7f7;
  float: right;
}

.ucc-m-alternate-thumb__caption__container {
  display: table;
  width: 100%;
  height: 382px;
}

.ucc-m-alternate-thumb__caption__inner {
  display: table-row;
}

.ucc-m-alternate-thumb__caption__content {
  display: table-cell;
  padding: 5.5555555556%;
  vertical-align: middle;
}

.ucc-m-alternate-thumb__caption__lead {
  font-size: 13px;
  padding: 25px 14.8148148148% 0;
}

.ucc-m-alternate-thumb__bg {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  width: 65.5737704918%;
  height: 100%;
}

.ucc-m-alternate-thumb__bg img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.ucc-m-alternate-thumb--reverse .ucc-m-alternate-thumb__caption {
  float: left;
}

.ucc-m-alternate-thumb--reverse .ucc-m-alternate-thumb__bg {
  right: 0;
  left: initial;
  left: auto;
}

html.no-touch .ucc-m-alternate-thumb .ucc-a-h__link {
  transition-duration: 0.4s;
  transition-property: color;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}

html.no-touch .ucc-m-alternate-thumb:hover .ucc-a-h__link {
  color: #e60012;
}

html.no-touch .ucc-m-alternate-thumb .ucc-m-alternate-thumb__bg {
  overflow: hidden;
}

html.no-touch .ucc-m-alternate-thumb .ucc-m-alternate-thumb__bg:after {
  position: absolute;
  top: -1px;
  left: -1px;
  display: block;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  border: 0 solid #e60012;
  content: "";
  transition-duration: 0.6s;
  transition-property: border-width;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

html.no-touch .ucc-m-alternate-thumb .ucc-m-alternate-thumb__bg img {
  transition-duration: 0.6s;
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

html.no-touch .ucc-m-alternate-thumb:hover .ucc-m-alternate-thumb__bg:after {
  border-width: 8px;
}

html.no-touch .ucc-m-alternate-thumb:hover .ucc-m-alternate-thumb__bg img {
  transform: scale(0.99);
}

.ucc-m-alternate-thumb {
  font-family: "Noto Sans Japanese", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  font-weight: 300;
  color: #333333;
  font-feature-settings: "pkna";
  font-style: normal;
  font-weight: 400;
  line-height: 1.75;
  -webkit-text-size-adjust: 100%;
  font-size: 15px;
}

.ucc-m-alternate-thumb * {
  box-sizing: border-box;
}

.ucc-m-alternate-thumb *:before,
.ucc-m-alternate-thumb *:after {
  box-sizing: border-box;
}

.ucc-m-alternate-thumb__item + .ucc-m-alternate-thumb__item {
  margin-top: 40px;
}

.ucc-m-anchors {
  font-family: "Noto Sans Japanese", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  font-weight: 300;
  color: #333333;
  font-feature-settings: "pkna";
  font-style: normal;
  font-weight: 400;
  line-height: 1.75;
  -webkit-text-size-adjust: 100%;
  font-size: 15px;
  width: 100%;
  max-width: 1240px;
  padding-right: 20px;
  padding-left: 20px;
  margin-right: auto;
  margin-left: auto;
  margin-top: -10px;
}

.ucc-m-anchors * {
  box-sizing: border-box;
}

.ucc-m-anchors *:before,
.ucc-m-anchors *:after {
  box-sizing: border-box;
}

.ucc-m-anchors--small {
  max-width: 1066px;
}

.ucc-m-anchors__item {
  display: inline-block;
  padding-right: 20px;
  padding-left: 20px;
  margin-top: 10px;
  line-height: 1.25;
  vertical-align: top;
}

.ucc-m-anchors__item,
.ucc-m-anchors__item:link,
.ucc-m-anchors__item:visited,
.ucc-m-anchors__item a:active,
.ucc-m-anchors__item a:hover,
.ucc-m-anchors__item a:focus {
  color: inherit;
  text-decoration: inherit;
}

.ucc-m-anchors__item > span {
  position: relative;
  display: inline-block;
  padding-right: 20px;
}

.ucc-m-anchors__item > span:after {
  display: inline-block;
  content: "\e015";
  font-family: "ucc";
  font-size: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  line-height: 1;
  text-rendering: auto;
  position: absolute;
  top: 2px;
  right: 0;
  color: #e60012;
  font-size: 14px;
}

.ucc-m-anchors__item > span small {
  font-size: 62.5%;
}

html.no-touch .ucc-m-anchors__item {
  transition-property: color;
  transition-duration: 0.4s;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}

html.no-touch .ucc-m-anchors__item:hover {
  color: #e60012;
}

.ucc-m-app-banner {
  position: relative;
  display: block;
  padding: 10px 20px;
  border: 1px solid #dcdcdc;
  background-color: #eeeeee;
}

.ucc-m-app-banner,
.ucc-m-app-banner:link,
.ucc-m-app-banner:visited,
.ucc-m-app-banner a:active,
.ucc-m-app-banner a:hover,
.ucc-m-app-banner a:focus {
  color: inherit;
  text-decoration: inherit;
}

.ucc-m-app-banner:after {
  display: inline-block;
  content: "\e000";
  font-family: "ucc";
  font-size: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  line-height: 1;
  text-rendering: auto;
  position: absolute;
  top: 50%;
  right: 10px;
  color: #e60012;
  font-size: 12px;
  transform: translateY(-50%);
}

.ucc-m-app-banner__container {
  display: table;
  width: 100%;
}

.ucc-m-app-banner__inner {
  display: table-row;
}

.ucc-m-app-banner__icn,
.ucc-m-app-banner__txts {
  display: table-cell;
  vertical-align: middle;
}

.ucc-m-app-banner__icn {
  width: 50px;
}

.ucc-m-app-banner__icn img {
  width: 50px;
  height: 50px;
  vertical-align: middle;
}

.ucc-m-app-banner__txts {
  padding-left: 20px;
}

.ucc-m-app-banner__txt-sub {
  font-size: 13px;
}

.ucc-m-app-banner__txt-main {
  font-weight: 500;
}

html.no-touch .ucc-m-app-banner {
  transition-duration: 0.6s;
  transition-property: background-color, color;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

html.no-touch .ucc-m-app-banner:hover {
  background-color: #f3f3f3;
  color: #e60012;
}

.ucc-m-article-footer-contact {
  background-color: #f7f7f7;
  padding: 20px;
  margin-top: 30px;
  margin-right: 60px;
  margin-left: 60px;
}

.ucc-m-article-footer-contact h3 {
  font-size: 15px;
  font-weight: 500;
  padding: 6px 20px;
  background-color: #eeeeee;
}

.ucc-m-article-footer-contact h3.is-large {
  font-size: 20px;
}

.ucc-m-article-footer-contact strong {
  font-weight: 700;
}

.ucc-m-article-body > * {
  margin-top: 1.5em;
}

.ucc-m-article-body > *:first-child {
  margin-top: 0;
}

.ucc-m-article-body a,
.ucc-m-article-body a:link,
.ucc-m-article-body a:visited,
.ucc-m-article-body a a:active,
.ucc-m-article-body a a:hover,
.ucc-m-article-body a a:focus {
  color: inherit;
  text-decoration: inherit;
}

.ucc-m-article-body a,
.ucc-m-article-body a:link,
.ucc-m-article-body a:visited,
.ucc-m-article-body a:active,
.ucc-m-article-body a:hover,
.ucc-m-article-body a:focus {
  color: #333333;
  text-decoration: underline;
}

html.no-touch .ucc-m-article-body a:hover {
  color: #e60012;
  text-decoration: none;
}

.ucc-m-article-body strong {
  font-weight: 700;
}

.ucc-m-article-body h2 {
  margin-top: 50px;
  font-size: 24px;
}

.ucc-m-article-body h2.has-border {
  padding-left: 10px;
  border-left: 10px solid #b30000;
  font-weight: 700;
}

.ucc-m-article-body h3 {
  padding: 6px 20px;
  background-color: #eeeeee;
  font-size: 15px;
  font-weight: 500;
}

.ucc-m-article-body h3.is-large {
  font-size: 20px;
}

.ucc-m-article-body table {
  width: 100%;
  border-top: 1px dotted #c9c9c9;
  table-layout: fixed;
}

.ucc-m-article-body table th {
  width: 280px;
  padding: 10px 40px;
  background-color: #f7f7f7;
  text-align: left;
}

.ucc-m-article-body table td {
  padding: 10px 40px;
}

.ucc-m-article-body table th,
.ucc-m-article-body table td {
  border-bottom: 1px dotted #c9c9c9;
}

.ucc-m-article-body figure {
  margin-top: 60px;
}

.ucc-m-article-body figure > div {
  text-align: center;
}

.ucc-m-article-body figure > div img {
  max-width: 100%;
  height: auto;
}

.ucc-m-article-body figure > p {
  margin-top: 35px;
  text-align: center;
}

.ucc-m-article-body figure figcaption {
  margin-top: 5px;
  font-size: 12px;
  text-align: center;
}

.ucc-m-article-body .has-gray-bg {
  padding: 20px;
  background-color: #f7f7f7;
}

.ucc-m-article {
  font-family: "Noto Sans Japanese", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  font-weight: 300;
  color: #333333;
  font-feature-settings: "pkna";
  font-style: normal;
  font-weight: 400;
  line-height: 1.75;
  -webkit-text-size-adjust: 100%;
  font-size: 15px;
}

.ucc-m-article * {
  box-sizing: border-box;
}

.ucc-m-article *:before,
.ucc-m-article *:after {
  box-sizing: border-box;
}

.ucc-m-article__header {
  *zoom: 1;
}

.ucc-m-article__header:before,
.ucc-m-article__header:after {
  display: table;
  content: "";
}

.ucc-m-article__header:after {
  clear: both;
}

.ucc-m-article__header__meta {
  float: left;
}

.ucc-m-article__header__company {
  color: #636363;
  float: right;
  font-size: 12px;
  text-align: right;
}

.ucc-m-article__header__pickup-label {
  color: #636363;
  float: right;
  font-size: 20px;
  text-align: right;
}

.ucc-m-article__h-wrap {
  padding: 15px 20px;
  margin-top: 10px;
  background-color: #eeeeee;
}

.ucc-m-article__lead {
  font-size: 16px;
}

.ucc-m-article__h {
  margin-top: 10px;
  font-size: 20px;
}

.ucc-m-article__h-no-subtitle {
  margin-top: 0;
}

.ucc-m-article__body {
  margin-top: 30px;
  margin-right: 60px;
  margin-left: 60px;
}

.ucc-m-aside-banner {
  display: block;
}

.ucc-m-aside-banner,
.ucc-m-aside-banner:link,
.ucc-m-aside-banner:visited,
.ucc-m-aside-banner a:active,
.ucc-m-aside-banner a:hover,
.ucc-m-aside-banner a:focus {
  color: inherit;
  text-decoration: inherit;
}

.ucc-m-aside-banner__fig {
  position: relative;
  border: 1px solid #d2d2d2;
}

.ucc-m-aside-banner__fig img {
  width: 100%;
  height: auto;
}

.ucc-m-aside-banner__lead {
  margin-top: 10px;
  font-size: 13px;
}

html.no-touch .ucc-m-aside-banner .ucc-m-aside-banner__fig:after {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.3);
  content: "";
  opacity: 0;
  transition-duration: 0.4s;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}

html.no-touch .ucc-m-aside-banner:hover .ucc-m-aside-banner__fig:after {
  opacity: 1;
}

html.no-touch .ucc-m-aside-banner .ucc-m-aside-banner__lead {
  transition-duration: 0.4s;
  transition-property: color;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}

html.no-touch .ucc-m-aside-banner:hover .ucc-m-aside-banner__lead {
  color: #e60012;
}

.ucc-m-aside-company-research a {
  cursor: pointer;
  text-decoration: none;
}

.ucc-m-aside-company-research a.is-current {
  color: #e60012;
}

.ucc-m-aside-company-research__back__item a {
  position: relative;
  display: block;
  width: 100%;
  padding: 1.2em 1.8em 1.2em 1.2em;
  border: 2px solid #e60012;
  background-size: 200% auto;
  color: #ffffff;
  font-size: 15px;
  line-height: 1em;
  text-align: center;
  text-decoration: none;
  background-image: linear-gradient(to right, #e60012 50%, #ffffff 50%);
  background-position: 0 0;
  background-size: 200% auto;
  transition: all 0.3s ease 0s;
  transition: 0.3s;
}

.ucc-m-aside-company-research__back__item a:hover {
  background-position: -100% 0;
  cursor: pointer;
}

.ucc-m-aside-company-research__back__item a:hover {
  border: 2px solid #e60012;
  color: #e60012;
}

.ucc-m-aside-company-research__back__item a::before {
  position: absolute;
  top: 0;
  right: 15px;
  bottom: 0;
  width: 15px;
  height: 16px;
  margin: auto 0;
  content: "\e01a";
  font-family: "ucc";
}

.ucc-m-aside-company-research__category,
.ucc-m-aside-company-research__article {
  padding: 0 5px 5px;
  margin-top: 20px;
  background-color: #f7f7f7;
}

.ucc-m-aside-company-research__category__title,
.ucc-m-aside-company-research__article__title {
  padding: 1em 0;
  font-size: 15px;
  text-align: center;
}

.ucc-m-aside-company-research__category__tag,
.ucc-m-aside-company-research__article__tag {
  background-color: #fff;
}

.ucc-m-aside-company-research__category__tag__title,
.ucc-m-aside-company-research__article__tag__title {
  padding: 1em;
  background-color: #f2ecde;
  font-size: 14px;
  line-height: 1em;
  text-align: center;
}

.ucc-m-aside-company-research__category__tag__table__list,
.ucc-m-aside-company-research__article__tag__table__list {
  padding-top: 3px;
  border-bottom: 2px dashed #f7f7f7;
  font-size: 14px;
}

.ucc-m-aside-company-research__category__tag__table__list a,
.ucc-m-aside-company-research__article__tag__table__list a {
  position: relative;
  display: block;
  padding: 1.2em 0 1em;
  padding-right: 1.5em;
  background-size: 400% auto;
  color: #333333;
  line-height: 1.4em;
}

.ucc-m-aside-company-research__category__tag__table__list a:hover,
.ucc-m-aside-company-research__article__tag__table__list a:hover {
  color: #e60012;
}

.ucc-m-aside-company-research__category__tag__table__list a::after,
.ucc-m-aside-company-research__article__tag__table__list a::after {
  position: absolute;
  top: 0;
  right: 0px;
  bottom: 0;
  display: inline-block;
  height: 14px;
  margin: auto 0;
  color: rgb(230, 0, 18);
  content: "\e007";
  font-family: ucc;
  font-size: 14px;
  font-style: normal;
  line-height: 1;
  text-rendering: auto;
}

.ucc-m-aside-company-research__category__tag__table__list:last-child,
.ucc-m-aside-company-research__article__tag__table__list:last-child {
  border-bottom: none;
}

.ucc-m-aside-company-research__category__tag {
  padding: 0 1.5em 0;
}

.ucc-m-aside-company-research__category__tag__table__list:last-child {
  border-bottom: none;
}

.ucc-m-aside-company-research__category--beige {
  background-color: #F2ECDE;
}

.ucc-m-aside-company-research__article__tag {
  padding: 2em 1.5em 0;
}

.ucc-m-aside-company-research__article__tag__table__list:last-child {
  border-bottom: none;
}

.ucc-m-aside__content + .ucc-m-aside__content {
  padding-top: 30px;
  border-top: 1px solid #eeeeee;
  margin-top: 30px;
}

.ucc-m-banner {
  display: block;
}

.ucc-m-banner,
.ucc-m-banner:link,
.ucc-m-banner:visited,
.ucc-m-banner a:active,
.ucc-m-banner a:hover,
.ucc-m-banner a:focus {
  color: inherit;
  text-decoration: inherit;
}

.ucc-m-banner__fig {
  position: relative;
  border: 1px solid #dcdcdc;
}

.ucc-m-banner__fig img {
  display: block;
  width: 100%;
  height: auto;
  vertical-align: bottom;
}

.ucc-m-banner__caption {
  margin-top: 10px;
}

.ucc-m-banner__caption > span {
  position: relative;
  display: inline-block;
  padding-right: 20px;
}

.ucc-m-banner__caption > span:after {
  display: inline-block;
  content: "\e000";
  font-family: "ucc";
  font-size: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  line-height: 1;
  text-rendering: auto;
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -5px;
  color: #e60012;
  font-size: 10px;
  line-height: 1;
}

html.no-touch .ucc-m-banner .ucc-m-banner__fig:after {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.3);
  content: "";
  opacity: 0;
  transition-duration: 0.4s;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}

html.no-touch .ucc-m-banner:hover .ucc-m-banner__fig:after {
  opacity: 1;
}

html.no-touch .ucc-m-banner .ucc-m-banner__caption {
  transition-duration: 0.4s;
  transition-property: color;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}

html.no-touch .ucc-m-banner:hover .ucc-m-banner__caption {
  color: #e60012;
}

.ucc-m-banners {
  font-family: "Noto Sans Japanese", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  font-weight: 300;
  color: #333333;
  font-feature-settings: "pkna";
  font-style: normal;
  font-weight: 400;
  line-height: 1.75;
  -webkit-text-size-adjust: 100%;
  font-size: 15px;
}

.ucc-m-banners * {
  box-sizing: border-box;
}

.ucc-m-banners *:before,
.ucc-m-banners *:after {
  box-sizing: border-box;
}

.ucc-m-banners__list {
  width: 102.5%;
  margin-top: -2.4390243902%;
  margin-left: -2.4390243902%;
  *zoom: 1;
}

.ucc-m-banners__list:before,
.ucc-m-banners__list:after {
  display: table;
  content: "";
}

.ucc-m-banners__list:after {
  clear: both;
}

.ucc-m-banners__list .ucc-m-banners__item {
  width: 47.5609756098%;
  margin-top: 2.4390243902%;
  margin-left: 2.4390243902%;
  float: left;
}

.ucc-m-banners--gift {
  font-family: "Noto Sans Japanese", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  font-weight: 300;
  color: #333333;
  font-feature-settings: "pkna";
  font-style: normal;
  font-weight: 400;
  line-height: 1.75;
  -webkit-text-size-adjust: 100%;
  font-size: 15px;
}

.ucc-m-banners--gift * {
  box-sizing: border-box;
}

.ucc-m-banners--gift *:before,
.ucc-m-banners--gift *:after {
  box-sizing: border-box;
}

.ucc-m-banners--gift__list {
  width: 110%;
  margin-top: -2.2727272727%;
  margin-left: -2.2727272727%;
  *zoom: 1;
}

.ucc-m-banners--gift__list:before,
.ucc-m-banners--gift__list:after {
  display: table;
  content: "";
}

.ucc-m-banners--gift__list:after {
  clear: both;
}

.ucc-m-banners--gift__list .ucc-m-banners__item {
  width: 16.3636363636%;
  margin-top: 2.2727272727%;
  margin-left: 2.2727272727%;
  float: left;
}

.ucc-m-banners--gift .ucc-m-banner__fig {
  border: none;
}

.ucc-m-banners--giftcontents {
  font-family: "Noto Sans Japanese", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  font-weight: 300;
  color: #333333;
  font-feature-settings: "pkna";
  font-style: normal;
  font-weight: 400;
  line-height: 1.75;
  -webkit-text-size-adjust: 100%;
  font-size: 15px;
  padding-top: 30px;
  border-top: 1px solid #eeeeee;
}

.ucc-m-banners--giftcontents * {
  box-sizing: border-box;
}

.ucc-m-banners--giftcontents *:before,
.ucc-m-banners--giftcontents *:after {
  box-sizing: border-box;
}

.ucc-m-banners--giftcontents__list {
  width: 100%;
  margin-top: -2.5%;
  margin-left: -2.5%;
  *zoom: 1;
}

.ucc-m-banners--giftcontents__list:before,
.ucc-m-banners--giftcontents__list:after {
  display: table;
  content: "";
}

.ucc-m-banners--giftcontents__list:after {
  clear: both;
}

.ucc-m-banners--giftcontents__list .ucc-m-banners__item {
  width: 100%;
  margin-top: 2.5%;
  margin-left: 2.5%;
  float: left;
}

.ucc-m-banners--giftcontents__list .ucc-m-banners__item {
  text-align: center;
}

.ucc-m-banners--giftcontents__list a {
  max-width: 708px;
  margin: 0 auto;
}

.ucc-m-banners--giftcontents .ucc-m-banner__fig {
  border: none;
}

.ucc-m-bg-movie {
  position: relative;
}

.ucc-m-bg-movie:after {
  display: block;
  padding-top: 100%;
  content: "";
}

.ucc-m-bg-movie__content {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  width: 100%;
  height: 100%;
}

.ucc-m-bg-movie__content video {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

html.no-video .ucc-m-bg-movie__content video {
  display: none;
}

.ucc-m-bg-movie__content.is-PC {
  display: none;
}

.ucc-m-bg-movie__slideshow {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 100%;
}

.ucc-m-bg-movie__slideshow__content {
  width: 100%;
  height: 100%;
}

.ucc-m-bg-movie__slideshow__content > div {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-position: center center;
  background-repeat: none;
  background-size: cover;
  opacity: 0;
  transition-duration: 2s;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}

.ucc-m-bg-movie__slideshow__content > div.is-current {
  opacity: 1;
}

.ucc-m-bg-movie__slideshow img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  transition-duration: 2s;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}

.ucc-m-bg-movie__slideshow img.is-current {
  opacity: 1;
}

html.no-video .ucc-m-bg-movie__slideshow {
  display: block;
}

.ucc-m-bg-movie.is-IE .ucc-m-bg-movie__content {
  display: none;
}

.ucc-m-bg-movie.is-IE .ucc-m-bg-movie__content.is-PC {
  display: block;
}

.ucc-m-bg-movie.is-IE .ucc-m-bg-movie__content.is-PC .ucc-m-bg-movie__slideshow {
  display: block;
}

.ucc-m-bg-yt {
  position: relative;
  width: 100%;
  height: 100%;
}

.ucc-m-bg-yt__wrap,
.ucc-m-bg-yt__main,
.ucc-m-bg-yt__main__in {
  position: relative;
  width: 100%;
  height: 100%;
}

.ucc-m-bgfig-thumb {
  position: relative;
  display: block;
  background-color: #000000;
}

.ucc-m-bgfig-thumb,
.ucc-m-bgfig-thumb:link,
.ucc-m-bgfig-thumb:visited,
.ucc-m-bgfig-thumb a:active,
.ucc-m-bgfig-thumb a:hover,
.ucc-m-bgfig-thumb a:focus {
  color: inherit;
  text-decoration: inherit;
}

.ucc-m-bgfig-thumb:after {
  display: block;
  padding-top: 73.4693877551%;
  content: "";
}

html.no-touch .ucc-m-bgfig-thumb:before {
  position: absolute;
  z-index: 4;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  border: 0px solid #e60012;
  content: "";
  transition-duration: 0.2s;
  transition-property: border-width;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.ucc-m-bgfig-thumb__inner {
  position: absolute;
  z-index: 2;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding-right: 5px;
  padding-left: 5px;
  -webkit-font-smoothing: antialiased;
}

.ucc-m-bgfig-thumb__txt {
  display: table;
  width: 100%;
  height: 100%;
  color: #ffffff;
}

.ucc-m-bgfig-thumb__txt__container {
  display: table-row;
}

.ucc-m-bgfig-thumb__txt__inner {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}

.ucc-m-bgfig-thumb__h {
  font-size: 22px;
  font-weight: 500;
}

html.no-touch .ucc-m-bgfig-thumb__h {
  transition-duration: 0.4s;
  transition-property: color;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}

.ucc-m-bgfig-thumb__h > span {
  position: relative;
  display: inline-block;
  border-bottom: 1px solid #ffffff;
}

html.no-touch .ucc-m-bgfig-thumb__h > span:after {
  position: absolute;
  bottom: -1px;
  left: 0;
  display: block;
  width: 0;
  height: 1px;
  background-color: #e60012;
  content: "";
  transition-duration: 0.4s;
  transition-property: width;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}

.ucc-m-bgfig-thumb__h-en {
  font-family: "Raleway", Noto Sans Japanese, 游ゴシック, YuGothic, ヒラギノ角ゴ Pro, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, sans-serif;
  font-weight: 400;
  letter-spacing: 0.08em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 18px;
  margin-top: 10px;
  font-weight: 500;
}

html.no-touch .ucc-m-bgfig-thumb__h-en {
  transition-duration: 0.4s;
  transition-property: color;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}

.ucc-m-bgfig-thumb__bg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0.6;
}

.ucc-m-bgfig-thumb__bg img {
  display: none;
}

html.no-touch .ucc-m-bgfig-thumb__bg {
  transition-duration: 0.4s;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}

.ucc-m-bgfig-thumb--slender:after {
  padding-top: 25.4237288136%;
}

html.no-touch .ucc-m-bgfig-thumb:hover:before {
  border-width: 5px;
}

html.no-touch .ucc-m-bgfig-thumb:hover .ucc-m-bgfig-thumb__h {
  color: #e60012;
}

html.no-touch .ucc-m-bgfig-thumb:hover .ucc-m-bgfig-thumb__h > span:after {
  width: 100%;
}

html.no-touch .ucc-m-bgfig-thumb:hover .ucc-m-bgfig-thumb__h-en {
  color: #e60012;
}

html.no-touch .ucc-m-bgfig-thumb:hover .ucc-m-bgfig-thumb__bg {
  opacity: 0.2;
}

.ucc-m-block-anchors {
  font-family: "Noto Sans Japanese", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  font-weight: 300;
  color: #333333;
  font-feature-settings: "pkna";
  font-style: normal;
  font-weight: 400;
  line-height: 1.75;
  -webkit-text-size-adjust: 100%;
  font-size: 15px;
  overflow: hidden;
}

.ucc-m-block-anchors * {
  box-sizing: border-box;
}

.ucc-m-block-anchors *:before,
.ucc-m-block-anchors *:after {
  box-sizing: border-box;
}

.ucc-m-block-anchors__list {
  width: 106.6666666667%;
  margin-top: -1.5625%;
  margin-left: -1.5625%;
  *zoom: 1;
}

.ucc-m-block-anchors__list:before,
.ucc-m-block-anchors__list:after {
  display: table;
  content: "";
}

.ucc-m-block-anchors__list:after {
  clear: both;
}

.ucc-m-block-anchors__list .ucc-m-block-anchors__item {
  width: 17.5%;
  margin-top: 1.5625%;
  margin-left: 1.5625%;
  float: left;
}

.ucc-m-block-anchors__btn {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  width: 99.5%;
  -ms-flex-align: center;
  align-items: center;
  padding: 5px 10px;
  border: 1px solid #d2d2d2;
  line-height: 1.5;
}

.ucc-m-block-anchors__btn,
.ucc-m-block-anchors__btn:link,
.ucc-m-block-anchors__btn:visited,
.ucc-m-block-anchors__btn a:active,
.ucc-m-block-anchors__btn a:hover,
.ucc-m-block-anchors__btn a:focus {
  color: inherit;
  text-decoration: inherit;
}

.ucc-m-block-anchors__btn > span {
  position: relative;
  z-index: 2;
  display: inline-block;
  width: 100%;
  padding-right: 20px;
}

.ucc-m-block-anchors__btn > span:after {
  display: inline-block;
  content: "\e018";
  font-family: "ucc";
  font-size: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  line-height: 1;
  text-rendering: auto;
  position: absolute;
  top: 50%;
  right: 0;
  color: #e60012;
  font-size: 12px;
  transform: translateY(-50%);
}

html.no-touch .ucc-m-block-anchors__btn {
  transition-duration: 0.2s;
  transition-property: color;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}

html.no-touch .ucc-m-block-anchors__btn:after {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 0;
  height: 100%;
  background-color: #e60012;
  content: "";
  transition-duration: 0.2s;
  transition-property: width;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}

html.no-touch .ucc-m-block-anchors__btn > span:after {
  transition-duration: 0.2s;
  transition-property: color;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}

html.no-touch .ucc-m-block-anchors__btn:hover {
  color: #ffffff;
}

html.no-touch .ucc-m-block-anchors__btn:hover:after {
  width: 100%;
}

html.no-touch .ucc-m-block-anchors__btn:hover > span:after {
  color: #ffffff;
}

.ucc-m-border-banner {
  display: block;
}

.ucc-m-border-banner,
.ucc-m-border-banner:link,
.ucc-m-border-banner:visited,
.ucc-m-border-banner a:active,
.ucc-m-border-banner a:hover,
.ucc-m-border-banner a:focus {
  color: inherit;
  text-decoration: inherit;
}

.ucc-m-border-banner__fig {
  position: relative;
  overflow: hidden;
}

.ucc-m-border-banner__fig img {
  display: block;
  width: 100%;
  height: auto;
  vertical-align: top;
}

.ucc-m-border-banner__caption {
  padding: 15px 12px 15px 15px;
  background-color: #ffffff;
  font-size: 16px;
}

.ucc-m-border-banner__caption__main {
  position: relative;
  padding-right: 40px;
}

.ucc-m-border-banner__caption__main:after {
  display: inline-block;
  content: "\e012";
  font-family: "ucc";
  font-size: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  line-height: 1;
  text-rendering: auto;
  position: absolute;
  top: 50%;
  right: 0;
  color: #e60012;
  font-size: 12px;
  margin-top: -0.5em;
}

html.no-touch .ucc-m-border-banner .ucc-m-border-banner__fig {
  overflow: hidden;
}

html.no-touch .ucc-m-border-banner .ucc-m-border-banner__fig:after {
  position: absolute;
  top: -1px;
  left: -1px;
  display: block;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  border: 0 solid #e60012;
  content: "";
  transition-duration: 0.6s;
  transition-property: border-width;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

html.no-touch .ucc-m-border-banner .ucc-m-border-banner__fig img {
  transition-duration: 0.6s;
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

html.no-touch .ucc-m-border-banner:hover .ucc-m-border-banner__fig:after {
  border-width: 7px;
}

html.no-touch .ucc-m-border-banner:hover .ucc-m-border-banner__fig img {
  transform: scale(0.99);
}

html.no-touch .ucc-m-border-banner .ucc-m-border-banner__caption {
  transition-duration: 0.4s;
  transition-property: color;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}

html.no-touch .ucc-m-border-banner:hover .ucc-m-border-banner__caption {
  color: #e60012;
}

.ucc-m-border-sec {
  font-family: "Noto Sans Japanese", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  font-weight: 300;
  color: #333333;
  font-feature-settings: "pkna";
  font-style: normal;
  font-weight: 400;
  line-height: 1.75;
  -webkit-text-size-adjust: 100%;
  font-size: 15px;
}

.ucc-m-border-sec * {
  box-sizing: border-box;
}

.ucc-m-border-sec *:before,
.ucc-m-border-sec *:after {
  box-sizing: border-box;
}

.ucc-m-border-sec__container {
  width: 100%;
  max-width: 1240px;
  padding-right: 20px;
  padding-left: 20px;
  margin-right: auto;
  margin-left: auto;
}

.ucc-m-border-sec__container--small {
  max-width: 1066px;
}

.ucc-m-border-sec__inner {
  position: relative;
  padding: 45px 20px;
  border: 6px solid #eeeeee;
}

.ucc-m-border-sec__h {
  font-size: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  margin-top: -0.75em;
  line-height: 1;
  text-align: center;
}

.ucc-m-border-sec__h > span {
  display: inline-block;
  padding-right: 30px;
  padding-left: 30px;
  background-color: #ffffff;
}

.ucc-m-brand {
  font-family: "Noto Sans Japanese", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  font-weight: 300;
  color: #333333;
  font-feature-settings: "pkna";
  font-style: normal;
  font-weight: 400;
  line-height: 1.75;
  -webkit-text-size-adjust: 100%;
  font-size: 15px;
}

.ucc-m-brand * {
  box-sizing: border-box;
}

.ucc-m-brand *:before,
.ucc-m-brand *:after {
  box-sizing: border-box;
}

.ucc-m-brand__container {
  display: table;
  width: 100%;
}

.ucc-m-brand__inner {
  display: table-row;
}

.ucc-m-brand__header,
.ucc-m-brand__body {
  display: table-cell;
  padding-top: 60px;
  padding-bottom: 60px;
  vertical-align: middle;
}

.ucc-m-brand__header {
  width: 25%;
}

.ucc-m-brand__h {
  text-align: center;
}

.ucc-m-brand__h img {
  width: 53.3333333333%;
  height: auto;
}

.ucc-m-brand__h--txt {
  font-family: "Raleway", Noto Sans Japanese, 游ゴシック, YuGothic, ヒラギノ角ゴ Pro, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, sans-serif;
  font-weight: 400;
  letter-spacing: 0.08em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 30px;
  line-height: 1.25;
  word-break: break-all;
}

.ucc-m-brand__h--txt + .ucc-m-brand__tagline,
.ucc-m-brand__h--txt + .ucc-m-brand__lead {
  margin-top: 20px;
}

.ucc-m-brand__h--txt-jp {
  font-size: 20px;
  line-height: 1.25;
  word-break: break-all;
}

.ucc-m-brand__h--txt-jp + .ucc-m-brand__tagline,
.ucc-m-brand__h--txt-jp + .ucc-m-brand__lead {
  margin-top: 20px;
}

.ucc-m-brand__tagline {
  margin-top: 12px;
  text-align: center;
}

.ucc-m-brand__lead {
  font-size: 13px;
  text-align: center;
}

.ucc-m-brand__btns {
  margin-top: 25px;
  letter-spacing: -0.4em;
  text-align: center;
}

.ucc-m-brand__btns .ucc-a-btn {
  width: 48.6666666667%;
  letter-spacing: normal;
  vertical-align: top;
}

.ucc-m-brand__btns .ucc-a-btn + .ucc-a-btn {
  margin-left: 2.6666666667%;
}

.ucc-m-brand__products {
  width: 97.7777777778%;
  margin-left: 2.2222222222%;
}

.ucc-m-brands {
  font-family: "Noto Sans Japanese", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  font-weight: 300;
  color: #333333;
  font-feature-settings: "pkna";
  font-style: normal;
  font-weight: 400;
  line-height: 1.75;
  -webkit-text-size-adjust: 100%;
  font-size: 15px;
}

.ucc-m-brands * {
  box-sizing: border-box;
}

.ucc-m-brands *:before,
.ucc-m-brands *:after {
  box-sizing: border-box;
}

.ucc-m-brands__list__item {
  position: relative;
}

.ucc-m-brands__list__item + .ucc-m-brands__list__item {
  border-top: 1px solid #eeeeee;
}

.ucc-m-breadcrumbs {
  font-family: "Noto Sans Japanese", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  font-weight: 300;
  color: #333333;
  font-feature-settings: "pkna";
  font-style: normal;
  font-weight: 400;
  line-height: 1.75;
  -webkit-text-size-adjust: 100%;
  font-size: 15px;
  padding: 11px 10px 15px;
}

.ucc-m-breadcrumbs * {
  box-sizing: border-box;
}

.ucc-m-breadcrumbs *:before,
.ucc-m-breadcrumbs *:after {
  box-sizing: border-box;
}

.ucc-m-breadcrumbs--abs {
  position: absolute;
  z-index: 600;
  top: 0;
  left: 0;
}

.ucc-m-breadcrumbs__list {
  letter-spacing: -0.4em;
}

.ucc-m-breadcrumbs__item {
  position: relative;
  display: inline-block;
  font-size: 10px;
  letter-spacing: normal;
}

.ucc-m-breadcrumbs__item + .ucc-m-breadcrumbs__item {
  margin-left: 12px;
}

.ucc-m-breadcrumbs__item + .ucc-m-breadcrumbs__item:before {
  display: inline-block;
  margin-right: 10px;
  content: "/";
}

.ucc-m-breadcrumbs__item br {
  display: none;
}

.ucc-m-breadcrumbs__btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: 400;
  line-height: 1;
}

.ucc-m-breadcrumbs__btn,
.ucc-m-breadcrumbs__btn:link,
.ucc-m-breadcrumbs__btn:visited,
.ucc-m-breadcrumbs__btn a:active,
.ucc-m-breadcrumbs__btn a:hover,
.ucc-m-breadcrumbs__btn a:focus {
  color: inherit;
  text-decoration: inherit;
}

html.no-touch a.ucc-m-breadcrumbs__btn {
  transition-property: color;
  transition-duration: 0.4s;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}

html.no-touch a.ucc-m-breadcrumbs__btn:hover {
  color: #e60012;
}

.ucc-m-campaign-block {
  display: block;
}

.ucc-m-campaign-block,
.ucc-m-campaign-block:link,
.ucc-m-campaign-block:visited,
.ucc-m-campaign-block a:active,
.ucc-m-campaign-block a:hover,
.ucc-m-campaign-block a:focus {
  color: inherit;
  text-decoration: inherit;
}

.ucc-m-campaign-block__fig {
  position: relative;
}

.ucc-m-campaign-block__tags {
  margin-top: 8px;
}

.ucc-m-campaign-block__txts {
  margin-top: 10px;
}

.ucc-m-campaign-block__h {
  font-size: 16px;
  font-weight: 500;
}

.ucc-m-campaign-block__caption {
  margin-top: 15px;
  font-size: 14px;
}

.ucc-m-campaign-block__notes {
  padding: 10px 20px 15px;
  margin-top: 20px;
  background-color: #eeeeee;
}

.ucc-m-campaign-block__notes__body {
  margin-top: 10px;
  font-size: 14px;
}

.ucc-m-campaign-block__notes__body small {
  font-size: 12px;
}

.ucc-m-campaign-block__notes--end {
  padding: 10px 20px 10px;
}

.ucc-m-campaign-block__notes--end .ucc-m-campaign-block__notes__h {
  text-align: center;
}

html.no-touch a.ucc-m-campaign-block .ucc-m-campaign-block__fig {
  background-color: #e60012;
}

html.no-touch a.ucc-m-campaign-block .ucc-m-campaign-block__fig img {
  transition-duration: 0.6s;
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

html.no-touch a.ucc-m-campaign-block:hover .ucc-m-campaign-block__fig img {
  transform: scale(0.95);
}

.ucc-m-campaign-blocks {
  font-family: "Noto Sans Japanese", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  font-weight: 300;
  color: #333333;
  font-feature-settings: "pkna";
  font-style: normal;
  font-weight: 400;
  line-height: 1.75;
  -webkit-text-size-adjust: 100%;
  font-size: 15px;
}

.ucc-m-campaign-blocks * {
  box-sizing: border-box;
}

.ucc-m-campaign-blocks *:before,
.ucc-m-campaign-blocks *:after {
  box-sizing: border-box;
}

.ucc-m-campaign-blocks__list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.ucc-m-campaign-blocks__item {
  width: 32.1670428894%;
  padding-left: 3.0474040632%;
}

.ucc-m-campaign-blocks__item:nth-child(3n+1) {
  padding-right: 3.0474040632%;
  padding-left: 0;
}

.ucc-m-campaign-blocks__item:nth-child(3n+2) {
  width: 35.3273137698%;
  padding-right: 3.0474040632%;
  border-left: 1px solid #eeeeee;
}

.ucc-m-campaign-blocks__item:nth-child(3n+3) {
  width: 32.2799097065%;
  border-left: 1px solid #eeeeee;
}

.ucc-m-campaign-blocks__item:nth-child(n+4) {
  padding-top: 60px;
}

.ucc-m-campaign-blocks__item:nth-child(n+4) .ucc-m-campaign-blocks__item__inner {
  padding-top: 0;
  border-top: 1px solid #eeeeee;
}

.ucc-m-campaign-box {
  display: block;
}

.ucc-m-campaign-box,
.ucc-m-campaign-box:link,
.ucc-m-campaign-box:visited,
.ucc-m-campaign-box a:active,
.ucc-m-campaign-box a:hover,
.ucc-m-campaign-box a:focus {
  color: inherit;
  text-decoration: inherit;
}

.ucc-m-campaign-box__fig {
  position: relative;
  overflow: hidden;
}

.ucc-m-campaign-box__tags {
  margin-top: 8px;
}

.ucc-m-campaign-box__caption {
  margin-top: 15px;
}

html.no-touch .ucc-m-campaign-box .ucc-m-campaign-box__fig {
  background-color: #e60012;
}

html.no-touch .ucc-m-campaign-box .ucc-m-campaign-box__fig img {
  transition-duration: 0.6s;
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

html.no-touch .ucc-m-campaign-box:hover .ucc-m-campaign-box__fig img {
  transform: scale(0.95);
}

html.no-touch .ucc-m-campaign-box .ucc-m-campaign-box__caption {
  transition-duration: 0.4s;
  transition-property: color;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}

html.no-touch .ucc-m-campaign-box:hover .ucc-m-campaign-box__caption {
  color: #e60012;
}

.ucc-m-campaign-boxes {
  padding-bottom: 2px;
}

.ucc-m-campaign-boxes__list {
  width: 104%;
  margin-top: -1.2820512821%;
  margin-left: -1.2820512821%;
  *zoom: 1;
}

.ucc-m-campaign-boxes__list:before,
.ucc-m-campaign-boxes__list:after {
  display: table;
  content: "";
}

.ucc-m-campaign-boxes__list:after {
  clear: both;
}

.ucc-m-campaign-boxes__list .ucc-m-campaign-boxes__item {
  width: 23.0769230769%;
  margin-top: 1.2820512821%;
  margin-left: 1.2820512821%;
  float: left;
}

.ucc-m-chart-d {
  padding-top: 20px;
  padding-right: 10px;
  padding-bottom: 20px;
  padding-left: 10px;
}

.ucc-m-chart-d a {
  display: block;
  cursor: pointer;
}

.ucc-m-chart-d img {
  display: inline-block;
  width: 100%;
}

.ucc-m-chart-d__slider__pager {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.ucc-m-chart-d__slider__pager__item {
  position: relative;
  display: block;
  width: 32%;
}

.ucc-m-chart-d__slider__pager__item span.j-slide-page-current {
  position: absolute;
  right: 0;
  left: 0;
  display: block;
  display: block;
  width: 0;
  height: 0;
  margin: 0 auto;
  content: "";
}

.ucc-m-chart-d__slider__pager__item img {
  display: block;
  width: 100%;
}

.ucc-m-chart-d__slider__pager__item--01 span.j-slide-page-current {
  border-color: #f7c35f transparent transparent transparent;
}

.ucc-m-chart-d__slider__pager__item--02 span.j-slide-page-current {
  border-color: #2d421c transparent transparent transparent;
}

.ucc-m-chart-d__slider__pager__item--03 span.j-slide-page-current {
  border-color: #f87d11 transparent transparent transparent;
}

.ucc-m-chart-d__slider__area__prev {
  top: 62%;
  left: 8%;
  display: none;
  background-image: none;
}

.ucc-m-chart-d__slider__area__prev::before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 26px;
  height: 26px;
  margin: auto;
  background: #fff;
  border-radius: 50%;
  box-shadow: 0 0 10px #777;
  content: "";
  vertical-align: middle;
}

.ucc-m-chart-d__slider__area__prev::after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  left: -2px;
  width: 3px;
  height: 3px;
  box-sizing: border-box;
  border: 8px solid transparent;
  border-right: 10px solid #dddad7;
  margin: auto;
  content: "";
  vertical-align: middle;
}

.ucc-m-chart-d__slider__area__next {
  top: 62%;
  right: 7%;
  display: none;
  background-image: none;
}

.ucc-m-chart-d__slider__area__next::before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 26px;
  height: 26px;
  margin: auto;
  background: #fff;
  border-radius: 50%;
  box-shadow: 0 0 10px #777;
  content: "";
  vertical-align: middle;
}

.ucc-m-chart-d__slider__area__next::after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  left: 9px;
  width: 3px;
  height: 3px;
  box-sizing: border-box;
  border: 8px solid transparent;
  border-left: 10px solid #dddad7;
  margin: auto;
  content: "";
  vertical-align: middle;
}

.ucc-m-chart-d__slider__area__wrapper {
  margin-top: 30px;
}

.ucc-m-chart-d__slider__area__wrapper__item {
  position: relative;
  width: 100%;
}

.ucc-m-chart-d__slider__area__wrapper__item__img {
  position: absolute;
  text-align: center;
  transform: translateY(-50%) translateX(-50%);
}

.ucc-m-chart-d__slider__area__wrapper__item__img span {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  margin: auto;
}

.ucc-m-chart-d__slider__area__wrapper__item__img span::after {
  position: absolute;
  z-index: -1;
  z-index: -30;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 70%;
  height: 0;
  box-sizing: border-box;
  padding-bottom: 70%;
  margin: auto;
  border-radius: 100%;
  box-shadow: 0 0 0 0 rgba(242, 242, 242, 0.8);
  content: "";
  opacity: 0;
}

.ucc-m-chart-d__slider__area__wrapper__item__img span img {
  z-index: 30;
  width: auto;
  height: 100%;
}

.ucc-m-chart-d__slider__area__wrapper__item__img:hover {
  opacity: 0.7;
}

.ucc-m-chart-d__slider__area__wrapper__item__img--gsp1 {
  top: 50%;
  left: 50%;
  width: 14.9333333333%;
  height: 17.2%;
}

.ucc-m-chart-d__slider__area__wrapper__item__img--gsp1 span::after {
  animation: animationgold 4s infinite;
  box-shadow: 0 0 0 0 rgba(247, 195, 95, 0.4);
}

.ucc-m-chart-d__slider__area__wrapper__item__img--gsp2 {
  top: 77%;
  left: 59%;
  width: 14.9333333333%;
  height: 17.2%;
}

.ucc-m-chart-d__slider__area__wrapper__item__img--gsp2 span::after {
  animation: animationgold 4s infinite;
  box-shadow: 0 0 0 0 rgba(247, 195, 95, 0.4);
}

.ucc-m-chart-d__slider__area__wrapper__item__img--meister1 {
  top: 40%;
  left: 60%;
  width: 13.7333333333%;
  height: 16%;
  transform: translateY(-50%) translateX(-50%);
}

.ucc-m-chart-d__slider__area__wrapper__item__img--meister1 span::after {
  animation: animationmeister 4s infinite;
  box-shadow: 0 0 0 0 rgba(45, 66, 28, 0.2);
}

.ucc-m-chart-d__slider__area__wrapper__item__img--meister2 {
  top: 69%;
  left: 35%;
  width: 13.7333333333%;
  height: 16%;
}

.ucc-m-chart-d__slider__area__wrapper__item__img--meister2 span::after {
  animation: animationmeister 4s infinite;
  box-shadow: 0 0 0 0 rgba(45, 66, 28, 0.2);
}

.ucc-m-chart-d__slider__area__wrapper__item__img--meister3 {
  top: 77%;
  left: 72%;
  width: 13.7333333333%;
  height: 16%;
}

.ucc-m-chart-d__slider__area__wrapper__item__img--meister3 span::after {
  animation: animationmeister 4s infinite;
  box-shadow: 0 0 0 0 rgba(45, 66, 28, 0.2);
}

.ucc-m-chart-d__slider__area__wrapper__item__img--decafe1 {
  top: 32%;
  left: 50%;
  width: 10%;
  height: 17.3333333333%;
  transform: translateY(-50%) translateX(-50%);
}

.ucc-m-chart-d__slider__area__wrapper__item__img--decafe1 span::after {
  animation: animationdecafe 4s infinite;
  box-shadow: 0 0 0 0 rgba(248, 125, 17, 0.3);
}

.ucc-m-chart-d__slider__area__wrapper__item__img--decafe2 {
  top: 65%;
  left: 50%;
  width: 10%;
  height: 17.3333333333%;
  transform: translateY(-50%) translateX(-50%);
}

.ucc-m-chart-d__slider__area__wrapper__item__img--decafe2 span::after {
  animation: animationdecafe 4s infinite;
  box-shadow: 0 0 0 0 rgba(248, 125, 17, 0.3);
}

.ucc-m-chart-d__slider__area__wrapper__item__img img {
  width: 100%;
  max-width: 112px;
  height: auto;
}

.ucc-m-chart-d__links__banner {
  margin-top: 30px;
}

.ucc-m-chart-d__links__banner__item {
  margin-bottom: 10px;
  text-align: center;
}

.ucc-m-chart-d__links__banner__item a {
  padding: 23px 12px;
  font-size: 15px;
  line-height: 1;
  text-align: left;
}

.ucc-m-chart-d__links__banner__item a.is-android {
  font-size: 14px;
}

.ucc-m-chart-d__links__banner__item a span {
  position: relative;
  z-index: 200;
  display: block;
  padding-right: 12px;
  padding-left: 45px;
}

.ucc-m-chart-d__links__banner__item a span::before {
  display: inline-block;
  content: " ";
  line-height: 1;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto 0;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}

.ucc-m-chart-d__links__banner__item a span::after {
  display: inline-block;
  content: " ";
  line-height: 1;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 12px;
  height: 12px;
  margin: auto 0;
  background-image: url("/dist/images/icn/circle-caret-right--white.svg");
}

.ucc-m-chart-d__links__banner__item:last-child {
  margin-bottom: 0;
}

.ucc-m-chart-d__links__banner__item--lineup a span::before {
  left: 3px;
  width: 31px;
  height: 31px;
  background-image: url("/dist/images/icn/icn-chart-map--lineup.svg");
}

.ucc-m-chart-d__links__banner__item--campaign a span::before {
  left: -2px;
  width: 40px;
  height: 40px;
  background-image: url("/dist/images/icn/icn-chart-map--campaign.svg");
}

.ucc-m-chart-d__links__banner__item--ieire a span::before {
  width: 40px;
  height: 37px;
  background-image: url("/dist/images/icn/icn-chart-map--ieire.svg");
}

.ucc-m-chart-d__links__welovecoffee {
  margin-top: 50px;
}

.ucc-m-chart-d__links__welovecoffee__title {
  padding: 0 20px;
  text-align: center;
}

.ucc-m-chart-d__links__welovecoffee__title img {
  max-width: 600px;
}

.ucc-m-chart-d__links__welovecoffee__title span {
  display: block;
  margin-top: 14px;
  font-size: 11px;
  text-align: center;
}

.ucc-m-chart-d__links__welovecoffee__articles {
  margin-top: 28px;
}

.ucc-m-chart-d__links__welovecoffee__articles li {
  border-top: 1px solid #eeeeee;
  counter-increment: title;
}

.ucc-m-chart-d__links__welovecoffee__articles li:last-child {
  border-bottom: 1px solid #eeeeee;
}

.ucc-m-chart-d__links__welovecoffee__articles li a {
  position: relative;
  padding: 15px 0;
  padding-right: 15px;
  padding-left: 60px;
  color: #333333;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.3em;
  text-decoration: none;
}

.ucc-m-chart-d__links__welovecoffee__articles li a.is-android {
  font-size: 14px;
}

.ucc-m-chart-d__links__welovecoffee__articles li a:hover {
  color: #e60012;
}

.ucc-m-chart-d__links__welovecoffee__articles li a::before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  display: block;
  height: 1em;
  margin: auto 0;
  content: "#" counter(title, decimal-leading-zero);
  font-size: 22px;
  letter-spacing: -0.01em;
  line-height: 1;
}

.ucc-m-chart-d__links__welovecoffee__articles li a::after {
  display: inline-block;
  content: " ";
  line-height: 1;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 15px;
  height: 15px;
  margin: auto 0;
  background-image: url("/dist/images/icn/circle-arrow-right-invert.svg");
}

@keyframes animationgold {
  0% {
    opacity: 0;
  }

  30% {
    opacity: 1;
  }

  60% {
    box-shadow: 0 0 0 20px rgba(247, 195, 95, 0.4);
    opacity: 0;
  }

  100% {
    box-shadow: 0 0 0 20px rgba(247, 195, 95, 0.4);
    opacity: 0;
  }
}

@keyframes animationmeister {
  0% {
    opacity: 0;
  }

  30% {
    opacity: 1;
  }

  60% {
    box-shadow: 0 0 0 20px rgba(45, 66, 28, 0.2);
    opacity: 0;
  }

  100% {
    box-shadow: 0 0 0 20px rgba(45, 66, 28, 0.2);
    opacity: 0;
  }
}

@keyframes animationdecafe {
  0% {
    opacity: 0;
  }

  30% {
    opacity: 1;
  }

  60% {
    box-shadow: 0 0 0 20px rgba(248, 125, 17, 0.3);
    opacity: 0;
  }

  100% {
    box-shadow: 0 0 0 20px rgba(248, 125, 17, 0.3);
    opacity: 0;
  }
}

.ucc-m-chart-rc {
  padding-top: 20px;
  padding-right: 10px;
  padding-bottom: 20px;
  padding-left: 10px;
}

.ucc-m-chart-rc a {
  display: block;
  cursor: pointer;
}

.ucc-m-chart-rc img {
  display: inline-block;
  width: 100%;
}

.ucc-m-chart-rc__slider__pager {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.ucc-m-chart-rc__slider__pager__item {
  position: relative;
  display: block;
  width: 32%;
}

.ucc-m-chart-rc__slider__pager__item span.j-slide-page-current {
  position: absolute;
  right: 0;
  left: 0;
  display: block;
  display: block;
  width: 0;
  height: 0;
  margin: 0 auto;
  content: "";
}

.ucc-m-chart-rc__slider__pager__item img {
  display: block;
  width: 100%;
}

.ucc-m-chart-rc__slider__pager__item--01 span.j-slide-page-current {
  border-color: #f7c35f transparent transparent transparent;
}

.ucc-m-chart-rc__slider__pager__item--02 span.j-slide-page-current {
  border-color: #2d421c transparent transparent transparent;
}

.ucc-m-chart-rc__slider__pager__item--03 span.j-slide-page-current {
  border-color: #f87d11 transparent transparent transparent;
}

.ucc-m-chart-rc__slider__area__prev {
  top: 62%;
  left: 8%;
  display: none;
  background-image: none;
}

.ucc-m-chart-rc__slider__area__prev::before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 26px;
  height: 26px;
  margin: auto;
  background: #fff;
  border-radius: 50%;
  box-shadow: 0 0 10px #777;
  content: "";
  vertical-align: middle;
}

.ucc-m-chart-rc__slider__area__prev::after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  left: -2px;
  width: 3px;
  height: 3px;
  box-sizing: border-box;
  border: 8px solid transparent;
  border-right: 10px solid #dddad7;
  margin: auto;
  content: "";
  vertical-align: middle;
}

.ucc-m-chart-rc__slider__area__next {
  top: 62%;
  right: 7%;
  display: none;
  background-image: none;
}

.ucc-m-chart-rc__slider__area__next::before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 26px;
  height: 26px;
  margin: auto;
  background: #fff;
  border-radius: 50%;
  box-shadow: 0 0 10px #777;
  content: "";
  vertical-align: middle;
}

.ucc-m-chart-rc__slider__area__next::after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  left: 9px;
  width: 3px;
  height: 3px;
  box-sizing: border-box;
  border: 8px solid transparent;
  border-left: 10px solid #dddad7;
  margin: auto;
  content: "";
  vertical-align: middle;
}

.ucc-m-chart-rc__slider__area__wrapper {
  margin-top: 30px;
}

.ucc-m-chart-rc__slider__area__wrapper__item {
  position: relative;
  width: 100%;
}

.ucc-m-chart-rc__slider__area__wrapper__item__img {
  position: absolute;
  text-align: center;
  transform: translateY(-50%) translateX(-50%);
}

.ucc-m-chart-rc__slider__area__wrapper__item__img span {
  position: absolute;
  z-index: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  margin: auto;
}

.ucc-m-chart-rc__slider__area__wrapper__item__img span::after {
  position: absolute;
  z-index: -30;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 70%;
  height: 0;
  box-sizing: border-box;
  padding-bottom: 70%;
  margin: auto;
  border-radius: 100%;
  content: "";
  opacity: 0;
}

.ucc-m-chart-rc__slider__area__wrapper__item__img span img {
  z-index: 30;
  width: auto;
  height: 100%;
}

.ucc-m-chart-rc__slider__area__wrapper__item__img:hover {
  opacity: 0.7;
}

.ucc-m-chart-rc__slider__area__wrapper__item__img--gsp1 {
  top: 50%;
  left: 50%;
  width: 10.8%;
  height: 17.3333333333%;
}

.ucc-m-chart-rc__slider__area__wrapper__item__img--gsp1 span::after {
  animation: animationgold 4s infinite;
  box-shadow: 0 0 0 0 rgba(247, 195, 95, 0.4);
}

.ucc-m-chart-rc__slider__area__wrapper__item__img--gsp2 {
  top: 77%;
  left: 57%;
  width: 10.8%;
  height: 17.3333333333%;
}

.ucc-m-chart-rc__slider__area__wrapper__item__img--gsp2 span::after {
  animation: animationgold 4s infinite;
  box-shadow: 0 0 0 0 rgba(247, 195, 95, 0.4);
}

.ucc-m-chart-rc__slider__area__wrapper__item__img--gsp3 {
  top: 30%;
  left: 34%;
  width: 10.8%;
  height: 17.3333333333%;
}

.ucc-m-chart-rc__slider__area__wrapper__item__img--gsp3 span::after {
  animation: animationgold 4s infinite;
  box-shadow: 0 0 0 0 rgba(247, 195, 95, 0.4);
}

.ucc-m-chart-rc__slider__area__wrapper__item__img--gsp4 {
  top: 36%;
  left: 21.5%;
  width: 10.8%;
  height: 17.3333333333%;
}

.ucc-m-chart-rc__slider__area__wrapper__item__img--gsp4 span::after {
  animation: animationgold 4s infinite;
  box-shadow: 0 0 0 0 rgba(247, 195, 95, 0.4);
}

.ucc-m-chart-rc__slider__area__wrapper__item__img--meister1 {
  top: 38%;
  left: 59%;
  width: 11.4666666667%;
  height: 17.3333333333%;
}

.ucc-m-chart-rc__slider__area__wrapper__item__img--meister1 span::after {
  animation: animationmeister 4s infinite;
  box-shadow: 0 0 0 0 rgba(45, 66, 28, 0.2);
}

.ucc-m-chart-rc__slider__area__wrapper__item__img--meister2 {
  top: 68%;
  left: 35%;
  width: 11.4666666667%;
  height: 17.3333333333%;
}

.ucc-m-chart-rc__slider__area__wrapper__item__img--meister2 span::after {
  animation: animationmeister 4s infinite;
  box-shadow: 0 0 0 0 rgba(45, 66, 28, 0.2);
}

.ucc-m-chart-rc__slider__area__wrapper__item__img--meister3 {
  top: 76%;
  left: 72%;
  width: 11.4666666667%;
  height: 17.3333333333%;
}

.ucc-m-chart-rc__slider__area__wrapper__item__img--meister3 span::after {
  animation: animationmeister 4s infinite;
  box-shadow: 0 0 0 0 rgba(45, 66, 28, 0.2);
}

.ucc-m-chart-rc__slider__area__wrapper__item__img--decafe1 {
  top: 32%;
  left: 50%;
  width: 10%;
  height: 17.3333333333%;
}

.ucc-m-chart-rc__slider__area__wrapper__item__img--decafe1 span::after {
  animation: animationdecafe 4s infinite;
  box-shadow: 0 0 0 0 rgba(248, 125, 17, 0.3);
}

.ucc-m-chart-rc__slider__area__wrapper__item__img img {
  width: 100%;
  max-width: 112px;
  height: auto;
}

.ucc-m-chart-rc__links__banner {
  margin-top: 30px;
}

.ucc-m-chart-rc__links__banner__item {
  margin-bottom: 10px;
  text-align: center;
}

.ucc-m-chart-rc__links__banner__item a {
  padding: 23px 12px;
  font-size: 15px;
  line-height: 1;
  text-align: left;
}

.ucc-m-chart-rc__links__banner__item a.is-android {
  font-size: 14px;
}

.ucc-m-chart-rc__links__banner__item a span {
  position: relative;
  z-index: 200;
  display: block;
  padding-right: 12px;
  padding-left: 45px;
}

.ucc-m-chart-rc__links__banner__item a span::before {
  display: inline-block;
  content: " ";
  line-height: 1;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto 0;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}

.ucc-m-chart-rc__links__banner__item a span::after {
  display: inline-block;
  content: " ";
  line-height: 1;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 12px;
  height: 12px;
  margin: auto 0;
  background-image: url("/dist/images/icn/circle-caret-right--white.svg");
}

.ucc-m-chart-rc__links__banner__item:last-child {
  margin-bottom: 0;
}

.ucc-m-chart-rc__links__banner__item--lineup a span::before {
  left: 3px;
  width: 31px;
  height: 31px;
  background-image: url("/dist/images/icn/icn-chart-map--lineup.svg");
}

.ucc-m-chart-rc__links__banner__item--campaign a span::before {
  left: -2px;
  width: 40px;
  height: 40px;
  background-image: url("/dist/images/icn/icn-chart-map--campaign.svg");
}

.ucc-m-chart-rc__links__banner__item--ieire a span::before {
  width: 40px;
  height: 37px;
  background-image: url("/dist/images/icn/icn-chart-map--ieire.svg");
}

.ucc-m-chart-rc__links__welovecoffee {
  margin-top: 50px;
}

.ucc-m-chart-rc__links__welovecoffee__title {
  padding: 0 20px;
  text-align: center;
}

.ucc-m-chart-rc__links__welovecoffee__title img {
  max-width: 600px;
}

.ucc-m-chart-rc__links__welovecoffee__title span {
  display: block;
  margin-top: 14px;
  font-size: 11px;
  text-align: center;
}

.ucc-m-chart-rc__links__welovecoffee__articles {
  margin-top: 28px;
}

.ucc-m-chart-rc__links__welovecoffee__articles li {
  border-top: 1px solid #eeeeee;
  counter-increment: title;
}

.ucc-m-chart-rc__links__welovecoffee__articles li:last-child {
  border-bottom: 1px solid #eeeeee;
}

.ucc-m-chart-rc__links__welovecoffee__articles li a {
  position: relative;
  padding: 15px 0;
  padding-right: 15px;
  padding-left: 60px;
  color: #333333;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.3em;
  text-decoration: none;
}

.ucc-m-chart-rc__links__welovecoffee__articles li a.is-android {
  font-size: 14px;
}

.ucc-m-chart-rc__links__welovecoffee__articles li a:hover {
  color: #e60012;
}

.ucc-m-chart-rc__links__welovecoffee__articles li a::before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  display: block;
  height: 1em;
  margin: auto 0;
  content: "#" counter(title, decimal-leading-zero);
  font-size: 22px;
  letter-spacing: -0.01em;
  line-height: 1;
}

.ucc-m-chart-rc__links__welovecoffee__articles li a::after {
  display: inline-block;
  content: " ";
  line-height: 1;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 15px;
  height: 15px;
  margin: auto 0;
  background-image: url("/dist/images/icn/circle-arrow-right-invert.svg");
}

@keyframes animationgold {
  0% {
    opacity: 0;
  }

  30% {
    opacity: 1;
  }

  60% {
    box-shadow: 0 0 0 20px rgba(247, 195, 95, 0.4);
    opacity: 0;
  }

  100% {
    box-shadow: 0 0 0 20px rgba(247, 195, 95, 0.4);
    opacity: 0;
  }
}

@keyframes animationmeister {
  0% {
    opacity: 0;
  }

  30% {
    opacity: 1;
  }

  60% {
    box-shadow: 0 0 0 20px rgba(45, 66, 28, 0.2);
    opacity: 0;
  }

  100% {
    box-shadow: 0 0 0 20px rgba(45, 66, 28, 0.2);
    opacity: 0;
  }
}

@keyframes animationdecafe {
  0% {
    opacity: 0;
  }

  30% {
    opacity: 1;
  }

  60% {
    box-shadow: 0 0 0 20px rgba(248, 125, 17, 0.3);
    opacity: 0;
  }

  100% {
    box-shadow: 0 0 0 20px rgba(248, 125, 17, 0.3);
    opacity: 0;
  }
}

.ucc-m-checkboxes__list {
  margin-top: -5px;
  margin-bottom: -5px;
  margin-left: -10px;
}

.ucc-m-checkboxes__item {
  display: inline-block;
  margin: 5px 10px;
  font-size: 14px;
}

.ucc-m-chlorogenic {
  max-width: 920px;
  padding: 50px 80px;
  margin: 0 auto;
  background-color: #f7f7f7;
}

.ucc-m-chlorogenic__box {
  margin-bottom: 40px;
}

.ucc-m-chlorogenic__box:last-child {
  margin-bottom: 0;
}

.ucc-m-chlorogenic__box__title {
  font-weight: bold;
}

.ucc-m-chlorogenic__box__txt {
  margin-top: 0.5em;
  font-size: 18px;
}

.ucc-m-chronology {
  position: relative;
}

.ucc-m-chronology__header {
  position: absolute;
  top: 0;
  left: 0;
  width: 85px;
  height: 100%;
  border-right: 2px #eeeeee solid;
}

.ucc-m-chronology__header::after {
  position: absolute;
  top: 35px;
  right: -6px;
  display: block;
  width: 10px;
  height: 10px;
  background: #e60012;
  border-radius: 5px;
  content: "";
}

.ucc-m-chronology__body {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 20px 0;
  border-bottom: 1px #c9c9c9 dotted;
  margin: 0 0 0 115px;
}

.ucc-m-chronology__year {
  margin-top: 25px;
  font-family: "Noto Sans Japanese", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  font-size: 20px;
}

.ucc-m-chronology__list {
  -ms-flex: 1;
  flex: 1;
  padding: 0 0 0 20px;
}

.ucc-m-chronology__item {
  margin: 5px 0;
  font-family: "Noto Sans Japanese", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  font-size: 15px;
  line-height: 1.75;
  list-style: disc;
  vertical-align: middle;
}

.ucc-m-chronology__fig {
  margin: 0 0 0 30px;
}

.ucc-m-chronology__caption {
  margin: 5px 0 0 0;
  font-family: "Noto Sans Japanese", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  font-size: 13px;
}

.ucc-m-chronology--start .ucc-m-chronology__body {
  padding-top: 0;
}

.ucc-m-chronology--start .ucc-m-chronology__header::after {
  top: 0;
}

.ucc-m-chronology--start .ucc-m-chronology__year {
  margin-top: -10px;
}

.ucc-m-chronology--start .ucc-m-chronology__list {
  margin-top: -12px;
}

.ucc-m-chronology--end {
  padding-bottom: 115px;
}

.ucc-m-chronology--end::after {
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: 83px;
  width: 2px;
  height: 60px;
  background: url(/dist/images/img/img-company-history-end.png) 0 100% no-repeat;
  background-size: 2px 60px;
  content: "";
}

.ucc-m-cm-list__pages {
  margin-top: 20px;
}

.ucc-m-cm__movie {
  position: relative;
}

.ucc-m-cm__movie__wrap {
  position: relative;
}

.ucc-m-cm__movie__wrap::before {
  display: block;
  padding-top: 56.25%;
  content: "";
}

.ucc-m-cm__movie__main,
.ucc-m-cm__movie iframe {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.ucc-m-cm__caption {
  position: relative;
}

.ucc-m-cm__h {
  color: #e60012;
  font-size: 18px;
  font-weight: 600;
}

.ucc-m-cm__lead {
  margin-top: 20px;
  font-size: 16px;
  line-height: 2.375;
}

.ucc-m-cm__btns {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 22px;
}

.ucc-m-company-affiliates {
  display: -ms-flexbox;
  display: flex;
  border: 4px #eeeeee solid;
  margin-top: 80px;
}

.ucc-m-company-affiliates__header {
  display: -ms-flexbox;
  display: flex;
  width: 185px;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-right: 1px #d2d2d2 solid;
  margin: 10px 0;
}

.ucc-m-company-affiliates__h {
  padding: 5px 0;
  font-family: "Noto Sans Japanese", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  font-size: 15px;
  text-align: center;
}

.ucc-m-company-affiliates__body {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1;
  flex: 1;
  -ms-flex-align: center;
  align-items: center;
  padding: 15px 0 15px 60px;
  padding-left: 60px;
}

.ucc-m-company-affiliates__list {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
}

.ucc-m-company-affiliates__item {
  width: 45%;
  margin: 2px 5% 2px 0;
}

.ucc-m-company-affiliates__item > a,
.ucc-m-company-affiliates__item > span {
  color: #000;
  font-family: "Noto Sans Japanese", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  font-size: 15px;
  text-decoration: none;
}

html.no-touch .ucc-m-company-affiliates__item > a {
  transition-property: color;
  transition-duration: 0.4s;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}

html.no-touch .ucc-m-company-affiliates__item > a:hover {
  color: #e60012;
}

.ucc-m-company-affiliates__blank::after {
  display: inline-block;
  content: "\e000";
  font-family: "ucc";
  font-size: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  line-height: 1;
  text-rendering: auto;
  position: relative;
  top: -1px;
  margin: 0 0 0 10px;
  color: #e60012;
  font-size: 12px;
}

.ucc-m-company-btn a,
.ucc-m-company-btn--small a {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  height: 50px;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: 1px #d2d2d2 solid;
  border-radius: 25px;
  color: #333333;
  font-family: "Noto Sans Japanese", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  font-size: 15px;
  text-decoration: none;
}

.ucc-m-company-btn a > span,
.ucc-m-company-btn--small a > span {
  z-index: 2;
  display: block;
}

.ucc-m-company-btn a > span::after,
.ucc-m-company-btn--small a > span::after {
  display: inline-block;
  content: "\e01a";
  font-family: "ucc";
  font-size: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  line-height: 1;
  text-rendering: auto;
  position: absolute;
  top: 50%;
  right: 20px;
  color: #e60012;
  font-size: 12px;
  transform: translateY(-50%);
}

html.no-touch .ucc-m-company-btn a,
html.no-touch .ucc-m-company-btn--small a {
  transition-property: border-color;
  transition-duration: 0.25s;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}

html.no-touch .ucc-m-company-btn a:before,
html.no-touch .ucc-m-company-btn--small a:before {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 0;
  height: 100%;
  content: "";
  transition-duration: 0.25s;
  transition-property: width;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  background-color: #b3000e;
}

html.no-touch .ucc-m-company-btn a:hover,
html.no-touch .ucc-m-company-btn--small a:hover {
  border-color: #e60012;
  color: #ffffff;
}

html.no-touch .ucc-m-company-btn a:hover:before,
html.no-touch .ucc-m-company-btn--small a:hover:before {
  right: auto;
  right: initial;
  left: 0;
  width: 100%;
}

html.no-touch .ucc-m-company-btn a:before,
html.no-touch .ucc-m-company-btn--small a:before {
  background-color: #e60012;
}

html.no-touch .ucc-m-company-btn a:hover,
html.no-touch .ucc-m-company-btn--small a:hover {
  color: #ffffff !important;
}

html.no-touch .ucc-m-company-btn a:hover > span:after,
html.no-touch .ucc-m-company-btn--small a:hover > span:after {
  color: #ffffff;
}

.ucc-m-company-btn--blank a > span::after {
  display: inline-block;
  content: "\e000";
  font-family: "ucc";
  font-size: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  line-height: 1;
  text-rendering: auto;
  position: absolute;
  top: 50%;
  right: 20px;
  color: #e60012;
  font-size: 12px;
  transform: translateY(-50%);
}

.ucc-m-company-btn--small {
  width: 90%;
  margin: 0 auto;
}

.ucc-m-company-btn--small a {
  box-sizing: border-box;
  padding: 0 40px 0 20px;
  line-height: 1.2;
  text-align: center;
}

.ucc-m-company-btn--white a {
  background-color: #ffffff;
}

.ucc-m-company-business-network__sec {
  margin-bottom: 110px;
}

.ucc-m-company-business-network__sec:last-child {
  margin-bottom: 0;
}

.ucc-m-company-business-network__h {
  font-family: "Noto Sans Japanese", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  font-size: 20px;
  text-align: center;
}

.ucc-m-company-business-network__h + .ucc-m-company-text,
.ucc-m-company-business-network__h + .ucc-m-company-text--last {
  margin-top: 10px;
}

.ucc-m-company-business-support__fig {
  margin-top: 75px;
}

.ucc-m-company-coffeebusiness-estates__sec {
  width: 48%;
  margin: 0 0 0 2%;
  float: left;
}

.ucc-m-company-coffeebusiness-estates__sec__photo {
  margin-bottom: 35px;
}

.ucc-m-company-coffeebusiness-estates__h {
  font-family: "Noto Sans Japanese", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  font-size: 30px;
  text-align: center;
}

.ucc-m-company-coffeebusiness-estates__wrap {
  overflow: hidden;
  margin: 0 0 95px -2%;
}

.ucc-m-company-coffeebusiness-estates__research {
  overflow: hidden;
}

.ucc-m-company-coffeebusiness-estates__research__h {
  font-family: "Noto Sans Japanese", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  font-size: 30px;
}

.ucc-m-company-coffeebusiness-estates__research__photo {
  width: 48%;
  float: left;
}

.ucc-m-company-coffeebusiness-estates__research__body {
  width: 48%;
  float: right;
}

.ucc-m-company-coffeebusiness-fig-block,
.ucc-m-company-coffeebusiness-fig-block--50,
.ucc-m-company-coffeebusiness-fig-block--reverse {
  overflow: hidden;
  margin-top: 60px;
}

.ucc-m-company-coffeebusiness-fig-block--reverse .ucc-m-company-coffeebusiness-fig-block__body {
  padding-right: 0;
  padding-left: 50px;
  float: right;
}

.ucc-m-company-coffeebusiness-fig-block--reverse .ucc-m-company-coffeebusiness-fig-block__photo,
.ucc-m-company-coffeebusiness-fig-block--reverse .ucc-m-company-coffeebusiness-fig-block__photo--one-third,
.ucc-m-company-coffeebusiness-fig-block--reverse .ucc-m-company-coffeebusiness-fig-block__photo--half {
  float: left;
}

.ucc-m-company-coffeebusiness-fig-block--50 {
  margin-top: 100px;
}

.ucc-m-company-coffeebusiness-fig-block--50:first-child {
  margin-top: 60px;
}

.ucc-m-company-coffeebusiness-fig-block--50 .ucc-m-company-coffeebusiness-fig-block__body,
.ucc-m-company-coffeebusiness-fig-block--50 .ucc-m-company-coffeebusiness-fig-block__photo,
.ucc-m-company-coffeebusiness-fig-block--50 .ucc-m-company-coffeebusiness-fig-block__photo--one-third,
.ucc-m-company-coffeebusiness-fig-block--50 .ucc-m-company-coffeebusiness-fig-block__photo--half {
  width: 49%;
  padding: 0;
}

.ucc-m-company-coffeebusiness-fig-block--50 .ucc-m-company-coffeebusiness-fig-block__h {
  margin-top: 0;
  text-align: left;
}

.ucc-m-company-coffeebusiness-fig-block__h {
  margin-bottom: 15px;
  font-family: "Noto Sans Japanese", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  font-size: 30px;
}

.ucc-m-company-coffeebusiness-fig-block__body {
  width: 45%;
  box-sizing: border-box;
  padding-right: 50px;
  float: left;
}

.ucc-m-company-coffeebusiness-fig-block__photo,
.ucc-m-company-coffeebusiness-fig-block__photo--one-third,
.ucc-m-company-coffeebusiness-fig-block__photo--half {
  width: 55%;
  float: right;
}

.ucc-m-company-coffeebusiness-fig-block__photo--half {
  overflow: hidden;
  margin: 0 0 0 -1%;
}

.ucc-m-company-coffeebusiness-fig-block__photo--one-third {
  overflow: hidden;
  margin: 0 0 0 -0.5%;
}

.ucc-m-company-coffeebusiness-fig-block__photo--one-third .ucc-m-company-coffeebusiness-fig-block__photo,
.ucc-m-company-coffeebusiness-fig-block__photo--one-third .ucc-m-company-coffeebusiness-fig-block__photo--half,
.ucc-m-company-coffeebusiness-fig-block__photo--one-third .ucc-m-company-coffeebusiness-fig-block__photo--one-third {
  width: auto;
  margin: 0 0 5px 1%;
}

.ucc-m-company-coffeebusiness-fig-block__photo-half {
  width: 49%;
  margin: 0 0 0 1%;
  float: left;
}

.ucc-m-company-coffeebusiness-fig-block__photo-half figcaption {
  margin-top: 5px;
  font-family: "Noto Sans Japanese", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  font-size: 12px;
}

.ucc-m-company-coffeebusiness-product__sec {
  overflow: hidden;
  margin-top: 60px;
}

.ucc-m-company-coffeebusiness-product__body {
  width: 64.1666666667%;
  float: left;
}

.ucc-m-company-coffeebusiness-product__photo {
  width: 33.3333333333%;
  box-sizing: border-box;
  float: right;
}

.ucc-m-company-coffeebusiness-product__fig figcaption {
  margin-top: 10px;
  font-family: "Noto Sans Japanese", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  font-size: 12px;
  text-align: center;
}

.ucc-m-company-coffeebusiness-product__h {
  margin-bottom: 30px;
  font-family: "Noto Sans Japanese", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  font-size: 30px;
}

.ucc-m-company-coffeebusiness-product__text,
.ucc-m-company-coffeebusiness-product__text--small {
  margin-top: 25px;
  font-family: "Noto Sans Japanese", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  font-size: 13px;
  line-height: 1.75;
}

.ucc-m-company-coffeebusiness-product__text--small {
  font-size: 12px;
}

.ucc-m-company-coffeebusiness-quality__body {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.ucc-m-company-coffeebusiness-quality__content {
  -ms-flex: 1;
  flex: 1;
  margin: 0 35px 0 0;
}

.ucc-m-company-coffeebusiness-quality__photo {
  width: 35%;
}

.ucc-m-company-coffeebusiness-quality__desc,
.ucc-m-company-coffeebusiness-quality__desc--last {
  margin: 30px 0;
  font-family: "Noto Sans Japanese", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  font-size: 15px;
  line-height: 1.75;
}

.ucc-m-company-coffeebusiness-quality__desc--last {
  margin-top: 70px;
}

.ucc-m-company-coffeebusiness-quality__figs {
  overflow: hidden;
  margin-top: 50px;
}

.ucc-m-company-coffeebusiness-quality__fig,
.ucc-m-company-coffeebusiness-quality__fig--half {
  width: 55.2%;
  float: left;
}

.ucc-m-company-coffeebusiness-quality__fig figcaption,
.ucc-m-company-coffeebusiness-quality__fig--half figcaption {
  margin-top: 10px;
  font-family: "Noto Sans Japanese", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  font-size: 13px;
  text-align: center;
}

.ucc-m-company-coffeebusiness-quality__fig--half {
  width: 22%;
  box-sizing: border-box;
  padding-left: 10px;
}

.ucc-m-company-coffeebusiness-technology__figs {
  overflow: hidden;
  margin: 0 0 0 -2%;
}

.ucc-m-company-coffeebusiness-technology__fig {
  width: 23%;
  margin: 0 0 0 2%;
  float: left;
}

.ucc-m-company-coffeebusiness-technology__fig figcaption {
  margin-top: 15px;
  font-family: "Noto Sans Japanese", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  font-size: 13px;
}

.ucc-m-company-coffeebusiness-technology__sec {
  margin-top: 90px;
  margin-bottom: -50px;
}

.ucc-m-company-coffeebusiness-technology__sec__h {
  margin-bottom: 20px;
  font-family: "Noto Sans Japanese", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  font-size: 30px;
  text-align: center;
}

.ucc-m-company-coffeebusiness-technology__sec__text {
  margin-bottom: 55px;
  font-family: "Noto Sans Japanese", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  font-size: 15px;
  text-align: center;
}

.ucc-m-company-coffeebusiness-technology__sec__figs {
  overflow: hidden;
  margin: 0 0 0 -2%;
}

.ucc-m-company-coffeebusiness-technology__sec__fig {
  width: 48%;
  margin: 0 0 50px 2%;
  float: left;
}

.ucc-m-company-coffeebusiness-technology__sec__fig:nth-child(2n+1) {
  clear: both;
}

.ucc-m-company-coffeebusiness-technology__sec__fig__h {
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: "Noto Sans Japanese", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  font-size: 20px;
  text-align: center;
}

.ucc-m-company-coffeebusiness-technology__sec__fig__text {
  font-family: "Noto Sans Japanese", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  font-size: 13px;
  line-height: 1.75;
}

.ucc-m-company-coffeebusiness-technology__pro {
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: -55px;
}

.ucc-m-company-coffeebusiness-technology__pro:after {
  display: block;
  width: 31.5%;
  content: " ";
}

.ucc-m-company-coffeebusiness-technology__pro__sec {
  width: 31.5%;
  padding-bottom: 30px;
  border-bottom: 1px #d2d2d2 solid;
  margin-bottom: 55px;
}

.ucc-m-company-coffeebusiness-technology__pro__h {
  margin-bottom: 5px;
  color: #e60012;
  font-family: "Raleway", Noto Sans Japanese, 游ゴシック, YuGothic, ヒラギノ角ゴ Pro, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, sans-serif;
  font-size: 20px;
}

.ucc-m-company-coffeebusiness-technology__pro__text {
  margin-bottom: 15px;
  font-family: "Noto Sans Japanese", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  font-size: 11px;
}

.ucc-m-company-coffeebusiness-technology__pro__caption {
  margin-top: 20px;
  font-family: "Noto Sans Japanese", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  font-size: 12px;
}

.ucc-m-company-coffeebusiness-technology__pro__name {
  font-family: "Noto Sans Japanese", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  font-size: 20px;
}

.ucc-m-company-coffeebusiness-technology__pro__ruby {
  font-size: 12px;
}

.ucc-m-company-coffeebusiness-visual {
  position: relative;
  margin-bottom: 25px;
}

.ucc-m-company-coffeebusiness-visual__h {
  position: absolute;
  top: 50%;
  left: 50%;
  color: #fff;
  font-family: "Noto Sans Japanese", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  font-size: 30px;
  font-weight: normal;
  text-align: center;
  transform: translate(-50%, -50%);
  white-space: nowrap;
}

.ucc-m-company-coffeebusiness-visual__text {
  margin-bottom: 80px;
  font-family: "Noto Sans Japanese", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  font-size: 15px;
  line-height: 1.75;
}

.ucc-m-company-figs--half {
  overflow: hidden;
  margin: 0 0 -20px -2%;
}

.ucc-m-company-figs--half .ucc-m-company-fig {
  width: 48%;
  margin: 40px 0 20px 2%;
  float: left;
}

.ucc-m-company-figs--quarter {
  overflow: hidden;
  margin: 0 0 -20px -1%;
}

.ucc-m-company-figs--quarter .ucc-m-company-fig {
  width: 24%;
  margin: 40px 0 20px 1%;
  float: left;
}

.ucc-m-company-figs--5 {
  overflow: hidden;
  margin: 0 0 -20px -1%;
}

.ucc-m-company-figs--5 .ucc-m-company-fig {
  width: 19%;
  margin: 40px 0 20px 1%;
  float: left;
}

.ucc-m-company-fig figcaption {
  margin-top: 15px;
  font-family: "Noto Sans Japanese", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  font-size: 15px;
  line-height: 1.75;
  text-align: center;
}

.ucc-m-company-fig__strong {
  font-weight: bold;
}

.ucc-m-company-fig__small {
  font-family: "Noto Sans Japanese", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  font-size: 12px;
}

.ucc-m-company-h {
  margin-bottom: 10px;
  color: #e60012;
  font-size: 50px;
  line-height: 1;
}

.ucc-m-company-h--coffeebusiness {
  margin-bottom: 10px;
  color: #e60012;
  font-size: 50px;
  line-height: 1;
}

.ucc-m-company-home__gcs__visual {
  position: relative;
}

.ucc-m-company-home__gcs__visual:after {
  display: block;
  padding-top: 36.6032210835%;
  content: "";
}

.ucc-m-company-home__gcs__visual__inner {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  width: 100%;
  height: 100%;
}

.ucc-m-company-home__gcs__visual__inner .ucc-m-bg-movie {
  width: 100%;
  height: 100%;
}

.ucc-m-company-home-figs {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.ucc-m-company-home-figs--half {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: -25px;
}

.ucc-m-company-home-figs--half .ucc-m-company-home-fig {
  width: 48.5%;
  margin-bottom: 25px;
}

.ucc-m-company-home-figs--4 .ucc-m-company-home-fig {
  width: 23.25%;
}

.ucc-m-company-home-fig {
  position: relative;
  width: 31%;
}

.ucc-m-company-home-fig a {
  text-decoration: none;
}

.ucc-m-company-home-fig a figure {
  position: relative;
}

.ucc-m-company-home-fig a figure img {
  display: block;
}

html.no-touch .ucc-m-company-home-fig a .ucc-m-company-home-fig__text {
  transition-duration: 0.4s;
  transition-property: color;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}

html.no-touch .ucc-m-company-home-fig a:hover .ucc-m-company-home-fig__text {
  color: #e60012;
}

html.no-touch .ucc-m-company-home-fig a figure {
  overflow: hidden;
}

html.no-touch .ucc-m-company-home-fig a figure:after {
  position: absolute;
  top: -1px;
  left: -1px;
  display: block;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  border: 0 solid #e60012;
  content: "";
  transition-duration: 0.45s;
  transition-property: border-width;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

html.no-touch .ucc-m-company-home-fig a figure img {
  transition-duration: 0.45s;
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

html.no-touch .ucc-m-company-home-fig a:hover figure:after {
  border-width: 5px;
}

html.no-touch .ucc-m-company-home-fig a:hover figure img {
  transform: scale(0.99);
}

.ucc-m-company-home-fig__text {
  margin-top: 10px;
  color: #333333;
  font-size: 16px;
  text-align: center;
}

.ucc-m-company-home-fig__text::after {
  display: inline-block;
  content: "\e007";
  font-family: "ucc";
  font-size: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  line-height: 1;
  text-rendering: auto;
  position: relative;
  top: -1px;
  margin-left: 10px;
  color: #e60012;
  font-size: 15px;
  vertical-align: middle;
}

.ucc-m-company-localnav {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 45px;
}

.ucc-m-company-localnav__item,
.ucc-m-company-localnav__item--current {
  width: 16%;
}

.ucc-m-company-localnav__item__content {
  position: relative;
  display: inline-block;
  -ms-flex: 1;
  flex: 1;
}

.ucc-m-company-localnav__item a,
.ucc-m-company-localnav__item--current a {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  box-sizing: border-box;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 20px 10px;
  border: 1px #dcdcdc solid;
  color: #333333;
  font-family: "Noto Sans Japanese", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  font-size: 14px;
  line-height: 1.75;
  text-align: center;
  text-decoration: none;
}

.ucc-m-company-localnav__item a::before,
.ucc-m-company-localnav__item--current a::before {
  position: absolute;
  right: -1px;
  bottom: -1px;
  left: -1px;
  display: block;
  height: 0;
  background: #e60012;
  content: "";
}

html.no-touch .ucc-m-company-localnav__item a .ucc-m-company-localnav__item__content,
html.no-touch .ucc-m-company-localnav__item--current a .ucc-m-company-localnav__item__content {
  transition-duration: 0.4s;
  transition-property: color;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}

html.no-touch .ucc-m-company-localnav__item a:hover .ucc-m-company-localnav__item__content,
html.no-touch .ucc-m-company-localnav__item--current a:hover .ucc-m-company-localnav__item__content {
  color: #e60012;
}

html.no-touch .ucc-m-company-localnav__item a:before,
html.no-touch .ucc-m-company-localnav__item--current a:before {
  transition-duration: 0.4s;
  transition-property: height;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

html.no-touch .ucc-m-company-localnav__item a:hover:before,
html.no-touch .ucc-m-company-localnav__item--current a:hover:before {
  height: 4px;
}

.ucc-m-company-localnav__item--current a {
  position: relative;
  color: #e60012;
}

.ucc-m-company-localnav__item--current a:before {
  height: 4px;
}

.ucc-m-company-localnav__item--current a::after {
  position: absolute;
  top: 100%;
  left: 50%;
  display: block;
  width: 0;
  height: 0;
  border-top: 11px #e60012 solid;
  border-right: 11px transparent solid;
  border-bottom: 11px transparent solid;
  border-left: 11px transparent solid;
  content: "";
  transform: translateX(-50%);
}

.ucc-m-company-outline-color__list,
.ucc-m-company-outline-color__list--full {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 0 0 110px;
}

.ucc-m-company-outline-color__list--full {
  padding: 10px 20px;
  margin: 0;
  background: #f7f7f7;
}

.ucc-m-company-outline-color__list--full .ucc-m-company-outline-color__item,
.ucc-m-company-outline-color__list--full .ucc-m-company-outline-color__item--01,
.ucc-m-company-outline-color__list--full .ucc-m-company-outline-color__item--02,
.ucc-m-company-outline-color__list--full .ucc-m-company-outline-color__item--03,
.ucc-m-company-outline-color__list--full .ucc-m-company-outline-color__item--04,
.ucc-m-company-outline-color__list--full .ucc-m-company-outline-color__item--05,
.ucc-m-company-outline-color__list--full .ucc-m-company-outline-color__item--06,
.ucc-m-company-outline-color__list--full .ucc-m-company-outline-color__item--07,
.ucc-m-company-outline-color__list--full .ucc-m-company-outline-color__item--08,
.ucc-m-company-outline-color__list--full .ucc-m-company-outline-color__item--09 {
  width: auto;
  height: auto;
  padding: 0 0 0 22px;
  margin: 10px 25px 10px 0;
  font-size: 15px;
  text-indent: 0;
}

.ucc-m-company-outline-color__item,
.ucc-m-company-outline-color__item--01,
.ucc-m-company-outline-color__item--02,
.ucc-m-company-outline-color__item--03,
.ucc-m-company-outline-color__item--04,
.ucc-m-company-outline-color__item--05,
.ucc-m-company-outline-color__item--06,
.ucc-m-company-outline-color__item--07,
.ucc-m-company-outline-color__item--08,
.ucc-m-company-outline-color__item--09 {
  position: relative;
  width: 16px;
  height: 16px;
  margin: 0 5px;
  font-family: "Noto Sans Japanese", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  text-indent: -5000px;
}

.ucc-m-company-outline-color__item::before,
.ucc-m-company-outline-color__item--01::before,
.ucc-m-company-outline-color__item--02::before,
.ucc-m-company-outline-color__item--03::before,
.ucc-m-company-outline-color__item--04::before,
.ucc-m-company-outline-color__item--05::before,
.ucc-m-company-outline-color__item--06::before,
.ucc-m-company-outline-color__item--07::before,
.ucc-m-company-outline-color__item--08::before,
.ucc-m-company-outline-color__item--09::before {
  position: absolute;
  top: 3px;
  left: 0;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-color: #00aeeb;
  border-radius: 8px;
  content: "";
}

.ucc-m-company-outline-color__item--02::before {
  background-color: #6fb92c;
}

.ucc-m-company-outline-color__item--03::before {
  background-color: #f6aa00;
}

.ucc-m-company-outline-color__item--04::before {
  background-color: #e85382;
}

.ucc-m-company-outline-color__item--05::before {
  background-color: #7d4697;
}

.ucc-m-company-outline-color__item--06::before {
  background-color: #c36519;
}

.ucc-m-company-outline-color__item--07::before {
  background-color: #00aa83;
}

.ucc-m-company-outline-color__item--08::before {
  background-color: #063bff;
}

.ucc-m-company-outline-color__item--09::before {
  background-color: #e60013;
}

.ucc-m-company-outline-content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.ucc-m-company-outline-content--full {
  display: block;
}

.ucc-m-company-outline-content--full .ucc-m-company-outline-content__sec {
  width: auto;
}

.ucc-m-company-outline-content__sec {
  width: 48%;
}

.ucc-m-company-outline-content__h {
  position: relative;
  margin: 0 0 30px 0;
  font-family: "Noto Sans Japanese", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  font-size: 30px;
  text-align: center;
}

.ucc-m-company-outline-content__h__ruby {
  position: absolute;
  bottom: -20px;
  left: 50%;
  font-family: "Noto Sans Japanese", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  font-size: 12px;
  transform: translateX(-50%);
  white-space: nowrap;
}

.ucc-m-company-outline-content__tbl,
.ucc-m-company-outline-content__tbl--half {
  width: 100%;
  border-top: 1px #d2d2d2 solid;
  table-layout: fixed;
}

.ucc-m-company-outline-content__tbl th,
.ucc-m-company-outline-content__tbl--half th,
.ucc-m-company-outline-content__tbl td,
.ucc-m-company-outline-content__tbl--half td {
  padding: 20px 0 20px 20px;
  border-bottom: 1px #c9c9c9 dotted;
  font-family: "Noto Sans Japanese", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  font-size: 15px;
}

.ucc-m-company-outline-content__tbl th,
.ucc-m-company-outline-content__tbl--half th {
  width: 30%;
  background: #f7f7f7;
  font-weight: bold;
  text-align: left;
}

.ucc-m-company-outline-content__tbl td,
.ucc-m-company-outline-content__tbl--half td {
  width: 70%;
}

.ucc-m-company-outline-content__tbl__txt-s {
  font-size: 90%;
}

.ucc-m-company-outline-content__tbl__sm {
  font-size: 12px;
}

.ucc-m-company-outline-content__tbl__list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.ucc-m-company-outline-content__tbl__item {
  width: 50%;
  font-family: "Noto Sans Japanese", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
}

.ucc-m-company-outline-content__tbl--half th {
  width: 15%;
}

.ucc-m-company-outline-content__tbl--half td {
  width: 35%;
}

.ucc-m-company-outline-content__btn {
  margin: 40px 0 0;
  text-align: center;
}

.ucc-m-company-outline-content__btn .ucc-a-round-btn {
  width: 100%;
  max-width: 420px;
}

.ucc-m-company-outline-content__btn .ucc-a-round-btn > span {
  width: auto;
  padding-right: 50px;
  padding-left: 0;
}

.ucc-m-company-outline-link-list,
.ucc-m-company-outline-link-list--single {
  margin: 80px 0 0 0;
}

.ucc-m-company-outline-link-list--single {
  margin: 50px 0 0 0;
}

.ucc-m-company-outline-link-list__title {
  border-bottom: 1px #d2d2d2 solid;
  margin: 0 0 20px;
}

.ucc-m-company-outline-link-list__title a,
.ucc-m-company-outline-link-list__title span {
  position: relative;
  display: inline-block;
  padding: 0 0 15px 0;
  color: #333333;
  font-family: "Noto Sans Japanese", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  font-size: 20px;
  text-decoration: none;
}

html.no-touch .ucc-m-company-outline-link-list__title a,
html.no-touch .ucc-m-company-outline-link-list__title span {
  transition-property: color;
  transition-duration: 0.4s;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}

html.no-touch .ucc-m-company-outline-link-list__title a:hover,
html.no-touch .ucc-m-company-outline-link-list__title span:hover {
  color: #e60012;
}

.ucc-m-company-outline-link-list__title a::before,
.ucc-m-company-outline-link-list__title span::before {
  position: absolute;
  bottom: -1px;
  left: 0;
  display: block;
  width: 100%;
  height: 1px;
  background: #e60012;
  content: "";
}

.ucc-m-company-outline-link-list__title a::after {
  display: inline-block;
  content: "\e01a";
  font-family: "ucc";
  font-size: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  line-height: 1;
  text-rendering: auto;
  margin: 0 0 0 10px;
  color: #e60012;
  font-size: 12px;
  vertical-align: middle;
}

.ucc-m-company-outline-link-list__wrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.ucc-m-company-outline-link-list__wrap .ucc-m-company-outline-link-list,
.ucc-m-company-outline-link-list__wrap .ucc-m-company-outline-link-list--single {
  width: 48.3333333333%;
}

.ucc-m-company-outline-link-list__list--half {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.ucc-m-company-outline-link-list__list--half .ucc-m-company-outline-link-list__item,
.ucc-m-company-outline-link-list__list--half .ucc-m-company-outline-link-list__item--single {
  width: 48.5%;
}

.ucc-m-company-outline-link-list__item,
.ucc-m-company-outline-link-list__item--single {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 15px 0;
  border-bottom: 1px #d2d2d2 dotted;
  font-family: "Noto Sans Japanese", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
}

.ucc-m-company-outline-link-list__item a,
.ucc-m-company-outline-link-list__item--single a {
  display: block;
  color: #333333;
  text-decoration: none;
}

.ucc-m-company-outline-link-list__item--single {
  border: none;
}

.ucc-m-company-outline-link-list__link,
.ucc-m-company-outline-link-list__pdf,
.ucc-m-company-outline-link-list__blank {
  font-size: 15px;
}

html.no-touch .ucc-m-company-outline-link-list__link,
html.no-touch .ucc-m-company-outline-link-list__pdf,
html.no-touch .ucc-m-company-outline-link-list__blank {
  transition-property: color;
  transition-duration: 0.4s;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}

html.no-touch .ucc-m-company-outline-link-list__link:hover,
html.no-touch .ucc-m-company-outline-link-list__pdf:hover,
html.no-touch .ucc-m-company-outline-link-list__blank:hover {
  color: #e60012;
}

.ucc-m-company-outline-link-list__text {
  font-size: 15px;
}

.ucc-m-company-outline-link-list__blank::after {
  display: inline-block;
  content: "\e000";
  font-family: "ucc";
  font-size: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  line-height: 1;
  text-rendering: auto;
  margin: 0 0 0 10px;
  color: #e60012;
  font-size: 13px;
}

.ucc-m-company-outline-link-list__blank.is-small {
  font-size: 13px;
}

.ucc-m-company-outline-link-list__pdf {
  font-size: 13px;
}

.ucc-m-company-outline-link-list__pdf::after {
  display: inline-block;
  content: "\e029";
  font-family: "ucc";
  font-size: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  line-height: 1;
  text-rendering: auto;
  margin: 0 0 0 5px;
  color: #e60012;
  font-size: 20px;
}

.ucc-m-company-outline-link-list__foreign {
  margin: 0 0 60px;
}

.ucc-m-company-outline-link-list__foreign:last-child {
  margin-bottom: 0;
}

.ucc-m-company-outline-link-list__foreign__title {
  padding: 15px;
  margin: 20px 0;
  background: #f7f7f7;
  font-family: "Noto Sans Japanese", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  font-size: 20px;
  text-align: center;
}

.ucc-m-company-outline-localnav {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0 0 70px 0;
}

.ucc-m-company-outline-localnav__item,
.ucc-m-company-outline-localnav__item--current {
  width: 32%;
}

.ucc-m-company-outline-localnav__item a,
.ucc-m-company-outline-localnav__item--current a {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 15px 10px;
  border: 1px #dcdcdc solid;
  color: #333333;
  font-family: "Noto Sans Japanese", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  font-size: 16px;
  line-height: 1.75;
  text-align: center;
  text-decoration: none;
}

.ucc-m-company-outline-localnav__item a > span,
.ucc-m-company-outline-localnav__item--current a > span {
  position: relative;
}

html.no-touch .ucc-m-company-outline-localnav__item a,
html.no-touch .ucc-m-company-outline-localnav__item--current a {
  transition-property: border-color;
  transition-duration: 0.25s;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}

html.no-touch .ucc-m-company-outline-localnav__item a:before,
html.no-touch .ucc-m-company-outline-localnav__item--current a:before {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 0;
  height: 100%;
  content: "";
  transition-duration: 0.25s;
  transition-property: width;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  background-color: #e60012;
}

html.no-touch .ucc-m-company-outline-localnav__item a:hover,
html.no-touch .ucc-m-company-outline-localnav__item--current a:hover {
  border-color: #e60012;
  color: #ffffff;
}

html.no-touch .ucc-m-company-outline-localnav__item a:hover:before,
html.no-touch .ucc-m-company-outline-localnav__item--current a:hover:before {
  right: auto;
  right: initial;
  left: 0;
  width: 100%;
}

.ucc-m-company-outline-localnav__item span,
.ucc-m-company-outline-localnav__item--current span {
  display: inline-block;
  -ms-flex: 1;
  flex: 1;
}

.ucc-m-company-outline-localnav__item--current a {
  position: relative;
  border-color: transparent;
  background: #e60012;
  color: #ffffff;
}

html.no-touch .ucc-m-company-outline-localnav__item--current a {
  transition-property: color;
  transition-duration: 0.4s;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}

html.no-touch .ucc-m-company-outline-localnav__item--current a:hover {
  color: #ffffff;
}

.ucc-m-company-outline-localnav__item--current a::after {
  position: absolute;
  top: 100%;
  left: 50%;
  display: block;
  width: 0;
  height: 0;
  border-top: 15px #e60012 solid;
  border-right: 15px transparent solid;
  border-bottom: 15px transparent solid;
  border-left: 15px transparent solid;
  content: "";
  transform: translateX(-50%);
}

.ucc-m-company-outline-localnav__group-link {
  width: 100%;
  margin-top: 30px;
}

.ucc-m-company-outline-localnav__group-link .ucc-m-company-btn,
.ucc-m-company-outline-localnav__group-link .ucc-m-company-btn--small {
  width: 25%;
  margin: 0 auto;
}

.ucc-m-company-outline-office {
  margin: 110px 0 0 0;
}

.ucc-m-company-outline-office__h {
  position: relative;
  margin: 0 0 50px 0;
  font-family: "Noto Sans Japanese", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  font-size: 30px;
  text-align: center;
}

.ucc-m-company-outline-office__sec {
  margin: 0 0 70px 0;
}

.ucc-m-company-outline-office__sec:last-of-type {
  margin-bottom: 0;
}

.ucc-m-company-outline-office__sec:last-of-type .ucc-m-company-outline-office__list,
.ucc-m-company-outline-office__sec:last-of-type .ucc-m-company-outline-office__list--half {
  margin-bottom: 0;
}

.ucc-m-company-outline-office__sec__h {
  margin-bottom: 20px;
}

.ucc-m-company-outline-office__list--half {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.ucc-m-company-outline-office__list--half .ucc-m-company-outline-office__item {
  width: 48.5%;
}

.ucc-m-company-outline-office__list--half .ucc-m-company-outline-office__name {
  width: 20%;
}

.ucc-m-company-outline-office__list--half .ucc-m-company-outline-office__address {
  width: 80%;
}

.ucc-m-company-outline-office__list-set {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.ucc-m-company-outline-office__list-set__block {
  width: 48.3333333333%;
}

.ucc-m-company-outline-office__list-set .ucc-m-company-outline-office__address {
  width: 80%;
}

.ucc-m-company-outline-office__item {
  *zoom: 1;
  display: -ms-flexbox;
  display: flex;
  padding: 15px 0;
  border-bottom: 1px #d2d2d2 dotted;
}

.ucc-m-company-outline-office__item:before,
.ucc-m-company-outline-office__item:after {
  display: table;
  content: "";
}

.ucc-m-company-outline-office__item:after {
  clear: both;
}

.ucc-m-company-outline-office__name {
  width: 20%;
  font-family: "Noto Sans Japanese", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  font-size: 15px;
  font-weight: bold;
}

.ucc-m-company-outline-office__address {
  width: 40%;
  font-family: "Noto Sans Japanese", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  font-size: 15px;
}

.ucc-m-company-outline-office .ucc-m-company-outline-color__list--full {
  margin-top: 30px;
}

.ucc-m-company-permalink,
.ucc-m-company-permalink--right {
  color: #e60012;
  font-size: 16px;
}

.ucc-m-company-permalink::after,
.ucc-m-company-permalink--right::after {
  display: inline-block;
  content: "\e000";
  font-family: "ucc";
  font-size: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  line-height: 1;
  text-rendering: auto;
  margin: 0 5px 0 5px;
  font-size: 13px;
}

.ucc-m-company-permalink:link,
.ucc-m-company-permalink--right:link,
.ucc-m-company-permalink:visited,
.ucc-m-company-permalink--right:visited {
  color: #e60012;
}

.ucc-m-company-permalink--right {
  float: right;
}

.ucc-m-company-research-health__polyphenol__coffee {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 20px;
}

.ucc-m-company-research-health__polyphenol__coffee__description {
  width: 50%;
  padding-right: 20px;
  line-height: 1.75em;
}

.ucc-m-company-research-health__polyphenol__coffee__img {
  width: 50%;
  min-width: 250px;
  padding-left: 20px;
}

.ucc-m-company-research-health__polyphenol__coffee__img__caption {
  margin-top: 8px;
  text-align: left;
}

.ucc-m-company-research-health__polyphenol__effect {
  margin-top: 50px;
}

.ucc-m-company-research-health__polyphenol__effect__img {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-flex-align: end;
  align-items: flex-end;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 28px;
  margin-bottom: 40px;
}

.ucc-m-company-research-health__polyphenol__effect__img__baditem,
.ucc-m-company-research-health__polyphenol__effect__img__gooditem {
  width: 50%;
}

.ucc-m-company-research-health__polyphenol__effect__img__baditem {
  padding-right: 20px;
}

.ucc-m-company-research-health__polyphenol__effect__img__gooditem {
  padding-left: 20px;
}

.ucc-m-company-research-health__polyphenol__effect__specialsite {
  position: relative;
  max-width: 882px;
  margin-top: 58px;
}

html.no-touch .ucc-m-company-research-health__polyphenol__effect__specialsite a {
  overflow: hidden;
}

html.no-touch .ucc-m-company-research-health__polyphenol__effect__specialsite a:after {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  border: 0 solid #e60012;
  content: "";
  transition-duration: 0.6s;
  transition-property: border-width;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

html.no-touch .ucc-m-company-research-health__polyphenol__effect__specialsite a img {
  transition-duration: 0.6s;
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

html.no-touch .ucc-m-company-research-health__polyphenol__effect__specialsite a:hover:after {
  border-width: 6px;
}

html.no-touch .ucc-m-company-research-health__polyphenol__effect__specialsite a:hover img {
  transform: scale(0.99);
}

.ucc-m-company-research-health__glucose__coffee {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 20px;
}

.ucc-m-company-research-health__glucose__coffee__img {
  width: 50%;
  -ms-flex-order: 2;
  order: 2;
  padding-left: 20px;
}

.ucc-m-company-research-health__glucose__coffee__description {
  width: 50%;
  -ms-flex-order: 1;
  order: 1;
  padding-right: 20px;
  line-height: 1.75em;
}

.ucc-m-company-research-health__glucose__effect__transition {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 40px;
}

.ucc-m-company-research-health__glucose__effect__transition__graph {
  width: 30%;
}

.ucc-m-company-research-health__glucose__effect__description {
  width: 100%;
  margin-top: 40px;
  margin-bottom: 60px;
}

.ucc-m-company-research-health__glucose__effect__description__attention {
  margin-top: 15px;
}

.ucc-m-company-research-residue__deodorization__lead {
  margin-top: 20px;
}

.ucc-m-company-research-residue__deodorization__img {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 40px;
}

.ucc-m-company-research-residue__deodorization__img__flow {
  padding-right: 20px;
}

.ucc-m-company-research-residue__deodorization__img__graph {
  padding-left: 20px;
}

.ucc-m-company-research-residue__practical__method__case {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 20px;
}

.ucc-m-company-research-residue__practical__method__case__description {
  width: 50%;
  padding-right: 20px;
}

.ucc-m-company-research-residue__practical__method__case__description__title {
  padding: 0.25em;
  border-left: 10px solid #b30000;
  font-size: 18px;
  font-weight: bold;
}

.ucc-m-company-research-residue__practical__method__case__description__lead {
  margin-top: 15px;
  color: #6c3f1f;
  font-weight: bold;
}

.ucc-m-company-research-residue__practical__method__case__description__step {
  padding-left: 1em;
  list-style-position: outside;
  list-style-type: decimal;
}

.ucc-m-company-research-residue__practical__method__case__description__step li {
  margin: 15px 0;
}

.ucc-m-company-research-residue__practical__method__case__description__step li small {
  display: block;
  margin: 7px 0 0;
}

.ucc-m-company-research-residue__practical__method__case__img {
  width: 50%;
  padding-left: 20px;
}

.ucc-m-company-research-technology__system__lead {
  margin-top: 18px;
}

.ucc-m-company-research-technology__system__research {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.ucc-m-company-research-technology__system__research__area,
.ucc-m-company-research-technology__system__research__machine {
  width: 50%;
  margin-top: 38px;
}

.ucc-m-company-research-technology__system__research__machine {
  padding-right: 20px;
}

.ucc-m-company-research-technology__system__research__machine__img {
  margin-top: 30px;
  text-align: center;
}

.ucc-m-company-research-technology__system__research__machine__txt {
  font-weight: bold;
}

.ucc-m-company-research-technology__system__research__machine__txt small {
  display: block;
  font-size: 0.85em;
  font-weight: normal;
}

.ucc-m-company-research-technology__system__research__area {
  padding-left: 20px;
}

.ucc-m-company-research-technology__system__research__area__example {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 15px;
}

.ucc-m-company-research-technology__system__research__area__example__coffee,
.ucc-m-company-research-technology__system__research__area__example__hum {
  width: 50%;
}

.ucc-m-company-research-technology__system__research__area__example__coffee__img,
.ucc-m-company-research-technology__system__research__area__example__coffee__result,
.ucc-m-company-research-technology__system__research__area__example__coffee__text,
.ucc-m-company-research-technology__system__research__area__example__hum__img,
.ucc-m-company-research-technology__system__research__area__example__hum__result,
.ucc-m-company-research-technology__system__research__area__example__hum__text {
  text-align: center;
}

.ucc-m-company-research-technology__system__research__area__example__coffee__result,
.ucc-m-company-research-technology__system__research__area__example__hum__result {
  margin-top: 10px;
}

.ucc-m-company-research-technology__system__research__area__example__coffee__img,
.ucc-m-company-research-technology__system__research__area__example__hum__img {
  margin-top: 20px;
}

.ucc-m-company-research-technology__system__research__area__example__hum {
  padding-right: 10px;
}

.ucc-m-company-research-technology__system__research__area__example__coffee {
  padding-left: 10px;
}

.ucc-m-company-research-technology__system__match {
  margin-top: 74px;
}

.ucc-m-company-research-technology__system__match__title {
  text-align: center;
}

.ucc-m-company-research-technology__system__match__box {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 20px;
}

.ucc-m-company-research-technology__system__match__box__cake,
.ucc-m-company-research-technology__system__match__box__salmon {
  width: 50%;
  border: 4px solid #eeeeee;
}

.ucc-m-company-research-technology__system__match__box__cake__description,
.ucc-m-company-research-technology__system__match__box__salmon__description {
  padding: 20px 10px;
}

.ucc-m-company-research-technology__system__match__box__cake__description__title,
.ucc-m-company-research-technology__system__match__box__salmon__description__title {
  font-size: 18px;
  text-align: center;
}

.ucc-m-company-research-technology__system__match__box__cake__description__text,
.ucc-m-company-research-technology__system__match__box__salmon__description__text {
  padding: 0 3%;
  margin-top: 9px;
}

.ucc-m-company-research-technology__system__match__box__cake__description__graph,
.ucc-m-company-research-technology__system__match__box__salmon__description__graph {
  margin-top: 18px;
}

.ucc-m-company-research-technology__system__match__box__salmon {
  margin-left: 10px;
}

.ucc-m-company-research-technology__system__match__box__cake {
  margin-right: 10px;
}

.ucc-m-company-research-technology__fresharoma__lead {
  margin-top: 18px;
}

.ucc-m-company-research-technology__fresharoma__distance__title {
  margin: 37px 0 28px;
  text-align: center;
}

.ucc-m-company-research-technology__fresharoma__distance__step__brend,
.ucc-m-company-research-technology__fresharoma__distance__step__pack,
.ucc-m-company-research-technology__fresharoma__distance__step__roast {
  position: relative;
  padding: 40px 20px;
}

.ucc-m-company-research-technology__fresharoma__distance__step__brend__title,
.ucc-m-company-research-technology__fresharoma__distance__step__pack__title,
.ucc-m-company-research-technology__fresharoma__distance__step__roast__title {
  margin-bottom: 22px;
  text-align: center;
}

.ucc-m-company-research-technology__fresharoma__distance__step__brend__text,
.ucc-m-company-research-technology__fresharoma__distance__step__pack__text,
.ucc-m-company-research-technology__fresharoma__distance__step__roast__text {
  text-align: center;
}

.ucc-m-company-research-technology__fresharoma__distance__step__brend__text small,
.ucc-m-company-research-technology__fresharoma__distance__step__pack__text small,
.ucc-m-company-research-technology__fresharoma__distance__step__roast__text small {
  display: block;
  margin-top: 1em;
  font-size: 10px;
}

.ucc-m-company-research-technology__fresharoma__distance__step__brend::after,
.ucc-m-company-research-technology__fresharoma__distance__step__pack::after,
.ucc-m-company-research-technology__fresharoma__distance__step__roast::after {
  position: absolute;
  right: 0;
  bottom: -15px;
  left: 0;
  width: 0;
  height: 0;
  border-width: 15px 20px 0 20px;
  border-style: solid;
  margin: 0 auto;
  content: " ";
}

.ucc-m-company-research-technology__fresharoma__distance__step__roast {
  z-index: 10;
  background-color: #fbf9f5;
}

.ucc-m-company-research-technology__fresharoma__distance__step__roast::after {
  z-index: 400;
  border-color: #6c3f1f transparent transparent transparent;
}

.ucc-m-company-research-technology__fresharoma__distance__step__brend {
  z-index: 9;
  background-color: #f5f0e5;
}

.ucc-m-company-research-technology__fresharoma__distance__step__brend::after {
  z-index: 500;
  border-color: #6c3f1f transparent transparent transparent;
}

.ucc-m-company-research-technology__fresharoma__distance__step__pack {
  z-index: 8;
  background-color: #ebe4d4;
}

.ucc-m-company-research-technology__fresharoma__distance__step__pack::after {
  z-index: 600;
  border-color: #ebe4d4 transparent transparent transparent;
}

.ucc-m-company-research-technology__fresharoma__distance__step__pack__inside {
  padding: 28px 0;
  margin-top: 30px;
  background-color: #fff;
}

.ucc-m-company-research-technology__fresharoma__distance__step__pack__inside__title {
  font-size: 18px;
  font-weight: bold;
  text-align: center;
}

.ucc-m-company-research-technology__fresharoma__distance__step__pack__inside__graph {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 28px;
}

.ucc-m-company-research-technology__fresharoma__distance__step__pack__inside__graph__step1,
.ucc-m-company-research-technology__fresharoma__distance__step__pack__inside__graph__step2 {
  width: 50%;
  padding: 0 20px;
}

.ucc-m-company-research-technology__fresharoma__distance__step__pack__inside__graph__step1__description,
.ucc-m-company-research-technology__fresharoma__distance__step__pack__inside__graph__step2__description {
  width: 100%;
}

.ucc-m-company-research-technology__fresharoma__distance__step__pack__inside__graph__step1__description__step,
.ucc-m-company-research-technology__fresharoma__distance__step__pack__inside__graph__step2__description__step {
  font-size: 18px;
  font-weight: bold;
}

.ucc-m-company-research-technology__fresharoma__distance__step__pack__inside__graph__step1__description__text,
.ucc-m-company-research-technology__fresharoma__distance__step__pack__inside__graph__step2__description__text {
  margin-top: 20px;
  font-size: 13px;
  line-height: 1.8em;
}

.ucc-m-company-research-technology__fresharoma__distance__step__pack__inside__graph__step1__img,
.ucc-m-company-research-technology__fresharoma__distance__step__pack__inside__graph__step2__img {
  width: 39.5%;
  text-align: center;
}

.ucc-m-company-research-technology__fresharoma__distance__step__pack__inside__graph__step1 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-right: 1px solid #ccc;
}

.ucc-m-company-research-technology__fresharoma__distance__step__pack__inside__graph__step1__description {
  width: 65%;
  padding-right: 10px;
}

.ucc-m-company-research-technology__fresharoma__distance__step__pack__inside__graph__step1__img {
  position: relative;
  width: 35%;
  min-width: 85px;
}

.ucc-m-company-research-technology__fresharoma__distance__step__pack__inside__graph__step1__img img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto 0;
}

.ucc-m-company-research-technology__fresharoma__distance__step__pack__inside__graph__step2__fig {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 14px;
}

.ucc-m-company-research-technology__fresharoma__distance__step__pack__inside__graph__step2__fig__img {
  width: 32%;
}

.ucc-m-company-research-technology__fresharoma__distance__step__pack__inside__graph__step2__fig__text {
  width: 68%;
  padding-left: 10px;
  font-size: 12px;
}

.ucc-m-company-research-technology__fresharoma__result {
  padding: 45px 38px;
  border: 8px solid #92805e;
  margin-top: 38px;
}

.ucc-m-company-research-technology__fresharoma__result__title {
  text-align: center;
}

.ucc-m-company-research-technology__fresharoma__result__lead {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0 18px;
  margin-top: 18px;
  *zoom: 1;
}

.ucc-m-company-research-technology__fresharoma__result__lead:before,
.ucc-m-company-research-technology__fresharoma__result__lead:after {
  display: table;
  content: "";
}

.ucc-m-company-research-technology__fresharoma__result__lead:after {
  clear: both;
}

.ucc-m-company-research-technology__fresharoma__result__lead__img {
  width: 70px;
}

.ucc-m-company-research-technology__fresharoma__result__lead__img img {
  min-width: 70px;
}

.ucc-m-company-research-technology__fresharoma__result__lead__text {
  width: 100%;
  padding-left: 14px;
}

.ucc-m-company-research-technology__fresharoma__result__graf {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 40px;
}

.ucc-m-company-research-technology__fresharoma__result__graf__smell,
.ucc-m-company-research-technology__fresharoma__result__graf__thickness {
  width: 50%;
}

.ucc-m-company-research-technology__fresharoma__result__graf__smell__text,
.ucc-m-company-research-technology__fresharoma__result__graf__thickness__text {
  margin-top: 30px;
  font-size: 0.85em;
}

.ucc-m-company-research-technology__fresharoma__result__graf__smell {
  padding-right: 20px;
}

.ucc-m-company-research-technology__fresharoma__result__graf__thickness {
  padding-left: 20px;
}

.ucc-m-company-research-technology__recipe__title {
  text-align: center;
}

.ucc-m-company-research-technology__recipe__lead {
  margin-top: 18px;
}

.ucc-m-company-research-technology__recipe__innovation {
  margin-top: 58px;
  text-align: center;
}

.ucc-m-company-research-technology__recipe__innovation__text {
  margin-top: 18px;
}

.ucc-m-company-research-technology__recipe__innovation__img {
  margin-top: 23px;
}

.ucc-m-company-research-technology__recipe__innovation__graf {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.ucc-m-company-research-technology__recipe__innovation__graf__component,
.ucc-m-company-research-technology__recipe__innovation__graf__quality {
  margin-top: 40px;
}

.ucc-m-company-research-technology__recipe__innovation__graf__component img,
.ucc-m-company-research-technology__recipe__innovation__graf__quality img {
  width: 100%;
}

.ucc-m-company-research-technology__recipe__innovation__graf__component {
  padding-right: 20px;
}

.ucc-m-company-research-technology__recipe__innovation__graf__quality {
  padding-left: 20px;
}

.ucc-m-company-research {
  overflow: hidden;
  font-size: 15px;
}

.ucc-m-company-research-gcs {
  position: relative;
  top: -80px;
  padding-top: 45px;
  background: #fff;
}

.ucc-m-company-research-gcs__h1 {
  width: 100%;
  height: auto;
  box-sizing: border-box;
  padding: 0 2%;
}

.ucc-m-company-research-gcs__lead {
  margin-top: 15px;
  margin-bottom: 35px;
  font-size: 16px;
  line-height: 1.75;
  text-align: center;
}

.ucc-m-company-research__faculty__lead {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
}

.ucc-m-company-research__faculty__lead__text {
  position: relative;
  z-index: 100;
  width: 50%;
  padding: 166px 9%;
  background-color: #f7f7f7;
  text-align: center;
}

.ucc-m-company-research__faculty__lead__text__lead {
  margin-top: 36px;
}

.ucc-m-company-research__faculty__lead__text::after {
  position: absolute;
  top: 0;
  right: -10px;
  bottom: 0;
  display: block;
  width: 0;
  height: 0;
  border-width: 40px 0 40px 40px;
  border-style: solid;
  border-color: transparent transparent transparent #f7f7f7;
  margin: auto 0;
  content: " ";
}

.ucc-m-company-research__faculty__lead__graph {
  position: relative;
  width: 50%;
  background-color: #e60012;
  text-align: center;
}

.ucc-m-company-research__faculty__lead__graph__img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  min-width: 305px;
  max-width: 490px;
  padding: 0px 5%;
  transform: translateY(-50%) translateX(-50%);
}

.ucc-m-company-research__faculty__lead__graph__img img {
  width: 100%;
  max-width: 475px;
}

.ucc-m-company-research__faculty__three {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
}

.ucc-m-company-research__faculty__three__box {
  width: 33.3%;
}

.ucc-m-company-research__faculty__three__box__img img {
  width: 100%;
}

.ucc-m-company-research__faculty__three__box__text {
  position: relative;
  z-index: 200;
  width: 86%;
  padding: 25px 3%;
  margin: 0 auto;
  margin-top: -25%;
  background-color: rgba(51, 51, 51, 0.85);
  color: #fff;
  text-align: center;
}

.ucc-m-company-research__faculty__three__box__text__span {
  display: inline-block;
  padding-bottom: 3px;
  border-bottom: 1px solid #ccc;
  margin-top: 10px;
  margin-bottom: 10px;
  color: #ccc;
  font-size: 0.8em;
}

.ucc-m-company-research__faculty__three__box__text__lead {
  padding: 0 1em;
  color: #f7f7f7;
  line-height: 1.8em;
  text-align: left;
}

.ucc-m-company-research__infomation {
  padding: 80px 0;
  margin-top: 50px;
  background-color: #f7f7f7;
}

.ucc-m-company-research__infomation a {
  color: #000000;
}

.ucc-m-company-research__infomation a:hover {
  color: #e60012;
}

.ucc-m-company-research__infomation__title {
  margin-bottom: 38px;
  text-align: center;
}

.ucc-m-company-research__infomation__area {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.ucc-m-company-research__infomation__area__box {
  width: 31%;
  max-width: 372px;
  margin-bottom: 0;
}

.ucc-m-company-research__infomation__area__box__img {
  position: relative;
}

html.no-touch .ucc-m-company-research__infomation__area__box__img {
  overflow: hidden;
}

html.no-touch .ucc-m-company-research__infomation__area__box__img:after {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  border: 0 solid #e60012;
  content: "";
  transition-duration: 0.6s;
  transition-property: border-width;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

html.no-touch .ucc-m-company-research__infomation__area__box__img img {
  transition-duration: 0.6s;
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

html.no-touch .ucc-m-company-research__infomation__area__box__img:hover:after {
  border-width: 5px;
}

html.no-touch .ucc-m-company-research__infomation__area__box__img:hover img {
  transform: scale(0.99);
}

.ucc-m-company-research__infomation__area__box__text {
  text-align: center;
}

.ucc-m-company-research__infomation__area__box__text__title {
  margin: 0 auto;
  margin-top: 10px;
  font-size: 16px;
  text-align: center;
}

.ucc-m-company-research__infomation__area__box__text__title::after {
  top: 0;
  right: -1.4em;
  bottom: 0;
  width: 16px;
  height: 16px;
  margin: auto 0;
}

.ucc-m-company-research__presentation {
  margin-bottom: 60px;
}

.ucc-m-company-research__presentation a {
  color: #333333;
  text-decoration: none;
}

.ucc-m-company-research__presentation a:hover {
  color: #e60012;
}

.ucc-m-company-research__presentation a:hover .ucc-m-company-research__presentation__table__list__description__author {
  color: #e60012;
}

.ucc-m-company-research__presentation__title {
  margin-bottom: 40px;
  text-align: center;
}

.ucc-m-company-research__presentation__table {
  border-top: 1px solid #d2d2d2;
}

.ucc-m-company-research__presentation__table__list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -ms-flex-pack: start;
  justify-content: flex-start;
  padding: 25px 0;
  border-bottom: 1px dotted #d2d2d2;
}

.ucc-m-company-research__presentation__table__list__meta {
  width: 20%;
  min-width: 160px;
  font-size: 15px;
}

.ucc-m-company-research__presentation__table__list__description {
  width: 80%;
  font-size: 15px;
}

.ucc-m-company-research__presentation__table__list__description__author {
  color: #666;
  font-size: 0.8em;
}

.ucc-m-company-research__presentation__table__list.is-new .ucc-m-company-research__presentation__table__list__meta {
  position: relative;
}

.ucc-m-company-research__presentation__table__list.is-new .ucc-m-company-research__presentation__table__list__meta::before {
  position: absolute;
  top: 0;
  right: 20px;
  display: block;
  width: 50px;
  padding: 0 0.5em;
  border: 1px solid #e60012;
  border-radius: 4px;
  color: #e60012;
  content: "NEW";
  font-size: 0.8em;
  text-align: center;
}

.ucc-m-company-research__cbtns__item {
  min-width: 21.6666666667%;
}

.ucc-m-company-research__cbtns__item .ucc-a-round-btn {
  width: 100%;
  padding-top: 17px;
  padding-bottom: 17px;
  vertical-align: top;
}

.ucc-m-company-research__other-posts {
  margin-top: 60px;
}

.ucc-m-company-text,
.ucc-m-company-text--last {
  margin: 30px 0;
  font-family: "Noto Sans Japanese", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  font-size: 15px;
  line-height: 1.75;
}

.ucc-m-company-text--last {
  margin-bottom: 0;
}

.ucc-m-company-topmessage-lead {
  display: -ms-flexbox;
  display: flex;
  height: 330px;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0 0 40px;
}

.ucc-m-company-topmessage-lead__body {
  position: relative;
  width: 50%;
  min-width: 535px;
  box-sizing: border-box;
  -ms-flex: 1 0 0%;
  flex: 1 0 0%;
  padding: 80px 40px;
  background: #f7f7f7;
}

.ucc-m-company-topmessage-lead__text {
  font-family: "Noto Sans Japanese", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  font-size: 32px;
}

.ucc-m-company-topmessage-lead__sign {
  position: absolute;
  right: 40px;
  bottom: 20px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  font-family: "Noto Sans Japanese", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
}

.ucc-m-company-topmessage-lead__company {
  margin: 0 20px 0 0;
  font-family: "Noto Sans Japanese", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  font-size: 12px;
  text-align: right;
}

.ucc-m-company-topmessage-lead__name {
  font-family: "Noto Sans Japanese", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  font-size: 30px;
}

.ucc-m-company-topmessage-lead__photo {
  display: -ms-flexbox;
  display: flex;
  max-width: 600px;
  height: 100%;
  background: url(/dist/images/img/img-company-topmessage-building.jpg) 50% 0 no-repeat;
  background-size: cover;
}

.ucc-m-company-topmessage-lead__photo img {
  visibility: hidden;
}

.ucc-m-contact-boxes {
  *zoom: 1;
}

.ucc-m-contact-boxes:before,
.ucc-m-contact-boxes:after {
  display: table;
  content: "";
}

.ucc-m-contact-boxes:after {
  clear: both;
}

.ucc-m-contact-boxes__box {
  width: 49.1666666667%;
  padding: 30px 35px;
  background-color: #f7f7f7;
  float: left;
  text-align: center;
}

.ucc-m-contact-boxes__box + .ucc-m-contact-boxes__box {
  margin-left: 1.6666666667%;
}

.ucc-m-contact-boxes__box__h {
  font-size: 30px;
  line-height: 1;
}

.ucc-m-contact-boxes__box__h i {
  color: #e60012;
  font-size: 64px;
  vertical-align: middle;
}

.ucc-m-contact-boxes__box__h > span {
  display: inline-block;
  margin-left: 5px;
  vertical-align: middle;
}

.ucc-m-contact-boxes__box__tel {
  margin-top: 35px;
  font-size: 30px;
}

.ucc-m-contact-boxes__box__tel a {
  color: #333333;
  pointer-events: none;
  text-decoration: none;
}

.ucc-m-contact-boxes__box__tel-t1 {
  font-size: 15px;
}

.ucc-m-contact-boxes__box__tel-t2 {
  margin-top: 10px;
  color: #666666;
  font-size: 12px;
  text-align: left;
}

.ucc-m-contact-boxes__box__post {
  margin-top: 35px;
  font-size: 22px;
}

.ucc-m-content-thumb {
  display: block;
  border-bottom: 1px solid #d2d2d2;
}

.ucc-m-content-thumb,
.ucc-m-content-thumb:link,
.ucc-m-content-thumb:visited,
.ucc-m-content-thumb a:active,
.ucc-m-content-thumb a:hover,
.ucc-m-content-thumb a:focus {
  color: inherit;
  text-decoration: inherit;
}

.ucc-m-content-thumb__h {
  font-size: 20px;
}

.ucc-m-content-thumb__fig {
  position: relative;
  border: 1px solid #dcdcdc;
  margin-top: 10px;
}

.ucc-m-content-thumb__fig img {
  display: block;
  width: 100%;
  height: auto;
}

html.no-touch .ucc-m-content-thumb__fig img {
  transition-duration: 0.2s;
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

html.no-touch .ucc-m-content-thumb__fig:before {
  position: absolute;
  z-index: 4;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  border: 0px solid #e60012;
  content: "";
  transition-duration: 0.2s;
  transition-property: border-width;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.ucc-m-content-thumb__lead {
  font-size: 13px;
  position: relative;
  padding: 10px 35px 10px 0;
}

.ucc-m-content-thumb__lead:after {
  display: inline-block;
  content: "\e01a";
  font-family: "ucc";
  font-size: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  line-height: 1;
  text-rendering: auto;
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -6px;
  color: #e60012;
  font-size: 12px;
}

html.no-touch .ucc-m-content-thumb {
  transition-property: color;
  transition-duration: 0.4s;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}

html.no-touch .ucc-m-content-thumb:hover {
  color: #e60012;
}

html.no-touch .ucc-m-content-thumb:hover .ucc-m-content-thumb__fig img {
  transform: scale(0.98);
}

html.no-touch .ucc-m-content-thumb:hover .ucc-m-content-thumb__fig:before {
  border-width: 5px;
}

.ucc-m-contents-nav {
  font-family: "Noto Sans Japanese", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  font-weight: 300;
  color: #333333;
  font-feature-settings: "pkna";
  font-style: normal;
  font-weight: 400;
  line-height: 1.75;
  -webkit-text-size-adjust: 100%;
  font-size: 15px;
  width: 100%;
  max-width: 1240px;
  padding-right: 20px;
  padding-left: 20px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 50px;
  padding-bottom: 50px;
}

.ucc-m-contents-nav * {
  box-sizing: border-box;
}

.ucc-m-contents-nav *:before,
.ucc-m-contents-nav *:after {
  box-sizing: border-box;
}

.ucc-m-contents-nav--small {
  max-width: 1066px;
}

.ucc-m-contents-nav__list {
  width: 105%;
  margin-top: -2.380952381%;
  margin-left: -2.380952381%;
  *zoom: 1;
}

.ucc-m-contents-nav__list:before,
.ucc-m-contents-nav__list:after {
  display: table;
  content: "";
}

.ucc-m-contents-nav__list:after {
  clear: both;
}

.ucc-m-contents-nav__list .ucc-m-contents-nav__item {
  width: 30.1587301587%;
  margin-top: 2.380952381%;
  margin-left: 2.380952381%;
  float: left;
}

.ucc-m-customer-factory-code-list {
  font-family: "Noto Sans Japanese", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  font-weight: 300;
  color: #333333;
  font-feature-settings: "pkna";
  font-style: normal;
  font-weight: 400;
  line-height: 1.75;
  -webkit-text-size-adjust: 100%;
  font-size: 15px;
}

.ucc-m-customer-factory-code-list * {
  box-sizing: border-box;
}

.ucc-m-customer-factory-code-list *:before,
.ucc-m-customer-factory-code-list *:after {
  box-sizing: border-box;
}

.ucc-m-factory-code-list__caption {
  margin-top: 10px;
  font-size: 16px;
  text-align: right;
}

.ucc-m-factory-code-list-table {
  width: 100%;
  border-top: 2px solid #d2d2d2;
  border-bottom: 2px solid #d2d2d2;
  font-size: 16px;
}

.ucc-m-factory-code-list-header th {
  padding: 18px 30px;
  border-bottom: 2px solid #d2d2d2;
  background: #E8E8E8;
}

.ucc-m-factory-code-list-row td {
  padding: 18px 30px;
}

.ucc-m-factory-code-list-row .ucc-m-factory-code-list__symbol {
  background: #E8E8E8;
  text-align: center;
}

.ucc-m-factory-code-list-row .ucc-m-factory-code-list__factory-name,
.ucc-m-factory-code-list-row .ucc-m-factory-code-list__address {
  border-bottom: 1px solid #DEDEDE;
}

.ucc-m-factory-code-list-row .ucc-m-factory-code-list__factory-name {
  background: #f7f7f7;
}

.ucc-m-factory-code-list-row .ucc-m-factory-code-list__factory-name .name,
.ucc-m-factory-code-list-row .ucc-m-factory-code-list__factory-name .address {
  display: block;
}

.ucc-m-factory-code-list-row .ucc-m-factory-code-list__factory-name .address {
  display: none;
}

.ucc-p-customer-faq__primary .ucc-m-customer-faq-question {
  display: -ms-flexbox;
  display: flex;
  padding: 24px;
  margin-bottom: 28px;
  background: #f2ecde;
  font-size: 24px;
}

.ucc-p-customer-faq__primary .ucc-m-customer-faq-question:before {
  display: inline-block;
  width: 40px;
  height: 42px;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  margin-top: 7px;
  margin-right: 20px;
  background: url(/dist/images/icn/icn-q-balloon.svg) left center no-repeat;
  content: "";
}

.ucc-p-customer-faq__primary .ucc-m-customer-faq-question span:after {
  width: 0;
  height: 0;
  margin-right: 1px;
  color: transparent;
  content: ".";
  font-size: 0;
}

.ucc-p-customer-faq__primary .ucc-m-customer-faq-answer__head {
  position: relative;
  padding-left: 84px;
}

.ucc-p-customer-faq__primary .ucc-m-customer-faq-answer__head:before {
  position: absolute;
  top: 5px;
  left: 24px;
  display: inline-block;
  width: 40px;
  height: 42px;
  background: url(/dist/images/icn/icn-a-balloon.svg) left center no-repeat;
  content: "";
}

.ucc-p-customer-faq__primary .ucc-m-customer-faq-answer__lead {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}

.ucc-p-customer-faq__primary .ucc-m-customer-faq-answer__lead p {
  margin-bottom: 1.5em;
  font-size: 20px;
}

.ucc-p-customer-faq__primary .ucc-m-customer-faq-answer__inner {
  padding-left: 84px;
}

.ucc-p-customer-faq__primary .ucc-m-customer-faq-answer__inner .ucc-m-article__body {
  margin: 0;
  font-size: 20px;
}

.ucc-p-customer-faq__primary .ucc-m-customer-faq-answer__inner .ucc-m-article-body {
  margin: 5px 0 0;
}

.ucc-p-customer-faq__primary .ucc-m-customer-faq-answer__inner .ucc-m-article-body h2 {
  font-size: 24px;
}

.ucc-p-customer-faq__primary .ucc-m-customer-faq-answer__inner .ucc-m-article-body h3 {
  font-size: 20px;
}

.ucc-p-customer-faq__primary .ucc-m-customer-faq-answer__inner .ucc-m-article-body h3.is-large {
  font-size: 24px;
}

.ucc-p-customer-faq__primary .ucc-m-customer-faq-answer__inner .ucc-m-article-body figure figcaption {
  font-size: 15px;
}

.ucc-p-customer-faq__primary .ucc-m-customer-faq-answer__inner .ucc-m-figs--3 .ucc-m-figs__item .ucc-a-round-btn > span {
  padding-left: 20px;
  font-size: 14px;
}

.ucc-p-customer-faq__primary .ucc-m-customer-faq-questionnaire {
  padding: 20px;
  margin: 100px 0 0;
  background: #f2ecde;
  border-radius: 10px;
  text-align: center;
}

.ucc-p-customer-faq__primary .ucc-m-customer-faq-questionnaire__ttl {
  margin-bottom: 15px;
  font-size: 24px;
}

.ucc-p-customer-faq__primary .ucc-m-customer-faq-questionnaire__body {
  position: relative;
  height: 70px;
}

.ucc-p-customer-faq__primary .ucc-m-customer-faq-questionnaire__choice {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-pack: center;
  justify-content: center;
}

.ucc-p-customer-faq__primary .ucc-m-customer-faq-questionnaire__choice .ucc-a-cb-btn {
  width: 33%;
  height: 60px;
  border-color: #d2d2d2;
  margin: 0 10px;
  color: #333333;
  font-size: 20px;
}

.ucc-p-customer-faq__primary .ucc-m-customer-faq-questionnaire__choice .ucc-a-cb-btn > span:after {
  color: #e60012;
  font-size: 20px;
}

.ucc-p-customer-faq__primary .ucc-m-customer-faq-questionnaire__choice .ucc-a-cb-btn:hover > span:after {
  display: inline-block;
  content: "\e039";
  font-family: "ucc";
  font-size: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  line-height: 1;
  text-rendering: auto;
  color: #ffffff;
}

.ucc-p-customer-faq__primary .ucc-m-customer-faq-questionnaire__choice .ucc-a-cb-btn--active {
  border-color: #e60012;
  color: #ffffff;
}

.ucc-p-customer-faq__primary .ucc-m-customer-faq-questionnaire__choice .ucc-a-cb-btn--active > span:after {
  color: #ffffff;
}

.ucc-p-customer-faq__primary .ucc-m-customer-faq-questionnaire__choice__thanks {
  display: none;
}

.ucc-p-customer-faq__primary .ucc-m-customer-faq-questionnaire__message {
  color: #e60012;
  font-size: 20px;
}

.ucc-p-customer-faq__primary .ucc-m-faq-list-paginate {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0 auto;
}

.ucc-p-customer-faq__primary .ucc-m-faq-list-paginate__prev a,
.ucc-p-customer-faq__primary .ucc-m-faq-list-paginate__prev a:link,
.ucc-p-customer-faq__primary .ucc-m-faq-list-paginate__prev a:visited,
.ucc-p-customer-faq__primary .ucc-m-faq-list-paginate__prev a a:active,
.ucc-p-customer-faq__primary .ucc-m-faq-list-paginate__prev a a:hover,
.ucc-p-customer-faq__primary .ucc-m-faq-list-paginate__prev a a:focus,
.ucc-p-customer-faq__primary .ucc-m-faq-list-paginate__next a,
.ucc-p-customer-faq__primary .ucc-m-faq-list-paginate__next a:link,
.ucc-p-customer-faq__primary .ucc-m-faq-list-paginate__next a:visited,
.ucc-p-customer-faq__primary .ucc-m-faq-list-paginate__next a a:active,
.ucc-p-customer-faq__primary .ucc-m-faq-list-paginate__next a a:hover,
.ucc-p-customer-faq__primary .ucc-m-faq-list-paginate__next a a:focus,
.ucc-p-customer-faq__primary .ucc-m-faq-list-paginate__items a,
.ucc-p-customer-faq__primary .ucc-m-faq-list-paginate__items a:link,
.ucc-p-customer-faq__primary .ucc-m-faq-list-paginate__items a:visited,
.ucc-p-customer-faq__primary .ucc-m-faq-list-paginate__items a a:active,
.ucc-p-customer-faq__primary .ucc-m-faq-list-paginate__items a a:hover,
.ucc-p-customer-faq__primary .ucc-m-faq-list-paginate__items a a:focus {
  color: inherit;
  text-decoration: inherit;
}

.ucc-p-customer-faq__primary .ucc-m-faq-list-paginate__prev,
.ucc-p-customer-faq__primary .ucc-m-faq-list-paginate__next {
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  font-size: 14px;
}

.ucc-p-customer-faq__primary .ucc-m-faq-list-paginate__prev {
  margin-right: 15px;
}

.ucc-p-customer-faq__primary .ucc-m-faq-list-paginate__next {
  margin-left: 15px;
}

.ucc-p-customer-faq__primary .ucc-m-faq-list-paginate__items {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.ucc-p-customer-faq__primary .ucc-m-faq-list-paginate__item {
  width: 32px;
  height: 32px;
  margin: 0 20px;
  background: #f7f7f7;
  border-radius: 16px;
  font-size: 16px;
  line-height: 32px;
  text-align: center;
}

.ucc-p-customer-faq__primary .ucc-m-faq-list-paginate__item:hover,
.ucc-p-customer-faq__primary .ucc-m-faq-list-paginate__item.current {
  background: #e60012;
  color: #ffffff;
}

.ucc-p-customer-faq__primary .ucc-m-faq-list__container {
  padding: 50px 0;
}

.ucc-p-customer-faq__primary .ucc-m-faq-list__items {
  border-top: 1px solid #d2d2d2;
}

.ucc-p-customer-faq__primary .ucc-m-faq-list__item {
  border-bottom: 1px solid #d2d2d2;
}

.ucc-p-customer-faq__primary .ucc-m-faq-list__item a {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  padding: 25px 20px;
}

.ucc-p-customer-faq__primary .ucc-m-faq-list__item a,
.ucc-p-customer-faq__primary .ucc-m-faq-list__item a:link,
.ucc-p-customer-faq__primary .ucc-m-faq-list__item a:visited,
.ucc-p-customer-faq__primary .ucc-m-faq-list__item a a:active,
.ucc-p-customer-faq__primary .ucc-m-faq-list__item a a:hover,
.ucc-p-customer-faq__primary .ucc-m-faq-list__item a a:focus {
  color: inherit;
  text-decoration: inherit;
}

.ucc-p-customer-faq__primary .ucc-m-faq-list__item a:hover {
  color: #e60012;
}

.ucc-p-customer-faq__primary .ucc-m-faq-list__item a:before {
  display: inline-block;
  width: 40px;
  height: 42px;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  margin-right: 15px;
  background: url(/dist/images/icn/icn-q-balloon.svg) left center no-repeat;
  content: "";
}

.ucc-p-customer-faq__primary .ucc-m-faq-list__item a span {
  display: inline-block;
  font-size: 20px;
}

.ucc-p-customer-faq__primary .ucc-m-faq-list__item a span:after {
  width: 0;
  margin-right: 1px;
  color: transparent;
  content: ".";
  font-size: 0;
}

.ucc-p-customer-faq__secondary .ucc-m-faq-category-links__ttl {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 25px;
  font-size: 20px;
}

.ucc-p-customer-faq__secondary .ucc-m-faq-category-links__ttl:before {
  display: inline-block;
  width: 50px;
  height: 50px;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  margin-right: 15px;
  background: url(/dist/images/icn/icn-q_and_a.svg) left center no-repeat;
  content: "";
}

.ucc-p-customer-faq__secondary .ucc-m-faq-category-links__group {
  box-sizing: border-box;
  border: 2px solid #eeeeee;
  margin-bottom: 20px;
}

.ucc-p-customer-faq__secondary .ucc-m-faq-category-links__group__ttl {
  padding: 15px 25px;
  background: #eeeeee;
  font-size: 20px;
  pointer-events: none;
}

.ucc-p-customer-faq__secondary .ucc-m-faq-category-links__items {
  padding: 0 20px;
}

.ucc-p-customer-faq__secondary .ucc-m-faq-category-links__items a:hover {
  color: #e60012;
}

.ucc-p-customer-faq__secondary .ucc-m-faq-category-links__item {
  border-bottom: 2px dashed #eeeeee;
}

.ucc-p-customer-faq__secondary .ucc-m-faq-category-links__item:last-child {
  border-bottom: none;
}

.ucc-p-customer-faq__secondary .ucc-m-faq-category-links__item span {
  display: inline-block;
  padding: 16px 0;
  color: #e60012;
  font-size: 16px;
}

.ucc-p-customer-faq__secondary .ucc-m-faq-category-links__item a {
  position: relative;
  display: inline-block;
  width: 100%;
  padding: 16px 30px 16px 0;
  font-size: 16px;
}

.ucc-p-customer-faq__secondary .ucc-m-faq-category-links__item a,
.ucc-p-customer-faq__secondary .ucc-m-faq-category-links__item a:link,
.ucc-p-customer-faq__secondary .ucc-m-faq-category-links__item a:visited,
.ucc-p-customer-faq__secondary .ucc-m-faq-category-links__item a a:active,
.ucc-p-customer-faq__secondary .ucc-m-faq-category-links__item a a:hover,
.ucc-p-customer-faq__secondary .ucc-m-faq-category-links__item a a:focus {
  color: inherit;
  text-decoration: inherit;
}

.ucc-p-customer-faq__secondary .ucc-m-faq-category-links__item a:after {
  display: inline-block;
  content: " ";
  line-height: 1;
  position: absolute;
  top: 50%;
  right: 0;
  width: 20px;
  height: 20px;
  background-image: url("/dist/images/icn/circle-arrow-right-red.svg");
  color: #e60012;
  transform: translateY(-50%);
}

.ucc-p-customer-faq__secondary .ucc-m-customer-utility-links__item {
  margin-bottom: 20px;
}

.ucc-p-customer-faq__secondary .ucc-m-customer-utility-links__btn {
  font-size: 22px;
  background-image: linear-gradient(to right, #e60012 50%, #ffffff 50%);
  background-position: 0 0;
  background-size: 200% auto;
  transition: all 0.3s ease 0s;
  transition: 0.3s;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  padding: 20px 30px;
  border: 1px solid #d2d2d2;
  background-color: #fff;
  background-image: linear-gradient(to right, #ffffff 50%, #e60012 50%);
}

.ucc-p-customer-faq__secondary .ucc-m-customer-utility-links__btn,
.ucc-p-customer-faq__secondary .ucc-m-customer-utility-links__btn:link,
.ucc-p-customer-faq__secondary .ucc-m-customer-utility-links__btn:visited,
.ucc-p-customer-faq__secondary .ucc-m-customer-utility-links__btn a:active,
.ucc-p-customer-faq__secondary .ucc-m-customer-utility-links__btn a:hover,
.ucc-p-customer-faq__secondary .ucc-m-customer-utility-links__btn a:focus {
  color: inherit;
  text-decoration: inherit;
}

.ucc-p-customer-faq__secondary .ucc-m-customer-utility-links__btn:hover {
  background-position: -100% 0;
  cursor: pointer;
}

.ucc-p-customer-faq__secondary .ucc-m-customer-utility-links__btn:hover {
  color: #fff;
}

.ucc-p-customer-faq__secondary .ucc-m-customer-utility-links__btn:before {
  position: relative;
  z-index: 2;
  display: block;
  width: 50px;
  height: 80px;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  margin-right: 20px;
  background-position: center center;
  background-repeat: no-repeat;
  content: "";
}

.ucc-p-customer-faq__secondary .ucc-m-customer-utility-links__btn.factory:before {
  background-image: url(/dist/images/icn/icn-customer-factory.svg);
}

.ucc-p-customer-faq__secondary .ucc-m-customer-utility-links__btn.voice:before {
  background-image: url(/dist/images/icn/icn-customer-voice.svg);
}

.ucc-p-customer-faq__secondary .ucc-m-customer-utility-links__btn.sorry:before {
  background-image: url(/dist/images/icn/icn-customer-sorry.svg);
}

.ucc-p-customer-faq__secondary .ucc-m-customer-utility-links__btn.factory:hover:before {
  background-image: url(/dist/images/icn/icn-customer-factory-invert.svg);
}

.ucc-p-customer-faq__secondary .ucc-m-customer-utility-links__btn.voice:hover:before {
  background-image: url(/dist/images/icn/icn-customer-voice-invert.svg);
}

.ucc-p-customer-faq__secondary .ucc-m-customer-utility-links__btn.sorry:hover:before {
  background-image: url(/dist/images/icn/icn-customer-sorry-invert.svg);
}

.ucc-p-customer__pages-sec .ucc-m-sec-header__tagline a {
  color: #e60012;
}

.ucc-p-customer__pages-sec .ucc-m-customer-finished-products {
  font-family: "Noto Sans Japanese", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  font-weight: 300;
  color: #333333;
  font-feature-settings: "pkna";
  font-style: normal;
  font-weight: 400;
  line-height: 1.75;
  -webkit-text-size-adjust: 100%;
  font-size: 15px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.ucc-p-customer__pages-sec .ucc-m-customer-finished-products * {
  box-sizing: border-box;
}

.ucc-p-customer__pages-sec .ucc-m-customer-finished-products *:before,
.ucc-p-customer__pages-sec .ucc-m-customer-finished-products *:after {
  box-sizing: border-box;
}

.ucc-p-customer__pages-sec .ucc-m-customer-finished-products .ucc-m-finished-product__item {
  display: -ms-flexbox;
  display: flex;
  width: 48.75%;
  padding: 20px;
  margin-bottom: 30px;
  margin-left: 2.5%;
  background: #f7f7f7;
}

.ucc-p-customer__pages-sec .ucc-m-customer-finished-products .ucc-m-finished-product__item:nth-child(2n+1) {
  margin-left: 0;
}

.ucc-p-customer__pages-sec .ucc-m-customer-finished-products .ucc-m-finished-product__item__thumb {
  width: 37.6068376068%;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  margin-right: 20px;
}

.ucc-p-customer__pages-sec .ucc-m-customer-finished-products .ucc-m-finished-product__item__thumb img {
  width: 100%;
  height: auto;
}

.ucc-p-customer__pages-sec .ucc-m-customer-finished-products .ucc-m-finished-product__item .ucc-a-tag {
  display: inline-block;
  margin-bottom: 15px;
  font-size: 14px;
}

.ucc-p-customer__pages-sec .ucc-m-customer-finished-products .ucc-m-finished-product__item__ttl {
  margin-bottom: 10px;
  font-size: 18px;
}

.ucc-p-customer__pages-sec .ucc-m-customer-finished-products .ucc-m-finished-product__item__code {
  margin-bottom: 15px;
  font-size: 16px;
}

.ucc-p-customer__pages-sec .ucc-m-customer-finished-products .ucc-m-finished-product__item__status {
  margin-bottom: 5px;
  font-size: 14px;
}

.ucc-p-customer__pages-sec .ucc-m-customer-finished-products .ucc-m-finished-product__item__link {
  font-size: 14px;
}

.ucc-p-customer__pages-sec .ucc-m-customer-finished-products .ucc-m-finished-product__item__link a {
  color: #e60012;
}

#contact-list {
  position: relative;
  top: -160px;
  width: 0;
  height: 0;
}

.ucc-m-customer-footer-contacts {
  font-family: "Noto Sans Japanese", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  font-weight: 300;
  color: #333333;
  font-feature-settings: "pkna";
  font-style: normal;
  font-weight: 400;
  line-height: 1.75;
  -webkit-text-size-adjust: 100%;
  font-size: 15px;
  width: 100%;
  max-width: 1240px;
  padding-right: 20px;
  padding-left: 20px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 120px;
}

.ucc-m-customer-footer-contacts * {
  box-sizing: border-box;
}

.ucc-m-customer-footer-contacts *:before,
.ucc-m-customer-footer-contacts *:after {
  box-sizing: border-box;
}

.ucc-m-customer-footer-contacts--small {
  max-width: 1066px;
}

.ucc-m-customer-footer-contacts-h {
  margin-bottom: 10px;
  font-size: 38px;
  text-align: center;
}

.ucc-m-customer-footer-contacts-sub {
  font-size: 18px;
  text-align: center;
}

.ucc-m-customer-footer-contacts-primary__emergency {
  padding: 0 1.5em;
  margin-top: 0.2em;
  text-align: center;
}

.ucc-m-customer-footer-contacts-primary__emergency__text {
  color: #e60012;
  font-size: 16px;
}

.ucc-m-customer-footer-contacts-primary__items {
  display: -ms-flexbox;
  display: flex;
  padding: 30px 0;
  border: 2px solid #d2d2d2;
  margin: 30px 0 80px 0;
}

.ucc-m-customer-footer-contacts-primary__item {
  position: relative;
  width: 33%;
  box-sizing: border-box;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  padding: 0 3%;
}

.ucc-m-customer-footer-contacts-primary__item + .ucc-m-customer-footer-contacts-primary__item:before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 1px;
  height: 100%;
  background-image: linear-gradient(to bottom, #d2d2d2, #d2d2d2 10px, transparent 10px);
  background-repeat: repeat-y;
  background-size: 1px 20px;
  content: "";
}

.ucc-m-customer-footer-contacts-primary__ttl {
  margin-bottom: 30px;
  font-size: 24px;
  line-height: 1;
  text-align: center;
  vertical-align: middle;
}

.ucc-m-customer-footer-contacts-primary__ttl:before {
  display: inline-block;
  width: 44px;
  height: 44px;
  margin-right: 10px;
  background-repeat: no-repeat;
  background-size: 44px;
  color: #e60012;
  content: "";
  vertical-align: middle;
}

.ucc-m-customer-footer-contacts-primary__item:nth-child(1) .ucc-m-customer-footer-contacts-primary__ttl:before {
  background-image: url("/dist/images/icn/tel-invert.svg");
}

.ucc-m-customer-footer-contacts-primary__item:nth-child(2) .ucc-m-customer-footer-contacts-primary__ttl:before {
  background-image: url("/dist/images/icn/contact-invert.svg");
}

.ucc-m-customer-footer-contacts-primary__item:nth-child(3) .ucc-m-customer-footer-contacts-primary__ttl:before {
  background-image: url("/dist/images/icn/post-invert.svg");
}

.ucc-m-customer-footer-contacts-primary__body .ucc-a-btn {
  display: inline-block;
  content: " ";
  line-height: 1;
  display: block;
  margin-bottom: 20px;
}

.ucc-m-customer-footer-contacts-primary__body .ucc-a-btn.has-blank span {
  padding: 7px 0;
}

.ucc-m-customer-footer-contacts-primary__body .ucc-a-btn.has-blank span::after {
  display: inline-block;
  content: " ";
  line-height: 1;
  width: 17px;
  height: 17px;
  background-image: url("/dist/images/icn/blank--white.svg");
}

.ucc-m-customer-footer-contacts-primary__free-dial {
  margin-bottom: 15px;
  font-size: 30px;
  line-height: 1;
  text-align: center;
  vertical-align: middle;
}

.ucc-m-customer-footer-contacts-primary__free-dial a {
  color: #333333;
  pointer-events: none;
  text-decoration: none;
}

.ucc-m-customer-footer-contacts-primary__free-dial a:before {
  display: inline-block;
  width: 30px;
  height: 20px;
  margin-right: 10px;
  background: url(/dist/images/icn/icn-free-dial.svg) left center no-repeat;
  background-size: 30px 20px;
  content: "";
}

.ucc-m-customer-footer-contacts-primary__phone-notice {
  font-size: 12px;
}

.ucc-m-customer-footer-contacts-primary__mail-notice {
  font-size: 12px;
}

.ucc-m-customer-footer-contacts-primary__address {
  font-size: 16px;
  text-align: center;
}

.ucc-m-customer-footer-contacts-secondary__ttl {
  margin-bottom: 10px;
  font-size: 24px;
  text-align: center;
}

.ucc-m-customer-footer-contacts-secondary__sub {
  margin-bottom: 20px;
  font-size: 18px;
  text-align: center;
}

.ucc-m-customer-footer-contacts-secondary__sub a {
  color: #e60012;
}

.ucc-m-customer-footer-contacts-secondary__items {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.ucc-m-customer-footer-contacts-secondary__item {
  font-family: "Noto Sans Japanese", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  font-weight: 300;
  color: #333333;
  font-feature-settings: "pkna";
  font-style: normal;
  font-weight: 400;
  line-height: 1.75;
  -webkit-text-size-adjust: 100%;
  font-size: 15px;
  display: -ms-flexbox;
  display: flex;
  width: 31.6666666667%;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 20px;
  border: 1px solid #d2d2d2;
  margin-bottom: 30px;
  margin-left: 2.5%;
}

.ucc-m-customer-footer-contacts-secondary__item * {
  box-sizing: border-box;
}

.ucc-m-customer-footer-contacts-secondary__item *:before,
.ucc-m-customer-footer-contacts-secondary__item *:after {
  box-sizing: border-box;
}

.ucc-m-customer-footer-contacts-secondary__item:nth-child(3n+1) {
  margin-left: 0;
}

.ucc-m-customer-footer-contacts-secondary__item__ttl {
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  margin-bottom: 5px;
  font-size: 18px;
  text-align: center;
}

.ucc-m-customer-footer-contacts-secondary__label {
  position: relative;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  margin-bottom: 10px;
  font-size: 16px;
  text-align: center;
}

.ucc-m-customer-footer-contacts-secondary__label:before {
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 1px;
  background: #d2d2d2;
  content: "";
}

.ucc-m-customer-footer-contacts-secondary__label span {
  position: relative;
  display: inline-block;
  padding: 0 10px;
  background: #FFFFFF;
}

.ucc-m-customer-footer-contacts-secondary__link {
  margin-bottom: 10px;
}

.ucc-m-customer-footer-contacts-secondary__link .ucc-a-btn {
  display: inline-block;
  content: " ";
  line-height: 1;
  display: block;
}

.ucc-m-customer-footer-contacts-secondary__link .ucc-a-btn.has-blank span {
  padding: 7px 0;
}

.ucc-m-customer-footer-contacts-secondary__link .ucc-a-btn.has-blank span::after {
  display: inline-block;
  content: " ";
  line-height: 1;
  width: 17px;
  height: 17px;
  background-image: url("/dist/images/icn/blank--white.svg");
}

.ucc-m-customer-footer-contacts-secondary__link .ucc-a-btn.has-caret span {
  padding: 7px 0;
}

.ucc-m-customer-footer-contacts-secondary__link .ucc-a-btn.has-caret span::after {
  display: inline-block;
  content: " ";
  line-height: 1;
  width: 20px;
  height: 20px;
  background-image: url("/dist/images/icn/caret--white.svg");
}

.ucc-m-customer-footer-contacts-secondary__info__free-dial {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  margin-bottom: 15px;
  font-size: 30px;
  text-align: center;
  vertical-align: middle;
}

.ucc-m-customer-footer-contacts-secondary__info__free-dial a {
  color: #333333;
  pointer-events: none;
  text-decoration: none;
}

.ucc-m-customer-footer-contacts-secondary__info__free-dial a:before {
  display: inline-block;
  width: 32px;
  height: 21px;
  margin-right: 15px;
  background: url(/dist/images/icn/icn-free-dial.svg) left center no-repeat;
  background-size: 32px 21px;
  content: "";
}

.ucc-m-customer-footer-contacts-secondary__info__contact-notice {
  margin-bottom: 15px;
  font-size: 16px;
  text-align: center;
}

.ucc-m-customer-footer-contacts-secondary__info__mail-notice {
  margin-top: -6px;
  margin-bottom: 15px;
  color: #e60012;
  font-size: 12px;
}

.ucc-m-customer-footer-links {
  font-family: "Noto Sans Japanese", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  font-weight: 300;
  color: #333333;
  font-feature-settings: "pkna";
  font-style: normal;
  font-weight: 400;
  line-height: 1.75;
  -webkit-text-size-adjust: 100%;
  font-size: 15px;
  padding: 60px 0 0;
}

.ucc-m-customer-footer-links * {
  box-sizing: border-box;
}

.ucc-m-customer-footer-links *:before,
.ucc-m-customer-footer-links *:after {
  box-sizing: border-box;
}

.ucc-m-customer-footer-links__container {
  font-family: "Noto Sans Japanese", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  font-weight: 300;
  color: #333333;
  font-feature-settings: "pkna";
  font-style: normal;
  font-weight: 400;
  line-height: 1.75;
  -webkit-text-size-adjust: 100%;
  font-size: 15px;
  width: 100%;
  max-width: 1240px;
  padding-right: 20px;
  padding-left: 20px;
  margin-right: auto;
  margin-left: auto;
  display: -ms-flexbox;
  display: flex;
}

.ucc-m-customer-footer-links__container * {
  box-sizing: border-box;
}

.ucc-m-customer-footer-links__container *:before,
.ucc-m-customer-footer-links__container *:after {
  box-sizing: border-box;
}

.ucc-m-customer-footer-links__container--small {
  max-width: 1066px;
}

.ucc-m-customer-footer-links__btn {
  font-size: 22px;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  width: 31.6666666667%;
  -ms-flex-align: center;
  align-items: center;
  padding: 20px 30px;
  border: 1px solid #eeeeee;
  line-height: 1.5;
}

.ucc-m-customer-footer-links__btn,
.ucc-m-customer-footer-links__btn:link,
.ucc-m-customer-footer-links__btn:visited,
.ucc-m-customer-footer-links__btn a:active,
.ucc-m-customer-footer-links__btn a:hover,
.ucc-m-customer-footer-links__btn a:focus {
  color: inherit;
  text-decoration: inherit;
}

.ucc-m-customer-footer-links__btn + .ucc-m-customer-footer-links__btn {
  margin-left: 2.5%;
}

.ucc-m-customer-footer-links__btn__inner {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-align: center;
  align-items: center;
}

.ucc-m-customer-footer-links__btn__inner:before {
  position: relative;
  z-index: 2;
  display: block;
  width: 50px;
  height: 80px;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  background-position: center center;
  background-repeat: no-repeat;
  content: "";
}

.ucc-m-customer-footer-links__btn__inner:after {
  position: relative;
  z-index: 2;
  display: block;
  width: 30px;
  height: 30px;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  background-image: url(/dist/images/icn/circle-arrow-right-invert.svg);
  background-position: center center;
  background-repeat: no-repeat;
  content: "";
}

.ucc-m-customer-footer-links__btn.factory .ucc-m-customer-footer-links__btn__inner:before {
  background-image: url(/dist/images/icn/icn-customer-factory.svg);
}

.ucc-m-customer-footer-links__btn.voice .ucc-m-customer-footer-links__btn__inner:before {
  background-image: url(/dist/images/icn/icn-customer-voice.svg);
}

.ucc-m-customer-footer-links__btn.sorry .ucc-m-customer-footer-links__btn__inner:before {
  background-image: url(/dist/images/icn/icn-customer-sorry.svg);
}

.ucc-m-customer-footer-links__btn__text {
  position: relative;
  z-index: 2;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 0 20px 0 25px;
}

.ucc-m-customer-footer-links__btn__ttl {
  display: block;
  margin-bottom: 10px;
  font-size: 24px;
  line-height: 1.5em;
}

.ucc-m-customer-footer-links__btn__desc {
  display: block;
  font-size: 16px;
}

html.no-touch .ucc-m-customer-footer-links__btn {
  transition-duration: 0.4s;
  transition-property: color;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}

html.no-touch .ucc-m-customer-footer-links__btn:after {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 0;
  height: 100%;
  background-color: #e60012;
  content: "";
  transition-duration: 0.4s;
  transition-property: width;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}

html.no-touch .ucc-m-customer-footer-links__btn:hover {
  color: #ffffff;
}

html.no-touch .ucc-m-customer-footer-links__btn:hover:after {
  width: 100%;
}

html.no-touch .ucc-m-customer-footer-links__btn:hover .ucc-m-footer-links__btn__content i {
  color: #ffffff;
}

html.no-touch .ucc-m-customer-footer-links__btn:hover__text {
  color: #ffffff;
}

.ucc-m-customer-footer-links__btn.factory:hover .ucc-m-customer-footer-links__btn__inner:before {
  background-image: url(/dist/images/icn/icn-customer-factory-invert.svg);
}

.ucc-m-customer-footer-links__btn.voice:hover .ucc-m-customer-footer-links__btn__inner:before {
  background-image: url(/dist/images/icn/icn-customer-voice-invert.svg);
}

.ucc-m-customer-footer-links__btn.sorry:hover .ucc-m-customer-footer-links__btn__inner:before {
  background-image: url(/dist/images/icn/icn-customer-sorry-invert.svg);
}

.ucc-m-customer-footer-links__btn:hover .ucc-m-customer-footer-links__btn__inner:after {
  background-image: url(/dist/images/icn/circle-arrow-right-white.svg);
}

.ucc-m-customer-header-search {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}

.ucc-m-customer-header-search form {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}

.ucc-m-customer-header-search__input {
  font-family: "Noto Sans Japanese", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  font-weight: 300;
  color: #333333;
  font-feature-settings: "pkna";
  font-style: normal;
  font-weight: 400;
  line-height: 1.75;
  -webkit-text-size-adjust: 100%;
  font-size: 15px;
  display: -ms-flexbox;
  display: flex;
  width: 55%;
  height: 48px;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 10px;
  border: 2px solid #d2d2d2;
  background: #f7f7f7;
}

.ucc-m-customer-header-search__input * {
  box-sizing: border-box;
}

.ucc-m-customer-header-search__input *:before,
.ucc-m-customer-header-search__input *:after {
  box-sizing: border-box;
}

.ucc-m-customer-header-search__input input {
  width: 100%;
  -moz-appearance: none;
  appearance: none;
  background: none;
  font-size: 16px;
  outline: none;
}

.ucc-m-customer-header-search__submit {
  width: 15%;
}

.ucc-m-customer-header-search__submit input[type=submit],
.ucc-m-customer-header-search__submit input[type=button] {
  box-sizing: border-box;
  border: none;
  -moz-appearance: button;
  appearance: button;
  border-radius: 0;
}

.ucc-m-customer-header-search__submit input[type=submit]::-webkit-search-decoration,
.ucc-m-customer-header-search__submit input[type=button]::-webkit-search-decoration {
  display: none;
}

.ucc-m-customer-header-search__submit input[type=submit]::focus,
.ucc-m-customer-header-search__submit input[type=button]::focus {
  outline-offset: -2px;
}

.ucc-m-customer-header-search__submit input[type=submit],
.ucc-m-customer-header-search__submit button {
  width: 100%;
  height: 48px;
  font-size: 16px;
  line-height: 1;
}

.ucc-m-customer-header-search__submit input[type=submit] span,
.ucc-m-customer-header-search__submit button span {
  position: relative;
}

.ucc-m-search-filter__toggle-btn {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  width: 160px;
  height: 48px;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 35px 0 15px;
  border: 2px solid #d2d2d2;
  margin-left: 20px;
  border-radius: 24px;
  cursor: pointer;
}

.ucc-m-search-filter__toggle-btn:after {
  display: inline-block;
  content: " ";
  line-height: 1;
  position: absolute;
  top: 50%;
  right: 10px;
  width: 20px;
  height: 20px;
  background-image: url("/dist/images/icn/circle-arrow-right-invert.svg");
  transform: translateY(-50%) rotateZ(90deg);
}

.ucc-m-search-filter {
  font-family: "Noto Sans Japanese", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  font-weight: 300;
  color: #333333;
  font-feature-settings: "pkna";
  font-style: normal;
  font-weight: 400;
  line-height: 1.75;
  -webkit-text-size-adjust: 100%;
  font-size: 15px;
  width: 100%;
  max-width: 1240px;
  padding-right: 20px;
  padding-left: 20px;
  margin-right: auto;
  margin-left: auto;
  position: absolute;
  top: 85px;
  right: 0;
  padding-top: 15px;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s;
}

.ucc-m-search-filter * {
  box-sizing: border-box;
}

.ucc-m-search-filter *:before,
.ucc-m-search-filter *:after {
  box-sizing: border-box;
}

.ucc-m-search-filter--small {
  max-width: 1066px;
}

.ucc-m-search-filter.open {
  height: auto;
  opacity: 1;
  pointer-events: auto;
}

.ucc-m-customer-header {
  position: relative;
  z-index: 8999;
  border-bottom: 1px solid #eeeeee;
  background: #FFFFFF;
}

.ucc-m-customer-header__inner {
  font-family: "Noto Sans Japanese", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  font-weight: 300;
  color: #333333;
  font-feature-settings: "pkna";
  font-style: normal;
  font-weight: 400;
  line-height: 1.75;
  -webkit-text-size-adjust: 100%;
  font-size: 15px;
  width: 100%;
  max-width: 1240px;
  padding-right: 20px;
  padding-left: 20px;
  margin-right: auto;
  margin-left: auto;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  height: 122px;
  -ms-flex-align: center;
  align-items: center;
}

.ucc-m-customer-header__inner * {
  box-sizing: border-box;
}

.ucc-m-customer-header__inner *:before,
.ucc-m-customer-header__inner *:after {
  box-sizing: border-box;
}

.ucc-m-customer-header__inner--small {
  max-width: 1066px;
}

.ucc-m-customer-header__ttl {
  display: -ms-flexbox;
  display: flex;
  width: 30%;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 4.1666666667%;
}

.ucc-m-customer-header__ttl a {
  color: #333333;
  text-decoration: none;
  transition: opacity 0.5s;
}

.ucc-m-customer-header__ttl a :hover {
  opacity: 0.8;
}

.ucc-m-customer-header__h {
  display: block;
  color: #333333 !important;
  text-decoration: none !important;
}

.ucc-m-customer-header__h:hover {
  color: #333333;
}

.ucc-m-customer-header__h .ucc-a-h--h1 {
  font-size: 32px;
}

.ucc-m-customer-header__image {
  height: 122px;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  margin-left: 11.1111111111%;
  line-height: 122px;
}

.ucc-m-customer-header__image img {
  vertical-align: bottom;
}

.ucc-m-customer-header__contact {
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  margin-right: 2.5%;
  text-align: center;
}

.ucc-m-customer-header__contact a {
  display: block;
}

.ucc-m-customer-header__contact a,
.ucc-m-customer-header__contact a:link,
.ucc-m-customer-header__contact a:visited,
.ucc-m-customer-header__contact a a:active,
.ucc-m-customer-header__contact a a:hover,
.ucc-m-customer-header__contact a a:focus {
  color: inherit;
  text-decoration: inherit;
}

.ucc-m-customer-header__contact a:before {
  display: block;
  width: 40px;
  height: 40px;
  margin: 0 auto 5px auto;
  background: url(/dist/images/icn/icn-contact.svg) left center no-repeat;
  content: "";
}

.ucc-m-h-sec.ucc-p-customer-home__faq-sec {
  font-family: "Noto Sans Japanese", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  font-weight: 300;
  color: #333333;
  font-feature-settings: "pkna";
  font-style: normal;
  font-weight: 400;
  line-height: 1.75;
  -webkit-text-size-adjust: 100%;
  font-size: 15px;
  padding-bottom: 1px;
}

.ucc-m-h-sec.ucc-p-customer-home__faq-sec * {
  box-sizing: border-box;
}

.ucc-m-h-sec.ucc-p-customer-home__faq-sec *:before,
.ucc-m-h-sec.ucc-p-customer-home__faq-sec *:after {
  box-sizing: border-box;
}

.ucc-p-customer-home__faq-sec .ucc-m-sec__header {
  width: 100%;
  max-width: 1240px;
  padding-right: 20px;
  padding-left: 20px;
  margin-right: auto;
  margin-left: auto;
}

.ucc-p-customer-home__faq-sec .ucc-m-sec__header--small {
  max-width: 1066px;
}

.ucc-p-customer-home__faq-sec .ucc-m-sec__header:before {
  display: inline-block;
  width: 50px;
  height: 50px;
  margin-right: 15px;
  background: url(/dist/images/icn/icn-q_and_a.svg) left center no-repeat;
  content: "";
  vertical-align: middle;
}

.ucc-p-customer-home__faq-sec .ucc-p-faq-h {
  display: inline-block;
  font-size: 38px;
  vertical-align: middle;
}

.ucc-p-customer-home-faq .ucc-m-customer-home-faq__block {
  margin-bottom: 40px;
}

.ucc-p-customer-home-faq .ucc-m-faq-block_h {
  padding-bottom: 20px;
  border-bottom: 2px solid #d2d2d2;
  margin-bottom: 29px;
  font-size: 24px;
}

.ucc-m-faq-recent .swiper-slide {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.ucc-m-faq-recent__item {
  position: relative;
  width: 24%;
  min-height: 100px;
}

.ucc-m-faq-recent__item + .ucc-m-faq-recent__item {
  margin-left: 1.3333333333%;
}

.ucc-m-faq-recent__item a {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  -ms-flex-align: center;
  align-items: center;
  padding: 20px;
  border: 1px solid #d2d2d2;
  background: #ffffff;
}

.ucc-m-faq-recent__item a,
.ucc-m-faq-recent__item a:link,
.ucc-m-faq-recent__item a:visited,
.ucc-m-faq-recent__item a a:active,
.ucc-m-faq-recent__item a a:hover,
.ucc-m-faq-recent__item a a:focus {
  color: inherit;
  text-decoration: inherit;
}

.ucc-m-faq-recent__item a:hover {
  color: #e60012;
}

.ucc-m-faq-recent__item a span {
  display: inline-block;
  padding-right: 25px;
  font-size: 14px;
  text-decoration: none;
}

.ucc-m-faq-recent__item a:after {
  display: inline-block;
  content: "\e012";
  font-family: "ucc";
  font-size: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  line-height: 1;
  text-rendering: auto;
  position: absolute;
  top: 50%;
  right: 0;
  margin-right: 20px;
  color: #e60012;
  font-size: 20px;
  transform: translateY(-50%);
}

.ucc-m-faq-category__items {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.ucc-m-faq-category__item {
  width: 18%;
  margin-bottom: 15px;
  text-align: center;
}

.ucc-m-faq-category__item,
.ucc-m-faq-category__item:link,
.ucc-m-faq-category__item:visited,
.ucc-m-faq-category__item a:active,
.ucc-m-faq-category__item a:hover,
.ucc-m-faq-category__item a:focus {
  color: inherit;
  text-decoration: inherit;
}

.ucc-m-faq-category__thumb {
  display: block;
  border: 1px solid #d2d2d2;
  margin-bottom: 10px;
  background: #ffffff;
}

.ucc-m-faq-category__thumb img {
  width: 100%;
  height: auto;
}

.ucc-m-faq-category__label {
  display: block;
  font-size: 18px;
}

.ucc-m-faq-purpose__items {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.ucc-m-faq-purpose__item {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  width: 23.5%;
  height: 100px;
  -ms-flex-align: center;
  align-items: center;
  padding: 20px;
  border: 1px solid #d2d2d2;
  margin-right: 2%;
  margin-bottom: 2%;
  background: #ffffff;
}

.ucc-m-faq-purpose__item,
.ucc-m-faq-purpose__item:link,
.ucc-m-faq-purpose__item:visited,
.ucc-m-faq-purpose__item a:active,
.ucc-m-faq-purpose__item a:hover,
.ucc-m-faq-purpose__item a:focus {
  color: inherit;
  text-decoration: inherit;
}

.ucc-m-faq-purpose__item:nth-child(4n) {
  margin-right: 0;
}

.ucc-m-faq-purpose__item:hover {
  color: #e60012;
}

.ucc-m-faq-purpose__item span {
  display: inline-block;
}

.ucc-m-faq-purpose__item .icon {
  max-width: 38px;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  margin-right: 10px;
}

.ucc-m-faq-purpose__item .label {
  padding-right: 25px;
  font-size: 14px;
  text-decoration: none;
}

.ucc-m-faq-purpose__item:after {
  display: inline-block;
  content: "\e012";
  font-family: "ucc";
  font-size: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  line-height: 1;
  text-rendering: auto;
  position: absolute;
  top: 50%;
  right: 0;
  margin-right: 20px;
  color: #e60012;
  font-size: 20px;
  transform: translateY(-50%);
}

.ucc-p-customer-home__information {
  margin: 20px auto 50px;
}

.ucc-m-customer-improvement-list {
  font-family: "Noto Sans Japanese", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  font-weight: 300;
  color: #333333;
  font-feature-settings: "pkna";
  font-style: normal;
  font-weight: 400;
  line-height: 1.75;
  -webkit-text-size-adjust: 100%;
  font-size: 15px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.ucc-m-customer-improvement-list * {
  box-sizing: border-box;
}

.ucc-m-customer-improvement-list *:before,
.ucc-m-customer-improvement-list *:after {
  box-sizing: border-box;
}

.ucc-m-customer-improvement-list .ucc-m-improvement-list__item {
  width: 48.75%;
  margin-bottom: 30px;
  margin-left: 2.5%;
}

.ucc-m-customer-improvement-list .ucc-m-improvement-list__item:nth-child(2n+1) {
  margin-left: 0;
}

.ucc-m-customer-improvement-list .ucc-m-improvement-list__item a {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  padding: 20px;
  background: #f7f7f7;
}

.ucc-m-customer-improvement-list .ucc-m-improvement-list__item a,
.ucc-m-customer-improvement-list .ucc-m-improvement-list__item a:link,
.ucc-m-customer-improvement-list .ucc-m-improvement-list__item a:visited,
.ucc-m-customer-improvement-list .ucc-m-improvement-list__item a a:active,
.ucc-m-customer-improvement-list .ucc-m-improvement-list__item a a:hover,
.ucc-m-customer-improvement-list .ucc-m-improvement-list__item a a:focus {
  color: inherit;
  text-decoration: inherit;
}

.ucc-m-customer-improvement-list .ucc-m-improvement-list__item a:after {
  display: inline-block;
  content: "\e012";
  font-family: "ucc";
  font-size: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  line-height: 1;
  text-rendering: auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  padding-left: 30px;
  color: #e60012;
  font-size: 30px;
}

.ucc-m-customer-improvement-list .ucc-m-improvement-list__item__thumb {
  width: 23.9316239316%;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  margin-right: 20px;
}

.ucc-m-customer-improvement-list .ucc-m-improvement-list__item__thumb img {
  width: 100%;
  height: auto;
}

.ucc-m-customer-improvement-list .ucc-m-improvement-list__item__ttl {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  font-size: 18px;
  text-align: left;
}

.ucc-m-customer-improvement-report .ucc-m-improvement-report__ttl {
  width: 100%;
  max-width: 1200px;
  box-sizing: border-box;
  padding: 30px;
  margin: 0 auto 60px auto;
  background: #f2ecde;
  font-size: 28px;
  text-align: center;
}

.ucc-m-customer-improvement-report .ucc-m-improvement-report-body {
  width: 100%;
  max-width: 880px;
  margin: 0 auto 60px auto;
}

.ucc-m-customer-improvement-report .ucc-m-improvement-report__voice {
  position: relative;
  min-height: 190px;
  padding: 25px 47px 54px 240px;
  margin-bottom: 35px;
  background: #efefef;
}

.ucc-m-customer-improvement-report .ucc-m-improvement-report__voice:before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 60px;
  display: block;
  width: 114px;
  height: 157px;
  margin: auto;
  background: url(/dist/images/img/img-improvement-customer-voice1.svg) left center no-repeat;
  content: "";
}

.ucc-m-customer-improvement-report .ucc-m-improvement-report__voice.type_a:before {
  background-image: url(/dist/images/img/img-improvement-customer-voice1.svg);
}

.ucc-m-customer-improvement-report .ucc-m-improvement-report__voice.type_b:before {
  background-image: url(/dist/images/img/img-improvement-customer-voice2.svg);
}

.ucc-m-customer-improvement-report .ucc-m-improvement-report__voice.type_c:before {
  background-image: url(/dist/images/img/img-improvement-customer-voice3.svg);
}

.ucc-m-customer-improvement-report .ucc-m-improvement-report__voice p {
  position: relative;
  box-sizing: border-box;
  padding: 40px 35px;
  background: #FFFFFF;
  border-radius: 10px;
  font-size: 20px;
}

.ucc-m-customer-improvement-report .ucc-m-improvement-report__voice p:before {
  position: absolute;
  top: 50%;
  left: -10px;
  display: block;
  width: 21px;
  height: 20px;
  margin-top: -10px;
  background: #ffffff;
  content: "";
  transform: rotateZ(-35deg) skewX(20deg);
}

.ucc-m-customer-improvement-report .ucc-m-improvement-report__result {
  position: relative;
  box-sizing: border-box;
  padding: 50px 35px 0;
  border: 4px solid #e60012;
}

.ucc-m-customer-improvement-report .ucc-m-improvement-report__result:before {
  position: absolute;
  top: -70px;
  right: 0;
  left: 0;
  display: block;
  width: 191px;
  height: 100px;
  margin: 0 auto;
  background: url(/dist/images/img/img-improvement-triangle-down.svg) center top no-repeat;
  background-size: 191px 100px;
  content: "";
}

.ucc-m-customer-improvement-report .ucc-m-improvement-report__result__text {
  margin-bottom: 40px;
  font-size: 20px;
}

.ucc-m-customer-improvement-report .ucc-m-improvement-report__result__example {
  width: 100%;
  margin: 0 auto 40px;
}

.ucc-m-customer-improvement-report .ucc-m-improvement-report__result__image {
  margin-bottom: 24px;
  text-align: center;
}

.ucc-m-customer-improvement-report .ucc-m-improvement-report__result__image img {
  width: auto;
  max-width: 100%;
  height: auto;
}

.ucc-m-customer-improvement-report .ucc-m-improvement-report__result__comment {
  position: relative;
  padding: 18px 18px 18px 60px;
  background: #f7f7f7;
  font-size: 16px;
}

.ucc-m-customer-improvement-report .ucc-m-improvement-report__result__comment:before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 10px;
  display: block;
  width: 36px;
  height: 35px;
  margin: auto 0;
  background: url(/dist/images/icn/icn-light.svg) left center no-repeat;
  content: "";
}

.ucc-p-customer-search-faq__primary .ucc-m-faq-page__title {
  letter-spacing: 0.1em;
}

.ucc-p-customer-search-faq__primary .ucc-m-faq-page__title__inputtext--01 {
  display: inline-block;
  margin-right: 0.2em;
  font-size: 28px;
}

.ucc-p-customer-search-faq__primary .ucc-m-faq-page__title__inputtext--02 {
  display: inline-block;
  margin-right: 0.2em;
  margin-left: 0.2em;
  font-size: 24px;
}

.ucc-p-customer-search-faq__primary .ucc-m-faq-list-paginate {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 40px 0 0;
  margin: 0 auto;
}

.ucc-p-customer-search-faq__primary .ucc-m-faq-list-paginate__prev a,
.ucc-p-customer-search-faq__primary .ucc-m-faq-list-paginate__prev a:link,
.ucc-p-customer-search-faq__primary .ucc-m-faq-list-paginate__prev a:visited,
.ucc-p-customer-search-faq__primary .ucc-m-faq-list-paginate__prev a a:active,
.ucc-p-customer-search-faq__primary .ucc-m-faq-list-paginate__prev a a:hover,
.ucc-p-customer-search-faq__primary .ucc-m-faq-list-paginate__prev a a:focus,
.ucc-p-customer-search-faq__primary .ucc-m-faq-list-paginate__next a,
.ucc-p-customer-search-faq__primary .ucc-m-faq-list-paginate__next a:link,
.ucc-p-customer-search-faq__primary .ucc-m-faq-list-paginate__next a:visited,
.ucc-p-customer-search-faq__primary .ucc-m-faq-list-paginate__next a a:active,
.ucc-p-customer-search-faq__primary .ucc-m-faq-list-paginate__next a a:hover,
.ucc-p-customer-search-faq__primary .ucc-m-faq-list-paginate__next a a:focus,
.ucc-p-customer-search-faq__primary .ucc-m-faq-list-paginate__items a,
.ucc-p-customer-search-faq__primary .ucc-m-faq-list-paginate__items a:link,
.ucc-p-customer-search-faq__primary .ucc-m-faq-list-paginate__items a:visited,
.ucc-p-customer-search-faq__primary .ucc-m-faq-list-paginate__items a a:active,
.ucc-p-customer-search-faq__primary .ucc-m-faq-list-paginate__items a a:hover,
.ucc-p-customer-search-faq__primary .ucc-m-faq-list-paginate__items a a:focus {
  color: inherit;
  text-decoration: inherit;
}

.ucc-p-customer-search-faq__primary .ucc-m-faq-list-paginate__prev,
.ucc-p-customer-search-faq__primary .ucc-m-faq-list-paginate__next {
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  font-size: 14px;
}

.ucc-p-customer-search-faq__primary .ucc-m-faq-list-paginate__prev {
  margin-right: 15px;
}

.ucc-p-customer-search-faq__primary .ucc-m-faq-list-paginate__next {
  margin-left: 15px;
}

.ucc-p-customer-search-faq__primary .ucc-m-faq-list-paginate__items {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.ucc-p-customer-search-faq__primary .ucc-m-faq-list-paginate__item {
  width: 32px;
  height: 32px;
  margin: 0 20px;
  background: #f7f7f7;
  border-radius: 16px;
  font-size: 16px;
  line-height: 32px;
  text-align: center;
}

.ucc-p-customer-search-faq__primary .ucc-m-faq-list-paginate__item:hover,
.ucc-p-customer-search-faq__primary .ucc-m-faq-list-paginate__item.current {
  background: #e60012;
  color: #ffffff;
}

.ucc-p-customer-search-faq__primary .ucc-m-faq-list__container {
  padding: 40px 0;
}

.ucc-p-customer-search-faq__primary .ucc-m-faq-list__item {
  border-bottom: 1px solid #d2d2d2;
}

.ucc-p-customer-search-faq__primary .ucc-m-faq-list__item a {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  padding: 25px 20px;
}

.ucc-p-customer-search-faq__primary .ucc-m-faq-list__item a,
.ucc-p-customer-search-faq__primary .ucc-m-faq-list__item a:link,
.ucc-p-customer-search-faq__primary .ucc-m-faq-list__item a:visited,
.ucc-p-customer-search-faq__primary .ucc-m-faq-list__item a a:active,
.ucc-p-customer-search-faq__primary .ucc-m-faq-list__item a a:hover,
.ucc-p-customer-search-faq__primary .ucc-m-faq-list__item a a:focus {
  color: inherit;
  text-decoration: inherit;
}

.ucc-p-customer-search-faq__primary .ucc-m-faq-list__item a:hover {
  color: #e60012;
}

.ucc-p-customer-search-faq__primary .ucc-m-faq-list__item a:before {
  display: inline-block;
  width: 40px;
  height: 42px;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  margin-right: 15px;
  background: url(/dist/images/icn/icn-q-balloon.svg) left center no-repeat;
  content: "";
}

.ucc-p-customer-search-faq__primary .ucc-m-faq-list__item a span {
  font-size: 20px;
}

.ucc-p-customer-search-faq__secondary .ucc-m-faq-category-links__ttl {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 25px;
  font-size: 20px;
}

.ucc-p-customer-search-faq__secondary .ucc-m-faq-category-links__ttl:before {
  display: inline-block;
  width: 50px;
  height: 50px;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  margin-right: 15px;
  background: url(/dist/images/icn/icn-q_and_a.svg) left center no-repeat;
  content: "";
}

.ucc-p-customer-search-faq__secondary .ucc-m-faq-category-links__group {
  box-sizing: border-box;
  border: 2px solid #eeeeee;
  margin-bottom: 20px;
}

.ucc-p-customer-search-faq__secondary .ucc-m-faq-category-links__group__ttl {
  padding: 15px 25px;
  background: #eeeeee;
  font-size: 20px;
}

.ucc-p-customer-search-faq__secondary .ucc-m-faq-category-links__items {
  padding: 0 20px;
}

.ucc-p-customer-search-faq__secondary .ucc-m-faq-category-links__item {
  border-bottom: 2px dashed #eeeeee;
}

.ucc-p-customer-search-faq__secondary .ucc-m-faq-category-links__item:last-child {
  border-bottom: none;
}

.ucc-p-customer-search-faq__secondary .ucc-m-faq-category-links__item span {
  display: inline-block;
  padding: 16px 0;
  color: #e60012;
  font-size: 16px;
}

.ucc-p-customer-search-faq__secondary .ucc-m-faq-category-links__item a {
  position: relative;
  display: inline-block;
  width: 100%;
  padding: 16px 30px 16px 0;
  font-size: 16px;
}

.ucc-p-customer-search-faq__secondary .ucc-m-faq-category-links__item a,
.ucc-p-customer-search-faq__secondary .ucc-m-faq-category-links__item a:link,
.ucc-p-customer-search-faq__secondary .ucc-m-faq-category-links__item a:visited,
.ucc-p-customer-search-faq__secondary .ucc-m-faq-category-links__item a a:active,
.ucc-p-customer-search-faq__secondary .ucc-m-faq-category-links__item a a:hover,
.ucc-p-customer-search-faq__secondary .ucc-m-faq-category-links__item a a:focus {
  color: inherit;
  text-decoration: inherit;
}

.ucc-p-customer-search-faq__secondary .ucc-m-faq-category-links__item a:after {
  display: inline-block;
  content: "\e007";
  font-family: "ucc";
  font-size: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  line-height: 1;
  text-rendering: auto;
  position: absolute;
  top: 50%;
  right: 0;
  color: #e60012;
  font-size: 20px;
  transform: translateY(-50%);
}

.ucc-p-customer-search-faq__secondary .ucc-m-customer-utility-links__item {
  margin-bottom: 20px;
}

.ucc-p-customer-search-faq__secondary .ucc-m-customer-utility-links__btn {
  font-size: 22px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  padding: 20px 30px;
  border: 1px solid #d2d2d2;
}

.ucc-p-customer-search-faq__secondary .ucc-m-customer-utility-links__btn,
.ucc-p-customer-search-faq__secondary .ucc-m-customer-utility-links__btn:link,
.ucc-p-customer-search-faq__secondary .ucc-m-customer-utility-links__btn:visited,
.ucc-p-customer-search-faq__secondary .ucc-m-customer-utility-links__btn a:active,
.ucc-p-customer-search-faq__secondary .ucc-m-customer-utility-links__btn a:hover,
.ucc-p-customer-search-faq__secondary .ucc-m-customer-utility-links__btn a:focus {
  color: inherit;
  text-decoration: inherit;
}

.ucc-p-customer-search-faq__secondary .ucc-m-customer-utility-links__btn:before {
  position: relative;
  z-index: 2;
  display: block;
  width: 50px;
  height: 80px;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  margin-right: 20px;
  background-position: center center;
  background-repeat: no-repeat;
  content: "";
}

.ucc-p-customer-search-faq__secondary .ucc-m-customer-utility-links__btn.factory:before {
  background-image: url(/dist/images/icn/icn-customer-factory.svg);
}

.ucc-p-customer-search-faq__secondary .ucc-m-customer-utility-links__btn.voice:before {
  background-image: url(/dist/images/icn/icn-customer-voice.svg);
}

.ucc-p-customer-search-faq__secondary .ucc-m-customer-utility-links__btn.sorry:before {
  background-image: url(/dist/images/icn/icn-customer-sorry.svg);
}

.ucc-m-search-filter-dropdown {
  padding: 25px;
  border: 2px solid #d2d2d2;
  background: #ffffff;
}

.ucc-m-search-filter-dropdown:before,
.ucc-m-search-filter-dropdown:after {
  position: absolute;
  top: 6px;
  right: 120px;
  display: block;
  width: 21px;
  height: 20px;
  background: #ffffff;
  content: "";
  transform: rotateZ(55deg) skewX(20deg);
}

.ucc-m-search-filter-dropdown:before {
  z-index: -1;
  border: 2px solid #d2d2d2;
}

.ucc-m-search-filter-dropdown:after {
  border: 2px solid transparent;
  background-clip: content-box;
}

.ucc-m-search-filter-group {
  display: -ms-flexbox;
  display: flex;
  padding: 20px 10px 0;
  border-top: 2px dashed #d2d2d2;
}

.ucc-m-search-filter-group:first-child {
  padding-top: 0;
  border-top: none;
}

.ucc-m-search-filter-group__ttl {
  width: 220px;
  font-size: 18px;
}

.ucc-m-search-filter-group .ucc-m-search-filter__items {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
}

.ucc-m-search-filter-group .ucc-m-search-filter__items li {
  width: 20%;
  padding-bottom: 15px;
}

.ucc-m-search-filter-group .ucc-m-search-filter__items li label {
  position: relative;
}

.ucc-m-search-filter-group .ucc-m-search-filter__items li label input {
  position: absolute;
  visibility: hidden;
}

.ucc-m-search-filter-group .ucc-m-search-filter__items li label span {
  font-size: 14px;
}

.ucc-m-search-filter-group .ucc-m-search-filter__items li label span:before {
  display: inline-block;
  content: " ";
  line-height: 1;
  position: absolute;
  top: 50%;
  left: -22px;
  width: 18px;
  height: 18px;
  background-image: url("/dist/images/icn/icn-cb-off.svg");
  background-repeat: no-repeat;
  transform: translateY(-50%);
}

.ucc-m-search-filter-group .ucc-m-search-filter__items li label input:checked + span:before {
  display: inline-block;
  content: " ";
  line-height: 1;
  position: absolute;
  top: 50%;
  left: -22px;
  width: 18px;
  height: 18px;
  background-image: url("/dist/images/icn/icn-cb-on.svg");
  background-repeat: none;
  transform: translateY(-50%);
}

.ucc-m-search-filter-submit {
  text-align: center;
}

.ucc-m-search-filter-submit input,
.ucc-m-search-filter-submit button {
  width: 100px;
  height: 56px;
  margin: 0 10px;
  -moz-appearance: none;
  appearance: none;
  font-size: 16px;
  outline: none;
}

.ucc-m-search-filter-submit button {
  border: 2px solid #d2d2d2;
  background: #ffffff;
}

.ucc-m-customer-search-results {
  margin: 60px 0;
}

.ucc-m-customer-search-results__item {
  border-bottom: 1px solid #c9c9c9;
  margin: 0 0 5px;
}

.ucc-m-customer-search-results__item a {
  color: #333333;
  text-decoration: none;
}

.ucc-m-customer-search-results__item a:hover {
  color: #e60012;
}

.ucc-m-customer-search-results__item__area {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: stretch;
  align-items: stretch;
  padding: 20px 0 22px;
  transition: 0.3s;
}

.ucc-m-customer-search-results__item__area__caption {
  position: relative;
  width: 100%;
}

.ucc-m-customer-search-results__item__area__caption::before {
  position: absolute;
  top: 0;
  bottom: 0;
  display: block;
  width: 40px;
  height: 42px;
  margin: auto 0;
  background-image: url(/dist/images/icn/_icon-faq-question.png);
  background-position: center center;
  background-repeat: no-repeat;
  content: " ";
}

.ucc-m-customer-search-results__item__area__caption__h {
  margin-left: 60px;
  font-size: 18px;
}

.ucc-m-exh-header {
  font-family: "Noto Sans Japanese", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  font-weight: 300;
  color: #333333;
  font-feature-settings: "pkna";
  font-style: normal;
  font-weight: 400;
  line-height: 1.75;
  -webkit-text-size-adjust: 100%;
  font-size: 15px;
  min-height: 280px;
}

.ucc-m-exh-header * {
  box-sizing: border-box;
}

.ucc-m-exh-header *:before,
.ucc-m-exh-header *:after {
  box-sizing: border-box;
}

.ucc-m-exh-header__container {
  display: table;
  width: 100%;
  height: 280px;
  table-layout: fixed;
}

.ucc-m-exh-header__inner {
  display: table-row;
}

.ucc-m-exh-header__fig,
.ucc-m-exh-header__caption {
  display: table-cell;
  vertical-align: top;
}

.ucc-m-exh-header__fig .ucc-a-bg-img {
  height: 100%;
}

.ucc-m-exh-header__caption {
  padding: 30px;
  background-color: #f2ecde;
}

.ucc-m-exh-header__logo {
  display: inline-block;
  vertical-align: bottom;
}

.ucc-m-exh-header__logo img {
  width: 94px;
  height: 36px;
}

.ucc-m-exh-header__title {
  display: inline-block;
}

.ucc-m-exh-header__title__lead {
  display: block;
  color: #e60012;
  font-size: 16px;
}

.ucc-m-exh-header__h {
  display: inline-block;
  margin-left: 10px;
  line-height: 1;
  vertical-align: bottom;
}

.ucc-m-exh-header__lead {
  margin-top: 15px;
}

.ucc-m-exh-header__btns {
  margin-top: 25px;
}

.ucc-m-exh-header__btns .ucc-a-btn {
  width: 180px;
}

.ucc-m-exh-header__btns .ucc-a-btn + .ucc-a-btn {
  margin-left: 15px;
}

.ucc-m-fig-set {
  *zoom: 1;
}

.ucc-m-fig-set:before,
.ucc-m-fig-set:after {
  display: table;
  content: "";
}

.ucc-m-fig-set:after {
  clear: both;
}

.ucc-m-fig-set__fig {
  width: 33.3333333333%;
  float: right;
}

.ucc-m-fig-set__fig img {
  width: 100%;
  height: auto;
}

.ucc-m-fig-set__txt {
  width: 62.962962963%;
  float: left;
}

.ucc-m-fig-set__txt > * {
  margin-top: 1.5em;
}

.ucc-m-fig-set__txt > *:first-child {
  margin-top: 0;
}

.ucc-m-fig-set.is-left .ucc-m-fig-set__fig {
  float: left;
}

.ucc-m-fig-set.is-left .ucc-m-fig-set__txt {
  float: right;
}

.ucc-m-figs {
  *zoom: 1;
}

.ucc-m-figs:before,
.ucc-m-figs:after {
  display: table;
  content: "";
}

.ucc-m-figs:after {
  clear: both;
}

.ucc-m-figs__item .ucc-a-round-btn {
  width: 100%;
}

.ucc-m-figs__item .ucc-a-round-btn > span {
  padding-right: 40px;
  padding-left: 40px;
  white-space: normal;
}

.ucc-m-figs__item figure {
  margin-top: 0;
}

.ucc-m-figs__item figure > p {
  margin-top: 20px;
}

.ucc-m-figs--2 .ucc-m-figs__item {
  width: 48.6111111111%;
  margin-left: 2.7777777778%;
  float: left;
}

.ucc-m-figs--2 .ucc-m-figs__item:nth-child(2n+1) {
  margin-left: 0;
}

.ucc-m-figs--2 .ucc-m-figs__item:nth-child(n+3) {
  margin-top: 30px;
}

.ucc-m-figs--3 .ucc-m-figs__item {
  width: 32.2222222222%;
  margin-left: 1.6666666667%;
  float: left;
}

.ucc-m-figs--3 .ucc-m-figs__item:nth-child(3n+1) {
  margin-left: 0;
}

.ucc-m-figs--3 .ucc-m-figs__item:nth-child(n+4) {
  margin-top: 30px;
}

.ucc-m-fixed-banner {
  position: fixed;
  bottom: 0;
  right: 0;
  display: block;
  width: 100%;
  z-index: 1000;
  transition: transform 0.25s cubic-bezier(0.77, 0, 0.175, 1);
}

.ucc-m-fixed-banner img {
  width: 100%;
  height: auto;
}

.ucc-m-flavor {
  padding: 20px 0;
  border: 1px solid #d2d2d2;
}

.ucc-m-flavor__container {
  display: table;
  width: 100%;
}

.ucc-m-flavor__inner {
  display: table-row;
}

.ucc-m-flavor__h,
.ucc-m-flavor__body {
  display: table-cell;
  vertical-align: middle;
}

.ucc-m-flavor__h {
  padding: 0 30px;
  white-space: nowrap;
}

.ucc-m-flavor__body {
  width: 100%;
  padding-right: 4.7393364929%;
  padding-left: 4.7393364929%;
  border-left: 1px solid #d2d2d2;
}

.ucc-m-flavor__list {
  width: 100%;
  line-height: 2;
  font-size: 13px;
}

.ucc-m-flavor__list th,
.ucc-m-flavor__list td {
  vertical-align: middle;
}

.ucc-m-flavor__list th {
  text-align: left;
}

.ucc-m-flavor__list__h {
  width: 100%;
}

.ucc-m-flavor__list__h > span {
  display: table;
  width: 100%;
}

.ucc-m-flavor__list__h > span > span {
  display: table-cell;
  vertical-align: middle;
}

.ucc-m-flavor__list__h__main {
  white-space: nowrap;
}

.ucc-m-flavor__list__h__bar {
  position: relative;
  width: 100%;
  min-width: 30px;
}

.ucc-m-flavor__list__h__bar:after {
  display: block;
  width: 46.1538461538%;
  height: 0;
  border-top: 1px dashed #d2d2d2;
  margin-right: auto;
  margin-left: auto;
  content: "";
}

.ucc-m-flavor__list__point {
  width: 150px;
}

.ucc-m-flavor__list__week,
.ucc-m-flavor__list__strong {
  width: 10.593220339%;
}

.ucc-m-flavor__list__strong {
  text-align: right;
}

.ucc-m-flavor__point {
  font-size: 0;
  line-height: 1;
  text-align: center;
}

.ucc-m-flavor__point img {
  max-width: 100%;
  height: auto;
  vertical-align: top;
}

.ucc-m-footer-links {
  font-family: "Noto Sans Japanese", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  font-weight: 300;
  color: #333333;
  font-feature-settings: "pkna";
  font-style: normal;
  font-weight: 400;
  line-height: 1.75;
  -webkit-text-size-adjust: 100%;
  font-size: 15px;
  position: relative;
  padding-top: 40px;
  padding-bottom: 40px;
  background-color: #ffffff;
}

.ucc-m-footer-links * {
  box-sizing: border-box;
}

.ucc-m-footer-links *:before,
.ucc-m-footer-links *:after {
  box-sizing: border-box;
}

.ucc-m-footer-links__container {
  width: 100%;
  max-width: 1240px;
  padding-right: 20px;
  padding-left: 20px;
  margin-right: auto;
  margin-left: auto;
}

.ucc-m-footer-links__container--small {
  max-width: 1066px;
}

.ucc-m-footer-links__inner {
  *zoom: 1;
}

.ucc-m-footer-links__inner:before,
.ucc-m-footer-links__inner:after {
  display: table;
  content: "";
}

.ucc-m-footer-links__inner:after {
  clear: both;
}

.ucc-m-footer-links__btn {
  font-size: 22px;
  position: relative;
  display: block;
  width: 32.6666666667%;
  padding: 30px 18px;
  border: 1px solid #eeeeee;
  float: left;
  line-height: 1.5;
}

.ucc-m-footer-links__btn,
.ucc-m-footer-links__btn:link,
.ucc-m-footer-links__btn:visited,
.ucc-m-footer-links__btn a:active,
.ucc-m-footer-links__btn a:hover,
.ucc-m-footer-links__btn a:focus {
  color: inherit;
  text-decoration: inherit;
}

.ucc-m-footer-links__btn + .ucc-m-footer-links__btn {
  margin-left: 1%;
}

.ucc-m-footer-links__btn__container {
  position: relative;
  z-index: 2;
  display: table;
  width: 100%;
  height: 100%;
}

.ucc-m-footer-links__btn__inner {
  display: table-row;
}

.ucc-m-footer-links__btn__content {
  position: relative;
  display: table-cell;
  padding-left: 80px;
  vertical-align: middle;
}

.ucc-m-footer-links__btn__content::before {
  display: inline-block;
  content: " ";
  line-height: 1;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 62px;
  margin: auto 0;
  background-position: center, center;
  background-repeat: no-repeat;
}

html.no-touch .ucc-m-footer-links__btn {
  transition-duration: 0.4s;
  transition-property: color;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}

html.no-touch .ucc-m-footer-links__btn:after {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 0;
  height: 100%;
  background-color: #e60012;
  content: "";
  transition-duration: 0.4s;
  transition-property: width;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}

html.no-touch .ucc-m-footer-links__btn:hover {
  color: #ffffff;
}

html.no-touch .ucc-m-footer-links__btn:hover::before {
  background-image: url("/dist/images/icn/circle-cafe--hover.svg");
}

html.no-touch .ucc-m-footer-links__btn:hover:after {
  width: 100%;
}

html.no-touch .ucc-m-footer-links__btn:hover .ucc-m-footer-links__btn__content i {
  color: #ffffff;
}

.ucc-m-footer-links__btn--cafe .ucc-m-footer-links__btn__content::before {
  background-image: url("/dist/images/icn/circle-cafe.svg");
}

.ucc-m-footer-links__btn--cafe:hover .ucc-m-footer-links__btn__content::before {
  background-image: url("/dist/images/icn/circle-cafe--hover.svg");
}

.ucc-m-footer-links__btn--cart .ucc-m-footer-links__btn__content::before {
  background-image: url("/dist/images/icn/circle-cart.svg");
}

.ucc-m-footer-links__btn--cart:hover .ucc-m-footer-links__btn__content::before {
  background-image: url("/dist/images/icn/circle-cart--hover.svg");
}

.ucc-m-footer-links__btn--sns .ucc-m-footer-links__btn__content::before {
  background-image: url("/dist/images/icn/circle-sns.svg");
}

.ucc-m-footer-links__btn--sns:hover .ucc-m-footer-links__btn__content::before {
  background-image: url("/dist/images/icn/circle-sns--hover.svg");
}

.ucc-m-footer-links__btn.ucc-m-gnav-sp-header__link__icn--cafe .ucc-m-footer-links__btn__content::before {
  background-image: url("/dist/images/icn/circle-cafe.svg");
}

.ucc-m-footer-links__btn.ucc-m-gnav-sp-header__link__icn--cafe:hover .ucc-m-footer-links__btn__content::before {
  background-image: url("/dist/images/icn/circle-cafe--hover.svg");
}

.ucc-m-footer-links__btn.ucc-m-gnav-sp-header__link__icn--cart .ucc-m-footer-links__btn__content::before {
  background-image: url("/dist/images/icn/circle-cart.svg");
}

.ucc-m-footer-links__btn.ucc-m-gnav-sp-header__link__icn--cart:hover .ucc-m-footer-links__btn__content::before {
  background-image: url("/dist/images/icn/circle-cart--hover.svg");
}

.ucc-m-footer-links__btn.ucc-m-gnav-sp-header__link__icn--sns .ucc-m-footer-links__btn__content::before {
  background-image: url("/dist/images/icn/circle-sns.svg");
}

.ucc-m-footer-links__btn.ucc-m-gnav-sp-header__link__icn--sns:hover .ucc-m-footer-links__btn__content::before {
  background-image: url("/dist/images/icn/circle-sns--hover.svg");
}

.ucc-m-footer-links__btn.ucc-m-gnav-sp-header__link__icn--pin .ucc-m-footer-links__btn__content::before {
  background-image: url("/dist/images/icn/circle-pin.svg");
}

.ucc-m-footer-links__btn.ucc-m-gnav-sp-header__link__icn--pin:hover .ucc-m-footer-links__btn__content::before {
  background-image: url("/dist/images/icn/circle-pin--hover.svg");
}

.ucc-m-footer-links__btn.ucc-m-gnav-sp-header__link__icn--call .ucc-m-footer-links__btn__content::before {
  background-image: url("/dist/images/icn/circle-call-center.svg");
}

.ucc-m-footer-links__btn.ucc-m-gnav-sp-header__link__icn--call:hover .ucc-m-footer-links__btn__content::before {
  background-image: url("/dist/images/icn/circle-call-center--hover.svg");
}

.ucc-m-for-buisiness {
  font-family: "Noto Sans Japanese", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  font-weight: 300;
  color: #333333;
  font-feature-settings: "pkna";
  font-style: normal;
  font-weight: 400;
  line-height: 1.75;
  -webkit-text-size-adjust: 100%;
  font-size: 15px;
  display: block;
}

.ucc-m-for-buisiness * {
  box-sizing: border-box;
}

.ucc-m-for-buisiness *:before,
.ucc-m-for-buisiness *:after {
  box-sizing: border-box;
}

.ucc-m-for-buisiness__inner {
  width: 100%;
  max-width: 1240px;
  padding-right: 20px;
  padding-left: 20px;
  margin-right: auto;
  margin-left: auto;
}

.ucc-m-for-buisiness__inner--small {
  max-width: 1066px;
}

.ucc-m-for-buisiness__btn {
  display: block;
  padding: 30px;
  background-color: rgba(108, 63, 31, 0.5);
}

.ucc-m-for-buisiness__btn,
.ucc-m-for-buisiness__btn:link,
.ucc-m-for-buisiness__btn:visited,
.ucc-m-for-buisiness__btn a:active,
.ucc-m-for-buisiness__btn a:hover,
.ucc-m-for-buisiness__btn a:focus {
  color: inherit;
  text-decoration: inherit;
}

html.no-touch .ucc-m-for-buisiness__btn {
  transition-duration: 0.6s;
  transition-property: background-color;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

html.no-touch .ucc-m-for-buisiness__btn:hover {
  background-color: rgba(108, 63, 31, 0.8);
}

.ucc-m-for-buisiness__main {
  display: table;
  width: 100%;
}

.ucc-m-for-buisiness__content {
  display: table-row;
}

.ucc-m-for-buisiness__header,
.ucc-m-for-buisiness__body {
  display: table-cell;
  color: #ffffff;
  vertical-align: middle;
}

.ucc-m-for-buisiness__header {
  text-align: center;
  white-space: nowrap;
}

.ucc-m-for-buisiness__h {
  font-size: 30px;
}

.ucc-m-for-buisiness__h-en {
  font-family: "Raleway", Noto Sans Japanese, 游ゴシック, YuGothic, ヒラギノ角ゴ Pro, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, sans-serif;
  font-weight: 400;
  letter-spacing: 0.08em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 16px;
}

.ucc-m-for-buisiness__body {
  position: relative;
  width: 100%;
  padding-right: 40px;
  padding-left: 50px;
  font-size: 20px;
  font-weight: 200;
}

.ucc-m-for-buisiness__body:after {
  display: inline-block;
  content: "\e012";
  font-family: "ucc";
  font-size: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  line-height: 1;
  text-rendering: auto;
  position: absolute;
  top: 50%;
  right: 0;
  font-size: 26px;
  transform: translateY(-50%);
}

.ucc-m-for-buisiness--lower {
  background-color: #f2ecde;
}

.ucc-m-for-buisiness--lower,
.ucc-m-for-buisiness--lower:link,
.ucc-m-for-buisiness--lower:visited,
.ucc-m-for-buisiness--lower a:active,
.ucc-m-for-buisiness--lower a:hover,
.ucc-m-for-buisiness--lower a:focus {
  color: inherit;
  text-decoration: inherit;
}

.ucc-m-for-buisiness--lower .ucc-m-for-buisiness__h-en {
  color: #e60012;
}

.ucc-m-for-buisiness--lower .ucc-m-for-buisiness__header,
.ucc-m-for-buisiness--lower .ucc-m-for-buisiness__body {
  color: #333333;
}

.ucc-m-for-buisiness--lower .ucc-m-for-buisiness__body:after {
  color: #e60012;
  font-size: 18px;
}

.ucc-m-for-buisiness--lower .ucc-m-for-buisiness__btn {
  padding-right: 0;
  background-color: transparent;
}

html.no-touch .ucc-m-for-buisiness--lower {
  transition-duration: 0.6s;
  transition-property: background-color;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

html.no-touch .ucc-m-for-buisiness--lower:hover {
  background-color: rgba(242, 236, 222, 0.8);
}

html.no-touch .ucc-m-for-buisiness--lower .ucc-m-for-buisiness__btn:hover {
  background-color: transparent;
}

.ucc-m-form-itext {
  display: block;
  width: 100%;
  padding: 0.5em 1em;
  border: 1px solid #cccccc;
  font-size: 14px;
}

.ucc-m-form-itext:focus {
  outline: none;
}

.ucc-m-form-itext:-ms-input-placeholder {
  color: #999999;
}

.ucc-m-form-itext::placeholder {
  color: #999999;
}

.ucc-m-form-itext--tel1 {
  width: 60px;
}

.ucc-m-form-itext--tel2 {
  width: 80px;
}

.ucc-m-form-itext--postal1 {
  width: 60px;
}

.ucc-m-form-itext--postal2 {
  width: 80px;
}

.ucc-m-form-itext--tel {
  max-width: 200px;
}

.ucc-m-form-radios__item {
  display: -ms-flexbox;
  display: flex;
  display: inline-block;
  margin-right: 50px;
  margin-top: 0.75em;
  white-space: nowrap;
}

.ucc-m-form-radios__item label {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}

.ucc-m-form-radios__item__t {
  display: inline-block;
  padding-left: 5px;
  line-height: 1;
}

.ucc-m-form-radios.is-age .ucc-m-form-radios__item {
  width: 100px;
  margin-right: 40px;
}

.ucc-m-form-shop-sp .ucc-a-select {
  width: 100%;
}

.ucc-m-form-shop-sp__top {
  width: 100%;
}

.ucc-m-form-shop-sp__top__pref {
  width: 45.0704225352%;
  padding-right: 10px;
}

.ucc-m-form-shop-sp__bottom {
  width: 100%;
  margin-top: 10px;
}

.ucc-m-form-shop-sp__bottom td {
  position: relative;
}

.ucc-m-form-shop-sp__bottom__btn {
  position: relative;
  overflow: hidden;
  width: 150px;
  height: 100%;
  padding-right: 20px;
  padding-left: 20px;
  background-color: #e60012;
  border-radius: 20px;
  color: #ffffff;
  cursor: pointer;
  font-size: 14px;
  text-align: center;
  vertical-align: middle;
}

.ucc-m-form-shop-sp__bottom__btn > span {
  position: relative;
  z-index: 2;
  display: inline-block;
  vertical-align: text-top;
}

.ucc-m-form-shop-sp__bottom__btn.is-disabled {
  background-color: #999999;
  pointer-events: none;
}

.ucc-m-form-vlist {
  display: table;
}

.ucc-m-form-vlist__row {
  display: table-row;
}

.ucc-m-form-vlist__cell {
  display: table-cell;
  vertical-align: top;
}

.ucc-m-form-vlist__cell--hyphen {
  padding-right: 10px;
  padding-left: 10px;
  vertical-align: middle;
}

.ucc-m-form-vlist__cell--postal-sign {
  padding-right: 10px;
  vertical-align: middle;
}

.ucc-m-form-vlist__cell--post-f2 {
  padding-right: 20px;
}

.ucc-m-form-vlist__cell--date {
  padding-right: 20px;
  padding-left: 5px;
  vertical-align: middle;
}

.ucc-m-form-vlist__cell--p-pref {
  width: 110px;
}

.ucc-m-form-vlist__cell--p-pref .ucc-a-select {
  width: 100%;
}

.ucc-m-form-vlist__cell--p-city {
  width: 180px;
  padding-left: 20px;
}

.ucc-m-form-vlist__cell--p-city .ucc-a-select {
  width: 100%;
}

.ucc-m-form-vlist__cell--p-shop {
  width: 510px;
  padding-left: 20px;
}

.ucc-m-form-vlist__cell--p-shop .ucc-a-select {
  width: 100%;
}

.ucc-m-form-vlist__btn {
  position: relative;
  overflow: hidden;
  padding-right: 20px;
  padding-left: 20px;
  background-color: #e60012;
  border-radius: 20px;
  color: #ffffff;
  cursor: pointer;
  font-size: 15px;
  vertical-align: middle;
}

.ucc-m-form-vlist__btn > span {
  position: relative;
  z-index: 2;
  display: inline-block;
  vertical-align: text-top;
}

html.no-touch .ucc-m-form-vlist__btn {
  transition-property: border-color;
  transition-duration: 0.25s;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}

html.no-touch .ucc-m-form-vlist__btn:before {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 0;
  height: 100%;
  content: "";
  transition-duration: 0.25s;
  transition-property: width;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  background-color: #b3000e;
}

html.no-touch .ucc-m-form-vlist__btn:hover {
  border-color: #e60012;
  color: #ffffff;
}

html.no-touch .ucc-m-form-vlist__btn:hover:before {
  right: auto;
  right: initial;
  left: 0;
  width: 100%;
}

.ucc-m-form-vlist__btn.is-disabled {
  background-color: #999999;
  pointer-events: none;
}

.ucc-m-form {
  box-sizing: border-box;
  padding: 40px;
  background-color: #f7f7f7;
}

.ucc-m-form * {
  box-sizing: border-box;
}

.ucc-m-form__wrap {
  display: table;
  width: 100%;
  table-layout: fixed;
}

.ucc-m-form__row {
  display: table-row;
}

.ucc-m-form__row + .ucc-m-form__row .ucc-m-form__th,
.ucc-m-form__row + .ucc-m-form__row .ucc-m-form__td {
  padding-top: 40px;
}

.ucc-m-form__row.is-sp {
  display: none;
}

.ucc-m-form__th,
.ucc-m-form__td {
  display: table-cell;
  vertical-align: top;
}

.ucc-m-form__th {
  width: 300px;
}

.ucc-m-form__th__main {
  position: relative;
  width: 100%;
  padding-top: 5px;
}

.ucc-m-form__th__h {
  display: inline-block;
  font-size: 15px;
  vertical-align: top;
}

.ucc-m-form__th__h__note {
  color: #666666;
  font-size: 12px;
}

.ucc-m-form__th__req {
  display: inline-block;
  margin-left: 3px;
  vertical-align: top;
}

.ucc-m-form__td {
  padding-left: 20px;
  font-size: 15px;
}

.ucc-m-form__btn {
  position: relative;
  display: inline-block;
  overflow: hidden;
  min-width: 355px;
  box-sizing: border-box;
  padding: 8px 20px;
  background-color: #e60012;
  border-radius: 30px;
  color: #ffffff !important;
  cursor: pointer;
  font-size: 22px;
  text-align: center;
}

.ucc-m-form__btn > span {
  position: relative;
  z-index: 2;
  display: inline-block;
  padding: 0 36px;
}

.ucc-m-form__btn--has-arrow > span:after {
  display: inline-block;
  content: "\e012";
  font-family: "ucc";
  font-size: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  line-height: 1;
  text-rendering: auto;
  position: absolute;
  top: 50%;
  right: 0;
  font-size: 20px;
  transform: translateY(-50%);
}

html.no-touch .ucc-m-form__btn--submit {
  transition-property: border-color;
  transition-duration: 0.25s;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}

html.no-touch .ucc-m-form__btn--submit:before {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 0;
  height: 100%;
  content: "";
  transition-duration: 0.25s;
  transition-property: width;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  background-color: #b3000e;
}

html.no-touch .ucc-m-form__btn--submit:hover {
  border-color: #e60012;
  color: #ffffff;
}

html.no-touch .ucc-m-form__btn--submit:hover:before {
  right: auto;
  right: initial;
  left: 0;
  width: 100%;
}

.ucc-m-form__btn--clear {
  background-color: #999999;
}

html.no-touch .ucc-m-form__btn--clear {
  transition-property: border-color;
  transition-duration: 0.25s;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}

html.no-touch .ucc-m-form__btn--clear:before {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 0;
  height: 100%;
  content: "";
  transition-duration: 0.25s;
  transition-property: width;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  background-color: gray;
}

html.no-touch .ucc-m-form__btn--clear:hover {
  border-color: #e60012;
  color: #ffffff;
}

html.no-touch .ucc-m-form__btn--clear:hover:before {
  right: auto;
  right: initial;
  left: 0;
  width: 100%;
}

.ucc-m-form__btn + .ucc-m-form__btn {
  margin-left: 18px;
}

.ucc-m-form__note {
  margin-top: 10px;
}

.ucc-m-form__shopname-de {
  display: none;
  margin-top: 10px;
}

.ucc-m-form__shopname-de.is-show {
  display: block;
}

.ucc-m-form__error {
  margin-top: 10px;
  color: #e60012;
}

.ucc-m-form__conf-txt {
  word-break: break-all;
}

.ucc-m-form--confirm .ucc-m-form__th__main {
  padding-top: 0;
}

.ucc-m-form--confirm .ucc-m-form__th,
.ucc-m-form--confirm .ucc-m-form__td {
  vertical-align: top;
}

.ucc-m-frame-btns {
  font-family: "Noto Sans Japanese", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  font-weight: 300;
  color: #333333;
  font-feature-settings: "pkna";
  font-style: normal;
  font-weight: 400;
  line-height: 1.75;
  -webkit-text-size-adjust: 100%;
  font-size: 15px;
  padding: 0 15px;
  background-color: #eeeeee;
}

.ucc-m-frame-btns * {
  box-sizing: border-box;
}

.ucc-m-frame-btns *:before,
.ucc-m-frame-btns *:after {
  box-sizing: border-box;
}

.ucc-m-frame-btns__inner {
  display: table;
  width: 100%;
  border-collapse: separate;
  border-spacing: 25px;
  table-layout: fixed;
}

.ucc-m-frame-btns__list {
  display: table-row;
}

.ucc-m-frame-btns__item {
  display: table-cell;
}

.ucc-m-frame-btns__item .ucc-a-cb-btn,
.ucc-m-frame-btns__item .ucc-a-frame-btn {
  width: 100%;
}

.ucc-m-functional a.ucc-a-link {
  display: block;
  color: #333333;
  text-decoration: none;
}

.ucc-m-functional a.ucc-a-link.is-blank:after {
  display: inline-block;
  content: "\e000";
  font-family: "ucc";
  font-size: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  line-height: 1;
  text-rendering: auto;
  margin-right: 5px;
  margin-left: 5px;
  color: #e60012;
}

html.no-touch .ucc-m-functional a.ucc-a-link {
  transition-property: color;
  transition-duration: 0.4s;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}

html.no-touch .ucc-m-functional a.ucc-a-link:hover {
  color: #e60012;
}

.ucc-m-functional__header {
  text-align: center;
}

.ucc-m-functional__header__title {
  padding: 0.25em 0;
  margin-top: 30px;
  background-color: #f2ecde;
  font-size: 38px;
  letter-spacing: 0.1em;
  line-height: 1em;
}

.ucc-m-functional__header__lead {
  margin-top: 50px;
  font-size: 38px;
  letter-spacing: 0.1em;
}

.ucc-m-functional__header__lead__label {
  display: block;
  margin-bottom: 10px;
  font-size: 26px;
}

.ucc-m-functional__body {
  letter-spacing: 0.1em;
}

.ucc-m-functional__body .ucc-m-small-sec {
  padding-top: 30px;
  padding-bottom: 30px;
}

.ucc-m-functional__body__sec--harf {
  *zoom: 1;
}

.ucc-m-functional__body__sec--harf:before,
.ucc-m-functional__body__sec--harf:after {
  display: table;
  content: "";
}

.ucc-m-functional__body__sec--harf:after {
  clear: both;
}

.ucc-m-functional__body__sec__harfbox {
  width: 49.1666666667%;
  float: left;
}

.ucc-m-functional__body__sec__harfbox:nth-child(odd) {
  margin-right: 0.8333333333%;
}

.ucc-m-functional__body__sec__title {
  margin-top: 10px;
  font-size: 18px;
}

.ucc-m-functional__body__sec__list {
  margin-top: 1em;
  margin-left: 1em;
}

.ucc-m-functional__bnr {
  margin-top: 80px;
}

.ucc-m-functional__bnr__area {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  max-width: 450px;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 20px 30px;
  border: 1px solid #dcdcdc;
  margin: 0 auto;
  background-color: #f7f7f7;
  text-decoration: none;
}

.ucc-m-functional__bnr__area::after {
  display: inline-block;
  content: "\e012";
  font-family: "ucc";
  font-size: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  line-height: 1;
  text-rendering: auto;
  color: #e60012;
  font-size: 18px;
}

.ucc-m-functional__bnr__area__title {
  max-width: 235px;
  color: #333333;
  font-size: 30px;
  line-height: 1.4em;
}

.ucc-m-functional__bnr__area__logo {
  max-width: 133px;
}

.ucc-m-functional__bnr__txt {
  max-width: 450px;
  margin: 0 auto;
  margin-top: 0.5em;
  font-size: 11px;
  text-align: right;
}

.ucc-m-g-company-nav {
  *zoom: 1;
  width: 83.8333333333%;
  margin-right: auto;
  margin-left: auto;
}

.ucc-m-g-company-nav:before,
.ucc-m-g-company-nav:after {
  display: table;
  content: "";
}

.ucc-m-g-company-nav:after {
  clear: both;
}

.ucc-m-g-company-nav__fig {
  position: relative;
  display: block;
  width: 37.773359841%;
  float: left;
}

.ucc-m-g-company-nav__fig img {
  width: 100%;
  height: auto;
}

html.no-touch .ucc-m-g-company-nav__fig:after {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.3);
  content: "";
  opacity: 0;
  transition-duration: 0.4s;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}

html.no-touch .ucc-m-g-company-nav__fig:hover:after {
  opacity: 1;
}

.ucc-m-g-company-nav__txts {
  width: 56.2624254473%;
  float: right;
}

.ucc-m-g-company-nav__links-list {
  *zoom: 1;
}

.ucc-m-g-company-nav__links-list:before,
.ucc-m-g-company-nav__links-list:after {
  display: table;
  content: "";
}

.ucc-m-g-company-nav__links-list:after {
  clear: both;
}

.ucc-m-g-company-nav__links-list__item {
  width: 33.3333333333%;
  float: left;
}

.ucc-m-g-company-nav__links__h {
  color: #e60012;
  font-size: 10px;
}

.ucc-m-g-company-nav__links__body {
  margin-top: 5px;
  font-size: 13px;
}

.ucc-m-g-company-nav__links__body ul li + li {
  margin-top: 5px;
}

.ucc-m-g-company-nav__links__body ul li a {
  position: relative;
  display: inline-block;
}

html.no-touch .ucc-m-g-company-nav__links__body ul li a {
  transition-property: color;
  transition-duration: 0.4s;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}

html.no-touch .ucc-m-g-company-nav__links__body ul li a:after {
  position: absolute;
  bottom: 0;
  left: 0;
  display: inline-block;
  width: 0;
  height: 1px;
  background-color: #e60012;
  content: "";
  transition-duration: 0.4s;
  transition-property: width;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}

html.no-touch .ucc-m-g-company-nav__links__body ul li a:hover {
  color: #e60012;
}

html.no-touch .ucc-m-g-company-nav__links__body ul li a:hover:after {
  width: 100%;
}

.ucc-m-g-sustainability-nav {
  *zoom: 1;
  width: 83.8333333333%;
  margin-right: auto;
  margin-left: auto;
}

.ucc-m-g-sustainability-nav:before,
.ucc-m-g-sustainability-nav:after {
  display: table;
  content: "";
}

.ucc-m-g-sustainability-nav:after {
  clear: both;
}

.ucc-m-g-sustainability-nav__fig {
  position: relative;
  display: block;
  width: 37.773359841%;
  float: left;
}

.ucc-m-g-sustainability-nav__fig img {
  width: 100%;
  height: auto;
}

html.no-touch .ucc-m-g-sustainability-nav__fig:after {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.3);
  content: "";
  opacity: 0;
  transition-duration: 0.4s;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}

html.no-touch .ucc-m-g-sustainability-nav__fig:hover:after {
  opacity: 1;
}

.ucc-m-g-sustainability-nav__txts {
  width: 56.2624254473%;
  float: right;
}

.ucc-m-g-sustainability-nav__links-list {
  *zoom: 1;
}

.ucc-m-g-sustainability-nav__links-list:before,
.ucc-m-g-sustainability-nav__links-list:after {
  display: table;
  content: "";
}

.ucc-m-g-sustainability-nav__links-list:after {
  clear: both;
}

.ucc-m-g-sustainability-nav__links-list__item {
  width: 33.3333333333%;
  float: left;
}

.ucc-m-g-sustainability-nav__links__h {
  color: #e60012;
  font-size: 10px;
}

.ucc-m-g-sustainability-nav__links__body {
  margin-top: 5px;
  font-size: 13px;
}

.ucc-m-g-sustainability-nav__links__body ul li + li {
  margin-top: 5px;
}

.ucc-m-g-sustainability-nav__links__body ul li a {
  position: relative;
  display: inline-block;
}

html.no-touch .ucc-m-g-sustainability-nav__links__body ul li a {
  transition-property: color;
  transition-duration: 0.4s;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}

html.no-touch .ucc-m-g-sustainability-nav__links__body ul li a:after {
  position: absolute;
  bottom: 0;
  left: 0;
  display: inline-block;
  width: 0;
  height: 1px;
  background-color: #e60012;
  content: "";
  transition-duration: 0.4s;
  transition-property: width;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}

html.no-touch .ucc-m-g-sustainability-nav__links__body ul li a:hover {
  color: #e60012;
}

html.no-touch .ucc-m-g-sustainability-nav__links__body ul li a:hover:after {
  width: 100%;
}

.ucc-m-g-sustainability-nav__links__body + .ucc-m-g-sustainability-nav__links__h {
  margin-top: 15px;
}

.ucc-m-gf-copyrights {
  width: 100%;
  max-width: 1240px;
  padding-right: 20px;
  padding-left: 20px;
  margin-right: auto;
  margin-left: auto;
}

.ucc-m-gf-copyrights--small {
  max-width: 1066px;
}

.ucc-m-gf-copyrights__container {
  *zoom: 1;
}

.ucc-m-gf-copyrights__container:before,
.ucc-m-gf-copyrights__container:after {
  display: table;
  content: "";
}

.ucc-m-gf-copyrights__container:after {
  clear: both;
}

.ucc-m-gf-copyrights__nav {
  color: #ffffff;
  float: left;
  line-height: 50px;
  font-size: 12px;
}

.ucc-m-gf-copyrights__btn {
  position: relative;
  display: inline-block;
}

.ucc-m-gf-copyrights__btn,
.ucc-m-gf-copyrights__btn:link,
.ucc-m-gf-copyrights__btn:visited,
.ucc-m-gf-copyrights__btn a:active,
.ucc-m-gf-copyrights__btn a:hover,
.ucc-m-gf-copyrights__btn a:focus {
  color: inherit;
  text-decoration: inherit;
}

.ucc-m-gf-copyrights__btn > span {
  position: relative;
  display: inline-block;
}

html.no-touch .ucc-m-gf-copyrights__btn {
  transition-property: opacity;
  transition-duration: 0.4s;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}

html.no-touch .ucc-m-gf-copyrights__btn:hover {
  opacity: 0.75;
}

.ucc-m-gf-copyrights__btn > span {
  position: relative;
  display: inline-block;
  padding-left: 22px;
}

.ucc-m-gf-copyrights__btn > span:before {
  display: inline-block;
  content: " ";
  line-height: 1;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 14px;
  margin: auto 0;
  background-image: url("/dist/images/icn/circle-arrow-right.svg");
  background-position: center, center;
  background-repeat: no-repeat;
}

.ucc-m-gf-copyrights__btn + .ucc-m-gf-copyrights__btn {
  margin-left: 28px;
}

.ucc-m-gf-copyrights__copy {
  color: #ffffff;
  float: right;
  line-height: 50px;
  font-size: 10px;
}

.ucc-m-gf-copyrights__copy--simple {
  display: block;
  margin: auto;
  color: #ffffff;
  line-height: 50px;
  text-align: center;
  font-size: 10px;
}

.ucc-m-gfnav {
  width: 100%;
  max-width: 1240px;
  padding-right: 20px;
  padding-left: 20px;
  margin-right: auto;
  margin-left: auto;
}

.ucc-m-gfnav--small {
  max-width: 1066px;
}

.ucc-m-gfnav__container {
  display: table;
  width: 100%;
  height: 54px;
}

.ucc-m-gfnav__inner {
  display: table-row;
}

.ucc-m-gfnav__sns {
  display: table-cell;
  letter-spacing: -0.4em;
  text-align: left;
  vertical-align: middle;
}

.ucc-m-gfnav__sns__icn {
  display: inline-block;
  width: 30px;
  letter-spacing: normal;
}

.ucc-m-gfnav__sns__icn img {
  width: 30px;
  height: auto;
  vertical-align: top;
}

.ucc-m-gfnav__sns__icn + .ucc-m-gfnav__sns__icn {
  margin-left: 15px;
}

html.no-touch .ucc-m-gfnav__sns__icn {
  transition-property: opacity;
  transition-duration: 0.4s;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}

html.no-touch .ucc-m-gfnav__sns__icn:hover {
  opacity: 0.75;
}

.ucc-m-gfnav__links {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}

.ucc-m-gfnav__link {
  font-size: 13px;
  position: relative;
  padding-left: 25px;
  margin-right: 30px;
}

.ucc-m-gfnav__link,
.ucc-m-gfnav__link:link,
.ucc-m-gfnav__link:visited,
.ucc-m-gfnav__link a:active,
.ucc-m-gfnav__link a:hover,
.ucc-m-gfnav__link a:focus {
  color: inherit;
  text-decoration: inherit;
}

.ucc-m-gfnav__link,
.ucc-m-gfnav__link:link,
.ucc-m-gfnav__link:visited,
.ucc-m-gfnav__link:active,
.ucc-m-gfnav__link:hover,
.ucc-m-gfnav__link:focus {
  color: #333333;
  text-decoration: none;
}

html.no-touch .ucc-m-gfnav__link {
  transition-property: color;
  transition-duration: 0.4s;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}

html.no-touch .ucc-m-gfnav__link:hover {
  color: #e60012;
}

.ucc-m-gfnav__link:last-child {
  margin-right: 0;
}

.ucc-m-gfnav__link > span {
  position: relative;
}

.ucc-m-gfnav__link > span::before {
  display: inline-block;
  content: " ";
  line-height: 1;
  position: absolute;
  top: 0;
  bottom: 0;
  left: -25px;
  width: 20px;
  margin: auto 0;
  background-position: center, center;
  background-repeat: no-repeat;
}

.ucc-m-gfnav__link--shop span::before {
  background-image: url("/dist/images/icn/pin.svg");
}

.ucc-m-gfnav__link--onlineshop span::before {
  background-image: url("/dist/images/icn/cart.svg");
}

.ucc-m-gfnav__link--call-center span::before {
  background-image: url("/dist/images/icn/call-center.svg");
}

.ucc-m-gfnav__link--member span::before {
  background-image: url("/dist/images/icn/cafe.svg");
}

.ucc-m-gfnav__link--global span::before {
  background-image: url("/dist/images/icn/globe.svg");
}

.ucc-m-gfnav__link.is-blank > span {
  position: relative;
  padding-right: 15px;
}

.ucc-m-gfnav__link.is-blank > span:after {
  display: inline-block;
  content: " ";
  line-height: 1;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 10px;
  margin: auto 0;
  background-image: url("/dist/images/icn/blank.svg");
  background-position: center, center;
  background-repeat: no-repeat;
  font-size: 10px;
}

.ucc-m-gfnav + .ucc-m-gfnav {
  margin-left: 30px;
}

.ucc-m-gfnav__pagetop {
  display: table-cell;
  text-align: right;
  vertical-align: middle;
}

.ucc-m-gfnav__pagetop > a {
  position: relative;
  display: inline-block;
  padding-top: 15px;
  font-size: 10px;
  line-height: 1;
  font-family: "Raleway", Noto Sans Japanese, 游ゴシック, YuGothic, ヒラギノ角ゴ Pro, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, sans-serif;
  font-weight: 400;
  letter-spacing: 0.08em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.ucc-m-gfnav__pagetop > a,
.ucc-m-gfnav__pagetop > a:link,
.ucc-m-gfnav__pagetop > a:visited,
.ucc-m-gfnav__pagetop > a a:active,
.ucc-m-gfnav__pagetop > a a:hover,
.ucc-m-gfnav__pagetop > a a:focus {
  color: inherit;
  text-decoration: inherit;
}

.ucc-m-gfnav__pagetop > a,
.ucc-m-gfnav__pagetop > a:link,
.ucc-m-gfnav__pagetop > a:visited,
.ucc-m-gfnav__pagetop > a:active,
.ucc-m-gfnav__pagetop > a:hover,
.ucc-m-gfnav__pagetop > a:focus {
  color: #e60012;
  text-decoration: none;
}

.ucc-m-gfnav__pagetop > a:before {
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: 0;
  height: 0;
  border-width: 0 8px 8px 8px;
  border-style: solid;
  border-color: transparent transparent #e60012 transparent;
  margin-left: -8px;
  content: "";
}

.ucc-m-gfooter-sp__sns {
  padding: 20px 10px 25px;
}

.ucc-m-gfooter-sp__sns__h {
  font-size: 10px;
  font-weight: 400;
  text-align: center;
}

.ucc-m-gfooter-sp__sns__icns {
  margin-top: 12px;
  letter-spacing: -0.4em;
  text-align: center;
}

.ucc-m-gfooter-sp__sns__icn {
  position: relative;
  display: inline-block;
  letter-spacing: normal;
}

.ucc-m-gfooter-sp__sns__icn img,
.ucc-m-gfooter-sp__sns__icn object {
  width: 50px;
  height: 50px;
  pointer-events: none;
}

.ucc-m-gfooter-sp__sns__icn:after {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0);
  content: " ";
}

.ucc-m-gfooter-sp__sns__icn + .ucc-m-gfooter-sp__sns__icn {
  margin-left: 7.0422535211%;
}

.ucc-m-gfooter-sp__pagetop {
  display: block;
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: #e60012;
  font-size: 15px;
  line-height: 1;
  text-align: center;
  font-family: "Raleway", Noto Sans Japanese, 游ゴシック, YuGothic, ヒラギノ角ゴ Pro, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, sans-serif;
  font-weight: 400;
  letter-spacing: 0.08em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.ucc-m-gfooter-sp__pagetop,
.ucc-m-gfooter-sp__pagetop:link,
.ucc-m-gfooter-sp__pagetop:visited,
.ucc-m-gfooter-sp__pagetop a:active,
.ucc-m-gfooter-sp__pagetop a:hover,
.ucc-m-gfooter-sp__pagetop a:focus {
  color: inherit;
  text-decoration: inherit;
}

.ucc-m-gfooter-sp__pagetop,
.ucc-m-gfooter-sp__pagetop:link,
.ucc-m-gfooter-sp__pagetop:visited,
.ucc-m-gfooter-sp__pagetop:active,
.ucc-m-gfooter-sp__pagetop:hover,
.ucc-m-gfooter-sp__pagetop:focus {
  color: #ffffff;
  text-decoration: none;
}

.ucc-m-gfooter-sp__pagetop > span {
  position: relative;
  display: block;
  padding-top: 15px;
}

.ucc-m-gfooter-sp__pagetop > span:before {
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: 0;
  height: 0;
  border-width: 0 8px 8px 8px;
  border-style: solid;
  border-color: transparent transparent #ffffff transparent;
  margin-left: -8px;
  content: "";
}

.ucc-m-gfooter-sp__snav {
  padding-right: 10px;
  padding-left: 10px;
  background-color: #efefef;
  letter-spacing: -0.4em;
}

.ucc-m-gfooter-sp__snav__btn {
  position: relative;
  display: inline-block;
  width: 50%;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 15px;
  letter-spacing: normal;
}

.ucc-m-gfooter-sp__snav__btn,
.ucc-m-gfooter-sp__snav__btn:link,
.ucc-m-gfooter-sp__snav__btn:visited,
.ucc-m-gfooter-sp__snav__btn a:active,
.ucc-m-gfooter-sp__snav__btn a:hover,
.ucc-m-gfooter-sp__snav__btn a:focus {
  color: inherit;
  text-decoration: inherit;
}

.ucc-m-gfooter-sp__snav__btn::before {
  display: inline-block;
  content: " ";
  line-height: 1;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 10px;
  margin: auto;
  background-image: url("/dist/images/icn/circle-arrow-right-black.svg");
  background-position: center, center;
  background-repeat: no-repeat;
}

.ucc-m-gfooter-sp__copy {
  display: block;
  padding-top: 8px;
  padding-right: 10px;
  padding-bottom: 8px;
  padding-left: 10px;
  background-color: #e60012;
  color: #ffffff;
  font-size: 9px;
  text-align: center;
}

.ucc-m-gfsnav {
  width: 100%;
  max-width: 1240px;
  padding-right: 20px;
  padding-left: 20px;
  margin-right: auto;
  margin-left: auto;
}

.ucc-m-gfsnav--small {
  max-width: 1066px;
}

.ucc-m-gfsnav__list {
  *zoom: 1;
}

.ucc-m-gfsnav__list:before,
.ucc-m-gfsnav__list:after {
  display: table;
  content: "";
}

.ucc-m-gfsnav__list:after {
  clear: both;
}

.ucc-m-gfsnav__item {
  width: 16.6666666667%;
  padding-right: 10px;
  float: left;
}

.ucc-m-gfsnav__item--5 {
  width: 50%;
}

.ucc-m-gfsnav__item--5 .ucc-m-gfsnav__links__body {
  *zoom: 1;
}

.ucc-m-gfsnav__item--5 .ucc-m-gfsnav__links__body:before,
.ucc-m-gfsnav__item--5 .ucc-m-gfsnav__links__body:after {
  display: table;
  content: "";
}

.ucc-m-gfsnav__item--5 .ucc-m-gfsnav__links__body:after {
  clear: both;
}

.ucc-m-gfsnav__item--5 .ucc-m-gfsnav__links__body ul {
  width: 33.3333333333%;
  float: left;
}

.ucc-m-gfsnav__links__h {
  font-size: 12px;
}

.ucc-m-gfsnav__links__h a {
  color: #e60012;
  text-decoration: none;
}

.ucc-m-gfsnav__links__h a,
.ucc-m-gfsnav__links__h a:link,
.ucc-m-gfsnav__links__h a:visited,
.ucc-m-gfsnav__links__h a a:active,
.ucc-m-gfsnav__links__h a a:hover,
.ucc-m-gfsnav__links__h a a:focus {
  color: inherit;
  text-decoration: inherit;
}

.ucc-m-gfsnav__links__h a,
.ucc-m-gfsnav__links__h a:link,
.ucc-m-gfsnav__links__h a:visited,
.ucc-m-gfsnav__links__h a:active,
.ucc-m-gfsnav__links__h a:hover,
.ucc-m-gfsnav__links__h a:focus {
  color: #e60012;
  text-decoration: none;
}

.ucc-m-gfsnav__links__body {
  margin-top: 5px;
  font-size: 12px;
}

.ucc-m-gfsnav__links__body ul li {
  color: #666666;
}

.ucc-m-gfsnav__links__body ul li + li {
  margin-top: 5px;
}

.ucc-m-gfsnav__links__body a {
  position: relative;
  display: inline-block;
}

.ucc-m-gfsnav__links__body a,
.ucc-m-gfsnav__links__body a:link,
.ucc-m-gfsnav__links__body a:visited,
.ucc-m-gfsnav__links__body a a:active,
.ucc-m-gfsnav__links__body a a:hover,
.ucc-m-gfsnav__links__body a a:focus {
  color: inherit;
  text-decoration: inherit;
}

html.no-touch .ucc-m-gfsnav__links__body a {
  transition-property: color;
  transition-duration: 0.4s;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}

html.no-touch .ucc-m-gfsnav__links__body a:after {
  position: absolute;
  bottom: 0;
  left: 0;
  display: inline-block;
  width: 0;
  height: 1px;
  background-color: #e60012;
  content: "";
  transition-duration: 0.4s;
  transition-property: width;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}

html.no-touch .ucc-m-gfsnav__links__body a:hover {
  color: #e60012;
}

html.no-touch .ucc-m-gfsnav__links__body a:hover:after {
  width: 100%;
}

.ucc-m-gfsnav__links__body + .ucc-m-gfsnav__links__h {
  margin-top: 25px;
}

.ucc-m-gnav-sp-header {
  width: 100%;
  height: 50px;
  padding-right: 50px;
  background-color: #ffffff;
}

.ucc-m-gnav-sp-header__closer {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 50px;
  height: 50px;
  background-color: #f7f7f7;
}

.ucc-m-gnav-sp-header__closer::before {
  display: inline-block;
  content: " ";
  line-height: 1;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 20px;
  margin: auto;
  background-image: url("/dist/images/icn/close.svg");
  background-position: center, center;
  background-repeat: no-repeat;
}

.ucc-m-gnav-sp-header__links {
  position: relative;
  height: 50px;
  *zoom: 1;
}

.ucc-m-gnav-sp-header__links:before,
.ucc-m-gnav-sp-header__links:after {
  display: table;
  content: "";
}

.ucc-m-gnav-sp-header__links:after {
  clear: both;
}

.ucc-m-gnav-sp-header__link {
  position: relative;
  display: block;
  width: 25%;
  float: left;
  text-align: center;
}

.ucc-m-gnav-sp-header__link,
.ucc-m-gnav-sp-header__link:link,
.ucc-m-gnav-sp-header__link:visited,
.ucc-m-gnav-sp-header__link a:active,
.ucc-m-gnav-sp-header__link a:hover,
.ucc-m-gnav-sp-header__link a:focus {
  color: inherit;
  text-decoration: inherit;
}

.ucc-m-gnav-sp-header__link__icn {
  position: relative;
  height: 44px;
}

.ucc-m-gnav-sp-header__link__icn::before {
  display: inline-block;
  content: " ";
  line-height: 1;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 32px;
  height: 32px;
  margin: auto;
  background-position: center, center;
  background-repeat: no-repeat;
}

.ucc-m-gnav-sp-header__link__icn--pin::before {
  background-image: url("/dist/images/icn/circle-pin.svg");
}

.ucc-m-gnav-sp-header__link__icn--cafe::before {
  background-image: url("/dist/images/icn/circle-cafe.svg");
}

.ucc-m-gnav-sp-header__link__icn--cart::before {
  background-image: url("/dist/images/icn/circle-cart.svg");
}

.ucc-m-gnav-sp-header__link__icn--call::before {
  background-image: url("/dist/images/icn/circle-call-center.svg");
}

.ucc-m-gnav-sp-header__link__txt {
  position: absolute;
  top: 38px;
  left: 50%;
  font-size: 8px;
  transform: translateX(-50%);
  white-space: nowrap;
}

.ucc-m-gnav-sp-main {
  padding-right: 10px;
  padding-left: 10px;
}

.ucc-m-gnav-sp-main__parent + .ucc-m-gnav-sp-main__parent {
  border-top: 1px solid #eeeeee;
}

.ucc-m-gnav-sp-main__parent.is-open .ucc-m-gnav-sp-main__children {
  height: auto;
}

.ucc-m-gnav-sp-main__parent.is-open .ucc-m-gnav-sp-main__children__list {
  opacity: 1;
  transform: translateY(0);
}

.ucc-m-gnav-sp-main__btn {
  display: block;
  padding: 15px;
  font-size: 14px;
}

.ucc-m-gnav-sp-main__btn,
.ucc-m-gnav-sp-main__btn:link,
.ucc-m-gnav-sp-main__btn:visited,
.ucc-m-gnav-sp-main__btn a:active,
.ucc-m-gnav-sp-main__btn a:hover,
.ucc-m-gnav-sp-main__btn a:focus {
  color: inherit;
  text-decoration: inherit;
}

.ucc-m-gnav-sp-main__btn,
.ucc-m-gnav-sp-main__btn:link,
.ucc-m-gnav-sp-main__btn:visited,
.ucc-m-gnav-sp-main__btn:active,
.ucc-m-gnav-sp-main__btn:hover,
.ucc-m-gnav-sp-main__btn:focus {
  color: #333333;
}

.ucc-m-gnav-sp-main__btn > span {
  position: relative;
  display: block;
}

.ucc-m-gnav-sp-main__btn > span:after {
  display: inline-block;
  content: " ";
  line-height: 1;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 10px;
  margin: auto 0;
  background-image: url("/dist/images/icn/angle-right.svg");
  background-position: center, center;
  background-repeat: no-repeat;
}

.ucc-m-gnav-sp-main__btn.has-child > span::after {
  background-image: url("/dist/images/icn/plus.svg");
}

.ucc-m-gnav-sp-main__btn.is-top > span::after {
  background-image: url("/dist/images/icn/angle-right.svg");
}

.ucc-m-gnav-sp-main__btn.is-open > span {
  opacity: 0.5;
}

.ucc-m-gnav-sp-main__btn.is-open > span::after {
  background-image: url("/dist/images/icn/minus.svg");
}

.ucc-m-gnav-sp-main__btn--child.is-open {
  background-color: #cccccc;
}

.ucc-m-gnav-sp-main__btn-img {
  position: relative;
  display: block;
  margin-right: 10px;
  margin-left: 10px;
}

.ucc-m-gnav-sp-main__btn-img img {
  width: 100%;
  height: auto;
}

.ucc-m-gnav-sp-main__btn-img::after {
  display: inline-block;
  content: " ";
  line-height: 1;
  position: absolute;
  top: 0;
  right: 20px;
  bottom: 0;
  width: 10px;
  margin: auto 0;
  background-image: url("/dist/images/icn/angle-right.svg");
  background-position: center, center;
  background-repeat: no-repeat;
}

.ucc-m-gnav-sp-main__children {
  background-color: #eeeeee;
}

.ucc-m-gnav-sp-main__grandsons {
  background-color: #cccccc;
}

.ucc-m-gnav-sp-main__children,
.ucc-m-gnav-sp-main__grandsons {
  overflow: hidden;
  height: 0;
}

.ucc-m-gnav-sp-main__children__list,
.ucc-m-gnav-sp-main__grandsons__list {
  opacity: 0;
  transform: translateY(-60px);
  transition-duration: 0.2s;
  transition-property: transform, opacity;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}

.ucc-m-gnav-sp-main__child .ucc-m-gnav-sp-main__btn {
  padding-right: 30px;
  padding-left: 30px;
}

.ucc-m-gnav-sp-main__child.is-open .ucc-m-gnav-sp-main__grandsons {
  height: auto;
}

.ucc-m-gnav-sp-main__child.is-open .ucc-m-gnav-sp-main__grandsons__list {
  opacity: 1;
  transform: translateY(0);
}

.ucc-m-gnav-sp-main__footer {
  *zoom: 1;
  border-top: 1px solid #eeeeee;
}

.ucc-m-gnav-sp-main__footer:before,
.ucc-m-gnav-sp-main__footer:after {
  display: table;
  content: "";
}

.ucc-m-gnav-sp-main__footer:after {
  clear: both;
}

.ucc-m-gnav-sp-main__footer__btn {
  display: block;
  width: 50%;
  padding: 15px;
  float: left;
}

.ucc-m-gnav-sp-main__footer__btn,
.ucc-m-gnav-sp-main__footer__btn:link,
.ucc-m-gnav-sp-main__footer__btn:visited,
.ucc-m-gnav-sp-main__footer__btn a:active,
.ucc-m-gnav-sp-main__footer__btn a:hover,
.ucc-m-gnav-sp-main__footer__btn a:focus {
  color: inherit;
  text-decoration: inherit;
}

.ucc-m-gnav-sp-main__footer__btn > span {
  position: relative;
  display: block;
  padding-left: 25px;
}

.ucc-m-gnav-sp-main__footer__btn > span::before {
  display: inline-block;
  content: " ";
  line-height: 1;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 18px;
  height: 18px;
  margin: auto 0;
  background-position: center, center;
  background-repeat: no-repeat;
}

.ucc-m-gnav-sp-main__footer__btn.is-blank > span::after {
  display: inline-block;
  content: " ";
  line-height: 1;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 10px;
  margin: auto 0;
  background-image: url("/dist/images/icn/blank.svg");
  background-position: center, center;
  background-repeat: no-repeat;
}

.ucc-m-gnav-sp-main__footer__btn--sns > span::before {
  background-image: url("/dist/images/icn/circle-sns.svg");
}

.ucc-m-gnav-sp-main__footer__btn--global > span::before {
  background-image: url("/dist/images/icn/globe.svg");
}

.ucc-m-gnav-sp {
  font-family: "Noto Sans Japanese", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  font-weight: 300;
  color: #333333;
  font-feature-settings: "pkna";
  font-style: normal;
  font-weight: 400;
  line-height: 1.75;
  -webkit-text-size-adjust: 100%;
  font-size: 15px;
  height: 100%;
  box-sizing: border-box;
}

.ucc-m-gnav-sp * {
  box-sizing: border-box;
}

.ucc-m-gnav-sp *:before,
.ucc-m-gnav-sp *:after {
  box-sizing: border-box;
}

.ucc-m-gnav-sp__header {
  position: absolute;
  z-index: 12000;
  top: 0;
  left: 0;
  width: 100%;
}

.ucc-m-gnav-sp__header__link__icn {
  position: relative;
}

.ucc-m-gnav-sp__header__link__icn::before {
  display: inline-block;
  content: " ";
  line-height: 1;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 32px;
  height: 32px;
  margin: auto 0;
  background-position: center, center;
  background-repeat: no-repeat;
}

.ucc-m-gnav-sp__header__link__icn--pin::before {
  background-image: url("/dist/images/icn/circle-pin--hover.svg");
}

.ucc-m-gnav-sp__header__link__icn--cafe::before {
  background-image: url("/dist/images/icn/circle-cafe--hover.svg");
}

.ucc-m-gnav-sp__header__link__icn--cart::before {
  background-image: url("/dist/images/icn/circle-cart--hover.svg");
}

.ucc-m-gnav-sp__header__link__icn--call::before {
  background-image: url("/dist/images/icn/circle-call-center.svg");
}

.ucc-m-gnav-sp__body {
  overflow: auto;
  height: 100%;
  padding-top: 50px;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
}

.ucc-m-gnav-sp__main {
  background-color: #ffffff;
}

.ucc-m-gnav-sp__search {
  padding-top: 25px;
  padding-right: 10px;
  padding-left: 10px;
}

.ucc-m-gnav {
  display: table;
  width: 100%;
  height: 100%;
  table-layout: fixed;
}

.ucc-m-gnav__inner {
  display: table-row;
}

.ucc-m-gnav__btn {
  position: relative;
  display: table-cell;
  padding-right: 5px;
  padding-left: 5px;
  line-height: 1.25;
  text-align: center;
  transition-duration: 0.4s;
  transition-property: color;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  vertical-align: middle;
}

.ucc-m-gnav__btn,
.ucc-m-gnav__btn:link,
.ucc-m-gnav__btn:visited,
.ucc-m-gnav__btn a:active,
.ucc-m-gnav__btn a:hover,
.ucc-m-gnav__btn a:focus {
  color: inherit;
  text-decoration: inherit;
}

.ucc-m-gnav__btn:after {
  position: absolute;
  right: 0;
  bottom: 0;
  display: block;
  width: 0;
  height: 2px;
  background-color: #e60012;
  content: "";
  transition-duration: 0.4s;
  transition-property: width;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}

.ucc-m-gnav__btn + .ucc-m-gnav__btn {
  border-left: 1px solid #eeeeee;
}

.ucc-m-gnav__btn:hover {
  color: #e60012;
}

.ucc-m-gnav__btn:hover:after {
  right: auto;
  left: 0;
  width: 100%;
}

.ucc-m-go-home {
  font-family: "Noto Sans Japanese", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  font-weight: 300;
  color: #333333;
  font-feature-settings: "pkna";
  font-style: normal;
  font-weight: 400;
  line-height: 1.75;
  -webkit-text-size-adjust: 100%;
  font-size: 15px;
  position: relative;
}

.ucc-m-go-home * {
  box-sizing: border-box;
}

.ucc-m-go-home *:before,
.ucc-m-go-home *:after {
  box-sizing: border-box;
}

.ucc-m-go-home--layout-content {
  width: 100%;
  max-width: 1240px;
  padding-right: 20px;
  padding-left: 20px;
  margin-right: auto;
  margin-left: auto;
}

.ucc-m-go-home--layout-content--small {
  max-width: 1066px;
}

.ucc-m-go-home__btn {
  position: relative;
  display: block;
  padding: 12px;
  background-color: #e60012;
  font-size: 16px;
  text-align: center;
}

.ucc-m-go-home__btn,
.ucc-m-go-home__btn:link,
.ucc-m-go-home__btn:visited,
.ucc-m-go-home__btn a:active,
.ucc-m-go-home__btn a:hover,
.ucc-m-go-home__btn a:focus {
  color: inherit;
  text-decoration: inherit;
}

.ucc-m-go-home__btn,
.ucc-m-go-home__btn:link,
.ucc-m-go-home__btn:visited,
.ucc-m-go-home__btn:active,
.ucc-m-go-home__btn:hover,
.ucc-m-go-home__btn:focus {
  color: #ffffff;
}

.ucc-m-go-home__btn > span {
  position: relative;
  display: inline-block;
  padding-right: 40px;
}

.ucc-m-go-home__btn > span:after {
  display: inline-block;
  content: "\e012";
  font-family: "ucc";
  font-size: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  line-height: 1;
  text-rendering: auto;
  position: absolute;
  top: 50%;
  right: 0;
  font-size: 18px;
  transform: translateY(-50%);
}

html.no-touch .ucc-m-go-home__btn {
  transition-property: border-color;
  transition-duration: 0.25s;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}

html.no-touch .ucc-m-go-home__btn:before {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 0;
  height: 100%;
  content: "";
  transition-duration: 0.25s;
  transition-property: width;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  background-color: #b3000e;
}

html.no-touch .ucc-m-go-home__btn:hover {
  border-color: #e60012;
  color: #ffffff;
}

html.no-touch .ucc-m-go-home__btn:hover:before {
  right: auto;
  right: initial;
  left: 0;
  width: 100%;
}

.ucc-m-group-banners__pagination {
  position: relative;
  height: 0;
  overflow: hidden;
}

.ucc-m-gsnav {
  height: 100%;
  text-align: right;
}

.ucc-m-gsnav__search {
  display: inline-block;
  height: 100%;
}

.ucc-m-gsnav__list {
  display: inline-block;
  height: 38px;
  color: #666666;
  font-size: 13px;
  vertical-align: top;
}

.ucc-m-gsnav__list__item {
  display: inline-block;
  padding-right: 15px;
  padding-left: 15px;
  line-height: 38px;
}

.ucc-m-gsnav__list__btn,
.ucc-m-gsnav__list__btn:link,
.ucc-m-gsnav__list__btn:visited,
.ucc-m-gsnav__list__btn a:active,
.ucc-m-gsnav__list__btn a:hover,
.ucc-m-gsnav__list__btn a:focus {
  color: inherit;
  text-decoration: inherit;
}

html.no-touch .ucc-m-gsnav__list__btn {
  transition-property: color;
  transition-duration: 0.4s;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}

html.no-touch .ucc-m-gsnav__list__btn:hover {
  color: #e60012;
}

.ucc-m-gsnav__list__btn > span {
  position: relative;
  display: inline-block;
}

.ucc-m-gsnav__list__btn.is-blank > span {
  padding-right: 15px;
}

.ucc-m-gsnav__list__btn.is-blank > span:after {
  display: inline-block;
  content: " ";
  line-height: 1;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 10px;
  margin: auto 0;
  background-image: url("/dist/images/icn/blank.svg");
  background-position: center, center;
  background-repeat: no-repeat;
}

.ucc-m-gsubnav {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  width: 100%;
  height: 0;
  background-color: #ffffff;
  transition-duration: 0.1s;
  transition-property: height;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}

.ucc-m-gsubnav__container {
  width: 100%;
  max-width: 1240px;
  padding-right: 20px;
  padding-left: 20px;
  margin-right: auto;
  margin-left: auto;
}

.ucc-m-gsubnav__container--small {
  max-width: 1066px;
}

.ucc-m-gsubnav__h {
  padding-top: 25px;
  padding-bottom: 15px;
  font-weight: 400;
  font-size: 20px;
}

.ucc-m-gsubnav__h a,
.ucc-m-gsubnav__h a:link,
.ucc-m-gsubnav__h a:visited,
.ucc-m-gsubnav__h a a:active,
.ucc-m-gsubnav__h a a:hover,
.ucc-m-gsubnav__h a a:focus {
  color: inherit;
  text-decoration: inherit;
}

.ucc-m-gsubnav__h a > span {
  position: relative;
  display: inline-block;
  padding-right: 25px;
}

.ucc-m-gsubnav__h a > span:after {
  display: inline-block;
  content: " ";
  line-height: 1;
  position: absolute;
  top: 2px;
  right: 0;
  bottom: 0;
  width: 16px;
  margin: auto 0;
  background-image: url("/dist/images/icn/circle-arrow-right-invert.svg");
  background-position: center, center;
  background-repeat: no-repeat;
}

html.no-touch .ucc-m-gsubnav__h a {
  transition-property: color;
  transition-duration: 0.4s;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}

html.no-touch .ucc-m-gsubnav__h a:hover {
  color: #e60012;
}

.ucc-m-gsubnav__body {
  padding-top: 30px;
  padding-bottom: 55px;
  border-top: 1px solid #eeeeee;
  letter-spacing: -0.4em;
  text-align: center;
}

.ucc-m-gsubnav__body a,
.ucc-m-gsubnav__body a:link,
.ucc-m-gsubnav__body a:visited,
.ucc-m-gsubnav__body a a:active,
.ucc-m-gsubnav__body a a:hover,
.ucc-m-gsubnav__body a a:focus {
  color: inherit;
  text-decoration: inherit;
}

.ucc-m-gsubnav__body.is-no-align {
  letter-spacing: normal;
  text-align: left;
}

.ucc-m-gsubnav__btn {
  display: inline-block;
  width: 15.8333333333%;
  letter-spacing: normal;
}

.ucc-m-gsubnav__btn + .ucc-m-gsubnav__btn {
  margin-left: 1%;
}

.ucc-m-gsubnav__btn__fig img {
  width: 100%;
  height: auto;
}

.ucc-m-gsubnav__btn__caption {
  margin-top: 3px;
  color: #333333;
  text-align: center;
  font-size: 13px;
}

html.no-touch .ucc-m-gsubnav__btn .ucc-m-gsubnav__btn__caption {
  transition-duration: 0.4s;
  transition-property: color;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}

html.no-touch .ucc-m-gsubnav__btn:hover .ucc-m-gsubnav__btn__caption {
  color: #e60012;
}

.ucc-m-gsubnav.is-show {
  z-index: 2;
  transition-duration: 0.4s;
}

.ucc-m-guid-nav__fig {
  position: relative;
  display: block;
  border: 1px solid #dcdcdc;
}

.ucc-m-guid-nav__fig img {
  display: block;
  width: 100%;
  height: auto;
}

.ucc-m-guid-nav__fig--no-border {
  border: none;
}

html.no-touch .ucc-m-guid-nav__fig {
  overflow: hidden;
}

html.no-touch .ucc-m-guid-nav__fig:after {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  border: 0 solid #e60012;
  content: "";
  transition-duration: 0.6s;
  transition-property: border-width;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

html.no-touch .ucc-m-guid-nav__fig img {
  transition-duration: 0.6s;
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

html.no-touch .ucc-m-guid-nav__fig:hover:after {
  border-width: 5px;
}

html.no-touch .ucc-m-guid-nav__fig:hover img {
  transform: scale(0.99);
}

.ucc-m-guid-nav__body {
  padding-right: 20px;
  padding-left: 20px;
  margin-top: 10px;
}

.ucc-m-guid-nav__btns {
  margin-top: 25px;
}

.ucc-m-guid-nav__btns__list {
  width: 106.1433447099%;
  margin-top: -2.8938906752%;
  margin-left: -2.8938906752%;
  *zoom: 1;
}

.ucc-m-guid-nav__btns__list:before,
.ucc-m-guid-nav__btns__list:after {
  display: table;
  content: "";
}

.ucc-m-guid-nav__btns__list:after {
  clear: both;
}

.ucc-m-guid-nav__btns__list .ucc-m-guid-nav__btns__item {
  width: 29.474812433%;
  margin-top: 2.8938906752%;
  margin-left: 2.8938906752%;
  float: left;
}

.ucc-m-guid-nav__btn {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-bottom: 10px;
  border-bottom: 1px solid #d2d2d2;
  font-size: 13px;
}

.ucc-m-guid-nav__btn,
.ucc-m-guid-nav__btn:link,
.ucc-m-guid-nav__btn:visited,
.ucc-m-guid-nav__btn a:active,
.ucc-m-guid-nav__btn a:hover,
.ucc-m-guid-nav__btn a:focus {
  color: inherit;
  text-decoration: inherit;
}

.ucc-m-guid-nav__btn > span {
  position: relative;
  display: block;
  width: 100%;
  padding-right: 15px;
  padding-left: 37px;
}

.ucc-m-guid-nav__btn > span i {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  display: table;
  margin: auto 0;
  color: #6c3f1f;
  font-size: 18px;
  line-height: 1;
}

.ucc-m-guid-nav__btn > span:after {
  display: inline-block;
  content: "\e01a";
  font-family: "ucc";
  font-size: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  line-height: 1;
  text-rendering: auto;
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -6px;
  color: #e60012;
  font-size: 12px;
}

.ucc-m-guid-nav__btn > span.ucc-a-lineheight {
  line-height: 1.02em;
}

html.no-touch .ucc-m-guid-nav__btn {
  transition-property: color;
  transition-duration: 0.4s;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}

html.no-touch .ucc-m-guid-nav__btn:hover {
  color: #e60012;
}

html.no-touch .ucc-m-guid-nav__btn:after {
  position: absolute;
  bottom: -1px;
  left: 0;
  display: block;
  width: 0;
  height: 1px;
  background-color: #e60012;
  content: "";
  transition-duration: 0.6s;
  transition-property: width;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

html.no-touch .ucc-m-guid-nav__btn:hover:after {
  width: 100%;
}

.ucc-m-guid-navs {
  font-family: "Noto Sans Japanese", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  font-weight: 300;
  color: #333333;
  font-feature-settings: "pkna";
  font-style: normal;
  font-weight: 400;
  line-height: 1.75;
  -webkit-text-size-adjust: 100%;
  font-size: 15px;
  position: relative;
}

.ucc-m-guid-navs * {
  box-sizing: border-box;
}

.ucc-m-guid-navs *:before,
.ucc-m-guid-navs *:after {
  box-sizing: border-box;
}

.ucc-m-guid-navs__container {
  width: 100%;
  max-width: 1240px;
  padding-right: 20px;
  padding-left: 20px;
  margin-right: auto;
  margin-left: auto;
  position: relative;
  z-index: 2;
}

.ucc-m-guid-navs__container--small {
  max-width: 1066px;
}

.ucc-m-guid-navs__list {
  *zoom: 1;
}

.ucc-m-guid-navs__list:before,
.ucc-m-guid-navs__list:after {
  display: table;
  content: "";
}

.ucc-m-guid-navs__list:after {
  clear: both;
}

.ucc-m-guid-navs__item {
  width: 48.8333333333%;
  float: left;
}

.ucc-m-guid-navs__item + .ucc-m-guid-navs__item {
  margin-left: 2.3333333333%;
}

.ucc-m-guid-navs__wave {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  width: 100%;
  max-height: 320px;
}

.ucc-m-guid-navs__wave__inner {
  width: 100%;
  max-width: 1240px;
  padding-right: 20px;
  padding-left: 20px;
  margin-right: auto;
  margin-left: auto;
  position: relative;
}

.ucc-m-guid-navs__wave__inner--small {
  max-width: 1066px;
}

.ucc-m-guid-navs__wave__inner:after {
  display: block;
  padding-top: 26.6666666667%;
  content: "";
}

.ucc-m-guid-navs__wave:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 50%;
  background-color: #ffffff;
  content: "";
}

.ucc-m-guid-navs--bg-color-main-beige {
  background-color: #f2ecde;
}

.ucc-m-h-en-sec {
  padding-top: 50px;
  padding-bottom: 60px;
}

.ucc-m-h-en-sec__body {
  width: 100%;
  max-width: 1240px;
  padding-right: 20px;
  padding-left: 20px;
  margin-right: auto;
  margin-left: auto;
  margin-top: 50px;
}

.ucc-m-h-en-sec__body--small {
  max-width: 1066px;
}

.ucc-m-h-en-sec__body--no-side-padding {
  padding-right: 0;
  padding-left: 0;
}

.ucc-m-h-en-sec__body--no-content {
  max-width: inherit;
  padding-right: 0;
  padding-left: 0;
}

.ucc-m-h-en-sec--bg-color-main-beige {
  background-color: #f2ecde;
}

.ucc-m-h-sec {
  position: relative;
  padding-top: 80px;
  padding-bottom: 80px;
}

.ucc-m-h-sec--no-space {
  padding-top: 0;
  padding-bottom: 0;
}

.ucc-m-h-sec--no-top-space {
  padding-top: 0;
}

.ucc-m-h-sec--no-bottom-space {
  padding-bottom: 0;
}

.ucc-m-h-sec__body {
  width: 100%;
  max-width: 1240px;
  padding-right: 20px;
  padding-left: 20px;
  margin-right: auto;
  margin-left: auto;
  margin-top: 60px;
}

.ucc-m-h-sec__body--small {
  max-width: 1066px;
}

.ucc-m-h-sec__body--margin-half {
  margin-top: 30px;
}

.ucc-m-h-sec__body--margin-mini {
  margin-top: 10px;
}

.ucc-m-h-sec__body--no-side-padding {
  padding-right: 0;
  padding-left: 0;
}

.ucc-m-h-sec__body--no-content {
  max-width: inherit;
  padding-right: 0;
  padding-left: 0;
}

.ucc-m-h-sec--lower-wrapper-zero {
  padding-bottom: 0;
}

.ucc-m-h-sec--lower-wrapper {
  padding-bottom: 20px;
}

.ucc-m-h-sec--lower-wrapper-large {
  padding-bottom: 40px;
}

.ucc-m-h-sec--bg-color-main-beige {
  background-color: #f2ecde;
}

.ucc-m-h-sec--bg-color-main-gray {
  background-color: #f7f7f7;
}

.ucc-m-h-sec--h2 .ucc-m-h-sec__body {
  margin-top: 30px;
}

.ucc-m-h-thumb {
  display: block;
}

.ucc-m-h-thumb,
.ucc-m-h-thumb:link,
.ucc-m-h-thumb:visited,
.ucc-m-h-thumb a:active,
.ucc-m-h-thumb a:hover,
.ucc-m-h-thumb a:focus {
  color: inherit;
  text-decoration: inherit;
}

.ucc-m-h-thumb__fig {
  position: relative;
}

.ucc-m-h-thumb__fig img {
  display: block;
  width: 100%;
  height: auto;
}

.ucc-m-h-thumb__caption {
  margin-top: 10px;
}

html.no-touch .ucc-m-h-thumb .ucc-a-h__link {
  transition-duration: 0.4s;
  transition-property: color;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}

html.no-touch .ucc-m-h-thumb:hover .ucc-a-h__link {
  color: #e60012;
}

html.no-touch .ucc-m-h-thumb .ucc-m-h-thumb__fig {
  overflow: hidden;
}

html.no-touch .ucc-m-h-thumb .ucc-m-h-thumb__fig:after {
  position: absolute;
  top: -1px;
  left: -1px;
  display: block;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  border: 0 solid #e60012;
  content: "";
  transition-duration: 0.6s;
  transition-property: border-width;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

html.no-touch .ucc-m-h-thumb .ucc-m-h-thumb__fig img {
  transition-duration: 0.6s;
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

html.no-touch .ucc-m-h-thumb:hover .ucc-m-h-thumb__fig:after {
  border-width: 8px;
}

html.no-touch .ucc-m-h-thumb:hover .ucc-m-h-thumb__fig img {
  transform: scale(0.99);
}

.ucc-m-h-thumbs {
  font-family: "Noto Sans Japanese", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  font-weight: 300;
  color: #333333;
  font-feature-settings: "pkna";
  font-style: normal;
  font-weight: 400;
  line-height: 1.75;
  -webkit-text-size-adjust: 100%;
  font-size: 15px;
}

.ucc-m-h-thumbs * {
  box-sizing: border-box;
}

.ucc-m-h-thumbs *:before,
.ucc-m-h-thumbs *:after {
  box-sizing: border-box;
}

.ucc-m-h-thumbs__list {
  width: 101.6666666667%;
  margin-top: -1.6393442623%;
  margin-left: -1.6393442623%;
  *zoom: 1;
}

.ucc-m-h-thumbs__list:before,
.ucc-m-h-thumbs__list:after {
  display: table;
  content: "";
}

.ucc-m-h-thumbs__list:after {
  clear: both;
}

.ucc-m-h-thumbs__list .ucc-m-h-thumbs__item {
  width: 48.3606557377%;
  margin-top: 1.6393442623%;
  margin-left: 1.6393442623%;
  float: left;
}

.ucc-m-header-search {
  position: relative;
  display: inline-block;
  overflow: hidden;
  width: 38px;
  height: 100%;
  background-color: #e60012;
  transition-duration: 0.55s;
  transition-property: width;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

.ucc-m-header-search,
.ucc-m-header-search:link,
.ucc-m-header-search:visited,
.ucc-m-header-search a:active,
.ucc-m-header-search a:hover,
.ucc-m-header-search a:focus {
  color: inherit;
  text-decoration: inherit;
}

.ucc-m-header-search__icn {
  position: absolute;
  top: 50%;
  right: 9px;
  width: 20px;
  height: 20px;
  margin-top: -12px;
  color: #ffffff;
  cursor: pointer;
  font-size: 20px;
  line-height: 1;
}

.ucc-m-header-search__icn::after {
  display: inline-block;
  content: " ";
  line-height: 1;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 20px;
  margin: auto 0;
  background-image: url("/dist/images/icn/search--white.svg");
  background-position: center, center;
  background-repeat: no-repeat;
}

.ucc-m-header-search__input {
  position: absolute;
  top: 0;
  right: 50px;
  width: 220px;
  height: 100%;
  padding-bottom: 1px;
}

.ucc-m-header-search__input > input {
  display: block;
  width: 100%;
  height: 100%;
  border: none;
  background-color: transparent;
  color: #ffffff;
}

.ucc-m-header-search__input > input:placeholder-shown {
  color: rgba(255, 255, 255, 0.5);
}

.ucc-m-header-search__input > input::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
}

.ucc-m-header-search__input > input:-moz-placeholder {
  color: rgba(255, 255, 255, 0.5);
  opacity: 1;
}

.ucc-m-header-search__input > input::-moz-placeholder {
  color: rgba(255, 255, 255, 0.5);
  opacity: 1;
}

.ucc-m-header-search__input > input:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
}

.ucc-m-header-search__input > input:focus {
  outline: none;
}

.ucc-m-header-search.is-open {
  width: 280px;
}

.ucc-m-home-action {
  background-color: #fef3f4;
  padding-bottom: 100px;
}

.ucc-m-home-action__header {
  position: relative;
  padding-top: 70px;
}

.ucc-m-home-action__header::before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  padding-top: 22.4926253687%;
  background-color: #e70f20;
  content: "";
}

.ucc-m-home-action__h {
  position: relative;
  max-width: 502px;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}

.ucc-m-home-action__h img {
  width: 100%;
  height: auto;
}

.ucc-m-home-action__body {
  position: relative;
  width: 100%;
  max-width: 1240px;
  padding-right: 20px;
  padding-left: 20px;
  margin-right: auto;
  margin-left: auto;
  margin-top: 52px;
}

.ucc-m-home-action__body--small {
  max-width: 1066px;
}

.ucc-m-home-enjoy {
  font-family: "Noto Sans Japanese", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  font-weight: 300;
  color: #333333;
  font-feature-settings: "pkna";
  font-style: normal;
  font-weight: 400;
  line-height: 1.75;
  -webkit-text-size-adjust: 100%;
  font-size: 15px;
  padding-top: 90px;
}

.ucc-m-home-enjoy * {
  box-sizing: border-box;
}

.ucc-m-home-enjoy *:before,
.ucc-m-home-enjoy *:after {
  box-sizing: border-box;
}

.ucc-m-home-enjoy__header {
  width: 100%;
  max-width: 1240px;
  padding-right: 20px;
  padding-left: 20px;
  margin-right: auto;
  margin-left: auto;
}

.ucc-m-home-enjoy__header--small {
  max-width: 1066px;
}

.ucc-m-home-enjoy__body {
  overflow: hidden;
}

.ucc-m-home-enjoy__btns-content {
  width: 100%;
  max-width: 1240px;
  padding-right: 20px;
  padding-left: 20px;
  margin-right: auto;
  margin-left: auto;
}

.ucc-m-home-enjoy__btns-content--small {
  max-width: 1066px;
}

.ucc-m-home-enjoy__btns-wrap {
  position: relative;
  padding-top: 40px;
  padding-bottom: 40px;
}

.ucc-m-home-enjoy__btns-wrap:before {
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 50%;
  background-color: #f2ecde;
  content: "";
}

.ucc-m-home-enjoy__wave {
  position: absolute !important;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ucc-m-home-enjoy__wave > canvas {
  top: 25%;
  bottom: auto !important;
  width: calc(100% + 30px);
  margin-left: -15px;
}

.ucc-m-home-enjoy__business-wrap {
  padding-top: 10px;
  padding-bottom: 80px;
  background-color: #f2ecde;
}

.ucc-m-home-enjoy__btns {
  *zoom: 1;
  position: relative;
  z-index: 2;
}

.ucc-m-home-enjoy__btns:before,
.ucc-m-home-enjoy__btns:after {
  display: table;
  content: "";
}

.ucc-m-home-enjoy__btns:after {
  clear: both;
}

.ucc-m-home-enjoy__btns__item {
  width: 33.1666666667%;
  float: left;
}

.ucc-m-home-enjoy__btns__item + .ucc-m-home-enjoy__btns__item {
  margin-left: 0.25%;
}

.ucc-m-home-enjoy__btn {
  position: relative;
  display: block;
  width: 100%;
}

.ucc-m-home-enjoy__btn__content {
  position: relative;
  z-index: 2;
  display: block;
}

.ucc-m-home-enjoy__btn__content:before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: transparent url("../images/img/img-home-enjoy-cup-main.png") no-repeat 0 0;
  background-size: contain;
  content: "";
}

.ucc-m-home-enjoy__btn__content:after {
  display: block;
  padding-top: 102.0100502513%;
  content: "";
}

html.no-touch .ucc-m-home-enjoy__btn__content:hover .ucc-m-home-enjoy__btn__main:before {
  opacity: 1;
  transform: scale(1);
}

html.no-touch .ucc-m-home-enjoy__btn__content:hover .ucc-m-home-enjoy__btn__txt {
  color: #e60012;
}

.ucc-m-home-enjoy__btn__main {
  position: absolute;
  top: 3.5175879397%;
  left: 3.5175879397%;
  display: block;
  overflow: hidden;
  width: 90.4522613065%;
  backface-visibility: hidden;
  border-radius: 100%;
  transform-style: preserve-3d;
}

.ucc-m-home-enjoy__btn__main:after {
  position: relative;
  display: block;
  padding-top: 100%;
  backface-visibility: hidden;
  background-color: rgba(0, 0, 0, 0.5);
  content: "";
  opacity: 0;
  transform-style: preserve-3d;
}

html.no-touch .ucc-m-home-enjoy__btn__main:after {
  transition-duration: 0.4s;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}

.ucc-m-home-enjoy__btn__main:before {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 100%;
  content: "";
  filter: blur(20px);
  opacity: 0;
  transform: scale(0.6);
}

html.no-touch .ucc-m-home-enjoy__btn__main:before {
  transition-duration: 0.4s;
  transition-property: transform, opacity;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}

.ucc-m-home-enjoy__btn__img {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 150%;
  padding-top: 100%;
  background: transparent url("../images/img/img-home-enjoy-cup-cover.png") no-repeat center center;
  background-size: contain;
  transform: translate(-50%, -50%);
}

.ucc-m-home-enjoy__btn__img img {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  opacity: 0.5;
}

.ucc-m-home-enjoy__btn__txt {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 0;
  width: 100%;
  padding-right: 10px;
  padding-left: 10px;
  color: #ffffff;
  -webkit-font-smoothing: antialiased;
  line-height: 1.25;
  text-align: center;
  transform: translate(0, -50%);
}

html.no-touch .ucc-m-home-enjoy__btn__txt {
  transition-duration: 0.4s;
  transition-property: color;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}

.ucc-m-home-enjoy__btn__h {
  font-size: 30px;
  font-weight: 400;
}

.ucc-m-home-enjoy__btn__h-en {
  font-family: "Raleway", Noto Sans Japanese, 游ゴシック, YuGothic, ヒラギノ角ゴ Pro, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, sans-serif;
  font-weight: 400;
  letter-spacing: 0.08em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 18px;
  margin-top: 10px;
  font-weight: 500;
}

.ucc-m-home-enjoy__btn:after {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 121.608040201%;
  padding-top: 124.1206030151%;
  background: transparent url("../images/img/img-home-enjoy-cup-shadow.png") no-repeat 0 0;
  background-size: contain;
  content: "";
  transform: translate(-50%, -50%);
}

.ucc-m-home-events__list {
  *zoom: 1;
}

.ucc-m-home-events__list:before,
.ucc-m-home-events__list:after {
  display: table;
  content: "";
}

.ucc-m-home-events__list:after {
  clear: both;
}

.ucc-m-home-events__list + .ucc-m-home-events__list {
  margin-top: 1.6666666667%;
}

.ucc-m-home-events__item {
  width: 32.6666666667%;
  float: left;
}

.ucc-m-home-events__item + .ucc-m-home-events__item {
  margin-left: 1%;
}

.ucc-m-home-events__item--slender {
  width: 49.1666666667%;
}

.ucc-m-home-events__item--slender + .ucc-m-home-events__item--slender {
  margin-left: 1.6666666667%;
}

.ucc-m-home-hero-slide {
  position: relative;
}

.ucc-m-home-hero-slide__pages {
  position: absolute;
  z-index: 2;
  bottom: 0;
  left: 0;
  display: block;
  overflow: hidden;
  width: 100%;
  height: 4px;
}

.ucc-m-home-hero-slide__pages__inner {
  display: -ms-flexbox;
  display: flex;
  width: 100.1%;
  height: 4px;
}

.ucc-m-home-hero-slide__page {
  position: relative;
  display: block;
  -ms-flex: 1;
  flex: 1;
  background-color: #d2d2d2;
  cursor: pointer;
  vertical-align: bottom;
}

.ucc-m-home-hero-slide__page + .ucc-m-home-hero-slide__page {
  margin-left: 2px;
}

.ucc-m-home-hero-slide__page__current {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 0;
  height: 100%;
  background-color: #e60012;
}

.ucc-m-home-hero {
  max-width: 1470px;
  padding: 12px 12px 20px;
  margin-right: auto;
  margin-left: auto;
}

.ucc-m-home-hero__container {
  display: table;
  width: 100%;
  table-layout: fixed;
}

.ucc-m-home-hero__inner {
  display: table-row;
}

.ucc-m-home-hero__blocks {
  position: relative;
}

.ucc-m-home-hero__blocks--movie .ucc-m-bg-movie:after {
  padding-top: 37.2578241431%;
}

.ucc-m-home-hero__blocks--others {
  width: 100%;
  max-width: 1240px;
  padding-right: 20px;
  padding-left: 20px;
  margin-right: auto;
  margin-left: auto;
  *zoom: 1;
  margin-top: 20px;
}

.ucc-m-home-hero__blocks--others--small {
  max-width: 1066px;
}

.ucc-m-home-hero__blocks--others:before,
.ucc-m-home-hero__blocks--others:after {
  display: table;
  content: "";
}

.ucc-m-home-hero__blocks--others:after {
  clear: both;
}

.ucc-m-home-hero__movie {
  display: block;
}

.ucc-m-home-hero__movie__logo {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 37.2578241431%;
  transform: translate(-50%, -50%);
}

.ucc-m-home-hero__movie__logo:after {
  display: block;
  padding-top: 21.3917525773%;
  content: "";
}

.ucc-m-home-hero__movie__logo svg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  fill: #ffffff;
  filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.2));
}

.ucc-m-home-hero__movie__anchor {
  position: absolute;
  bottom: 20px;
  left: 50%;
  display: block;
  font-size: 30px;
  transform: translateX(-50%);
}

.ucc-m-home-hero__movie__anchor,
.ucc-m-home-hero__movie__anchor:link,
.ucc-m-home-hero__movie__anchor:visited,
.ucc-m-home-hero__movie__anchor a:active,
.ucc-m-home-hero__movie__anchor a:hover,
.ucc-m-home-hero__movie__anchor a:focus {
  color: inherit;
  text-decoration: inherit;
}

.ucc-m-home-hero__movie__anchor,
.ucc-m-home-hero__movie__anchor:link,
.ucc-m-home-hero__movie__anchor:visited,
.ucc-m-home-hero__movie__anchor:active,
.ucc-m-home-hero__movie__anchor:hover,
.ucc-m-home-hero__movie__anchor:focus {
  color: #ffffff;
}

.ucc-m-home-hero__other {
  display: block;
  width: 49.1666666667%;
  float: left;
}

.ucc-m-home-hero__other__thumb {
  position: relative;
  display: block;
}

.ucc-m-home-hero__other__thumb img {
  width: 100%;
  height: auto;
}

html.no-touch .ucc-m-home-hero__other__thumb {
  overflow: hidden;
}

html.no-touch .ucc-m-home-hero__other__thumb:after {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  border: 0 solid #e60012;
  content: "";
  transition-duration: 0.6s;
  transition-property: border-width;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

html.no-touch .ucc-m-home-hero__other__thumb img {
  transition-duration: 0.6s;
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

html.no-touch .ucc-m-home-hero__other__thumb:hover:after {
  border-width: 7px;
}

html.no-touch .ucc-m-home-hero__other__thumb:hover img {
  transform: scale(0.99);
}

.ucc-m-home-hero__other--random .ucc-m-home-hero__other__thumb {
  display: none;
}

.ucc-m-home-hero__other--random .ucc-m-home-hero__other__thumb.is-current {
  display: block;
}

.ucc-m-home-hero__other + .ucc-m-home-hero__other {
  margin-left: 1.6666666667%;
}

.ucc-m-home-news {
  font-family: "Noto Sans Japanese", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  font-weight: 300;
  color: #333333;
  font-feature-settings: "pkna";
  font-style: normal;
  font-weight: 400;
  line-height: 1.75;
  -webkit-text-size-adjust: 100%;
  font-size: 15px;
  position: relative;
  padding-top: 80px;
  padding-bottom: 80px;
  background-color: #f7f7f7;
}

.ucc-m-home-news * {
  box-sizing: border-box;
}

.ucc-m-home-news *:before,
.ucc-m-home-news *:after {
  box-sizing: border-box;
}

.ucc-m-home-news__container {
  width: 100%;
  max-width: 1240px;
  padding-right: 20px;
  padding-left: 20px;
  margin-right: auto;
  margin-left: auto;
}

.ucc-m-home-news__container--small {
  max-width: 1066px;
}

.ucc-m-home-news__inner {
  *zoom: 1;
}

.ucc-m-home-news__inner:before,
.ucc-m-home-news__inner:after {
  display: table;
  content: "";
}

.ucc-m-home-news__inner:after {
  clear: both;
}

.ucc-m-home-news__content {
  width: 48.3333333333%;
  float: left;
}

.ucc-m-home-news__content + .ucc-m-home-news__content {
  margin-left: 3.3333333333%;
}

.ucc-m-home-notices {
  font-family: "Noto Sans Japanese", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  font-weight: 300;
  color: #333333;
  font-feature-settings: "pkna";
  font-style: normal;
  font-weight: 400;
  line-height: 1.75;
  -webkit-text-size-adjust: 100%;
  font-size: 15px;
  width: 100%;
  max-width: 1240px;
  padding-right: 20px;
  padding-left: 20px;
  margin-right: auto;
  margin-left: auto;
}

.ucc-m-home-notices * {
  box-sizing: border-box;
}

.ucc-m-home-notices *:before,
.ucc-m-home-notices *:after {
  box-sizing: border-box;
}

.ucc-m-home-notices--small {
  max-width: 1066px;
}

.ucc-m-home-notices__container {
  padding: 16px 0;
  border: 1px solid #d2d2d2;
}

.ucc-m-home-notices__inner {
  display: table;
  width: 100%;
}

.ucc-m-home-notices__content {
  display: table-row;
}

.ucc-m-home-notices__h,
.ucc-m-home-notices__lists {
  display: table-cell;
  vertical-align: middle;
}

.ucc-m-home-notices__h {
  font-size: 16px;
  padding-right: 40px;
  padding-left: 40px;
  text-align: center;
  white-space: nowrap;
}

.ucc-m-home-notices__lists {
  width: 100%;
  padding-right: 40px;
  padding-left: 40px;
  border-left: 1px solid #d2d2d2;
}

.ucc-m-home-recipe-sp {
  *zoom: 1;
  font-family: "Noto Sans Japanese", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  font-weight: 300;
  color: #333333;
  font-feature-settings: "pkna";
  font-style: normal;
  font-weight: 400;
  line-height: 1.75;
  -webkit-text-size-adjust: 100%;
  font-size: 15px;
}

.ucc-m-home-recipe-sp:before,
.ucc-m-home-recipe-sp:after {
  display: table;
  content: "";
}

.ucc-m-home-recipe-sp:after {
  clear: both;
}

.ucc-m-home-recipe-sp * {
  box-sizing: border-box;
}

.ucc-m-home-recipe-sp *:before,
.ucc-m-home-recipe-sp *:after {
  box-sizing: border-box;
}

.ucc-m-home-recipe-sp__inner {
  overflow: hidden;
}

.ucc-m-home-recipe-sp__list {
  width: 102.5%;
  margin-top: -2.4390243902%;
  margin-left: -2.4390243902%;
  *zoom: 1;
}

.ucc-m-home-recipe-sp__list:before,
.ucc-m-home-recipe-sp__list:after {
  display: table;
  content: "";
}

.ucc-m-home-recipe-sp__list:after {
  clear: both;
}

.ucc-m-home-recipe-sp__list .ucc-m-home-recipe-sp__thumb {
  width: 47.5609756098%;
  margin-top: 2.4390243902%;
  margin-left: 2.4390243902%;
  float: left;
}

.ucc-m-home-recipe-sp__thumb {
  position: relative;
  display: block;
  overflow: hidden;
}

.ucc-m-home-recipe-sp__thumb:after {
  display: block;
  padding-top: 100%;
  content: "";
}

.ucc-m-home-recipe-sp__thumb img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.ucc-m-home-recipe {
  font-family: "Noto Sans Japanese", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  font-weight: 300;
  color: #333333;
  font-feature-settings: "pkna";
  font-style: normal;
  font-weight: 400;
  line-height: 1.75;
  -webkit-text-size-adjust: 100%;
  font-size: 15px;
  *zoom: 1;
}

.ucc-m-home-recipe * {
  box-sizing: border-box;
}

.ucc-m-home-recipe *:before,
.ucc-m-home-recipe *:after {
  box-sizing: border-box;
}

.ucc-m-home-recipe:before,
.ucc-m-home-recipe:after {
  display: table;
  content: "";
}

.ucc-m-home-recipe:after {
  clear: both;
}

.ucc-m-home-recipe__thumbs {
  width: 32.6666666667%;
  float: left;
}

html.no-touch .ucc-m-home-recipe__thumbs .ucc-m-home-recipe__thumb {
  background-color: #e60012;
}

html.no-touch .ucc-m-home-recipe__thumbs .ucc-m-home-recipe__thumb img {
  transition-duration: 0.6s;
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

html.no-touch .ucc-m-home-recipe__thumbs .ucc-m-home-recipe__thumb:hover img {
  transform: scale(0.95);
}

.ucc-m-home-recipe__thumbs--small {
  width: 15.8333333333%;
}

.ucc-m-home-recipe__thumbs--small .ucc-m-home-recipe__thumb + .ucc-m-home-recipe__thumb {
  margin-top: 6.3157894737%;
}

html.no-touch .ucc-m-home-recipe__thumbs--small .ucc-m-home-recipe__thumb {
  background-color: #e60012;
}

html.no-touch .ucc-m-home-recipe__thumbs--small .ucc-m-home-recipe__thumb img {
  transition-duration: 0.6s;
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

html.no-touch .ucc-m-home-recipe__thumbs--small .ucc-m-home-recipe__thumb:hover img {
  transform: scale(0.93);
}

.ucc-m-home-recipe__thumbs + .ucc-m-home-recipe__thumbs {
  margin-left: 1%;
}

.ucc-m-home-recipe__thumb {
  position: relative;
  display: block;
  overflow: hidden;
}

.ucc-m-home-recipe__thumb:after {
  display: block;
  padding-top: 100%;
  content: "";
}

.ucc-m-home-recipe__thumb img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.ucc-m-laid-gallery {
  width: 100%;
}

.ucc-m-laid-gallery__inner {
  *zoom: 1;
}

.ucc-m-laid-gallery__inner:before,
.ucc-m-laid-gallery__inner:after {
  display: table;
  content: "";
}

.ucc-m-laid-gallery__inner:after {
  clear: both;
}

.ucc-m-laid-gallery__content {
  width: 50%;
  float: left;
}

.ucc-m-laid-gallery__content img {
  width: 100%;
  height: auto;
  vertical-align: top;
}

.ucc-m-laid-gallery--reverse .ucc-m-laid-gallery__content {
  float: right;
}

.ucc-m-line-h {
  overflow: hidden;
  line-height: 1.25;
  text-align: center;
}

.ucc-m-line-h > span {
  position: relative;
  display: inline-block;
}

.ucc-m-line-h > span:before,
.ucc-m-line-h > span:after {
  position: absolute;
  top: 50%;
  display: block;
  width: 1000px;
  height: 1px;
  background: #d2d2d2;
  content: "";
}

.ucc-m-line-h > span:before {
  left: -1015px;
}

.ucc-m-line-h > span:after {
  right: -1015px;
}

.ucc-m-line-h--white {
  color: #ffffff;
}

.ucc-m-link-list__item + .ucc-m-link-list__item {
  margin-top: 5px;
}

.ucc-m-link-list__btn {
  position: relative;
  display: inline-block;
  padding-left: 26px;
}

.ucc-m-link-list__btn,
.ucc-m-link-list__btn:link,
.ucc-m-link-list__btn:visited,
.ucc-m-link-list__btn a:active,
.ucc-m-link-list__btn a:hover,
.ucc-m-link-list__btn a:focus {
  color: inherit;
  text-decoration: inherit;
}

.ucc-m-link-list__btn:before {
  display: inline-block;
  content: "\e007";
  font-family: "ucc";
  font-size: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  line-height: 1;
  text-rendering: auto;
  position: absolute;
  top: 4px;
  left: 0;
  color: #e60012;
  font-size: 15px;
  line-height: 1;
}

html.no-touch .ucc-m-link-list__btn {
  transition-property: color;
  transition-duration: 0.4s;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}

html.no-touch .ucc-m-link-list__btn:hover {
  color: #e60012;
}

.ucc-m-lower-nav {
  font-family: "Noto Sans Japanese", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  font-weight: 300;
  color: #333333;
  font-feature-settings: "pkna";
  font-style: normal;
  font-weight: 400;
  line-height: 1.75;
  -webkit-text-size-adjust: 100%;
  font-size: 15px;
  overflow: hidden;
  background-color: #e60012;
}

.ucc-m-lower-nav * {
  box-sizing: border-box;
}

.ucc-m-lower-nav *:before,
.ucc-m-lower-nav *:after {
  box-sizing: border-box;
}

.ucc-m-lower-nav__inner {
  position: relative;
}

.ucc-m-lower-nav__list {
  -webkit-overflow-scrolling: touch;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
}

.ucc-m-lower-nav__item {
  display: inline-block;
  padding-right: 9px;
  padding-left: 9px;
  vertical-align: middle;
}

.ucc-m-lower-nav__item:first-child {
  padding-left: 18px;
}

.ucc-m-lower-nav__item:last-child {
  padding-right: 18px;
}

.ucc-m-lower-nav__btn {
  position: relative;
  display: inline-block;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 36px;
  line-height: 1.5;
}

.ucc-m-lower-nav__btn,
.ucc-m-lower-nav__btn:link,
.ucc-m-lower-nav__btn:visited,
.ucc-m-lower-nav__btn a:active,
.ucc-m-lower-nav__btn a:hover,
.ucc-m-lower-nav__btn a:focus {
  color: inherit;
  text-decoration: inherit;
}

.ucc-m-lower-nav__btn img,
.ucc-m-lower-nav__btn object {
  position: absolute;
  top: 50%;
  left: 0;
  display: inline-block;
  width: 26px;
  height: 26px;
  margin-top: -13px;
}

.ucc-m-lower-nav__btn.is-current {
  opacity: 0.5;
}

.ucc-m-lower-nav__btn,
.ucc-m-lower-nav__btn:link,
.ucc-m-lower-nav__btn:visited,
.ucc-m-lower-nav__btn:active,
.ucc-m-lower-nav__btn:hover,
.ucc-m-lower-nav__btn:focus {
  color: #ffffff;
}

.ucc-m-magazine {
  display: block;
  text-decoration: none;
}

.ucc-m-magazine,
.ucc-m-magazine:link,
.ucc-m-magazine:visited,
.ucc-m-magazine a:active,
.ucc-m-magazine a:hover,
.ucc-m-magazine a:focus {
  color: inherit;
  text-decoration: inherit;
}

.ucc-m-magazine__h {
  font-family: "Raleway", Noto Sans Japanese, 游ゴシック, YuGothic, ヒラギノ角ゴ Pro, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, sans-serif;
  font-weight: 400;
  letter-spacing: 0.08em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-top: 12px;
  font-size: 18px;
  line-height: 1.4;
  text-align: center;
}

.ucc-m-magazine__time {
  font-family: "Raleway", Noto Sans Japanese, 游ゴシック, YuGothic, ヒラギノ角ゴ Pro, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, sans-serif;
  font-weight: 400;
  letter-spacing: 0.08em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: block;
  font-size: 12px;
  text-align: center;
}

.ucc-m-magazine__features {
  padding: 6px 20px 15px;
  margin-top: 12px;
  background-color: #eeeeee;
}

.ucc-m-magazine__features__h {
  position: relative;
  text-align: center;
}

.ucc-m-magazine__features__h > span {
  position: relative;
  z-index: 2;
  display: inline-block;
  padding-right: 20px;
  padding-left: 20px;
  background-color: #eeeeee;
}

.ucc-m-magazine__features__h:before {
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  width: 100%;
  height: 1px;
  background-color: #d2d2d2;
  content: "";
}

.ucc-m-magazine__features__body {
  font-size: 12px;
  margin-top: 10px;
}

.ucc-m-magazine__btns {
  margin-top: 20px;
}

.ucc-m-magazine .ucc-a-round-btn {
  width: 100%;
  margin-bottom: 10px;
}

.ucc-m-magazine .ucc-a-round-btn:last-child {
  margin-bottom: 0;
}

.ucc-m-magazine .ucc-a-round-btn > span {
  padding-right: 0;
  padding-left: 0;
}

.ucc-m-magazine .ucc-a-round-btn > span:after {
  font-size: 12px;
}

.ucc-m-magazines {
  *zoom: 1;
}

.ucc-m-magazines:before,
.ucc-m-magazines:after {
  display: table;
  content: "";
}

.ucc-m-magazines:after {
  clear: both;
}

.ucc-m-magazines__item {
  width: 23.25%;
  margin-left: 2.3333333333%;
  float: left;
}

.ucc-m-magazines__item:nth-child(4n+1) {
  margin-left: 0;
  clear: both;
}

.ucc-m-magazines__item:nth-child(n+5) {
  margin-top: 120px;
}

.ucc-m-movie-sec {
  font-family: "Noto Sans Japanese", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  font-weight: 300;
  color: #333333;
  font-feature-settings: "pkna";
  font-style: normal;
  font-weight: 400;
  line-height: 1.75;
  -webkit-text-size-adjust: 100%;
  font-size: 15px;
  background-color: #f7f7f7;
}

.ucc-m-movie-sec * {
  box-sizing: border-box;
}

.ucc-m-movie-sec *:before,
.ucc-m-movie-sec *:after {
  box-sizing: border-box;
}

.ucc-m-movie-sec__container {
  width: 100%;
  max-width: 1240px;
  padding-right: 20px;
  padding-left: 20px;
  margin-right: auto;
  margin-left: auto;
  min-height: 450px;
}

.ucc-m-movie-sec__container--small {
  max-width: 1066px;
}

.ucc-m-movie-sec__inner {
  display: table;
  width: 100%;
  height: 450px;
}

.ucc-m-movie-sec__content {
  display: none;
}

.ucc-m-movie-sec__content.is-current {
  display: table-row;
}

.ucc-m-movie-sec__movie,
.ucc-m-movie-sec__txts {
  display: table-cell;
  min-height: 450px;
  vertical-align: middle;
}

.ucc-m-movie-sec__movie {
  position: relative;
  width: 66.6666666667%;
}

.ucc-m-movie-sec__txts {
  width: 33.3333333333%;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 30px;
}

.ucc-m-movie-sec__caption {
  font-size: 18px;
  padding-bottom: 35px;
  margin-top: 35px;
  text-align: center;
}

.ucc-m-news-block {
  *zoom: 1;
  position: relative;
  display: block;
  padding-top: 20px;
  padding-bottom: 20px;
}

.ucc-m-news-block,
.ucc-m-news-block:link,
.ucc-m-news-block:visited,
.ucc-m-news-block a:active,
.ucc-m-news-block a:hover,
.ucc-m-news-block a:focus {
  color: inherit;
  text-decoration: inherit;
}

.ucc-m-news-block:before,
.ucc-m-news-block:after {
  display: table;
  content: "";
}

.ucc-m-news-block:after {
  clear: both;
}

.ucc-m-news-block__thumb {
  position: relative;
  width: 19%;
  margin-right: 40px;
  float: left;
}

.ucc-m-news-block__h {
  margin-top: 7px;
}

.ucc-m-news-block.has-arrow {
  padding-right: 30px;
}

.ucc-m-news-block.has-arrow:after {
  display: inline-block;
  content: "\e01a";
  font-family: "ucc";
  font-size: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  line-height: 1;
  text-rendering: auto;
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -6px;
  color: #e60012;
  font-size: 12px;
}

.ucc-m-news-block--large {
  padding-top: 30px;
  padding-bottom: 30px;
}

.ucc-m-news-block--large .ucc-m-news-block__h {
  font-size: 18px;
}

html.no-touch .ucc-m-news-block .ucc-m-news-block__h {
  transition-duration: 0.4s;
  transition-property: color;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}

html.no-touch .ucc-m-news-block:hover .ucc-m-news-block__h {
  color: #e60012;
}

html.no-touch .ucc-m-news-block .ucc-m-news-block__thumb {
  overflow: hidden;
}

html.no-touch .ucc-m-news-block .ucc-m-news-block__thumb:after {
  position: absolute;
  top: -1px;
  left: -1px;
  display: block;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  border: 0 solid #e60012;
  content: "";
  transition-duration: 0.35s;
  transition-property: border-width;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

html.no-touch .ucc-m-news-block .ucc-m-news-block__thumb img {
  transition-duration: 0.35s;
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

html.no-touch .ucc-m-news-block:hover .ucc-m-news-block__thumb:after {
  border-width: 5px;
}

html.no-touch .ucc-m-news-block:hover .ucc-m-news-block__thumb img {
  transform: scale(0.97);
}

html.no-touch .ucc-m-news-block.is-no-link:hover .ucc-m-news-block__h {
  color: #333333;
}

.ucc-m-news-meta__time,
.ucc-m-news-meta__tags {
  display: inline-block;
}

.ucc-m-news-meta__tags {
  margin-left: 5px;
}

.ucc-m-news-year-link {
  position: relative;
  display: block;
  padding-top: 10px;
  padding-right: 20px;
  padding-bottom: 10px;
  font-size: 18px;
}

.ucc-m-news-year-link,
.ucc-m-news-year-link:link,
.ucc-m-news-year-link:visited,
.ucc-m-news-year-link a:active,
.ucc-m-news-year-link a:hover,
.ucc-m-news-year-link a:focus {
  color: inherit;
  text-decoration: inherit;
}

.ucc-m-news-year-link:after {
  display: inline-block;
  content: "\e007";
  font-family: "ucc";
  font-size: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  line-height: 1;
  text-rendering: auto;
  position: absolute;
  top: 50%;
  right: 0;
  color: #e60012;
  font-size: 14px;
  transform: translateY(-50%);
}

html.no-touch .ucc-m-news-year-link {
  transition-property: color;
  transition-duration: 0.4s;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}

html.no-touch .ucc-m-news-year-link:hover {
  color: #e60012;
}

.ucc-m-news-year-links {
  font-family: "Noto Sans Japanese", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  font-weight: 300;
  color: #333333;
  font-feature-settings: "pkna";
  font-style: normal;
  font-weight: 400;
  line-height: 1.75;
  -webkit-text-size-adjust: 100%;
  font-size: 15px;
  padding: 0 20px;
  border: 4px solid #eeeeee;
}

.ucc-m-news-year-links * {
  box-sizing: border-box;
}

.ucc-m-news-year-links *:before,
.ucc-m-news-year-links *:after {
  box-sizing: border-box;
}

.ucc-m-news-year-links__item + .ucc-m-news-year-links__item {
  border-top: 1px dotted #c9c9c9;
}

.ucc-m-news-year-v__h {
  font-size: 30px;
  font-weight: 300;
  line-height: 1.25;
  text-align: center;
}

.ucc-m-news-year-v__body {
  border-top: 1px solid #d2d2d2;
  margin-top: 20px;
}

.ucc-m-news-year-v + .ucc-m-news-year-v {
  margin-top: 90px;
}

.ucc-m-news-year {
  font-family: "Noto Sans Japanese", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  font-weight: 300;
  color: #333333;
  font-feature-settings: "pkna";
  font-style: normal;
  font-weight: 400;
  line-height: 1.75;
  -webkit-text-size-adjust: 100%;
  font-size: 15px;
}

.ucc-m-news-year * {
  box-sizing: border-box;
}

.ucc-m-news-year *:before,
.ucc-m-news-year *:after {
  box-sizing: border-box;
}

.ucc-m-news-year__container {
  display: table;
  width: 100%;
  table-layout: fixed;
}

.ucc-m-news-year__inner {
  display: table-row;
}

.ucc-m-news-year__h,
.ucc-m-news-year__body {
  display: table-cell;
  vertical-align: top;
}

.ucc-m-news-year__h {
  width: 170px;
  padding-top: 20px;
  font-size: 30px;
  font-weight: 300;
  line-height: 1.25;
}

.ucc-m-news-years {
  font-family: "Noto Sans Japanese", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  font-weight: 300;
  color: #333333;
  font-feature-settings: "pkna";
  font-style: normal;
  font-weight: 400;
  line-height: 1.75;
  -webkit-text-size-adjust: 100%;
  font-size: 15px;
}

.ucc-m-news-years * {
  box-sizing: border-box;
}

.ucc-m-news-years *:before,
.ucc-m-news-years *:after {
  box-sizing: border-box;
}

.ucc-m-news-years__item {
  border-top: 1px solid #d2d2d2;
}

.ucc-m-news-years__item .ucc-m-news__item:first-child {
  border-top: none;
}

.ucc-m-news {
  font-family: "Noto Sans Japanese", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  font-weight: 300;
  color: #333333;
  font-feature-settings: "pkna";
  font-style: normal;
  font-weight: 400;
  line-height: 1.75;
  -webkit-text-size-adjust: 100%;
  font-size: 15px;
}

.ucc-m-news * {
  box-sizing: border-box;
}

.ucc-m-news *:before,
.ucc-m-news *:after {
  box-sizing: border-box;
}

.ucc-m-news__item {
  border-bottom: 1px dotted #d2d2d2;
}

.ucc-m-news__item:first-child {
  border-top: 1px solid #eeeeee;
}

.ucc-m-news--archive .ucc-m-news__item:last-child {
  border-bottom: none;
}

.ucc-m-notes {
  font-size: 10px;
}

.ucc-m-notes--right {
  text-align: right;
}

.ucc-m-nshop {
  height: 100%;
}

.ucc-m-nshop__img img {
  aspect-ratio: 586/320;
}

.ucc-m-nshop__caption {
  border-bottom: 1px solid #dcdcdc;
  border-right: 1px solid #dcdcdc;
  border-left: 1px solid #dcdcdc;
  padding-bottom: 20px;
}

.ucc-m-nshop__logos {
  position: relative;
  margin-right: auto;
  margin-left: auto;
}

.ucc-m-nshop__logo img {
  aspect-ratio: 1/1;
}

.ucc-m-nshop__lead {
  font-weight: 700;
}

.ucc-m-nshop__body {
  margin-right: auto;
  margin-left: auto;
}

.ucc-m-nshop__ex {
  font-size: 13px;
}

.ucc-m-nshop__links {
  margin-top: 34px;
  border-top: 1px solid #d2d2d2;
  border-bottom: 1px solid #d2d2d2;
  padding-top: 12px;
  padding-bottom: 12px;
}

.ucc-m-nshop__links__items {
  display: -ms-flexbox;
  display: flex;
}

.ucc-m-nshop__links__item + .ucc-m-nshop__links__item {
  margin-left: 9.6153846154%;
}

.ucc-m-nshop__link {
  position: relative;
  display: inline-block;
  padding-right: 20px;
  color: #333333 !important;
  font-size: 16px;
  text-decoration: none !important;
}

.ucc-m-nshop__link:after {
  display: inline-block;
  content: "\e000";
  font-family: "ucc";
  font-size: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  line-height: 1;
  text-rendering: auto;
  position: absolute;
  top: 50%;
  right: 0;
  color: #e60012;
  font-size: 12px;
  transform: translateY(-50%);
}

.ucc-m-nshop__sns {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 20px;
}

.ucc-m-nshop__sns__h {
  color: #333333 !important;
  font-size: 13px;
}

.ucc-m-nshop__sns__items {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  margin-left: 20px;
}

.ucc-m-nshop__sns__item {
  width: 34px;
}

.ucc-m-nshop__sns__item img {
  aspect-ratio: 1/1;
}

.ucc-m-nshop__sns__item + .ucc-m-nshop__sns__item {
  margin-left: 20px;
}

.ucc-m-oshop-box {
  display: block;
}

.ucc-m-oshop-box,
.ucc-m-oshop-box:link,
.ucc-m-oshop-box:visited,
.ucc-m-oshop-box a:active,
.ucc-m-oshop-box a:hover,
.ucc-m-oshop-box a:focus {
  color: inherit;
  text-decoration: inherit;
}

.ucc-m-oshop-box__fig {
  position: relative;
  border: 1px solid #d2d2d2;
}

.ucc-m-oshop-box__fig img {
  display: block;
  width: 100%;
  height: auto;
  vertical-align: bottom;
}

.ucc-m-oshop-box__h {
  margin-top: 30px;
  font-size: 26px;
  line-height: 1.25;
}

.ucc-m-oshop-box__h > span {
  position: relative;
  display: inline-block;
  padding-right: 35px;
}

.ucc-m-oshop-box__h > span:after {
  display: inline-block;
  content: "\e000";
  font-family: "ucc";
  font-size: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  line-height: 1;
  text-rendering: auto;
  position: absolute;
  top: 50%;
  right: 0;
  color: #e60012;
  font-size: 12px;
  transform: translateY(-50%);
}

.ucc-m-oshop-box__h small {
  font-size: 50%;
}

.ucc-m-oshop-box__lead {
  margin-top: 20px;
  font-size: 14px;
}

html.no-touch .ucc-m-oshop-box .ucc-m-oshop-box__h {
  transition-duration: 0.4s;
  transition-property: color;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}

html.no-touch .ucc-m-oshop-box:hover .ucc-m-oshop-box__h {
  color: #e60012;
}

html.no-touch .ucc-m-oshop-box .ucc-m-oshop-box__fig {
  overflow: hidden;
}

html.no-touch .ucc-m-oshop-box .ucc-m-oshop-box__fig:after {
  position: absolute;
  top: -1px;
  left: -1px;
  display: block;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  border: 0 solid #e60012;
  content: "";
  transition-duration: 0.6s;
  transition-property: border-width;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

html.no-touch .ucc-m-oshop-box .ucc-m-oshop-box__fig img {
  transition-duration: 0.6s;
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

html.no-touch .ucc-m-oshop-box:hover .ucc-m-oshop-box__fig:after {
  border-width: 5px;
}

html.no-touch .ucc-m-oshop-box:hover .ucc-m-oshop-box__fig img {
  transform: scale(0.99);
}

.ucc-m-oshop-boxes__list {
  width: 103%;
  margin-top: -3.640776699%;
  margin-left: -2.9126213592%;
  *zoom: 1;
}

.ucc-m-oshop-boxes__list:before,
.ucc-m-oshop-boxes__list:after {
  display: table;
  content: "";
}

.ucc-m-oshop-boxes__list:after {
  clear: both;
}

.ucc-m-oshop-boxes__list .ucc-m-oshop-boxes__item {
  width: 47.0873786408%;
  margin-top: 3.640776699%;
  margin-left: 2.9126213592%;
  float: left;
}

.ucc-m-oshop-boxes__list--colum3 {
  width: 105%;
  margin-top: -2.380952381%;
  margin-left: -2.380952381%;
  *zoom: 1;
}

.ucc-m-oshop-boxes__list--colum3:before,
.ucc-m-oshop-boxes__list--colum3:after {
  display: table;
  content: "";
}

.ucc-m-oshop-boxes__list--colum3:after {
  clear: both;
}

.ucc-m-oshop-boxes__list--colum3 .ucc-m-oshop-boxes__item {
  width: 30.1587301587%;
  margin-top: 2.380952381%;
  margin-left: 2.380952381%;
  float: left;
}

.ucc-m-oshop-others {
  *zoom: 1;
  display: block;
}

.ucc-m-oshop-others,
.ucc-m-oshop-others:link,
.ucc-m-oshop-others:visited,
.ucc-m-oshop-others a:active,
.ucc-m-oshop-others a:hover,
.ucc-m-oshop-others a:focus {
  color: inherit;
  text-decoration: inherit;
}

.ucc-m-oshop-others:before,
.ucc-m-oshop-others:after {
  display: table;
  content: "";
}

.ucc-m-oshop-others:after {
  clear: both;
}

.ucc-m-oshop-others__fig {
  position: relative;
  border: 1px solid #d2d2d2;
}

.ucc-m-oshop-others__fig img {
  display: block;
  width: 100%;
  height: auto;
  vertical-align: bottom;
}

.ucc-m-oshop-others__h {
  margin-top: 30px;
  font-size: 26px;
  line-height: 1.25;
}

.ucc-m-oshop-others__h > span {
  position: relative;
  display: inline-block;
  padding-right: 25px;
}

.ucc-m-oshop-others__h > span:after {
  display: inline-block;
  content: "\e000";
  font-family: "ucc";
  font-size: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  line-height: 1;
  text-rendering: auto;
  position: absolute;
  top: 50%;
  right: 0;
  color: #e60012;
  font-size: 12px;
  transform: translateY(-50%);
}

.ucc-m-oshop-others__h small {
  font-size: 50%;
}

.ucc-m-oshop-others__lead {
  margin-top: 20px;
  font-size: 14px;
}

html.no-touch .ucc-m-oshop-others .ucc-m-oshop-others__h {
  transition-duration: 0.4s;
  transition-property: color;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}

html.no-touch .ucc-m-oshop-others:hover .ucc-m-oshop-others__h {
  color: #e60012;
}

html.no-touch .ucc-m-oshop-others .ucc-m-oshop-others__fig {
  overflow: hidden;
}

html.no-touch .ucc-m-oshop-others .ucc-m-oshop-others__fig:after {
  position: absolute;
  top: -1px;
  left: -1px;
  display: block;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  border: 0 solid #e60012;
  content: "";
  transition-duration: 0.6s;
  transition-property: border-width;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

html.no-touch .ucc-m-oshop-others .ucc-m-oshop-others__fig img {
  transition-duration: 0.6s;
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

html.no-touch .ucc-m-oshop-others:hover .ucc-m-oshop-others__fig:after {
  border-width: 5px;
}

html.no-touch .ucc-m-oshop-others:hover .ucc-m-oshop-others__fig img {
  transform: scale(0.99);
}

.ucc-m-pages {
  font-size: 0;
  letter-spacing: -0.4em;
  line-height: 1;
  text-align: center;
}

.ucc-m-pages__page {
  position: relative;
  display: inline-block;
  overflow: hidden;
  width: 50px;
  height: 4px;
  background-color: #d2d2d2;
  border-radius: 8px;
  cursor: pointer;
  letter-spacing: normal;
  vertical-align: top;
}

.ucc-m-pages__page__current {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 0;
  height: 100%;
  background-color: #e60012;
  vertical-align: top;
}

.ucc-m-pages__page + .ucc-m-pages__page {
  margin-left: 8px;
}

.ucc-m-paginate {
  font-family: "Noto Sans Japanese", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  font-weight: 300;
  color: #333333;
  font-feature-settings: "pkna";
  font-style: normal;
  font-weight: 400;
  line-height: 1.75;
  -webkit-text-size-adjust: 100%;
  font-size: 15px;
  text-align: center;
}

.ucc-m-paginate * {
  box-sizing: border-box;
}

.ucc-m-paginate *:before,
.ucc-m-paginate *:after {
  box-sizing: border-box;
}

.ucc-m-paginate__inner {
  position: relative;
  display: inline-block;
  padding-right: 50px;
  padding-left: 50px;
}

.ucc-m-paginate__prev,
.ucc-m-paginate__next {
  position: absolute;
  top: 50%;
  display: inline-block;
  transform: translateY(-50%);
  white-space: nowrap;
}

.ucc-m-paginate__prev,
.ucc-m-paginate__prev:link,
.ucc-m-paginate__prev:visited,
.ucc-m-paginate__prev a:active,
.ucc-m-paginate__prev a:hover,
.ucc-m-paginate__prev a:focus,
.ucc-m-paginate__next,
.ucc-m-paginate__next:link,
.ucc-m-paginate__next:visited,
.ucc-m-paginate__next a:active,
.ucc-m-paginate__next a:hover,
.ucc-m-paginate__next a:focus {
  color: inherit;
  text-decoration: inherit;
}

html.no-touch .ucc-m-paginate__prev,
html.no-touch .ucc-m-paginate__next {
  transition-property: color;
  transition-duration: 0.4s;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}

html.no-touch .ucc-m-paginate__prev:hover,
html.no-touch .ucc-m-paginate__next:hover {
  color: #e60012;
}

.ucc-m-paginate__prev {
  left: 0;
}

.ucc-m-paginate__next {
  right: 0;
}

.ucc-m-paginate__pages {
  margin-top: -12px;
}

.ucc-m-paginate__page {
  display: inline-block;
  min-width: 26px;
  margin-top: 12px;
  margin-right: 10px;
  margin-left: 10px;
  background-color: #eeeeee;
  border-radius: 100%;
  letter-spacing: normal;
  line-height: 26px;
  text-align: center;
  transition-duration: 0.1s;
}

.ucc-m-paginate__page,
.ucc-m-paginate__page:link,
.ucc-m-paginate__page:visited,
.ucc-m-paginate__page a:active,
.ucc-m-paginate__page a:hover,
.ucc-m-paginate__page a:focus {
  color: inherit;
  text-decoration: inherit;
}

html.no-touch .ucc-m-paginate__page {
  transition-property: color, background-color;
  transition-duration: 0.4s;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}

html.no-touch .ucc-m-paginate__page:hover {
  background-color: #e60012;
  color: #ffffff;
}

.ucc-m-paginate__page.is-current {
  background-color: #e60012;
  color: #ffffff;
}

.ucc-m-pickups .swiper-slide {
  width: 50.878477306%;
  padding-right: 1.0980966325%;
  padding-left: 1.0980966325%;
}

.ucc-m-pickups .swiper-slide.is-centered {
  margin-right: auto;
  margin-left: auto;
}

.ucc-m-pickups__item {
  width: 100%;
}

.ucc-m-pickups__btn {
  position: relative;
  display: block;
}

html.no-touch .ucc-m-pickups__btn {
  overflow: hidden;
}

html.no-touch .ucc-m-pickups__btn:after {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  border: 0 solid #e60012;
  content: "";
  transition-duration: 0.6s;
  transition-property: border-width;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

html.no-touch .ucc-m-pickups__btn img {
  transition-duration: 0.6s;
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

html.no-touch .ucc-m-pickups__btn:hover:after {
  border-width: 7px;
}

html.no-touch .ucc-m-pickups__btn:hover img {
  transform: scale(0.99);
}

.ucc-m-pickups__btn img {
  width: 100%;
  height: auto;
}

.ucc-m-pickups__pages {
  margin-top: 20px;
}

.ucc-m-point-sec {
  position: relative;
  padding: 25px 15px;
  border: 1px solid #e60012;
}

.ucc-m-point-sec__h {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  margin-top: -0.5em;
  color: #e60012;
  font-size: 18px;
  line-height: 1;
  text-align: center;
}

.ucc-m-point-sec__h > span {
  display: inline-block;
  padding-right: 1em;
  padding-left: 1em;
  background-color: #ffffff;
}

.ucc-m-point-sec__body a {
  color: #333333;
  text-decoration: none;
}

.ucc-m-point-sec__body a:hover {
  color: #e60012;
}

.ucc-m-press__records {
  margin-bottom: 40px;
  font-size: 13px;
}

.ucc-m-press__records--who {
  text-align: left;
}

.ucc-m-press__records--date {
  text-align: right;
}

.ucc-m-press__records--from {
  text-align: right;
}

.ucc-m-pressroom-pickup {
  font-family: "Noto Sans Japanese", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  font-weight: 300;
  color: #333333;
  font-feature-settings: "pkna";
  font-style: normal;
  font-weight: 400;
  line-height: 1.75;
  -webkit-text-size-adjust: 100%;
  font-size: 15px;
}

.ucc-m-pressroom-pickup * {
  box-sizing: border-box;
}

.ucc-m-pressroom-pickup *:before,
.ucc-m-pressroom-pickup *:after {
  box-sizing: border-box;
}

.ucc-m-pressroom-pickup .ucc-m-pickup__list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.ucc-m-pressroom-pickup .ucc-m-pickup__list .ucc-m-pickup__item {
  width: 48.8333333333%;
  margin-bottom: 20px;
  background: #f7f7f7;
  box-sizing: border-box;
}

.ucc-m-pressroom-pickup .ucc-m-pickup__list .ucc-m-pickup__item .ucc-m-pickup-block {
  text-decoration: none;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: stretch;
  justify-content: stretch;
  -ms-flex-align: start;
  align-items: flex-start;
  padding: 20px;
}

.ucc-m-pressroom-pickup .ucc-m-pickup__list .ucc-m-pickup__item .ucc-m-pickup-block .ucc-m-pickup-block__thumb {
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 42.1245421245%;
  margin-right: 20px;
  position: relative;
  box-sizing: border-box;
}

.ucc-m-pressroom-pickup .ucc-m-pickup__list .ucc-m-pickup__item .ucc-m-pickup-block .ucc-m-pickup-block__thumb:after {
  display: block;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  position: absolute;
  top: -1px;
  left: -1px;
  border: 0 solid #e60012;
  content: "";
  transition-property: border-width;
  transition-duration: 0.35s;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

.ucc-m-pressroom-pickup .ucc-m-pickup__list .ucc-m-pickup__item .ucc-m-pickup-block .ucc-m-pickup-block__thumb img {
  transition-property: transform;
  transition-duration: 0.35s;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

.ucc-m-pressroom-pickup .ucc-m-pickup__list .ucc-m-pickup__item .ucc-m-pickup-block .ucc-m-pickup-block__body .ucc-m-pickup-meta {
  display: -ms-flexbox;
  display: flex;
}

.ucc-m-pressroom-pickup .ucc-m-pickup__list .ucc-m-pickup__item .ucc-m-pickup-block .ucc-m-pickup-block__body .ucc-m-pickup-meta .ucc-m-pickup-meta__time {
  margin-right: 10px;
}

.ucc-m-pressroom-pickup .ucc-m-pickup__list .ucc-m-pickup__item .ucc-m-pickup-block .ucc-m-pickup-block__body .ucc-m-pickup-meta .ucc-m-pickup-meta__time .ucc-a-time {
  font-size: 16px;
}

.ucc-m-pressroom-pickup .ucc-m-pickup__list .ucc-m-pickup__item .ucc-m-pickup-block .ucc-m-pickup-block__body .ucc-m-pickup-block__h {
  font-size: 18px;
  color: #333333;
  margin-top: 5px;
}

.ucc-m-pressroom-pickup .ucc-m-pickup__list .ucc-m-pickup__item .ucc-m-pickup-block:hover .ucc-m-pickup-block__thumb:after {
  border-width: 5px;
}

.ucc-m-pressroom-pickup .ucc-m-pickup__list .ucc-m-pickup__item .ucc-m-pickup-block:hover .ucc-m-pickup-block__thumb img {
  transform: scale(0.97);
}

.ucc-m-pressroom-pickup .ucc-m-pickup__list .ucc-m-pickup__item .ucc-m-pickup-block:hover .ucc-m-pickup-block__body .ucc-m-pickup-block__h {
  color: #e60012;
}

.ucc-m-pressroom-bottom-pickup .ucc-a-h {
  color: #e60012;
  letter-spacing: 0.15em;
}

.ucc-m-procedure__item__container {
  display: table;
  width: 100%;
}

.ucc-m-procedure__item__inner {
  display: table-row;
}

.ucc-m-procedure__item__h,
.ucc-m-procedure__item__body {
  display: table-cell;
  padding-top: 25px;
  padding-bottom: 25px;
  vertical-align: middle;
}

.ucc-m-procedure__item__h {
  width: 100px;
  color: #e60012;
  font-size: 50px;
  font-style: italic;
  font-weight: 100;
  line-height: 1;
  text-align: center;
}

.ucc-m-procedure__item__body {
  border-bottom: 1px solid #eeeeee;
}

.ucc-m-product-brandsite {
  font-family: "Noto Sans Japanese", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  font-weight: 300;
  color: #333333;
  font-feature-settings: "pkna";
  font-style: normal;
  font-weight: 400;
  line-height: 1.75;
  -webkit-text-size-adjust: 100%;
  font-size: 15px;
}

.ucc-m-product-brandsite * {
  box-sizing: border-box;
}

.ucc-m-product-brandsite *:before,
.ucc-m-product-brandsite *:after {
  box-sizing: border-box;
}

.ucc-m-product-brandsite__list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.ucc-m-product-brandsite__item {
  position: relative;
  width: 10.75%;
  height: 0;
  padding-top: 10.75%;
  margin-bottom: 24px;
  margin-left: 2%;
}

.ucc-m-product-brandsite__item:nth-child(8n+1) {
  margin-left: 0;
}

.ucc-m-product-brandsite__btn {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  transition: opacity 0.6s cubic-bezier(0.19, 1, 0.22, 1);
}

.ucc-m-product-brandsite__btn img {
  width: auto;
  max-width: 100%;
  height: auto;
}

.ucc-m-product-brandsite__btn:hover {
  opacity: 0.8;
}

.ucc-m-product-categories {
  font-family: "Noto Sans Japanese", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  font-weight: 300;
  color: #333333;
  font-feature-settings: "pkna";
  font-style: normal;
  font-weight: 400;
  line-height: 1.75;
  -webkit-text-size-adjust: 100%;
  font-size: 15px;
}

.ucc-m-product-categories * {
  box-sizing: border-box;
}

.ucc-m-product-categories *:before,
.ucc-m-product-categories *:after {
  box-sizing: border-box;
}

.ucc-m-product-categories__list {
  width: 105%;
  margin-top: -2.380952381%;
  margin-left: -2.380952381%;
  *zoom: 1;
}

.ucc-m-product-categories__list:before,
.ucc-m-product-categories__list:after {
  display: table;
  content: "";
}

.ucc-m-product-categories__list:after {
  clear: both;
}

.ucc-m-product-categories__list .ucc-m-product-categories__item {
  width: 30.1587301587%;
  margin-top: 2.380952381%;
  margin-left: 2.380952381%;
  float: left;
}

.ucc-m-product-categories__btn {
  position: relative;
  display: block;
}

.ucc-m-product-categories__btn,
.ucc-m-product-categories__btn:link,
.ucc-m-product-categories__btn:visited,
.ucc-m-product-categories__btn a:active,
.ucc-m-product-categories__btn a:hover,
.ucc-m-product-categories__btn a:focus {
  color: inherit;
  text-decoration: inherit;
}

.ucc-m-product-categories__btn .ucc-m-product-categories__btn__fig {
  border: 1px solid #dcdcdc;
}

html.no-touch .ucc-m-product-categories__btn .ucc-m-product-categories__btn__fig {
  transition-duration: 0.6s;
  transition-property: border;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

html.no-touch .ucc-m-product-categories__btn .ucc-m-product-categories__btn__fig:before,
html.no-touch .ucc-m-product-categories__btn .ucc-m-product-categories__btn__fig:after {
  position: absolute;
  z-index: 3;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  content: "";
  opacity: 0;
  transform: scale(0);
  transition-duration: 0.6s;
  transition-property: transform, opacity;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

html.no-touch .ucc-m-product-categories__btn .ucc-m-product-categories__btn__fig:before {
  border-bottom: 3px solid #e60012;
  border-left: 3px solid #e60012;
  transform-origin: 0 100%;
}

html.no-touch .ucc-m-product-categories__btn .ucc-m-product-categories__btn__fig:after {
  border-top: 3px solid #e60012;
  border-right: 3px solid #e60012;
  transform-origin: 100% 0%;
}

html.no-touch .ucc-m-product-categories__btn:hover .ucc-m-product-categories__btn__fig {
  border: 1px solid rgba(220, 220, 220, 0);
}

html.no-touch .ucc-m-product-categories__btn:hover .ucc-m-product-categories__btn__fig:before,
html.no-touch .ucc-m-product-categories__btn:hover .ucc-m-product-categories__btn__fig:after {
  opacity: 1;
  transform: scale(1);
}

.ucc-m-product-categories__btn__fig {
  position: relative;
  display: block;
}

.ucc-m-product-categories__btn__fig img {
  width: 100%;
  height: auto;
}

.ucc-m-product-categories__btn__caption {
  margin-top: 10px;
  color: #333333;
  text-align: center;
}

html.no-touch .ucc-m-product-categories__btn__caption {
  transition-duration: 0.6s;
  transition-property: color;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

html.no-touch .ucc-m-product-categories__btn:hover .ucc-m-product-categories__btn__caption {
  color: #e60012;
}

.ucc-m-product-lineups {
  font-family: "Noto Sans Japanese", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  font-weight: 300;
  color: #333333;
  font-feature-settings: "pkna";
  font-style: normal;
  font-weight: 400;
  line-height: 1.75;
  -webkit-text-size-adjust: 100%;
  font-size: 15px;
}

.ucc-m-product-lineups * {
  box-sizing: border-box;
}

.ucc-m-product-lineups *:before,
.ucc-m-product-lineups *:after {
  box-sizing: border-box;
}

.ucc-m-product-lineups__list {
  *zoom: 1;
}

.ucc-m-product-lineups__list:before,
.ucc-m-product-lineups__list:after {
  display: table;
  content: "";
}

.ucc-m-product-lineups__list:after {
  clear: both;
}

.ucc-m-product-lineups__item {
  width: 24%;
  float: left;
}

.ucc-m-product-lineups__item + .ucc-m-product-lineups__item {
  margin-left: 1.3333333333%;
}

.ucc-m-product-lineups__pages {
  margin-top: 30px;
}

.ucc-m-product-lineups .swiper-slide {
  padding-right: 20px;
  padding-left: 20px;
}

.ucc-m-product-lineup {
  position: relative;
  display: block;
}

.ucc-m-product-lineup,
.ucc-m-product-lineup:link,
.ucc-m-product-lineup:visited,
.ucc-m-product-lineup a:active,
.ucc-m-product-lineup a:hover,
.ucc-m-product-lineup a:focus {
  color: inherit;
  text-decoration: inherit;
}

.ucc-m-product-lineup__fig {
  position: relative;
  overflow: hidden;
  padding: 10px;
  backface-visibility: hidden;
  background-color: #ffffff;
  border-radius: 50%;
  transform-style: preserve-3d;
}

.ucc-m-product-lineup__fig img {
  position: relative;
  width: 100%;
  height: auto;
}

.ucc-m-product-lineup__caption {
  margin-top: 10px;
  text-align: center;
}

.ucc-m-product-lineup.is-renew:before,
.ucc-m-product-lineup.is-new:before {
  position: absolute;
  z-index: 6;
  top: 0;
  right: -8px;
  display: block;
  overflow: hidden;
  width: 80px;
  height: 80px;
  background-color: #e60012;
  border-radius: 100%;
  content: "";
}

.ucc-m-product-lineup.is-renew:after,
.ucc-m-product-lineup.is-new:after {
  font-family: "Raleway", Noto Sans Japanese, 游ゴシック, YuGothic, ヒラギノ角ゴ Pro, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, sans-serif;
  font-weight: 400;
  letter-spacing: 0.08em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  z-index: 6;
  top: 40px;
  right: -8px;
  display: block;
  width: 80px;
  color: #ffffff;
  font-weight: 600;
  line-height: 1.25;
  text-align: center;
  transform: translateY(-50%);
  white-space: pre;
}

.ucc-m-product-lineup.is-new:after {
  content: "NEW";
  font-size: 20px;
}

.ucc-m-product-lineup.is-renew:after {
  content: "RE-\aNEWAL";
  font-size: 17px;
  transform: translateY(-60%);
}

html.no-touch .ucc-m-product-lineup .ucc-m-product-lineup__fig:after {
  position: absolute;
  top: 1%;
  left: 1%;
  display: block;
  width: 98%;
  height: 98%;
  border: 4px solid #e60012;
  border-radius: 100%;
  content: "";
  transform: scale(1.1);
  transition-duration: 0.6s;
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

html.no-touch .ucc-m-product-lineup .ucc-m-product-lineup__caption {
  transition-duration: 0.6s;
  transition-property: color;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

html.no-touch .ucc-m-product-lineup:hover .ucc-m-product-lineup__fig:after {
  transform: scale(1);
}

html.no-touch .ucc-m-product-lineup:hover .ucc-m-product-lineup__caption {
  color: #e60012;
}

.ucc-m-product-mini {
  display: block;
}

.ucc-m-product-mini,
.ucc-m-product-mini:link,
.ucc-m-product-mini:visited,
.ucc-m-product-mini a:active,
.ucc-m-product-mini a:hover,
.ucc-m-product-mini a:focus {
  color: inherit;
  text-decoration: inherit;
}

.ucc-m-product-mini__container {
  display: table;
  width: 100%;
}

.ucc-m-product-mini__inner {
  display: table-row;
}

.ucc-m-product-mini__fig,
.ucc-m-product-mini__caption {
  display: table-cell;
  vertical-align: middle;
}

.ucc-m-product-mini__fig {
  width: 80px;
}

.ucc-m-product-mini__fig img {
  width: 80px;
  height: auto;
}

.ucc-m-product-mini__caption {
  font-size: 12px;
  padding-right: 20px;
}

html.no-touch .ucc-m-product-mini {
  transition-property: opacity;
  transition-duration: 0.4s;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}

html.no-touch .ucc-m-product-mini:hover {
  opacity: 0.75;
}

.ucc-m-product-thumb {
  position: relative;
  display: block;
}

.ucc-m-product-thumb,
.ucc-m-product-thumb:link,
.ucc-m-product-thumb:visited,
.ucc-m-product-thumb a:active,
.ucc-m-product-thumb a:hover,
.ucc-m-product-thumb a:focus {
  color: inherit;
  text-decoration: inherit;
}

.ucc-m-product-thumb__fig {
  position: relative;
  backface-visibility: hidden;
  transform-style: preserve-3d;
}

.ucc-m-product-thumb__fig img {
  width: 100%;
  height: auto;
}

.ucc-m-product-thumb__caption {
  font-size: 12px;
  padding-right: 5px;
  padding-left: 5px;
  margin-top: 5px;
  text-align: center;
}

.ucc-m-product-thumb__price {
  font-size: 12px;
  padding-right: 5px;
  padding-left: 5px;
  margin-top: 5px;
  text-align: center;
}

.ucc-m-product-thumb.is-renew:before,
.ucc-m-product-thumb.is-new:before {
  position: absolute;
  z-index: 3;
  top: -10px;
  right: 1px;
  display: block;
  overflow: hidden;
  width: 56px;
  height: 56px;
  background-color: #e60012;
  border-radius: 100%;
  content: "";
}

.ucc-m-product-thumb.is-renew:after,
.ucc-m-product-thumb.is-new:after {
  font-family: "Raleway", Noto Sans Japanese, 游ゴシック, YuGothic, ヒラギノ角ゴ Pro, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, sans-serif;
  font-weight: 400;
  letter-spacing: 0.08em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  z-index: 4;
  top: 18px;
  right: 1px;
  display: block;
  width: 56px;
  color: #ffffff;
  font-weight: 600;
  line-height: 1.25;
  text-align: center;
  transform: translateY(-50%);
  white-space: pre;
}

.ucc-m-product-thumb.is-new:after {
  content: "NEW";
  font-size: 16px;
}

.ucc-m-product-thumb.is-renew:after {
  content: "RE-\aNEWAL";
  font-size: 12px;
  transform: translateY(-60%);
}

html.no-touch .ucc-m-product-thumb .ucc-m-product-thumb__caption {
  transition-duration: 0.4s;
  transition-property: color;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}

html.no-touch .ucc-m-product-thumb:hover .ucc-m-product-thumb__caption {
  color: #e60012;
}

html.no-touch .ucc-m-product-thumb .ucc-m-product-thumb__fig {
  transition-duration: 0.4s;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}

html.no-touch .ucc-m-product-thumb:hover .ucc-m-product-thumb__fig {
  opacity: 0.75;
}

.ucc-m-product-thumbs__list {
  width: 109.0909090909%;
  margin-top: -2.0833333333%;
  margin-left: -2.0833333333%;
  *zoom: 1;
}

.ucc-m-product-thumbs__list:before,
.ucc-m-product-thumbs__list:after {
  display: table;
  content: "";
}

.ucc-m-product-thumbs__list:after {
  clear: both;
}

.ucc-m-product-thumbs__list .ucc-m-product-thumbs__item {
  width: 16.6666666667%;
  margin-top: 2.0833333333%;
  margin-left: 2.0833333333%;
  float: left;
}

.ucc-m-product-thumbs--wide .ucc-m-product-thumbs__list {
  width: 110%;
  margin-top: -1.5151515152%;
  margin-left: -1.5151515152%;
  *zoom: 1;
}

.ucc-m-product-thumbs--wide .ucc-m-product-thumbs__list:before,
.ucc-m-product-thumbs--wide .ucc-m-product-thumbs__list:after {
  display: table;
  content: "";
}

.ucc-m-product-thumbs--wide .ucc-m-product-thumbs__list:after {
  clear: both;
}

.ucc-m-product-thumbs--wide .ucc-m-product-thumbs__list .ucc-m-product-thumbs__item {
  width: 11.6883116883%;
  margin-top: 1.5151515152%;
  margin-left: 1.5151515152%;
  float: left;
}

.ucc-m-product {
  font-family: "Noto Sans Japanese", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  font-weight: 300;
  color: #333333;
  font-feature-settings: "pkna";
  font-style: normal;
  font-weight: 400;
  line-height: 1.75;
  -webkit-text-size-adjust: 100%;
  font-size: 15px;
  *zoom: 1;
}

.ucc-m-product * {
  box-sizing: border-box;
}

.ucc-m-product *:before,
.ucc-m-product *:after {
  box-sizing: border-box;
}

.ucc-m-product:before,
.ucc-m-product:after {
  display: table;
  content: "";
}

.ucc-m-product:after {
  clear: both;
}

.ucc-m-product__figs {
  width: 35.8333333333%;
  float: left;
}

.ucc-m-product__fig {
  border: 1px solid #d2d2d2;
}

.ucc-m-product__fig img {
  width: 100%;
  height: auto;
}

.ucc-m-product__infos {
  width: 57.5%;
  float: right;
}

.ucc-m-product__tagline {
  font-size: 20px;
  line-height: 1.25;
}

.ucc-m-product__tagline + .ucc-m-product__info-table-wrap {
  margin-top: 20px;
}

.ucc-m-product__price {
  font-size: 14px;
  margin: 1em 0 1.5em;
  font-weight: bold;
  letter-spacing: 0.04em;
  line-height: 1.25;
}

.ucc-m-product__flavor {
  margin-top: 20px;
}

.ucc-m-product__flavor + .ucc-m-product__info-table-wrap {
  margin-top: 40px;
}

html.no-flexbox .ucc-m-product__info-table-wrap {
  overflow: hidden;
}

html.no-flexbox .ucc-m-product__info-table-in {
  width: calc(100% + 80px);
  margin-left: -40px;
}

.ucc-m-product__info-table {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.ucc-m-product__info-table__item {
  width: 50%;
  -ms-flex-positive: 1;
  flex-grow: 1;
  margin-left: 40px;
}

.ucc-m-product__info-table__item:first-child {
  margin-left: 0;
}

.ucc-m-product__info-table__item .ucc-a-table th {
  min-width: 100px;
}

.ucc-m-product__info-table__item .ucc-a-table {
  height: 100%;
}

html.no-flexbox .ucc-m-product__info-table {
  display: table;
  width: 100%;
  table-layout: fixed;
}

html.no-flexbox .ucc-m-product__info-table__item {
  display: table-cell;
  padding-left: 40px;
}

.ucc-m-product__info-table.alternative .ucc-a-table thead th {
  border-top: none;
  border-bottom: none;
  background: #e5e5e5;
  text-align: center;
}

.ucc-m-product__info-table.alternative .ucc-a-table thead th:last-child {
  border-left: 1px solid #ffffff;
}

.ucc-m-product__info-table.alternative .ucc-a-table tbody th {
  width: 33.1884057971%;
}

.ucc-m-product__info-table.alternative .ucc-a-table tbody th,
.ucc-m-product__info-table.alternative .ucc-a-table tbody td {
  border-top: none;
  border-bottom: 1px dotted #c5c5c5;
}

.ucc-m-product__notes {
  margin-top: 15px;
}

.ucc-m-product__notes + .ucc-m-product__info-table-wrap {
  margin-top: 40px;
}

.ucc-m-product__shopping {
  margin-top: 35px;
}

.ucc-m-product__shopping__body {
  margin-top: 15px;
}

.ucc-m-product__shopping__btn + .ucc-m-product__shopping__btn {
  margin-top: 20px;
}

.ucc-m-product__shopping__btn a {
  position: relative;
  display: block;
  border: 1px solid #dcdcdc;
}

.ucc-m-product__shopping__btn a img {
  display: block;
  width: 100%;
  height: auto;
  vertical-align: bottom;
}

html.no-touch .ucc-m-product__shopping__btn a:after {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.3);
  content: "";
  opacity: 0;
  transition-duration: 0.4s;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}

html.no-touch .ucc-m-product__shopping__btn a:hover:after {
  opacity: 1;
}

.ucc-m-product__shopping + .ucc-m-product__info-table-wrap {
  margin-top: 40px;
}

.ucc-m-qr {
  position: absolute;
  left: -100000px;
  transform: scale(0);
  transform-origin: 255px 100px;
  transition-duration: 0.2s;
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.ucc-m-qr__inner {
  *zoom: 1;
  width: 320px;
  padding: 10px;
  background-color: #e60012;
  border-radius: 6px;
}

.ucc-m-qr__inner:before,
.ucc-m-qr__inner:after {
  display: table;
  content: "";
}

.ucc-m-qr__inner:after {
  clear: both;
}

.ucc-m-qr__img {
  width: 70px;
  float: left;
}

.ucc-m-qr__txt {
  width: 200px;
  margin-left: 15px;
  float: left;
}

.ucc-m-qr__name,
.ucc-m-qr__caption {
  color: #ffffff;
  line-height: 1.5;
}

.ucc-m-qr__name {
  font-size: 20px;
}

.ucc-m-qr__caption {
  font-size: 12px;
}

.ucc-m-qr__close {
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
  font-size: 12px;
}

.ucc-m-qr__close,
.ucc-m-qr__close:link,
.ucc-m-qr__close:visited,
.ucc-m-qr__close a:active,
.ucc-m-qr__close a:hover,
.ucc-m-qr__close a:focus {
  color: inherit;
  text-decoration: inherit;
}

.ucc-m-qr__close,
.ucc-m-qr__close:link,
.ucc-m-qr__close:visited,
.ucc-m-qr__close:active,
.ucc-m-qr__close:hover,
.ucc-m-qr__close:focus {
  color: #ffffff;
}

html.no-touch .ucc-m-qr__close {
  transition-property: opacity;
  transition-duration: 0.4s;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}

html.no-touch .ucc-m-qr__close:hover {
  opacity: 0.75;
}

.ucc-m-qr:after {
  position: absolute;
  bottom: -18px;
  left: 255px;
  display: block;
  width: 0;
  height: 0;
  border-width: 18px 0px 0 18px;
  border-style: solid;
  border-color: #e60012 transparent transparent transparent;
  content: "";
}

.ucc-m-qr.is-show {
  position: relative;
  left: 0;
  transform: scale(1);
}

.ucc-m-recipe-info__h {
  font-size: 30px;
  padding-bottom: 20px;
  border-bottom: 1px solid #d2d2d2;
  text-align: center;
}

.ucc-m-recipe-info__point {
  margin-top: 60px;
}

.ucc-m-recipe-info__point__h {
  font-size: 20px;
  text-align: center;
}

.ucc-m-recipe-info__point__body {
  padding: 20px 15px;
  margin-top: 7px;
  background-color: #f7f7f7;
}

.ucc-m-recipe-infos {
  *zoom: 1;
}

.ucc-m-recipe-infos:before,
.ucc-m-recipe-infos:after {
  display: table;
  content: "";
}

.ucc-m-recipe-infos:after {
  clear: both;
}

.ucc-m-recipe-infos__item {
  width: 48.3333333333%;
  float: left;
}

.ucc-m-recipe-infos__item + .ucc-m-recipe-infos__item {
  margin-left: 3.3333333333%;
}

.ucc-m-recipe-kind {
  display: block;
}

.ucc-m-recipe-kind,
.ucc-m-recipe-kind:link,
.ucc-m-recipe-kind:visited,
.ucc-m-recipe-kind a:active,
.ucc-m-recipe-kind a:hover,
.ucc-m-recipe-kind a:focus {
  color: inherit;
  text-decoration: inherit;
}

.ucc-m-recipe-kind__fig {
  position: relative;
  border: 1px solid #dcdcdc;
}

.ucc-m-recipe-kind__fig img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
}

.ucc-m-recipe-kind__caption {
  margin-top: 5px;
  text-align: center;
}

.ucc-m-recipe-kind__caption small {
  font-size: 12px;
}

html.no-touch .ucc-m-recipe-kind .ucc-m-recipe-kind__fig {
  overflow: hidden;
}

html.no-touch .ucc-m-recipe-kind .ucc-m-recipe-kind__fig:after {
  position: absolute;
  top: -1px;
  left: -1px;
  display: block;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  border: 0 solid #e60012;
  content: "";
  transition-duration: 0.4s;
  transition-property: border-width;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

html.no-touch .ucc-m-recipe-kind .ucc-m-recipe-kind__fig img {
  transition-duration: 0.4s;
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

html.no-touch .ucc-m-recipe-kind:hover .ucc-m-recipe-kind__fig:after {
  border-width: 5px;
}

html.no-touch .ucc-m-recipe-kind:hover .ucc-m-recipe-kind__fig img {
  transform: scale(0.98);
}

html.no-touch .ucc-m-recipe-kind .ucc-m-recipe-kind__caption {
  transition-duration: 0.4s;
  transition-property: color;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}

html.no-touch .ucc-m-recipe-kind:hover .ucc-m-recipe-kind__caption {
  color: #e60012;
}

.ucc-m-recipe-kinds {
  font-family: "Noto Sans Japanese", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  font-weight: 300;
  color: #333333;
  font-feature-settings: "pkna";
  font-style: normal;
  font-weight: 400;
  line-height: 1.75;
  -webkit-text-size-adjust: 100%;
  font-size: 15px;
  overflow: hidden;
}

.ucc-m-recipe-kinds * {
  box-sizing: border-box;
}

.ucc-m-recipe-kinds *:before,
.ucc-m-recipe-kinds *:after {
  box-sizing: border-box;
}

.ucc-m-recipe-kinds__list {
  *zoom: 1;
}

.ucc-m-recipe-kinds__list:before,
.ucc-m-recipe-kinds__list:after {
  display: table;
  content: "";
}

.ucc-m-recipe-kinds__list:after {
  clear: both;
}

.ucc-m-recipe-kinds__item {
  width: 18.4668989547%;
  float: left;
}

.ucc-m-recipe-kinds__item + .ucc-m-recipe-kinds__item {
  margin-left: 1.9163763066%;
}

.ucc-m-recipe-main {
  font-family: "Noto Sans Japanese", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  font-weight: 300;
  color: #333333;
  font-feature-settings: "pkna";
  font-style: normal;
  font-weight: 400;
  line-height: 1.75;
  -webkit-text-size-adjust: 100%;
  font-size: 15px;
  width: 100%;
  max-width: 1240px;
  padding-right: 20px;
  padding-left: 20px;
  margin-right: auto;
  margin-left: auto;
}

.ucc-m-recipe-main * {
  box-sizing: border-box;
}

.ucc-m-recipe-main *:before,
.ucc-m-recipe-main *:after {
  box-sizing: border-box;
}

.ucc-m-recipe-main--small {
  max-width: 1066px;
}

.ucc-m-recipe-main__inner {
  *zoom: 1;
}

.ucc-m-recipe-main__inner:before,
.ucc-m-recipe-main__inner:after {
  display: table;
  content: "";
}

.ucc-m-recipe-main__inner:after {
  clear: both;
}

.ucc-m-recipe-main__fig {
  width: 38.3333333333%;
  float: left;
}

.ucc-m-recipe-main__fig__main {
  border: 1px solid #dcdcdc;
}

.ucc-m-recipe-main__fig__main img {
  display: block;
  width: 100%;
  height: auto;
}

.ucc-m-recipe-main__captions {
  width: 56.6666666667%;
  float: right;
}

.ucc-m-recipe-main__captions__fig {
  display: none;
}

.ucc-m-recipe-main__cat {
  color: #999999;
  font-size: 12px;
}

.ucc-m-recipe-main__lead {
  margin-top: 15px;
}

.ucc-m-recipe-main__suggest {
  margin-top: 30px;
}

.ucc-m-recipe-main__shares {
  margin-top: 20px;
}

.ucc-m-recipe-search {
  font-family: "Noto Sans Japanese", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  font-weight: 300;
  color: #333333;
  font-feature-settings: "pkna";
  font-style: normal;
  font-weight: 400;
  line-height: 1.75;
  -webkit-text-size-adjust: 100%;
  font-size: 15px;
  padding-top: 20px;
  padding-bottom: 20px;
  background-color: #f2ecde;
}

.ucc-m-recipe-search * {
  box-sizing: border-box;
}

.ucc-m-recipe-search *:before,
.ucc-m-recipe-search *:after {
  box-sizing: border-box;
}

.ucc-m-recipe-search__container {
  width: 100%;
  max-width: 1240px;
  padding-right: 20px;
  padding-left: 20px;
  margin-right: auto;
  margin-left: auto;
}

.ucc-m-recipe-search__container--small {
  max-width: 1066px;
}

.ucc-m-recipe-search__inner {
  display: table;
  width: 100%;
  height: 60px;
}

.ucc-m-recipe-search__content {
  display: table-row;
}

.ucc-m-recipe-search__h,
.ucc-m-recipe-search__body {
  display: table-cell;
  vertical-align: middle;
}

.ucc-m-recipe-search__h {
  font-size: 20px;
  white-space: nowrap;
}

.ucc-m-recipe-search__body {
  width: 100%;
  padding-left: 28px;
}

.ucc-m-recipe-suggest {
  font-family: "Noto Sans Japanese", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  font-weight: 300;
  color: #333333;
  font-feature-settings: "pkna";
  font-style: normal;
  font-weight: 400;
  line-height: 1.75;
  -webkit-text-size-adjust: 100%;
  font-size: 15px;
  overflow: hidden;
  padding-top: 50px;
  padding-bottom: 50px;
  background-color: #f2ecde;
}

.ucc-m-recipe-suggest * {
  box-sizing: border-box;
}

.ucc-m-recipe-suggest *:before,
.ucc-m-recipe-suggest *:after {
  box-sizing: border-box;
}

.ucc-m-recipe-suggest__container {
  width: 100%;
  max-width: 1240px;
  padding-right: 20px;
  padding-left: 20px;
  margin-right: auto;
  margin-left: auto;
}

.ucc-m-recipe-suggest__container--small {
  max-width: 1066px;
}

.ucc-m-recipe-suggest__list {
  width: 105.3333333333%;
  margin-top: -2.5316455696%;
  margin-left: -2.5316455696%;
  *zoom: 1;
}

.ucc-m-recipe-suggest__list:before,
.ucc-m-recipe-suggest__list:after {
  display: table;
  content: "";
}

.ucc-m-recipe-suggest__list:after {
  clear: both;
}

.ucc-m-recipe-suggest__list .ucc-m-recipe-suggest__item {
  width: 29.9578059072%;
  margin-top: 2.5316455696%;
  margin-left: 2.5316455696%;
  float: left;
}

.ucc-m-recipe-thumb {
  display: block;
  padding-bottom: 15px;
  border-bottom: 1px solid #d2d2d2;
}

.ucc-m-recipe-thumb,
.ucc-m-recipe-thumb:link,
.ucc-m-recipe-thumb:visited,
.ucc-m-recipe-thumb a:active,
.ucc-m-recipe-thumb a:hover,
.ucc-m-recipe-thumb a:focus {
  color: inherit;
  text-decoration: inherit;
}

.ucc-m-recipe-thumb__fig {
  position: relative;
  overflow: hidden;
  border: 1px solid #dcdcdc;
}

.ucc-m-recipe-thumb__fig__inner {
  position: relative;
}

.ucc-m-recipe-thumb__fig img {
  display: block;
  width: 100%;
  height: auto;
}

.ucc-m-recipe-thumb .ucc-a-h {
  position: relative;
  padding-right: 25px;
}

.ucc-m-recipe-thumb .ucc-a-h:after {
  display: inline-block;
  content: "\e01a";
  font-family: "ucc";
  font-size: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  line-height: 1;
  text-rendering: auto;
  position: absolute;
  top: 5px;
  right: 0;
  color: #e60012;
  font-size: 12px;
}

.ucc-m-recipe-thumb__caption {
  margin-top: 10px;
}

.ucc-m-recipe-thumb__info {
  margin-top: 15px;
}

.ucc-m-recipe-thumb__lead {
  font-size: 13px;
}

.ucc-m-recipe-thumb__cat {
  font-size: 12px;
  color: #999999;
}

.ucc-m-recipe-thumb.is-recommended .ucc-m-recipe-thumb__fig:after {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 115px;
  height: 115px;
  background-color: #e60012;
  content: "";
  transform: translate(50%, -50%) rotate(45deg);
}

.ucc-m-recipe-thumb.is-recommended .ucc-m-recipe-thumb__fig:before {
  font-size: 13px;
  position: absolute;
  z-index: 2;
  top: 30px;
  right: 30px;
  color: #ffffff;
  content: "\304a\3059\3059\3081";
  text-align: center;
  transform: translate(50%, -50%) rotate(45deg);
}

.ucc-m-recipe-thumb--small {
  padding-bottom: 5px;
}

.ucc-m-recipe-thumb--small .ucc-a-h {
  font-size: 15px;
}

.ucc-m-recipe-thumb--small.is-recommended .ucc-m-recipe-thumb__fig:after {
  width: 90px;
  height: 90px;
}

.ucc-m-recipe-thumb--small.is-recommended .ucc-m-recipe-thumb__fig:before {
  font-size: 12px;
  top: 24px;
  right: 24px;
}

.ucc-m-recipe-thumb.is-load {
  opacity: 0;
  transition-duration: 1.2s;
  transition-property: transform, opacity;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

.ucc-m-recipe-thumb.is-load.is-loaded {
  opacity: 1;
}

html.no-touch .ucc-m-recipe-thumb .ucc-m-recipe-thumb__fig__inner {
  background-color: #e60012;
}

html.no-touch .ucc-m-recipe-thumb .ucc-m-recipe-thumb__fig__inner img {
  transition-duration: 0.6s;
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

html.no-touch .ucc-m-recipe-thumb:hover .ucc-m-recipe-thumb__fig__inner img {
  transform: scale(0.95);
}

html.no-touch .ucc-m-recipe-thumb .ucc-a-h {
  transition-duration: 0.4s;
  transition-property: color;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}

html.no-touch .ucc-m-recipe-thumb:hover .ucc-a-h {
  color: #e60012;
}

.ucc-m-recipe-thumbs {
  font-family: "Noto Sans Japanese", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  font-weight: 300;
  color: #333333;
  font-feature-settings: "pkna";
  font-style: normal;
  font-weight: 400;
  line-height: 1.75;
  -webkit-text-size-adjust: 100%;
  font-size: 15px;
}

.ucc-m-recipe-thumbs * {
  box-sizing: border-box;
}

.ucc-m-recipe-thumbs *:before,
.ucc-m-recipe-thumbs *:after {
  box-sizing: border-box;
}

.ucc-m-recipe-thumbs__list {
  width: 110%;
  margin-top: -2.2727272727%;
  margin-left: -2.2727272727%;
  *zoom: 1;
}

.ucc-m-recipe-thumbs__list:before,
.ucc-m-recipe-thumbs__list:after {
  display: table;
  content: "";
}

.ucc-m-recipe-thumbs__list:after {
  clear: both;
}

.ucc-m-recipe-thumbs__list .ucc-m-recipe-thumbs__item {
  width: 16.3636363636%;
  margin-top: 2.2727272727%;
  margin-left: 2.2727272727%;
  float: left;
}

.ucc-m-recipe {
  font-family: "Noto Sans Japanese", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  font-weight: 300;
  color: #333333;
  font-feature-settings: "pkna";
  font-style: normal;
  font-weight: 400;
  line-height: 1.75;
  -webkit-text-size-adjust: 100%;
  font-size: 15px;
}

.ucc-m-recipe * {
  box-sizing: border-box;
}

.ucc-m-recipe *:before,
.ucc-m-recipe *:after {
  box-sizing: border-box;
}

.ucc-m-recipe__main {
  padding-top: 100px;
  padding-bottom: 60px;
  background-color: #f2ecde;
}

.ucc-m-recipe__infos {
  width: 100%;
  max-width: 1240px;
  padding-right: 20px;
  padding-left: 20px;
  margin-right: auto;
  margin-left: auto;
  margin-top: 40px;
}

.ucc-m-recipe__infos--small {
  max-width: 1066px;
}

.ucc-m-related-content {
  display: block;
}

.ucc-m-related-content,
.ucc-m-related-content:link,
.ucc-m-related-content:visited,
.ucc-m-related-content a:active,
.ucc-m-related-content a:hover,
.ucc-m-related-content a:focus {
  color: inherit;
  text-decoration: inherit;
}

.ucc-m-related-content__fig {
  position: relative;
}

.ucc-m-related-content__fig img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
}

.ucc-m-related-content__fig + .ucc-m-related-content__caption {
  margin-top: 12px;
}

.ucc-m-related-content__caption {
  font-size: 14px;
}

html.no-touch .ucc-m-related-content .ucc-m-related-content__fig {
  overflow: hidden;
}

html.no-touch .ucc-m-related-content .ucc-m-related-content__fig:after {
  position: absolute;
  top: -1px;
  left: -1px;
  display: block;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  border: 0 solid #e60012;
  content: "";
  transition-duration: 0.6s;
  transition-property: border-width;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

html.no-touch .ucc-m-related-content .ucc-m-related-content__fig img {
  transition-duration: 0.6s;
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

html.no-touch .ucc-m-related-content:hover .ucc-m-related-content__fig:after {
  border-width: 5px;
}

html.no-touch .ucc-m-related-content:hover .ucc-m-related-content__fig img {
  transform: scale(0.93);
}

html.no-touch .ucc-m-related-content .ucc-m-related-content__caption {
  transition-duration: 0.4s;
  transition-property: color;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}

html.no-touch .ucc-m-related-content:hover .ucc-m-related-content__caption {
  color: #e60012;
}

.ucc-m-related-contents {
  overflow: hidden;
}

.ucc-m-related-contents__list {
  width: 108.3333333333%;
  margin-top: -1.9230769231%;
  margin-left: -1.9230769231%;
  *zoom: 1;
}

.ucc-m-related-contents__list:before,
.ucc-m-related-contents__list:after {
  display: table;
  content: "";
}

.ucc-m-related-contents__list:after {
  clear: both;
}

.ucc-m-related-contents__list .ucc-m-related-contents__item {
  width: 16.9230769231%;
  margin-top: 1.9230769231%;
  margin-left: 1.9230769231%;
  float: left;
}

.ucc-m-related-contents--for-4 .ucc-m-related-contents__list {
  width: 109.2783505155%;
  margin-top: -2.8301886792%;
  margin-left: -2.8301886792%;
  *zoom: 1;
}

.ucc-m-related-contents--for-4 .ucc-m-related-contents__list:before,
.ucc-m-related-contents--for-4 .ucc-m-related-contents__list:after {
  display: table;
  content: "";
}

.ucc-m-related-contents--for-4 .ucc-m-related-contents__list:after {
  clear: both;
}

.ucc-m-related-contents--for-4 .ucc-m-related-contents__list .ucc-m-related-contents__item {
  width: 20.7547169811%;
  margin-top: 2.8301886792%;
  margin-left: 2.8301886792%;
  float: left;
}

.ucc-m-request {
  font-family: "Noto Sans Japanese", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  font-weight: 300;
  color: #333333;
  font-feature-settings: "pkna";
  font-style: normal;
  font-weight: 400;
  line-height: 1.75;
  -webkit-text-size-adjust: 100%;
  font-size: 15px;
  padding: 15px 30px;
  border: 1px solid #e60012;
}

.ucc-m-request * {
  box-sizing: border-box;
}

.ucc-m-request *:before,
.ucc-m-request *:after {
  box-sizing: border-box;
}

.ucc-m-request__h {
  font-size: 20px;
  color: #e60012;
}

.ucc-m-request__body {
  margin-top: 10px;
  font-size: 14px;
}

.ucc-m-request__body small {
  font-size: 12px;
}

.ucc-m-required {
  display: inline-block;
  padding: 2px 6px;
  background-color: #e60012;
  border-radius: 4px;
  color: #ffffff;
  font-size: 12px;
}

.ucc-m-scroll-icn {
  display: block;
  width: 70px;
  height: 70px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  border-radius: 100%;
  cursor: pointer;
}

.ucc-m-scroll-icn__inner {
  font-family: "Raleway", Noto Sans Japanese, 游ゴシック, YuGothic, ヒラギノ角ゴ Pro, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, sans-serif;
  font-weight: 400;
  letter-spacing: 0.08em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 5px;
  left: 5px;
  overflow: hidden;
  width: 60px;
  height: 60px;
  background-color: #ffffff;
  border-radius: 100%;
  color: #e60012;
  font-size: 15px;
  line-height: 50px;
  text-align: center;
}

.ucc-m-scroll-icn:after {
  display: inline-block;
  content: "\e00d";
  font-family: "ucc";
  font-size: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  line-height: 1;
  text-rendering: auto;
  position: absolute;
  bottom: 10px;
  left: 50%;
  color: #e60012;
  font-size: 20px;
  transform: translateX(-50%);
}

html.no-touch .ucc-m-scroll-icn {
  transition-duration: 0.2s;
  transition-property: border-color;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}

html.no-touch .ucc-m-scroll-icn .ucc-m-scroll-icn__inner {
  transition-duration: 0.2s;
  transition-property: color, background-color;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}

html.no-touch .ucc-m-scroll-icn:after {
  transition-duration: 0.2s;
  transition-property: color;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}

html.no-touch .ucc-m-scroll-icn:hover {
  border-color: #e60012;
}

html.no-touch .ucc-m-scroll-icn:hover .ucc-m-scroll-icn__inner {
  background-color: #e60012;
  color: #ffffff;
}

html.no-touch .ucc-m-scroll-icn:hover:after {
  color: #ffffff;
}

.ucc-m-search-form {
  font-family: "Noto Sans Japanese", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  font-weight: 300;
  color: #333333;
  font-feature-settings: "pkna";
  font-style: normal;
  font-weight: 400;
  line-height: 1.75;
  -webkit-text-size-adjust: 100%;
  font-size: 15px;
  position: relative;
  height: 60px;
  padding-right: 100px;
}

.ucc-m-search-form * {
  box-sizing: border-box;
}

.ucc-m-search-form *:before,
.ucc-m-search-form *:after {
  box-sizing: border-box;
}

.ucc-m-search-form__input {
  display: block;
  width: 100%;
  height: 100%;
  padding: 0 15px;
  border: 1px solid #d2d2d2;
  border-radius: 0;
  font-size: 20px;
}

.ucc-m-search-form__input:placeholder-shown {
  color: rgba(51, 51, 51, 0.3);
  font-size: 20px;
}

.ucc-m-search-form__input::-webkit-input-placeholder {
  color: rgba(51, 51, 51, 0.3);
  font-size: 20px;
}

.ucc-m-search-form__input:-moz-placeholder {
  color: rgba(51, 51, 51, 0.3);
  font-size: 20px;
  opacity: 1;
}

.ucc-m-search-form__input::-moz-placeholder {
  color: rgba(51, 51, 51, 0.3);
  font-size: 20px;
  opacity: 1;
}

.ucc-m-search-form__input:-ms-input-placeholder {
  color: rgba(51, 51, 51, 0.3);
  font-size: 20px;
}

.ucc-m-search-form__input:focus {
  outline: none;
}

.ucc-m-search-form__btn {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 100px;
  background-color: #e60012;
  cursor: pointer;
  line-height: 60px;
  text-align: center;
}

.ucc-m-search-form__btn,
.ucc-m-search-form__btn:link,
.ucc-m-search-form__btn:visited,
.ucc-m-search-form__btn a:active,
.ucc-m-search-form__btn a:hover,
.ucc-m-search-form__btn a:focus {
  color: inherit;
  text-decoration: inherit;
}

.ucc-m-search-form__btn,
.ucc-m-search-form__btn:link,
.ucc-m-search-form__btn:visited,
.ucc-m-search-form__btn:active,
.ucc-m-search-form__btn:hover,
.ucc-m-search-form__btn:focus {
  color: #ffffff;
}

.ucc-m-search-form__btn__inner {
  position: relative;
  z-index: 2;
  display: inline-block;
}

html.no-touch .ucc-m-search-form__btn {
  transition-property: border-color;
  transition-duration: 0.25s;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}

html.no-touch .ucc-m-search-form__btn:before {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 0;
  height: 100%;
  content: "";
  transition-duration: 0.25s;
  transition-property: width;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  background-color: #b3000e;
}

html.no-touch .ucc-m-search-form__btn:hover {
  border-color: #e60012;
  color: #ffffff;
}

html.no-touch .ucc-m-search-form__btn:hover:before {
  right: auto;
  right: initial;
  left: 0;
  width: 100%;
}

.ucc-m-search-form--simple {
  height: 40px;
}

.ucc-m-search-form--simple .ucc-m-search-form__input {
  border: none;
  background-color: #eeeeee;
}

.ucc-m-search-form--simple .ucc-m-search-form__input:placeholder-shown {
  color: rgba(51, 51, 51, 0.3);
  font-size: 16px;
}

.ucc-m-search-form--simple .ucc-m-search-form__input::-webkit-input-placeholder {
  color: rgba(51, 51, 51, 0.3);
  font-size: 16px;
}

.ucc-m-search-form--simple .ucc-m-search-form__input:-moz-placeholder {
  color: rgba(51, 51, 51, 0.3);
  font-size: 16px;
  opacity: 1;
}

.ucc-m-search-form--simple .ucc-m-search-form__input::-moz-placeholder {
  color: rgba(51, 51, 51, 0.3);
  font-size: 16px;
  opacity: 1;
}

.ucc-m-search-form--simple .ucc-m-search-form__input:-ms-input-placeholder {
  color: rgba(51, 51, 51, 0.3);
  font-size: 16px;
}

.ucc-m-search-form--simple .ucc-m-search-form__btn {
  line-height: 40px;
}

.ucc-m-search-result {
  font-family: "Noto Sans Japanese", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  font-weight: 300;
  color: #333333;
  font-feature-settings: "pkna";
  font-style: normal;
  font-weight: 400;
  line-height: 1.75;
  -webkit-text-size-adjust: 100%;
  font-size: 15px;
  *zoom: 1;
  display: block;
  padding-top: 30px;
  padding-bottom: 30px;
}

.ucc-m-search-result * {
  box-sizing: border-box;
}

.ucc-m-search-result *:before,
.ucc-m-search-result *:after {
  box-sizing: border-box;
}

.ucc-m-search-result,
.ucc-m-search-result:link,
.ucc-m-search-result:visited,
.ucc-m-search-result a:active,
.ucc-m-search-result a:hover,
.ucc-m-search-result a:focus {
  color: inherit;
  text-decoration: inherit;
}

.ucc-m-search-result:before,
.ucc-m-search-result:after {
  display: table;
  content: "";
}

.ucc-m-search-result:after {
  clear: both;
}

.ucc-m-search-result__fig {
  position: relative;
  width: 19.1666666667%;
  float: left;
}

.ucc-m-search-result__fig img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
}

.ucc-m-search-result__caption {
  width: 77.5%;
  float: right;
}

.ucc-m-search-result__h {
  font-size: 18px;
  line-height: 1.5;
}

.ucc-m-news-meta + .ucc-m-search-result__h {
  margin-top: 10px;
}

.ucc-m-search-result__lead {
  margin-top: 10px;
}

.ucc-m-search-result__URL {
  font-size: 12px;
  margin-top: 10px;
}

html.no-touch .ucc-m-search-result .ucc-m-search-result__fig {
  overflow: hidden;
}

html.no-touch .ucc-m-search-result .ucc-m-search-result__fig:after {
  position: absolute;
  top: -1px;
  left: -1px;
  display: block;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  border: 0 solid #e60012;
  content: "";
  transition-duration: 0.6s;
  transition-property: border-width;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

html.no-touch .ucc-m-search-result .ucc-m-search-result__fig img {
  transition-duration: 0.6s;
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

html.no-touch .ucc-m-search-result:hover .ucc-m-search-result__fig:after {
  border-width: 5px;
}

html.no-touch .ucc-m-search-result:hover .ucc-m-search-result__fig img {
  transform: scale(0.96);
}

html.no-touch .ucc-m-search-result .ucc-m-search-result__caption {
  transition-duration: 0.4s;
  transition-property: color;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}

html.no-touch .ucc-m-search-result:hover .ucc-m-search-result__caption {
  color: #e60012;
}

.ucc-m-search-results {
  font-family: "Noto Sans Japanese", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  font-weight: 300;
  color: #333333;
  font-feature-settings: "pkna";
  font-style: normal;
  font-weight: 400;
  line-height: 1.75;
  -webkit-text-size-adjust: 100%;
  font-size: 15px;
}

.ucc-m-search-results * {
  box-sizing: border-box;
}

.ucc-m-search-results *:before,
.ucc-m-search-results *:after {
  box-sizing: border-box;
}

.ucc-m-search-results__item {
  border-bottom: 1px dotted #c9c9c9;
}

.ucc-m-search {
  position: relative;
}

.ucc-m-search__kw {
  display: block;
  width: 100%;
  height: 35px;
  padding: 0 15px;
  border: none;
  background-color: #f7f7f7;
}

.ucc-m-search__icn {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 35px;
  height: 35px;
  color: #e60012;
  font-size: 17px;
  line-height: 35px;
  text-align: center;
}

.ucc-m-search__icn::after {
  display: inline-block;
  content: " ";
  line-height: 1;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 17px;
  height: 17px;
  margin: auto;
  background-image: url("/dist/images/icn/search.svg");
  background-position: center, center;
  background-repeat: no-repeat;
}

.ucc-m-sec-header {
  font-family: "Noto Sans Japanese", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  font-weight: 300;
  color: #333333;
  font-feature-settings: "pkna";
  font-style: normal;
  font-weight: 400;
  line-height: 1.75;
  -webkit-text-size-adjust: 100%;
  font-size: 15px;
  width: 100%;
  max-width: 1240px;
  padding-right: 20px;
  padding-left: 20px;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}

.ucc-m-sec-header * {
  box-sizing: border-box;
}

.ucc-m-sec-header *:before,
.ucc-m-sec-header *:after {
  box-sizing: border-box;
}

.ucc-m-sec-header--small {
  max-width: 1066px;
}

.ucc-m-sec-header .ucc-a-h + .ucc-a-h-en {
  margin-top: 5px;
}

.ucc-m-sec-header .ucc-a-h-en {
  letter-spacing: 0.2em;
}

.ucc-m-sec-header__anchors {
  margin-top: 30px;
}

.ucc-m-sec-header__btns {
  margin-top: 30px;
  letter-spacing: -0.4em;
}

.ucc-m-sec-header__btns .ucc-a-btn {
  width: 146px;
  letter-spacing: normal;
}

.ucc-m-sec-header__btns .ucc-a-btn + .ucc-a-btn {
  margin-left: 20px;
}

.ucc-m-sec-header__tagline {
  margin-top: 20px;
}

.ucc-m-sec-header__tagline small {
  font-size: 12px;
}

.ucc-m-sec-header__tagline--colored {
  color: #e60012;
}

.ucc-m-sec-header__tagline--en {
  font-family: "Raleway", Noto Sans Japanese, 游ゴシック, YuGothic, ヒラギノ角ゴ Pro, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, sans-serif;
  font-weight: 400;
  letter-spacing: 0.08em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.ucc-m-shares {
  display: table;
}

.ucc-m-shares__h,
.ucc-m-shares__body {
  display: table-cell;
  vertical-align: middle;
}

.ucc-m-shares__body {
  padding-left: 30px;
  letter-spacing: -0.4em;
}

.ucc-m-shares__icn {
  display: inline-block;
  width: 30px;
  letter-spacing: normal;
}

.ucc-m-shares__icn + .ucc-m-shares__icn {
  margin-left: 20px;
}

.ucc-m-shop {
  font-family: "Noto Sans Japanese", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  font-weight: 300;
  color: #333333;
  font-feature-settings: "pkna";
  font-style: normal;
  font-weight: 400;
  line-height: 1.75;
  -webkit-text-size-adjust: 100%;
  font-size: 15px;
  *zoom: 1;
}

.ucc-m-shop * {
  box-sizing: border-box;
}

.ucc-m-shop *:before,
.ucc-m-shop *:after {
  box-sizing: border-box;
}

.ucc-m-shop:before,
.ucc-m-shop:after {
  display: table;
  content: "";
}

.ucc-m-shop:after {
  clear: both;
}

.ucc-m-shop__logo {
  text-align: center;
}

.ucc-m-shop__logo--ueshimacoffeeten img {
  width: 169px;
  height: 150px;
}

.ucc-m-shop__logo--kohikan img {
  width: 178px;
  height: 90px;
}

.ucc-m-shop__figs {
  width: 60%;
  float: left;
}

.ucc-m-shop__figs__subs {
  *zoom: 1;
  margin-top: 20px;
}

.ucc-m-shop__figs__subs:before,
.ucc-m-shop__figs__subs:after {
  display: table;
  content: "";
}

.ucc-m-shop__figs__subs:after {
  clear: both;
}

.ucc-m-shop__figs__sub {
  width: 31.6666666667%;
  border: 1px solid #dcdcdc;
  float: left;
}

.ucc-m-shop__figs__sub + .ucc-m-shop__figs__sub {
  margin-left: 2.5%;
}

.ucc-m-shop__txts {
  width: 36.8333333333%;
  float: right;
}

.ucc-m-shop__tagline {
  margin-top: 20px;
  font-weight: 500;
  text-align: center;
}

.ucc-m-shop__lead {
  font-size: 13px;
  margin-top: 20px;
  text-align: center;
}

.ucc-m-shop__btns {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  justify-content: space-between;
  margin-top: 35px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
}

.ucc-m-shop__btn {
  width: 100%;
}

.ucc-m-shop__btn .ucc-a-btn {
  width: 100%;
}

.ucc-m-shop__btn + .ucc-m-shop__btn {
  margin-left: 10px;
}

.ucc-m-shop__app {
  margin-top: 20px;
}

.ucc-m-shop__topics {
  margin-top: 30px;
}

.ucc-m-shop--reverse .ucc-m-shop__figs {
  float: right;
}

.ucc-m-shop--reverse .ucc-m-shop__txts {
  float: left;
}

.ucc-m-shopping-modal {
  position: fixed;
  z-index: 20000;
  top: 0;
  left: -1000%;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  opacity: 0;
  transition-duration: 0.4s;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}

.ucc-m-shopping-modal__wrap {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.ucc-m-shopping-modal__inner {
  position: relative;
  max-width: 430px;
}

.ucc-m-shopping-modal .ucc-m-line-h {
  font-size: 16px;
}

.ucc-m-shopping-modal__close {
  position: absolute;
  top: -30px;
  right: 0;
  display: block;
  color: #ffffff;
  cursor: pointer;
  font-size: 20px;
}

html.no-touch .ucc-m-shopping-modal__close:hover {
  color: #ffffff;
  opacity: 0.6;
}

.ucc-m-shopping-modal.is-show {
  left: 0;
  opacity: 1;
}

.ucc-m-shops {
  font-family: "Noto Sans Japanese", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  font-weight: 300;
  color: #333333;
  font-feature-settings: "pkna";
  font-style: normal;
  font-weight: 400;
  line-height: 1.75;
  -webkit-text-size-adjust: 100%;
  font-size: 15px;
}

.ucc-m-shops * {
  box-sizing: border-box;
}

.ucc-m-shops *:before,
.ucc-m-shops *:after {
  box-sizing: border-box;
}

.ucc-m-shops__item + .ucc-m-shops__item {
  padding-top: 60px;
  border-top: 1px solid #d2d2d2;
  margin-top: 60px;
}

.ucc-m-site-search {
  padding: 30px 20px;
  border: 4px solid #eeeeee;
}

.ucc-m-site-search__opener {
  display: none;
  padding: 10px 15px;
  border: 1px solid #cdcdcd;
  margin-top: 20px;
}

.ucc-m-site-search__opener,
.ucc-m-site-search__opener:link,
.ucc-m-site-search__opener:visited,
.ucc-m-site-search__opener a:active,
.ucc-m-site-search__opener a:hover,
.ucc-m-site-search__opener a:focus {
  color: inherit;
  text-decoration: inherit;
}

.ucc-m-site-search__opener,
.ucc-m-site-search__opener:link,
.ucc-m-site-search__opener:visited,
.ucc-m-site-search__opener:active,
.ucc-m-site-search__opener:hover,
.ucc-m-site-search__opener:focus {
  color: #333333;
  text-decoration: none;
}

.ucc-m-site-search__opener > span {
  position: relative;
  display: block;
  font-size: 15px;
  text-align: center;
}

.ucc-m-site-search__opener > span:before {
  display: inline-block;
  content: "\e01d";
  font-family: "ucc";
  font-size: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  line-height: 1;
  text-rendering: auto;
  position: absolute;
  top: 50%;
  left: 0;
  color: #e60012;
  font-size: 20px;
  transform: translateY(-50%);
}

.ucc-m-site-search__blocks {
  padding-top: 30px;
  border-top: 1px solid #eeeeee;
  margin-top: 30px;
}

.ucc-m-site-search__block + .ucc-m-site-search__block {
  padding-top: 30px;
  border-top: 1px solid #eeeeee;
  margin-top: 30px;
}

.ucc-m-site-search__block__container {
  display: table;
  width: 100%;
}

.ucc-m-site-search__block__inner {
  display: table-row;
}

.ucc-m-site-search__block__h,
.ucc-m-site-search__block__body {
  display: table-cell;
  vertical-align: middle;
}

.ucc-m-site-search__block__h {
  width: 185px;
  padding-right: 20px;
  font-size: 16px;
  font-weight: 500;
  text-align: right;
}

.ucc-m-site-search--h-small .ucc-m-site-search__block__h {
  width: 110px;
}

.ucc-m-site-search__sp-btn {
  display: none;
}

.ucc-m-site-search__sp-btn .ucc-a-btn {
  display: block;
  font-size: 15px;
}

.ucc-m-small-pickups .swiper-slide {
  width: 84%;
}

.ucc-m-small-pickups__slide {
  position: relative;
  display: block;
}

html.no-touch .ucc-m-small-pickups__slide {
  overflow: hidden;
}

html.no-touch .ucc-m-small-pickups__slide:after {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  border: 0 solid #e60012;
  content: "";
  transition-duration: 0.25s;
  transition-property: border-width;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

html.no-touch .ucc-m-small-pickups__slide img {
  transition-duration: 0.25s;
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

html.no-touch .ucc-m-small-pickups__slide:hover:after {
  border-width: 5px;
}

html.no-touch .ucc-m-small-pickups__slide:hover img {
  transform: scale(0.99);
}

.ucc-m-small-pickups__slide img {
  width: 100%;
  height: auto;
}

.ucc-m-small-pickups__pages {
  margin-top: 20px;
}

.ucc-m-small-sec {
  font-family: "Noto Sans Japanese", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  font-weight: 300;
  color: #333333;
  font-feature-settings: "pkna";
  font-style: normal;
  font-weight: 400;
  line-height: 1.75;
  -webkit-text-size-adjust: 100%;
  font-size: 15px;
  padding-top: 50px;
  padding-bottom: 50px;
}

.ucc-m-small-sec * {
  box-sizing: border-box;
}

.ucc-m-small-sec *:before,
.ucc-m-small-sec *:after {
  box-sizing: border-box;
}

.ucc-m-small-sec__container {
  width: 100%;
  max-width: 1240px;
  padding-right: 20px;
  padding-left: 20px;
  margin-right: auto;
  margin-left: auto;
}

.ucc-m-small-sec__container--small {
  max-width: 1066px;
}

.ucc-m-small-sec__body {
  margin-top: 30px;
}

.ucc-m-small-sec__body--margin-half {
  margin-top: 15px;
}

.ucc-m-small-sec--no-space {
  padding-top: 0;
  padding-bottom: 0;
}

.ucc-m-small-sec--bg-color-main-beige {
  background-color: #f2ecde;
}

.ucc-m-small-sec--search-results .ucc-m-small-sec__body {
  margin-top: 10px;
}

.ucc-m-sns-icons {
  letter-spacing: -0.4em;
}

.ucc-m-sns-icons__item {
  position: relative;
  display: inline-block;
  margin-top: 5px;
  margin-right: 6px;
  margin-bottom: 5px;
  margin-left: 6px;
  letter-spacing: normal;
}

.ucc-m-sns-icons__item__qr {
  position: absolute;
  top: -30px;
  left: -255px;
  transform: translateY(-100%);
}

.ucc-m-sns-icons__btn {
  display: inline-block;
  letter-spacing: normal;
}

.ucc-m-sns-icons__btn img {
  display: inline-block;
  width: 34px;
  height: 34px;
}

html.no-touch .ucc-m-sns-icons__btn img {
  transition-duration: 0.4s;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}

html.no-touch .ucc-m-sns-icons__btn:hover img {
  opacity: 0.75;
}

.ucc-m-suggest-products {
  font-family: "Noto Sans Japanese", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  font-weight: 300;
  color: #333333;
  font-feature-settings: "pkna";
  font-style: normal;
  font-weight: 400;
  line-height: 1.75;
  -webkit-text-size-adjust: 100%;
  font-size: 15px;
  padding: 20px 0;
  background-color: #ffffff;
}

.ucc-m-suggest-products * {
  box-sizing: border-box;
}

.ucc-m-suggest-products *:before,
.ucc-m-suggest-products *:after {
  box-sizing: border-box;
}

.ucc-m-suggest-products__container {
  display: table;
  width: 100%;
}

.ucc-m-suggest-products__inner {
  display: table-row;
}

.ucc-m-suggest-products__h,
.ucc-m-suggest-products__body {
  display: table-cell;
  vertical-align: middle;
}

.ucc-m-suggest-products__h {
  padding-right: 20px;
  padding-left: 20px;
  white-space: nowrap;
}

.ucc-m-suggest-products__body {
  width: 100%;
  padding-right: 20px;
  padding-left: 20px;
  border-left: 1px solid #d2d2d2;
}

.ucc-m-suggest-products__list {
  *zoom: 1;
}

.ucc-m-suggest-products__list:before,
.ucc-m-suggest-products__list:after {
  display: table;
  content: "";
}

.ucc-m-suggest-products__list:after {
  clear: both;
}

.ucc-m-suggest-products__item {
  width: 50%;
  padding-right: 10px;
  padding-left: 10px;
  float: left;
}

.ucc-m-tags__inner {
  margin-top: -5px;
  margin-left: -5px;
}

.ucc-m-tags__item {
  display: inline-block;
  margin-top: 5px;
  margin-left: 5px;
}

.ucc-m-tdr-R {
  line-height: 0.7;
  vertical-align: bottom;
}

.ucc-m-textarea {
  display: block;
  width: 100%;
  height: 150px;
  padding: 0.5em 1em;
  border: 1px solid #cccccc;
  font-size: 14px;
  resize: vertical;
}

.ucc-m-textarea:focus {
  outline: none;
}

.ucc-m-textarea:-ms-input-placeholder {
  color: #999999;
}

.ucc-m-textarea::placeholder {
  color: #999999;
}

.ucc-m-textarea--1line {
  height: 2.75em;
  resize: none;
}

.ucc-m-topics {
  font-family: "Noto Sans Japanese", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  font-weight: 300;
  color: #333333;
  font-feature-settings: "pkna";
  font-style: normal;
  font-weight: 400;
  line-height: 1.75;
  -webkit-text-size-adjust: 100%;
  font-size: 15px;
}

.ucc-m-topics * {
  box-sizing: border-box;
}

.ucc-m-topics *:before,
.ucc-m-topics *:after {
  box-sizing: border-box;
}

.ucc-m-topics__h {
  font-family: "Raleway", Noto Sans Japanese, 游ゴシック, YuGothic, ヒラギノ角ゴ Pro, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, sans-serif;
  font-weight: 400;
  letter-spacing: 0.08em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  padding-bottom: 5px;
  border-bottom: 1px solid #d2d2d2;
  color: #e60012;
  font-size: 16px;
}

.ucc-m-topics__item {
  border-bottom: 1px dotted #d2d2d2;
}

.ucc-m-topics__btn {
  display: block;
  padding-top: 10px;
  padding-bottom: 15px;
}

.ucc-m-topics__btn,
.ucc-m-topics__btn:link,
.ucc-m-topics__btn:visited,
.ucc-m-topics__btn a:active,
.ucc-m-topics__btn a:hover,
.ucc-m-topics__btn a:focus {
  color: inherit;
  text-decoration: inherit;
}

html.no-touch .ucc-m-topics__btn {
  transition-property: color;
  transition-duration: 0.4s;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}

html.no-touch .ucc-m-topics__btn:hover {
  color: #e60012;
}

.ucc-m-view-more {
  display: block;
  padding: 18px;
  background-color: #f7f7f7;
  cursor: pointer;
  font-size: 16px;
  text-align: center;
}

.ucc-m-view-more,
.ucc-m-view-more:link,
.ucc-m-view-more:visited,
.ucc-m-view-more a:active,
.ucc-m-view-more a:hover,
.ucc-m-view-more a:focus {
  color: inherit;
  text-decoration: inherit;
}

.ucc-m-view-more,
.ucc-m-view-more:link,
.ucc-m-view-more:visited,
.ucc-m-view-more:active,
.ucc-m-view-more:hover,
.ucc-m-view-more:focus {
  color: #333333;
}

.ucc-m-view-more > span {
  position: relative;
  display: inline-block;
  padding-right: 30px;
}

.ucc-m-view-more > span:after {
  display: inline-block;
  content: "\e01d";
  font-family: "ucc";
  font-size: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  line-height: 1;
  text-rendering: auto;
  position: absolute;
  top: 50%;
  right: 0;
  color: #e60012;
  font-size: 18px;
  transform: translateY(-50%);
}

.ucc-m-visual-header {
  font-family: "Noto Sans Japanese", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  font-weight: 300;
  color: #333333;
  font-feature-settings: "pkna";
  font-style: normal;
  font-weight: 400;
  line-height: 1.75;
  -webkit-text-size-adjust: 100%;
  font-size: 15px;
  position: relative;
  overflow: hidden;
}

.ucc-m-visual-header * {
  box-sizing: border-box;
}

.ucc-m-visual-header *:before,
.ucc-m-visual-header *:after {
  box-sizing: border-box;
}

.ucc-m-visual-header:after {
  display: block;
  padding-top: 23.3333333333%;
  content: "";
}

.ucc-m-visual-header:before {
  position: absolute;
  z-index: 2;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 82.8571428571%;
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
  content: "";
}

.ucc-m-visual-header__container {
  position: absolute;
  z-index: 3;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ucc-m-visual-header__bg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.ucc-m-visual-header__txt {
  display: table;
  width: 100%;
  height: 100%;
}

.ucc-m-visual-header__txt__container {
  display: table-row;
}

.ucc-m-visual-header__txt__inner {
  display: table-cell;
  padding-right: 15px;
  padding-left: 15px;
  color: #ffffff;
  text-align: center;
  vertical-align: middle;
}

.ucc-m-visual-header__caption {
  margin-top: 20px;
}

.ucc-m-wframe {
  font-family: "Noto Sans Japanese", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  font-weight: 300;
  color: #333333;
  font-feature-settings: "pkna";
  font-style: normal;
  font-weight: 400;
  line-height: 1.75;
  -webkit-text-size-adjust: 100%;
  font-size: 15px;
  *zoom: 1;
  display: block;
}

.ucc-m-wframe * {
  box-sizing: border-box;
}

.ucc-m-wframe *:before,
.ucc-m-wframe *:after {
  box-sizing: border-box;
}

.ucc-m-wframe,
.ucc-m-wframe:link,
.ucc-m-wframe:visited,
.ucc-m-wframe a:active,
.ucc-m-wframe a:hover,
.ucc-m-wframe a:focus {
  color: inherit;
  text-decoration: inherit;
}

.ucc-m-wframe:before,
.ucc-m-wframe:after {
  display: table;
  content: "";
}

.ucc-m-wframe:after {
  clear: both;
}

.ucc-m-wframe__fig {
  position: relative;
  width: 49.3103448276%;
  float: left;
}

.ucc-m-wframe__fig img {
  display: block;
  width: 100%;
  height: auto;
  vertical-align: bottom;
}

.ucc-m-wframe__caption {
  width: 46.5517241379%;
  float: right;
}

.ucc-m-wframe__h {
  font-size: 26px;
  line-height: 1.25;
}

.ucc-m-wframe__h > span {
  position: relative;
  display: inline-block;
  padding-right: 35px;
}

.ucc-m-wframe__h > span:after {
  display: inline-block;
  content: "\e000";
  font-family: "ucc";
  font-size: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  line-height: 1;
  text-rendering: auto;
  position: absolute;
  top: 50%;
  right: 0;
  color: #e60012;
  font-size: 12px;
  transform: translateY(-50%);
}

.ucc-m-wframe__h small {
  font-size: 50%;
}

.ucc-m-wframe__lead {
  margin-top: 15px;
  font-size: 14px;
}

.ucc-m-wframe--reverse .ucc-m-wframe__fig {
  float: right;
}

.ucc-m-wframe--reverse .ucc-m-wframe__caption {
  float: left;
}

.ucc-m-wframe--white {
  background-color: #ffffff;
}

.ucc-m-wframe--has-mb-40 {
  margin-bottom: 40px;
}

.ucc-m-wframe + .ucc-m-wframe {
  margin-top: 60px;
}

html.no-touch .ucc-m-wframe .ucc-m-wframe__h {
  transition-duration: 0.4s;
  transition-property: color;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}

html.no-touch .ucc-m-wframe:hover .ucc-m-wframe__h {
  color: #e60012;
}

html.no-touch .ucc-m-wframe .ucc-m-wframe__fig {
  overflow: hidden;
}

html.no-touch .ucc-m-wframe .ucc-m-wframe__fig:after {
  position: absolute;
  top: -1px;
  left: -1px;
  display: block;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  border: 0 solid #e60012;
  content: "";
  transition-duration: 0.6s;
  transition-property: border-width;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

html.no-touch .ucc-m-wframe .ucc-m-wframe__fig img {
  transition-duration: 0.6s;
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

html.no-touch .ucc-m-wframe:hover .ucc-m-wframe__fig:after {
  border-width: 5px;
}

html.no-touch .ucc-m-wframe:hover .ucc-m-wframe__fig img {
  transform: scale(0.99);
}

.ucc-m-writings {
  margin-top: 30px;
  font-size: 14px;
}

.ucc-m-writings a,
.ucc-m-writings a:link,
.ucc-m-writings a:visited,
.ucc-m-writings a a:active,
.ucc-m-writings a a:hover,
.ucc-m-writings a a:focus {
  color: inherit;
  text-decoration: inherit;
}

.ucc-m-writings a,
.ucc-m-writings a:link,
.ucc-m-writings a:visited,
.ucc-m-writings a:active,
.ucc-m-writings a:hover,
.ucc-m-writings a:focus {
  color: #333333;
  text-decoration: underline;
}

html.no-touch .ucc-m-writings a:hover {
  color: #e60012;
  text-decoration: none;
}

.ucc-m-writings p {
  margin: 0;
  margin-bottom: 1.2em;
}

.ucc-m-writings p:last-child {
  margin-bottom: 0;
}

.ucc-m-writings .ucc-a-writings--title {
  margin-bottom: 0.2em;
  font-weight: bold;
}

.ucc-m-writings .ucc-a-writings--bold {
  font-weight: bold;
}

.ucc-m-writings .ucc-a-writings--underline {
  text-decoration: underline;
}

.ucc-m-writings .ucc-a-writings--textsmall {
  font-size: 0.8em;
}

.ucc-m-writings .ucc-a-writings--fontcolorred {
  color: #e60012;
}

.ucc-m-writings__box {
  margin: 2em 0;
}

.ucc-m-writings__box figure {
  margin: 2em 0;
  text-align: center;
}

.ucc-m-writings__box p {
  margin-bottom: 0;
}

.ucc-m-writings__box dl {
  padding: 0 1em;
  margin-top: 1.5em;
  margin-bottom: 1.5em;
}

.ucc-m-writings__box dl dt {
  margin-bottom: 0.2em;
  font-weight: bold;
}

.ucc-m-writings__box dl dd {
  padding-left: 1em;
  margin-bottom: 0.5em;
}

.ucc-m-youtube {
  position: relative;
}

.ucc-m-youtube:before {
  display: block;
  padding-top: 56.25%;
  content: "";
}

.ucc-m-youtube__content {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ucc-m-youtube__content iframe {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
}

.ucc-m-youtube--fix-full {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.ucc-m-youtube--sp-no-fix-full {
  position: relative;
}

.ucc-o-contact {
  padding-bottom: 50px;
}

.ucc-o-contact__sec--confirm {
  margin-top: 40px;
}

.ucc-o-contact__m-h {
  padding-bottom: 15px;
  margin-top: 35px;
  font-size: 15px;
}

.ucc-o-contact__footer {
  padding-top: 40px;
  text-align: center;
}

.ucc-o-contact__boxes {
  margin-top: 80px;
}

.ucc-o-contact__comp-btn {
  text-align: center;
}

.ucc-o-gfooter-sp {
  font-family: "Noto Sans Japanese", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  font-weight: 300;
  color: #333333;
  font-feature-settings: "pkna";
  font-style: normal;
  font-weight: 400;
  line-height: 1.75;
  -webkit-text-size-adjust: 100%;
  font-size: 15px;
  z-index: 10000;
  display: none;
  background-color: #ffffff;
}

.ucc-o-gfooter-sp * {
  box-sizing: border-box;
}

.ucc-o-gfooter-sp *:before,
.ucc-o-gfooter-sp *:after {
  box-sizing: border-box;
}

.ucc-o-gfooter {
  font-family: "Noto Sans Japanese", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  font-weight: 300;
  color: #333333;
  font-feature-settings: "pkna";
  font-style: normal;
  font-weight: 400;
  line-height: 1.75;
  -webkit-text-size-adjust: 100%;
  font-size: 15px;
  position: relative;
  background-color: #ffffff;
}

.ucc-o-gfooter * {
  box-sizing: border-box;
}

.ucc-o-gfooter *:before,
.ucc-o-gfooter *:after {
  box-sizing: border-box;
}

.ucc-o-gfooter__main {
  border-top: 1px solid #eeeeee;
}

.ucc-o-gfooter__sub {
  padding-top: 40px;
  padding-bottom: 40px;
  border-top: 1px solid #eeeeee;
}

.ucc-o-gfooter__foot {
  background-color: #e60012;
}

.ucc-o-gheader-sp {
  font-family: "Noto Sans Japanese", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  font-weight: 300;
  color: #333333;
  font-feature-settings: "pkna";
  font-style: normal;
  font-weight: 400;
  line-height: 1.75;
  -webkit-text-size-adjust: 100%;
  font-size: 15px;
  z-index: 12000;
  display: none;
  height: 50px;
  box-sizing: border-box;
  border-top: 2px solid #e60012;
  border-bottom: 1px solid #eeeeee;
  background-color: #ffffff;
}

.ucc-o-gheader-sp * {
  box-sizing: border-box;
}

.ucc-o-gheader-sp *:before,
.ucc-o-gheader-sp *:after {
  box-sizing: border-box;
}

.ucc-o-gheader-sp__inner {
  position: relative;
  height: 47px;
}

.ucc-o-gheader-sp__logo {
  position: absolute;
  top: 50%;
  left: 10px;
  transform: translateY(-50%);
}

.ucc-o-gheader-sp__logo a {
  display: inline-block;
  width: 70px;
}

.ucc-o-gheader-sp__logo img {
  width: 100%;
  height: auto;
}

.ucc-o-gheader-sp__opener {
  position: absolute;
  top: 0;
  right: 0;
  width: 50px;
  height: 100%;
  background-color: #e60012;
  color: #ffffff;
  font-size: 24px;
}

.ucc-o-gheader-sp__opener a {
  display: block;
  width: 100%;
  height: 100%;
}

.ucc-o-gheader-sp__opener a,
.ucc-o-gheader-sp__opener a:link,
.ucc-o-gheader-sp__opener a:visited,
.ucc-o-gheader-sp__opener a a:active,
.ucc-o-gheader-sp__opener a a:hover,
.ucc-o-gheader-sp__opener a a:focus {
  color: inherit;
  text-decoration: inherit;
}

.ucc-o-gheader-sp__opener a::before {
  display: inline-block;
  content: " ";
  line-height: 1;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 24px;
  height: 24px;
  margin: auto;
  background-image: url("/dist/images/icn/hamburger.svg");
  background-position: center, center;
  background-repeat: no-repeat;
}

.ucc-o-gheader {
  font-family: "Noto Sans Japanese", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  font-weight: 300;
  color: #333333;
  font-feature-settings: "pkna";
  font-style: normal;
  font-weight: 400;
  line-height: 1.75;
  -webkit-text-size-adjust: 100%;
  font-size: 15px;
  position: relative;
  z-index: 12000;
}

.ucc-o-gheader * {
  box-sizing: border-box;
}

.ucc-o-gheader *:before,
.ucc-o-gheader *:after {
  box-sizing: border-box;
}

.ucc-o-gheader__wrap {
  border-top: 2px solid #e60012;
  border-bottom: 1px solid #eeeeee;
  background-color: #ffffff;
}

.ucc-o-gheader__container {
  display: table;
  width: 100%;
  height: 97px;
}

.ucc-o-gheader__inner {
  display: table-row;
}

.ucc-o-gheader__logo {
  display: table-cell;
  width: 16.1054172767%;
  text-align: center;
  vertical-align: middle;
}

.ucc-o-gheader__logo a {
  display: inline-block;
  width: 110px;
}

.ucc-o-gheader__logo a img {
  width: 100%;
  height: auto;
  vertical-align: top;
}

.ucc-o-gheader__logo--simply {
  display: table-cell;
  width: 16.1054172767%;
  box-sizing: border-box;
  padding: 0 50px;
  text-align: left;
  vertical-align: middle;
}

.ucc-o-gheader__logo--simply a {
  display: inline-block;
  width: 110px;
}

.ucc-o-gheader__logo--simply a img {
  width: 100%;
  height: auto;
  vertical-align: top;
}

.ucc-o-gheader__navs {
  display: table-cell;
  border-left: 1px solid #eeeeee;
}

.ucc-o-gheader__navs__sub {
  width: 100%;
  height: 38px;
}

.ucc-o-gheader__navs__main {
  width: 100%;
  height: 59px;
  border-top: 1px solid #eeeeee;
}

.ucc-o-gnav-sp {
  position: fixed;
  z-index: 12000;
  top: 0;
  left: -1000%;
  display: none;
  width: 100%;
  height: 100%;
}

.ucc-o-gnav-sp__inner {
  height: 100%;
  opacity: 0;
  transform: translateY(-140px);
  transition-duration: 0.45s;
  transition-property: opacity, transform;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

.ucc-o-gnav-sp.is-show {
  left: 0;
}

.ucc-o-gnav-sp.is-show .ucc-o-gnav-sp__inner {
  opacity: 1;
  transform: translateY(0);
}

.ucc-o-gsubnav {
  font-family: "Noto Sans Japanese", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  font-weight: 300;
  color: #333333;
  font-feature-settings: "pkna";
  font-style: normal;
  font-weight: 400;
  line-height: 1.75;
  -webkit-text-size-adjust: 100%;
  font-size: 15px;
  position: absolute;
  z-index: 9000;
  top: 100px;
  left: 0;
  width: 100%;
}

.ucc-o-gsubnav * {
  box-sizing: border-box;
}

.ucc-o-gsubnav *:before,
.ucc-o-gsubnav *:after {
  box-sizing: border-box;
}

.ucc-o-main {
  padding-bottom: 20px;
}

.ucc-o-main--no-bottom-space {
  padding-bottom: 0;
}

.ucc-o-main--no-link-mod {
  padding-bottom: 60px;
}

.ucc-o-separate {
  *zoom: 1;
}

.ucc-o-separate:before,
.ucc-o-separate:after {
  display: table;
  content: "";
}

.ucc-o-separate:after {
  clear: both;
}

.ucc-o-separate__primary {
  width: 73.8333333333%;
  float: left;
}

.ucc-o-separate__secondary {
  width: 21.5%;
  float: right;
}

.ucc-o-separate--has-bottom-space {
  margin-bottom: 90px;
}

.ucc-o-separate--pr-large .ucc-o-separate__primary {
  width: 80.8333333333%;
}

.ucc-o-separate--pr-large .ucc-o-separate__secondary {
  width: 14.1666666667%;
}

.ucc-t-lower__simple-main {
  padding-top: 80px;
}

.ucc-t-lower__body {
  position: relative;
}

.ucc-t-lower__go-home {
  margin-top: 60px;
}

.ucc-md-academic-announcemen {
  margin: 25px auto;
}

.ucc-md-academic-announcemen__title {
  margin: 20px 0;
  font-weight: bold;
}

.ucc-md-academic-announcemen__text {
  margin: 20px 0;
}

.ucc-md-academic-announcemen__img {
  margin: 40px auto 0;
  text-align: center;
}

.ucc-md-academic-announcemen__img-caption {
  display: block;
  margin: 40px auto 0;
  font-size: 13px;
  font-weight: bold;
  text-align: center;
}

.ucc-md-academic-announcemen__list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.ucc-md-academic-announcemen__list__item {
  display: list-item;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
  margin-left: 20px;
  list-style: disc;
  list-style-position: inside;
}

.ucc-md-backnumber {
  font-family: "Noto Sans Japanese", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  font-weight: 300;
  color: #333333;
  font-feature-settings: "pkna";
  font-style: normal;
  font-weight: 400;
  line-height: 1.75;
  -webkit-text-size-adjust: 100%;
  font-size: 15px;
}

.ucc-md-backnumber * {
  box-sizing: border-box;
}

.ucc-md-backnumber *:before,
.ucc-md-backnumber *:after {
  box-sizing: border-box;
}

.ucc-md-backnumber__h {
  font-family: "Raleway", Noto Sans Japanese, 游ゴシック, YuGothic, ヒラギノ角ゴ Pro, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, sans-serif;
  font-weight: 400;
  letter-spacing: 0.08em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  padding-bottom: 12px;
  border-bottom: 1px solid #eeeeee;
  font-size: 16px;
}

.ucc-md-backnumber__body {
  margin-top: 20px;
}

.ucc-md-club-ucc {
  font-family: "Noto Sans Japanese", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  font-weight: 300;
  color: #333333;
  font-feature-settings: "pkna";
  font-style: normal;
  font-weight: 400;
  line-height: 1.75;
  -webkit-text-size-adjust: 100%;
  font-size: 15px;
  padding: 20px;
  background-color: #f2ecde;
}

.ucc-md-club-ucc * {
  box-sizing: border-box;
}

.ucc-md-club-ucc *:before,
.ucc-md-club-ucc *:after {
  box-sizing: border-box;
}

.ucc-md-club-ucc__h {
  font-size: 18px;
  line-height: 1.25;
  text-align: center;
}

.ucc-md-club-ucc__lead {
  font-size: 12px;
  padding-top: 20px;
  text-align: center;
}

.ucc-md-club-ucc__what {
  font-size: 13px;
  position: relative;
  display: block;
  padding: 12px 0;
  border-top: 1px solid #bfaa95;
  border-bottom: 1px solid #bfaa95;
  margin-top: 20px;
}

.ucc-md-club-ucc__what,
.ucc-md-club-ucc__what:link,
.ucc-md-club-ucc__what:visited,
.ucc-md-club-ucc__what a:active,
.ucc-md-club-ucc__what a:hover,
.ucc-md-club-ucc__what a:focus {
  color: inherit;
  text-decoration: inherit;
}

.ucc-md-club-ucc__what:after {
  display: inline-block;
  content: "\e000";
  font-family: "ucc";
  font-size: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  line-height: 1;
  text-rendering: auto;
  position: absolute;
  top: 50%;
  right: 0;
  color: #e60012;
  font-size: 10px;
  transform: translateY(-50%);
}

html.no-touch .ucc-md-club-ucc__what {
  transition-property: color;
  transition-duration: 0.4s;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}

html.no-touch .ucc-md-club-ucc__what:hover {
  color: #e60012;
}

.ucc-md-club-ucc__btns {
  margin-top: 30px;
}

.ucc-md-club-ucc__btns li + li {
  margin-top: 10px;
}

.ucc-md-club-ucc__crop {
  padding: 10px 10px 15px 10px;
  margin-top: 30px;
  background-color: rgba(108, 63, 31, 0.38);
  color: #ffffff;
}

.ucc-md-club-ucc__crop__h {
  font-size: 18px;
}

.ucc-md-club-ucc__crop__h small {
  font-size: 12px;
}

.ucc-md-club-ucc__crop__body {
  font-size: 13px;
  margin-top: 10px;
}

.ucc-md-club-ucc__crop__body em {
  text-decoration: underline;
}

.ucc-md-company-header__h {
  font-size: 28px;
  text-align: center;
}

.ucc-md-company-header__h-en {
  font-family: "Raleway", Noto Sans Japanese, 游ゴシック, YuGothic, ヒラギノ角ゴ Pro, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, sans-serif;
  font-weight: 400;
  letter-spacing: 0.08em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #e60012;
  font-size: 16px;
  text-align: center;
}

.ucc-md-company-research-academic-announcement {
  margin-bottom: 50px;
  font-size: 15px;
}

.ucc-md-company-research-academic-announcement a {
  color: #333333;
  cursor: pointer;
}

.ucc-md-company-research-academic-announcement a:hover {
  color: #e60012;
}

.ucc-md-company-research-academic-announcement:last-child {
  margin-bottom: 0;
}

.ucc-md-company-research-academic-announcement__big-headline {
  line-height: 1.4em;
}

.ucc-md-company-research-academic-announcement__middle-headline {
  padding-left: 10px;
  border-left: 10px solid #b30000;
  margin-top: 27px;
  font-size: 18px;
  font-weight: 700;
}

.ucc-md-company-research-academic-announcement__small-headline {
  margin-top: 27px;
  font-weight: bold;
}

.ucc-md-company-research-academic-announcement__smallest-headline {
  margin-top: 27px;
  line-height: 1.4em;
}

.ucc-md-company-research-academic-announcement__smallest02-headline {
  margin-top: 27px;
  font-weight: bold;
}

.ucc-md-company-research-academic-announcement__text {
  margin-top: 27px;
}

.ucc-md-company-research-academic-announcement__list-horizontal {
  display: block;
  margin-top: 27px;
}

.ucc-md-company-research-academic-announcement__list-horizontal li {
  display: list-item;
  margin-top: 1em;
  margin-left: 20px;
  list-style: disc;
  list-style-position: outside;
}

.ucc-md-company-research-academic-announcement__table {
  margin-top: 27px;
}

.ucc-md-company-research-academic-announcement__table tr {
  border-top: 1px solid #d2d2d2;
  line-height: 1em;
}

.ucc-md-company-research-academic-announcement__table tr:last-child {
  border-bottom: 1px solid #d2d2d2;
}

.ucc-md-company-research-academic-announcement__table th {
  width: 150px;
  padding: 20px;
  background-color: #eee;
  text-align: left;
  vertical-align: top;
}

.ucc-md-company-research-academic-announcement__table td {
  padding: 20px 0 20px 20px;
  line-height: 1.8em;
  vertical-align: middle;
}

.ucc-md-company-research-academic-announcement__img {
  display: block;
  margin-top: 20px;
  text-align: center;
}

.ucc-md-company-research-academic-announcement__img-caption {
  display: block;
  margin-top: 10px;
  font-weight: bold;
  text-align: center;
}

.ucc-md-company-research-academic-announcement__img-dl {
  margin-top: 10px;
  text-align: center;
}

.ucc-md-company-research-academic-announcement__img-dl .ucc-a-round-btn > span {
  white-space: normal;
}

.ucc-md-company-research-academic-announcement__column-2-img {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 37px;
}

.ucc-md-company-research-academic-announcement__column-2-img > .ucc-md-company-research-academic-announcement__column__box {
  width: 47%;
}

.ucc-md-company-research-academic-announcement__column-3-img {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 37px;
}

.ucc-md-company-research-academic-announcement__column-3-img > .ucc-md-company-research-academic-announcement__column__box {
  width: 32%;
}

.ucc-md-company-research-academic-announcement__column-3-img > .ucc-md-company-research-academic-announcement__column__box .ucc-a-round-btn > span {
  padding-right: 60px;
  padding-left: 60px;
  font-size: 0.8em;
}

.ucc-md-company-research-academic-announcement__column-3-img > .ucc-md-company-research-academic-announcement__column__box .ucc-a-round-btn > span .ucc-u-dv-pc {
  display: none;
}

.ucc-md-company-research-academic-announcement__column-2-img-text {
  margin-top: 37px;
  *zoom: 1;
}

.ucc-md-company-research-academic-announcement__column-2-img-text:before,
.ucc-md-company-research-academic-announcement__column-2-img-text:after {
  display: table;
  content: "";
}

.ucc-md-company-research-academic-announcement__column-2-img-text:after {
  clear: both;
}

.ucc-md-company-research-academic-announcement__column-2-img-text > .ucc-md-company-research-academic-announcement__column__img {
  width: 32%;
}

.ucc-md-company-research-academic-announcement__column-2-img-text > .ucc-md-company-research-academic-announcement__column__img .ucc-md-company-research-academic-announcement__img {
  margin-top: 0;
}

.ucc-md-company-research-academic-announcement__column-2-img-text > .ucc-md-company-research-academic-announcement__column__img .ucc-a-round-btn > span {
  padding-right: 60px;
  padding-left: 60px;
  font-size: 0.8em;
}

.ucc-md-company-research-academic-announcement__column-2-img-text > .ucc-md-company-research-academic-announcement__column__img .ucc-a-round-btn > span .ucc-u-dv-pc {
  display: none;
}

.ucc-md-company-research-academic-announcement__column-2-img-text > .ucc-md-company-research-academic-announcement__column__text {
  width: 65%;
  margin-top: 0;
}

.ucc-md-company-research-academic-announcement__column-2-img-text > .ucc-md-company-research-academic-announcement__column__text .ucc-md-company-research-academic-announcement__text {
  margin-top: 0;
}

.ucc-md-company-research-academic-announcement__column-2-img-text.is-left > .ucc-md-company-research-academic-announcement__column__img {
  float: left;
}

.ucc-md-company-research-academic-announcement__column-2-img-text.is-left > .ucc-md-company-research-academic-announcement__column__text {
  float: right;
}

.ucc-md-company-research-academic-announcement__column-2-img-text.is-right > .ucc-md-company-research-academic-announcement__column__img {
  float: right;
}

.ucc-md-company-research-academic-announcement__column-2-img-text.is-right > .ucc-md-company-research-academic-announcement__column__text {
  float: left;
}

.ucc-md-company-research-article {
  margin-top: 60px;
}

.ucc-md-company-research-article a {
  cursor: pointer;
  text-decoration: none;
}

.ucc-md-company-research-article__relation__list__item {
  position: relative;
  border-bottom: 2px dashed #f7f7f7;
}

.ucc-md-company-research-article__relation__list__item::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  display: block;
  height: 14px;
  margin: auto 0;
  color: #e60012;
  content: "\e007";
  font-family: ucc;
  font-style: normal;
  line-height: 1;
  text-rendering: auto;
}

.ucc-md-company-research-article__relation__list__item a {
  display: block;
  padding: 1.8em 0;
  padding-right: 20px;
  color: #333333;
  line-height: 1.4em;
}

.ucc-md-company-research-article__relation__list__item a:hover {
  color: #e60012;
}

.ucc-md-contact-sec {
  font-family: "Noto Sans Japanese", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  font-weight: 300;
  color: #333333;
  font-feature-settings: "pkna";
  font-style: normal;
  font-weight: 400;
  line-height: 1.75;
  -webkit-text-size-adjust: 100%;
  font-size: 15px;
  *zoom: 1;
}

.ucc-md-contact-sec * {
  box-sizing: border-box;
}

.ucc-md-contact-sec *:before,
.ucc-md-contact-sec *:after {
  box-sizing: border-box;
}

.ucc-md-contact-sec:before,
.ucc-md-contact-sec:after {
  display: table;
  content: "";
}

.ucc-md-contact-sec:after {
  clear: both;
}

.ucc-md-contact-sec__btn {
  position: relative;
  display: block;
  width: 48.75%;
  padding: 30px;
  background-color: #f7f7f7;
  float: left;
  text-align: center;
}

.ucc-md-contact-sec__btn,
.ucc-md-contact-sec__btn:link,
.ucc-md-contact-sec__btn:visited,
.ucc-md-contact-sec__btn a:active,
.ucc-md-contact-sec__btn a:hover,
.ucc-md-contact-sec__btn a:focus {
  color: inherit;
  text-decoration: inherit;
}

.ucc-md-contact-sec__btn + .ucc-md-contact-sec__btn {
  margin-left: 30px;
}

.ucc-md-contact-sec__btn__main {
  position: relative;
  display: block;
  padding: 10px 20px;
  margin-top: 15px;
  font-size: 20px;
  text-align: center;
}

.ucc-md-contact-sec__btn__main:after {
  display: inline-block;
  content: "\e000";
  font-family: "ucc";
  font-size: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  line-height: 1;
  text-rendering: auto;
  position: absolute;
  top: 50%;
  right: 20px;
  font-size: 12px;
  transform: translateY(-50%);
}

.ucc-md-contact-sec__btn__main > span {
  position: relative;
  display: inline-block;
  padding-left: 40px;
}

.ucc-md-contact-sec__btn__main > span:before {
  position: absolute;
  top: 50%;
  left: 0;
  font-size: 10px;
  transform: translateY(-50%);
}

.ucc-md-contact-sec__btn--contact .ucc-md-contact-sec__btn__main {
  border: 1px solid #d2d2d2;
  background-color: #ffffff;
}

.ucc-md-contact-sec__btn--contact .ucc-md-contact-sec__btn__main > span:before {
  display: inline-block;
  content: "\e02a";
  font-family: "ucc";
  font-size: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  line-height: 1;
  text-rendering: auto;
}

html.no-touch .ucc-md-contact-sec__btn--contact .ucc-md-contact-sec__btn__main {
  transition-duration: 0.25s;
  transition-property: border-color;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}

html.no-touch .ucc-md-contact-sec__btn--contact .ucc-md-contact-sec__btn__main:before {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 0;
  height: 100%;
  content: "";
  transition-duration: 0.25s;
  transition-property: width;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  background-color: #e60012;
}

html.no-touch .ucc-md-contact-sec__btn--contact:hover .ucc-md-contact-sec__btn__main {
  border-color: #e60012;
  color: #ffffff;
}

html.no-touch .ucc-md-contact-sec__btn--contact:hover .ucc-md-contact-sec__btn__main:before {
  right: auto;
  right: initial;
  left: 0;
  width: 100%;
}

.ucc-md-contact-sec__btn--search .ucc-md-contact-sec__btn__main {
  border: 1px solid #e60012;
  background-color: #e60012;
  color: #ffffff;
}

.ucc-md-contact-sec__btn--search .ucc-md-contact-sec__btn__main > span:before {
  display: inline-block;
  content: "\e001";
  font-family: "ucc";
  font-size: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  line-height: 1;
  text-rendering: auto;
}

html.no-touch .ucc-md-contact-sec__btn--search .ucc-md-contact-sec__btn__main {
  transition-duration: 0.25s;
  transition-property: border-color;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}

html.no-touch .ucc-md-contact-sec__btn--search .ucc-md-contact-sec__btn__main:before {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 0;
  height: 100%;
  content: "";
  transition-duration: 0.25s;
  transition-property: width;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  background-color: #b3000e;
}

html.no-touch .ucc-md-contact-sec__btn--search:hover .ucc-md-contact-sec__btn__main {
  border-color: #e60012;
  color: #ffffff;
}

html.no-touch .ucc-md-contact-sec__btn--search:hover .ucc-md-contact-sec__btn__main:before {
  right: auto;
  right: initial;
  left: 0;
  width: 100%;
}

.ucc-md-corporatemessage {
  padding-top: 120px;
  padding-bottom: 120px;
  padding-right: 20px;
  padding-left: 20px;
}

.ucc-md-corporatemessage__header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
  -ms-flex-align: center;
  align-items: center;
}

.ucc-md-corporatemessage__h {
  width: 422px;
  margin-top: 25px;
}

.ucc-md-corporatemessage__h img {
  width: 100%;
  height: auto;
}

.ucc-md-corporatemessage__h-en {
  font-family: "Raleway", Noto Sans Japanese, 游ゴシック, YuGothic, ヒラギノ角ゴ Pro, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, sans-serif;
  font-weight: 400;
  letter-spacing: 0.08em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #e60012;
  font-size: 16px;
  line-height: 1;
}

.ucc-md-corporatemessage__lead {
  margin-top: 90px;
  font-size: 18px;
  line-height: 2;
  text-align: center;
}

.ucc-md-corporatemessage__lead > p + p {
  margin-top: 2em;
}

.ucc-md-corporatemessage__btn {
  margin-top: 70px;
  text-align: center;
}

.ucc-md-corporatemessage__btn .ucc-a-round-btn {
  width: 323px;
}

.ucc-md-corporatemessage__btn .ucc-a-round-btn > span {
  padding-right: 40px;
  padding-left: 0;
  font-size: 20px;
}

.ucc-md-coupon-btn-sec {
  max-width: 585px;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}

.ucc-md-coupon-btn-sec__btn {
  display: block;
  padding: 30px 20px;
  border: 1px solid #dcdcdc;
  background-image: linear-gradient(to right, #ffffff 50%, #e60012 50%);
  background-position: 0 0;
  background-size: 200% auto;
  color: #333333 !important;
  font-size: 20px;
  text-decoration: none !important;
  transition: all 0.3s ease 0s;
}

.ucc-md-coupon-btn-sec__btn:hover {
  background-position: -100% 0;
  color: #ffffff !important;
  cursor: pointer;
}

.ucc-md-gcs-main-n {
  font-family: "Noto Sans Japanese", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  font-weight: 300;
  color: #333333;
  font-feature-settings: "pkna";
  font-style: normal;
  font-weight: 400;
  line-height: 1.75;
  -webkit-text-size-adjust: 100%;
  font-size: 15px;
  padding-top: 60px;
}

.ucc-md-gcs-main-n * {
  box-sizing: border-box;
}

.ucc-md-gcs-main-n *:before,
.ucc-md-gcs-main-n *:after {
  box-sizing: border-box;
}

.ucc-md-gcs-main-n__h {
  color: #e60012;
  font-size: 30px;
  font-style: italic;
  text-align: center;
}

.ucc-md-gcs-main-n__h-en {
  color: #e60012;
  font-family: "Raleway", Noto Sans Japanese, 游ゴシック, YuGothic, ヒラギノ角ゴ Pro, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, sans-serif;
  font-weight: 400;
  letter-spacing: 0.08em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 24px;
  font-style: italic;
  text-align: center;
}

.ucc-md-gcs-main-n__list {
  margin-top: 50px;
  padding: 35px 40px;
  background-color: #f7f7f7;
}

.ucc-md-gcs-main-n__list__h {
  font-size: 20px;
  line-height: 1.2;
}

.ucc-md-gcs-main-n__list__h:not(:first-child) {
  margin-top: 30px;
}

.ucc-md-gcs-main-n__list__body {
  margin-top: 20px;
  font-size: 15px;
}

.ucc-md-gcs-main-n__list__body:not(:first-child) {
  margin-top: 20px;
}

.ucc-md-gcs-main-n__movie {
  position: relative;
  max-width: 700px;
  margin-top: 40px;
  margin-right: auto;
  margin-left: auto;
}

.ucc-md-gcs-main-n__movie::before {
  display: block;
  padding-top: 56.25%;
  content: "";
}

.ucc-md-gcs-main-n__movie__in,
.ucc-md-gcs-main-n__movie iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.ucc-md-gcs-main-n__secs {
  margin-top: 90px;
}

.ucc-md-gcs-main-n__sec__body {
  margin-top: 48px;
}

.ucc-md-gcs-main-n__sec.is-scroll-anim .ucc-a-h,
.ucc-md-gcs-main-n__sec.is-scroll-anim .ucc-a-h-en {
  opacity: 0;
  transform: translateY(100%);
}

.ucc-md-gcs-main-n__sec.is-scroll-anim .ucc-a-h.is-show,
.ucc-md-gcs-main-n__sec.is-scroll-anim .ucc-a-h-en.is-show {
  transition-duration: 0.45s;
  transition-property: opacity, transform;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  opacity: 1;
  transform: translateY(0);
}

.ucc-md-gcs-main-n__ol__li:not(:first-child) {
  margin-top: 48px;
}

.ucc-md-gcs-main-n__ol__header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: end;
  align-items: flex-end;
}

.ucc-md-gcs-main-n__ol__h {
  padding-right: 1em;
  font-size: 20px;
  line-height: 1.2;
}

.ucc-md-gcs-main-n__ol__h-en {
  color: #e60012;
  font-family: "Raleway", Noto Sans Japanese, 游ゴシック, YuGothic, ヒラギノ角ゴ Pro, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, sans-serif;
  font-weight: 400;
  letter-spacing: 0.08em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 16px;
  line-height: 1.2;
}

.ucc-md-gcs-main-n__ol__body {
  margin-top: 18px;
  font-size: 15px;
}

.ucc-md-gcs-main-n__value-img {
  margin-top: 110px;
  text-align: center;
}

.ucc-md-gcs-main-n__value-img__main img {
  max-width: 100%;
  height: auto;
}

.ucc-md-gcs-main-n__value-img__btn {
  margin-top: 40px;
}

.ucc-md-gcs-main-n__value-img__btn .ucc-a-round-btn {
  width: 323px;
}

.ucc-md-gcs-main-n__value-img__btn .ucc-a-round-btn > span {
  padding-right: 40px;
  padding-left: 0;
  font-size: 20px;
}

.ucc-md-gcs-main-n .is-simple-y {
  opacity: 0;
  transform: translateY(40px);
}

.ucc-md-gcs-main-n .is-simple-y.is-show {
  transition-duration: 0.45s;
  transition-property: opacity, transform;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  opacity: 1;
  transform: translateY(0);
}

.ucc-md-gcs-main-n.is-scroll-anim .ucc-md-gcs-main-n__h,
.ucc-md-gcs-main-n.is-scroll-anim .ucc-md-gcs-main-n__h-en {
  opacity: 0;
  transform: translateY(100%);
}

.ucc-md-gcs-main-n.is-scroll-anim .ucc-md-gcs-main-n__h.is-show,
.ucc-md-gcs-main-n.is-scroll-anim .ucc-md-gcs-main-n__h-en.is-show {
  transition-duration: 0.45s;
  transition-property: opacity, transform;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  opacity: 1;
  transform: translateY(0);
}

.ucc-md-gcs-main {
  font-family: "Noto Sans Japanese", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  font-weight: 300;
  color: #333333;
  font-feature-settings: "pkna";
  font-style: normal;
  font-weight: 400;
  line-height: 1.75;
  -webkit-text-size-adjust: 100%;
  font-size: 15px;
}

.ucc-md-gcs-main * {
  box-sizing: border-box;
}

.ucc-md-gcs-main *:before,
.ucc-md-gcs-main *:after {
  box-sizing: border-box;
}

.ucc-md-gcs-main__header {
  text-align: center;
}

.ucc-md-gcs-main__header__h {
  width: 330px;
  height: 71px;
  margin-top: 15px;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}

.ucc-md-gcs-main__header__h svg {
  width: 330px;
  height: 71px;
}

.ucc-md-gcs-main__header__h svg path {
  fill: transparent;
  stroke: #000000;
  stroke-dasharray: 800;
  stroke-dashoffset: 800;
  stroke-width: 1;
  transition-duration: 2.6s;
  transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}

.ucc-md-gcs-main__header__h svg .st1 {
  stroke: #e60012;
}

.ucc-md-gcs-main__header__h img {
  width: 330px;
  height: 71px;
}

.ucc-md-gcs-main__header__h.is-show svg path {
  stroke-dashoffset: 0;
}

.ucc-md-gcs-main__header__h.is-fill svg path {
  fill: #000000;
  stroke: rgba(0, 0, 0, 0);
  transition-duration: 1.4s;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}

.ucc-md-gcs-main__header__h.is-fill svg .st1 {
  fill: #e60012;
  stroke: rgba(230, 0, 18, 0);
}

.ucc-md-gcs-main__header__lead {
  margin-top: 35px;
  opacity: 0;
  transform: translateY(10px);
  transition-duration: 0.75s;
  transition-property: opacity, transform;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}

.ucc-md-gcs-main__header__lead.is-show {
  opacity: 1;
  transform: translateY(0);
}

.ucc-md-gcs-main__header .ucc-a-h-en {
  opacity: 0;
  transform: translateY(10px);
}

.ucc-md-gcs-main__header .ucc-a-h-en.is-show {
  transition-duration: 0.45s;
  transition-property: opacity, transform;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  opacity: 1;
  transform: translateY(0);
}

.ucc-md-gcs-sec__inner {
  width: 100%;
  max-width: 1240px;
  padding-right: 20px;
  padding-left: 20px;
  margin-right: auto;
  margin-left: auto;
}

.ucc-md-gcs-sec__inner--small {
  max-width: 1066px;
}

.ucc-md-gcs-sec__header {
  position: relative;
}

.ucc-md-gcs-sec__header__h {
  font-family: "Raleway", Noto Sans Japanese, 游ゴシック, YuGothic, ヒラギノ角ゴ Pro, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, sans-serif;
  font-weight: 400;
  letter-spacing: 0.08em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 0;
  width: 100%;
  color: #ffffff;
  font-size: 60px;
  text-align: center;
  transform: translateY(-50%);
}

.ucc-md-gcs-sec__header__fig {
  position: relative;
  overflow: hidden;
}

.ucc-md-gcs-sec__header__fig img {
  display: inline-block;
  width: 100%;
  height: auto;
  transform: scale(1.2);
  transition-duration: 1.6s;
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}

.ucc-md-gcs-sec__header__fig:after {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  content: " ";
  transition-duration: 0.8s;
  transition-property: width;
  transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
}

.ucc-md-gcs-sec__header__fig.is-show img {
  transform: scale(1);
}

.ucc-md-gcs-sec__header__fig.is-show:after {
  width: 0;
}

.ucc-md-gcs-sec__subfigs {
  position: relative;
  margin-top: -50px;
  letter-spacing: -0.4em;
  text-align: center;
}

.ucc-md-gcs-sec__subfigs li {
  display: inline-block;
  width: 25%;
  letter-spacing: normal;
  opacity: 0;
  transform: translateY(30px);
  transition-duration: 1s;
  transition-property: opacity, transform;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

.ucc-md-gcs-sec__subfigs li + li {
  margin-left: 3.3333333333%;
}

.ucc-md-gcs-sec__subfigs li img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
}

.ucc-md-gcs-sec__subfigs li.is-show {
  opacity: 1;
  transform: translateY(0);
}

.ucc-md-gcs-sec__h-jp {
  font-size: 30px;
  position: relative;
  margin-top: 30px;
  font-weight: 300;
  text-align: center;
}

.ucc-md-gcs-sec__h-jp > span {
  position: relative;
  display: inline-block;
}

.ucc-md-gcs-sec__h-jp > span:after {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 100%;
  height: 100%;
  background-color: #e60012;
  content: "";
  transform: scaleX(0);
  transform-origin: 0 0;
  transition-duration: 0.5s;
  transition-property: width, transform;
  transition-timing-function: cubic-bezier(1, 0, 0, 1);
}

.ucc-md-gcs-sec__h-jp > span > span {
  visibility: hidden;
}

.ucc-md-gcs-sec__h-jp.is-show-before > span:after {
  transform: scaleX(1);
}

.ucc-md-gcs-sec__h-jp.is-show > span:after {
  width: 0;
  transition-duration: 0.35s;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

.ucc-md-gcs-sec__h-jp.is-show > span > span {
  visibility: visible;
}

.ucc-md-gcs-sec__tagline {
  margin-top: 8px;
  text-align: center;
}

.ucc-md-gcs-sec__tagline > span {
  position: relative;
  display: inline-block;
  padding-right: 58px;
  padding-left: 58px;
}

.ucc-md-gcs-sec__tagline > span > span {
  display: inline-block;
  opacity: 0;
  transform: translateY(5px);
  transition-duration: 0.45s;
  transition-property: opacity, transform;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}

.ucc-md-gcs-sec__tagline > span:before,
.ucc-md-gcs-sec__tagline > span:after {
  position: absolute;
  top: 50%;
  display: block;
  width: 50px;
  height: 1px;
  background-color: #333333;
  content: "";
  transform: scaleX(0);
  transition-delay: 0.3s;
  transition-duration: 0.6s;
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

.ucc-md-gcs-sec__tagline > span:before {
  left: 0;
  transform-origin: top right;
}

.ucc-md-gcs-sec__tagline > span:after {
  right: 0;
  transform-origin: top left;
}

.ucc-md-gcs-sec__tagline.is-show > span:before {
  transform: scaleX(1);
}

.ucc-md-gcs-sec__tagline.is-show > span:after {
  transform: scaleX(1);
}

.ucc-md-gcs-sec__tagline.is-show > span > span {
  opacity: 1;
  transform: translateY(0);
}

.ucc-md-gcs-sec__lead {
  margin-top: 20px;
  opacity: 0;
  text-align: center;
  transform: translateY(10px);
  transition-duration: 0.45s;
  transition-property: opacity, transform;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}

.ucc-md-gcs-sec__lead.is-show {
  opacity: 1;
  transform: translateY(0);
}

.ucc-md-gcs-sec__btn {
  margin-top: 30px;
  opacity: 0;
  text-align: center;
  transform: translateY(10px);
  transition-duration: 0.45s;
  transition-property: opacity, transform;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}

.ucc-md-gcs-sec__btn.is-show {
  opacity: 1;
  transform: translateY(0);
}

.ucc-md-gcs-sec__h-jp,
.ucc-md-gcs-sec__tagline,
.ucc-md-gcs-sec__lead,
.ucc-md-gcs-sec__btn {
  padding-right: 10px;
  padding-left: 10px;
}

.ucc-md-gcs {
  font-family: "Noto Sans Japanese", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  font-weight: 300;
  color: #333333;
  font-feature-settings: "pkna";
  font-style: normal;
  font-weight: 400;
  line-height: 1.75;
  -webkit-text-size-adjust: 100%;
  font-size: 15px;
}

.ucc-md-gcs * {
  box-sizing: border-box;
}

.ucc-md-gcs *:before,
.ucc-md-gcs *:after {
  box-sizing: border-box;
}

.ucc-md-gcs__header {
  padding-top: 100px;
}

.ucc-md-gcs__header.is-scroll-anim .ucc-a-h,
.ucc-md-gcs__header.is-scroll-anim .ucc-a-h-en {
  opacity: 0;
  transform: translateY(100%);
}

.ucc-md-gcs__header.is-scroll-anim .ucc-a-h.is-show,
.ucc-md-gcs__header.is-scroll-anim .ucc-a-h-en.is-show {
  transition-duration: 0.45s;
  transition-property: opacity, transform;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  opacity: 1;
  transform: translateY(0);
}

.ucc-md-gcs__main {
  position: relative;
}

.ucc-md-gcs__footer {
  position: relative;
  height: 768px;
  padding-right: 20px;
  padding-left: 20px;
  background-color: rgba(0, 0, 0, 0.6);
}

.ucc-md-gcs__footer__container {
  position: relative;
  z-index: 2;
  display: table;
  width: 100%;
  height: 100%;
}

.ucc-md-gcs__footer__inner {
  display: table-row;
}

.ucc-md-gcs__footer__content {
  display: table-cell;
  vertical-align: middle;
}

.ucc-md-gcs__footer__h {
  text-align: center;
}

.ucc-md-gcs__footer__h svg {
  width: 500px;
  height: 107px;
}

.ucc-md-gcs__footer__h svg path {
  fill: transparent;
  stroke: #ffffff;
  stroke-dasharray: 800;
  stroke-dashoffset: 800;
  stroke-width: 1;
  transition-duration: 2.6s;
  transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}

.ucc-md-gcs__footer__h img {
  width: 500px;
  height: 107px;
}

.ucc-md-gcs__footer__h.is-show svg path {
  stroke-dashoffset: 0;
}

.ucc-md-gcs__footer__h.is-show.is-fill svg path {
  fill: #ffffff;
  stroke: rgba(255, 255, 255, 0);
  transition-duration: 1.4s;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}

.ucc-md-gcs__footer__lead {
  margin-top: 30px;
  color: #ffffff;
  font-size: 30px;
  font-weight: 300;
  opacity: 0;
  text-align: center;
  transform: translateY(10px);
  transition-delay: 1s;
  transition-duration: 0.75s;
  transition-property: opacity, transform;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}

.ucc-md-gcs__footer__lead.is-show {
  opacity: 1;
  transform: translateY(0);
}

.ucc-md-go-cafe {
  font-family: "Noto Sans Japanese", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  font-weight: 300;
  color: #333333;
  font-feature-settings: "pkna";
  font-style: normal;
  font-weight: 400;
  line-height: 1.75;
  -webkit-text-size-adjust: 100%;
  font-size: 15px;
  position: relative;
  display: block;
  padding-top: 70px;
  padding-bottom: 70px;
  text-align: center;
}

.ucc-md-go-cafe * {
  box-sizing: border-box;
}

.ucc-md-go-cafe *:before,
.ucc-md-go-cafe *:after {
  box-sizing: border-box;
}

.ucc-md-go-cafe,
.ucc-md-go-cafe:link,
.ucc-md-go-cafe:visited,
.ucc-md-go-cafe a:active,
.ucc-md-go-cafe a:hover,
.ucc-md-go-cafe a:focus {
  color: inherit;
  text-decoration: inherit;
}

.ucc-md-go-cafe,
.ucc-md-go-cafe:link,
.ucc-md-go-cafe:visited,
.ucc-md-go-cafe:active,
.ucc-md-go-cafe:hover,
.ucc-md-go-cafe:focus {
  color: #ffffff;
}

.ucc-md-go-cafe__inner {
  width: 100%;
  max-width: 1240px;
  padding-right: 20px;
  padding-left: 20px;
  margin-right: auto;
  margin-left: auto;
  position: relative;
  z-index: 2;
}

.ucc-md-go-cafe__inner--small {
  max-width: 1066px;
}

.ucc-md-go-cafe__bg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ucc-md-go-cafe__bg img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.ucc-md-go-cafe__lead {
  margin-top: 30px;
}

.ucc-md-go-cafe__btn {
  margin-top: 30px;
}

.ucc-md-go-cafe .ucc-a-btn {
  width: 246px;
}

.ucc-md-kandu-access {
  font-family: "Noto Sans Japanese", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  font-weight: 300;
  color: #333333;
  font-feature-settings: "pkna";
  font-style: normal;
  font-weight: 400;
  line-height: 1.75;
  -webkit-text-size-adjust: 100%;
  font-size: 15px;
  *zoom: 1;
}

.ucc-md-kandu-access * {
  box-sizing: border-box;
}

.ucc-md-kandu-access *:before,
.ucc-md-kandu-access *:after {
  box-sizing: border-box;
}

.ucc-md-kandu-access:before,
.ucc-md-kandu-access:after {
  display: table;
  content: "";
}

.ucc-md-kandu-access:after {
  clear: both;
}

.ucc-md-kandu-access__map {
  width: 48.75%;
  float: left;
}

.ucc-md-kandu-access__map img {
  width: 100%;
  height: auto;
}

.ucc-md-kandu-access__txt {
  width: 46.6666666667%;
  float: right;
}

.ucc-md-kandu-access__list__inner {
  display: table;
  width: 100%;
}

.ucc-md-kandu-access__list__item {
  display: table-row;
}

.ucc-md-kandu-access__list__item:first-child .ucc-md-kandu-access__list__icn {
  padding-top: 5px;
}

.ucc-md-kandu-access__list__item:first-child .ucc-md-kandu-access__list__txt {
  padding-top: 0;
}

.ucc-md-kandu-access__list__icn,
.ucc-md-kandu-access__list__txt {
  display: table-cell;
  padding-top: 30px;
  vertical-align: top;
}

.ucc-md-kandu-access__list__icn {
  width: 58px;
  padding-top: 35px;
  text-align: center;
}

.ucc-md-kandu-access__list__icn img {
  width: 46px;
  height: 46px;
}

.ucc-md-kandu-access__list__icn--kandu-mall img {
  width: 58px;
  height: 52px;
}

.ucc-md-kandu-access__list__txt {
  padding-left: 25px;
}

.ucc-md-kandu-official {
  font-family: "Noto Sans Japanese", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  font-weight: 300;
  color: #333333;
  font-feature-settings: "pkna";
  font-style: normal;
  font-weight: 400;
  line-height: 1.75;
  -webkit-text-size-adjust: 100%;
  font-size: 15px;
  position: relative;
  display: block;
  padding-top: 65px;
  padding-right: 20px;
  padding-bottom: 70px;
  padding-left: 20px;
  background: transparent url("../images/bg/bg-kandu-official.jpg") no-repeat center center;
  background-size: cover;
  font-size: 30px;
  font-weight: 200;
  text-align: center;
}

.ucc-md-kandu-official * {
  box-sizing: border-box;
}

.ucc-md-kandu-official *:before,
.ucc-md-kandu-official *:after {
  box-sizing: border-box;
}

.ucc-md-kandu-official,
.ucc-md-kandu-official:link,
.ucc-md-kandu-official:visited,
.ucc-md-kandu-official a:active,
.ucc-md-kandu-official a:hover,
.ucc-md-kandu-official a:focus {
  color: inherit;
  text-decoration: inherit;
}

.ucc-md-kandu-official,
.ucc-md-kandu-official:link,
.ucc-md-kandu-official:visited,
.ucc-md-kandu-official:active,
.ucc-md-kandu-official:hover,
.ucc-md-kandu-official:focus {
  color: #ffffff;
}

.ucc-md-kandu-official__content {
  position: relative;
  display: inline-block;
  padding-left: 185px;
}

.ucc-md-kandu-official__content img {
  position: absolute;
  top: 50%;
  left: 0;
  width: 150px;
  height: auto;
  transform: translateY(-50%);
}

.ucc-md-kandu-official__h {
  position: relative;
  padding-right: 35px;
}

.ucc-md-kandu-official__h:after {
  display: inline-block;
  content: "\e000";
  font-family: "ucc";
  font-size: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  line-height: 1;
  text-rendering: auto;
  position: absolute;
  right: 0;
  bottom: 20px;
  font-size: 12px;
}

html.no-touch .ucc-md-kandu-official:after {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.3);
  content: "";
  opacity: 0;
  transition-duration: 0.4s;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}

html.no-touch .ucc-md-kandu-official:hover:after {
  opacity: 1;
}

.ucc-md-kandu-smile {
  font-family: "Noto Sans Japanese", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  font-weight: 300;
  color: #333333;
  font-feature-settings: "pkna";
  font-style: normal;
  font-weight: 400;
  line-height: 1.75;
  -webkit-text-size-adjust: 100%;
  font-size: 15px;
  padding-top: 20px;
  padding-bottom: 20px;
}

.ucc-md-kandu-smile * {
  box-sizing: border-box;
}

.ucc-md-kandu-smile *:before,
.ucc-md-kandu-smile *:after {
  box-sizing: border-box;
}

.ucc-md-kandu-smile__wrapper {
  display: table;
  width: 100%;
}

.ucc-md-kandu-smile__container {
  display: table-row;
}

.ucc-md-kandu-smile__content {
  display: table-cell;
  vertical-align: middle;
}

.ucc-md-kandu-smile__content--figs {
  width: 43.3333333333%;
}

.ucc-md-kandu-smile__content--figs img {
  display: block;
  width: 100%;
  height: auto;
  vertical-align: bottom;
}

.ucc-md-kandu-smile__content--txt {
  padding-bottom: 8%;
  background: transparent url("../images/bg/bg-kandu-smile.jpg") no-repeat 0 0;
  background-size: contain;
}

.ucc-md-kandu-smile__h {
  text-align: center;
}

.ucc-md-kandu-smile__h img {
  width: 230px;
  height: 230px;
}

.ucc-md-kandu-smile__h-en {
  font-family: "Raleway", Noto Sans Japanese, 游ゴシック, YuGothic, ヒラギノ角ゴ Pro, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, sans-serif;
  font-weight: 400;
  letter-spacing: 0.08em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-top: 5px;
  font-size: 30px;
  text-align: center;
}

.ucc-md-kandu-smile__lead {
  margin-top: 20px;
  text-align: center;
}

.ucc-md-newest-journal {
  *zoom: 1;
  max-width: 1040px;
  margin-right: auto;
  margin-left: auto;
}

.ucc-md-newest-journal:before,
.ucc-md-newest-journal:after {
  display: table;
  content: "";
}

.ucc-md-newest-journal:after {
  clear: both;
}

.ucc-md-newest-journal__fig {
  position: relative;
  width: 33.6538461538%;
  float: left;
}

.ucc-md-newest-journal__fig:after {
  position: absolute;
  top: -30px;
  right: -30px;
  display: block;
  width: 80px;
  height: 80px;
  background-color: #e60012;
  border-radius: 100%;
  color: #ffffff;
  content: "\6700\65b0\53f7";
  font-size: 20px;
  font-weight: 200;
  line-height: 80px;
  text-align: center;
}

.ucc-md-newest-journal__caption {
  width: 60.5769230769%;
  float: right;
}

.ucc-md-newest-journal__h {
  font-family: "Raleway", Noto Sans Japanese, 游ゴシック, YuGothic, ヒラギノ角ゴ Pro, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, sans-serif;
  font-weight: 400;
  letter-spacing: 0.08em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 38px;
  line-height: 1.2;
}

.ucc-md-newest-journal__time {
  font-family: "Raleway", Noto Sans Japanese, 游ゴシック, YuGothic, ヒラギノ角ゴ Pro, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, sans-serif;
  font-weight: 400;
  letter-spacing: 0.08em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: block;
  margin-top: 8px;
  font-size: 16px;
}

.ucc-md-newest-journal__features {
  font-size: 15px;
  padding-top: 20px;
  padding-bottom: 20px;
  margin-top: 25px;
  background-color: #ffffff;
}

.ucc-md-newest-journal__features__wrap {
  display: table;
  width: 100%;
}

.ucc-md-newest-journal__features__inner {
  display: table-row;
}

.ucc-md-newest-journal__features__h {
  display: table-cell;
  padding-right: 20px;
  padding-left: 20px;
  border-right: 1px solid #d2d2d2;
  vertical-align: middle;
  white-space: nowrap;
}

.ucc-md-newest-journal__features__list {
  display: table-cell;
  width: 100%;
  padding-right: 20px;
  padding-left: 20px;
  vertical-align: middle;
}

.ucc-md-newest-journal__features__list li + li {
  margin-top: 5px;
}

.ucc-md-newest-journal__watch-btn {
  display: -ms-flexbox;
  display: flex;
  margin-top: 40px;
}

.ucc-md-newest-journal__watch-btn .ucc-a-round-btn {
  margin-right: 10px;
}

.ucc-md-newest-journal__watch-btn .ucc-a-round-btn:last-child {
  margin-right: 0;
}

.ucc-md-newest-journal__watch-btn .ucc-a-round-btn > span {
  padding-right: 50px;
  padding-left: 50px;
}

.ucc-md-newest-journal__watch-btn .ucc-a-round-btn > span:after {
  font-size: 12px;
}

.ucc-md-tdl {
  font-family: "Noto Sans Japanese", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  font-weight: 300;
  color: #333333;
  font-feature-settings: "pkna";
  font-style: normal;
  font-weight: 400;
  line-height: 1.75;
  -webkit-text-size-adjust: 100%;
  font-size: 15px;
  padding-top: 40px;
  padding-bottom: 40px;
}

.ucc-md-tdl * {
  box-sizing: border-box;
}

.ucc-md-tdl *:before,
.ucc-md-tdl *:after {
  box-sizing: border-box;
}

.ucc-md-tdl__h {
  max-width: 390px;
  margin-right: auto;
  margin-left: auto;
}

.ucc-md-tdl__h__img {
  position: relative;
  display: block;
}

.ucc-md-tdl__h__img:after {
  display: block;
  padding-top: 36.7521367521%;
  content: "";
}

.ucc-md-tdl__h__img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ucc-md-tdl__body {
  margin-top: 30px;
}

.ucc-md-tdl__fig .ucc-m-notes {
  margin-top: 5px;
}

.ucc-md-tdl__map {
  margin-top: 25px;
}

.ucc-md-tdl__map__inner {
  *zoom: 1;
}

.ucc-md-tdl__map__inner:before,
.ucc-md-tdl__map__inner:after {
  display: table;
  content: "";
}

.ucc-md-tdl__map__inner:after {
  clear: both;
}

.ucc-md-tdl__map__txt {
  width: 50%;
  padding-top: 5.8333333333%;
  float: left;
  text-align: center;
}

.ucc-md-tdl__map__caption {
  margin-top: 40px;
}

.ucc-md-tdl__map__fig {
  width: 50%;
  padding-right: 5%;
  padding-left: 5%;
  float: left;
}

.ucc-md-tdl__map__fig img {
  max-width: 100%;
  height: auto;
}

.ucc-md-tdr-anchors {
  font-family: "Noto Sans Japanese", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  font-weight: 300;
  color: #333333;
  font-feature-settings: "pkna";
  font-style: normal;
  font-weight: 400;
  line-height: 1.75;
  -webkit-text-size-adjust: 100%;
  font-size: 15px;
  letter-spacing: -0.4em;
  text-align: center;
}

.ucc-md-tdr-anchors * {
  box-sizing: border-box;
}

.ucc-md-tdr-anchors *:before,
.ucc-md-tdr-anchors *:after {
  box-sizing: border-box;
}

.ucc-md-tdr-anchors__btn {
  position: relative;
  display: inline-block;
  width: 318px;
  height: 50px;
  border: 1px solid #d2d2d2;
  border-radius: 25px;
  letter-spacing: normal;
  text-align: center;
  vertical-align: top;
}

.ucc-md-tdr-anchors__btn object {
  pointer-events: none;
}

html.no-touch .ucc-md-tdr-anchors__btn > span {
  transition-duration: 0.4s;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}

html.no-touch .ucc-md-tdr-anchors__btn:hover > span {
  opacity: 0.75;
}

.ucc-md-tdr-anchors__btn:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  content: "";
}

.ucc-md-tdr-anchors__btn > span {
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.ucc-md-tdr-anchors__btn:after {
  display: inline-block;
  content: "\e015";
  font-family: "ucc";
  font-size: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  line-height: 1;
  text-rendering: auto;
  position: absolute;
  top: 50%;
  right: 18px;
  color: #e60012;
  font-size: 14px;
  transform: translateY(-50%);
}

.ucc-md-tdr-anchors__btn--tdl object {
  width: 214px;
  height: 26px;
}

.ucc-md-tdr-anchors__btn--tds object {
  width: 214px;
  height: 36px;
}

.ucc-md-tdr-anchors__btn + .ucc-md-tdr-anchors__btn {
  margin-left: 25px;
}

.ucc-md-tdr-banners__container {
  width: 100%;
  max-width: 1240px;
  padding-right: 20px;
  padding-left: 20px;
  margin-right: auto;
  margin-left: auto;
  position: relative;
}

.ucc-md-tdr-banners__container--small {
  max-width: 1066px;
}

.ucc-md-tdr-banners__list {
  *zoom: 1;
}

.ucc-md-tdr-banners__list:before,
.ucc-md-tdr-banners__list:after {
  display: table;
  content: "";
}

.ucc-md-tdr-banners__list:after {
  clear: both;
}

.ucc-md-tdr-banners__item {
  width: 48.8333333333%;
  float: left;
}

.ucc-md-tdr-banners__item + .ucc-md-tdr-banners__item {
  margin-left: 2.3333333333%;
}

.ucc-md-tdr-official {
  font-family: "Noto Sans Japanese", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  font-weight: 300;
  color: #333333;
  font-feature-settings: "pkna";
  font-style: normal;
  font-weight: 400;
  line-height: 1.75;
  -webkit-text-size-adjust: 100%;
  font-size: 15px;
  display: block;
  padding-top: 10px;
  padding-bottom: 15px;
  background-color: #e5f3fb;
}

.ucc-md-tdr-official * {
  box-sizing: border-box;
}

.ucc-md-tdr-official *:before,
.ucc-md-tdr-official *:after {
  box-sizing: border-box;
}

.ucc-md-tdr-official,
.ucc-md-tdr-official:link,
.ucc-md-tdr-official:visited,
.ucc-md-tdr-official a:active,
.ucc-md-tdr-official a:hover,
.ucc-md-tdr-official a:focus {
  color: inherit;
  text-decoration: inherit;
}

.ucc-md-tdr-official__h {
  text-align: center;
}

.ucc-md-tdr-official__h > span {
  position: relative;
  display: inline-block;
  width: 280px;
}

.ucc-md-tdr-official__h > span:after {
  display: block;
  padding-top: 62.5%;
  content: "";
}

.ucc-md-tdr-official__h > span img {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
}

.ucc-md-tdr-official__name {
  font-size: 18px;
  text-align: center;
}

.ucc-md-tdr-official__name > span {
  position: relative;
  display: inline-block;
  padding-right: 25px;
}

.ucc-md-tdr-official__name > span:after {
  display: inline-block;
  content: "\e000";
  font-family: "ucc";
  font-size: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  line-height: 1;
  text-rendering: auto;
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -6px;
  color: #e60012;
  font-size: 12px;
}

.ucc-md-tdr-official__copy {
  display: block;
  font-size: 10px;
  text-align: center;
}

html.no-touch .ucc-md-tdr-official {
  transition-duration: 0.4s;
  transition-property: background-color;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}

html.no-touch .ucc-md-tdr-official:hover {
  background-color: #eaf5fc;
}

html.no-touch .ucc-md-tdr-official .ucc-md-tdr-official__name {
  transition-duration: 0.4s;
  transition-property: color;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}

html.no-touch .ucc-md-tdr-official:hover .ucc-md-tdr-official__name {
  color: #e60012;
}

.ucc-md-tds {
  font-family: "Noto Sans Japanese", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  font-weight: 300;
  color: #333333;
  font-feature-settings: "pkna";
  font-style: normal;
  font-weight: 400;
  line-height: 1.75;
  -webkit-text-size-adjust: 100%;
  font-size: 15px;
  padding-top: 40px;
  padding-bottom: 40px;
}

.ucc-md-tds * {
  box-sizing: border-box;
}

.ucc-md-tds *:before,
.ucc-md-tds *:after {
  box-sizing: border-box;
}

.ucc-md-tds__h {
  max-width: 390px;
  margin-right: auto;
  margin-left: auto;
}

.ucc-md-tds__h__img {
  position: relative;
  display: block;
}

.ucc-md-tds__h__img:after {
  display: block;
  padding-top: 58.1196581197%;
  content: "";
}

.ucc-md-tds__h__img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ucc-md-tds__body {
  margin-top: 30px;
}

.ucc-md-tds__shop + .ucc-md-tds__shop {
  margin-top: 70px;
}

.ucc-md-tds__shop__header {
  margin-top: 25px;
}

.ucc-md-tds__shop__fig .ucc-m-notes,
.ucc-md-tds__shop__figs-wrap .ucc-m-notes {
  margin-top: 5px;
}

.ucc-md-tds__shop__figs {
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 100%;
  min-width: 100%;
  max-height: 380px;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.ucc-md-tds__shop__fig img {
  display: block;
  width: 100%;
  height: auto;
  vertical-align: bottom;
}

.ucc-md-tds__shop__fig--1 {
  width: 50%;
  -ms-flex-order: 2;
  order: 2;
}

.ucc-md-tds__shop__fig--2 {
  -ms-flex-order: 1;
  order: 1;
}

.ucc-md-tds__shop__fig--3 {
  -ms-flex-order: 3;
  order: 3;
}

.ucc-md-tds__shop__fig--2,
.ucc-md-tds__shop__fig--3 {
  width: 25%;
}

.ucc-md-tds__map {
  margin-top: 50px;
  text-align: center;
}

.ucc-md-tds__map img {
  width: 100%;
  max-width: 620px;
  height: auto;
}

.ucc-p-404__body__txt {
  font-size: 16px;
  line-height: 1.75;
  text-align: center;
}

.ucc-p-404__body__btn {
  margin-top: 50px;
  text-align: center;
}

.ucc-p-article__go-home {
  margin-top: 80px;
}

.ucc-p-article__search {
  margin-top: 40px;
}

.ucc-p-campaign-home__other-campaign {
  font-family: "Noto Sans Japanese", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  font-weight: 300;
  color: #333333;
  font-feature-settings: "pkna";
  font-style: normal;
  font-weight: 400;
  line-height: 1.75;
  -webkit-text-size-adjust: 100%;
  font-size: 15px;
  margin-top: 5px;
  text-align: right;
}

.ucc-p-campaign-home__other-campaign * {
  box-sizing: border-box;
}

.ucc-p-campaign-home__other-campaign *:before,
.ucc-p-campaign-home__other-campaign *:after {
  box-sizing: border-box;
}

.ucc-p-campaign-home__items {
  margin-top: 50px;
}

.ucc-p-company-coffeebusiness-product .ucc-m-company-coffeebusiness-visual__text {
  margin-bottom: 60px;
}

.ucc-p-company-coffeebusiness-product .ucc-m-company-btn,
.ucc-p-company-coffeebusiness-product .ucc-m-company-btn--small {
  margin-top: 30px;
}

.ucc-p-company-coffeebusiness-product .ucc-m-company-coffeebusiness-product__sec:nth-of-type(1) .ucc-m-company-coffeebusiness-product__photo {
  margin-top: 80px;
}

.ucc-p-company-coffeebusiness-product .ucc-m-company-coffeebusiness-product__sec:nth-of-type(2) .ucc-m-company-coffeebusiness-product__photo {
  margin-top: 0;
}

.ucc-p-company-coffeebusiness-product .ucc-m-company-coffeebusiness-product__sec:nth-of-type(3) .ucc-m-company-coffeebusiness-product__photo {
  margin-top: 40px;
}

.ucc-p-company-coffeebusiness-product .ucc-m-company-coffeebusiness-product__sec:nth-of-type(4) .ucc-m-company-coffeebusiness-product__photo {
  margin-top: 50px;
}

.ucc-p-company-coffeebusiness-product .ucc-m-company-coffeebusiness-product__sec:nth-of-type(5) .ucc-m-company-coffeebusiness-product__photo {
  margin-top: 30px;
}

.ucc-p-company-coffeebusiness-technology .ucc-m-company-coffeebusiness-visual__text {
  margin-bottom: 30px;
}

.ucc-p-company-home {
  padding-bottom: 0;
}

.ucc-p-company-home-greeting .ucc-m-h-sec__body,
.ucc-p-company-home-news .ucc-m-h-sec__body,
.ucc-p-company-home-activity .ucc-m-h-sec__body,
.ucc-p-company-home-business .ucc-m-h-sec__body {
  margin-top: 35px;
}

.ucc-p-company-home-greeting,
.ucc-p-company-home-news,
.ucc-p-company-home-business {
  background: #f7f7f7;
}

.ucc-p-company-home-gcs {
  position: relative;
  padding-top: 38px;
  padding-bottom: 100px;
  background: #fff;
}

.ucc-p-company-home-gcs__lead {
  margin-top: 15px;
  margin-bottom: 35px;
  font-size: 16px;
  line-height: 1.75;
  text-align: center;
}

.ucc-p-company-home-gcs__btn {
  width: 260px;
  margin: 0 auto;
}

.ucc-p-company-home-gcs__btn .ucc-a-round-btn {
  z-index: 2;
  display: block;
}

.ucc-p-company-home-coffeebusiness {
  padding-top: 100px;
  padding-bottom: 100px;
}

.ucc-p-company-home-coffeebusiness .ucc-a-content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.ucc-p-company-home-coffeebusiness__header {
  width: 40%;
}

.ucc-p-company-home-coffeebusiness__body {
  width: 51%;
}

.ucc-p-company-home-coffeebusiness__h {
  position: relative;
  padding-top: 90px;
  margin-top: 40px;
  margin-bottom: 30px;
  font-family: "Noto Sans Japanese", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  text-align: center;
}

.ucc-p-company-home-coffeebusiness__h:before {
  display: inline-block;
  content: "\e032";
  font-family: "ucc";
  font-size: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  line-height: 1;
  text-rendering: auto;
  position: absolute;
  top: 0;
  left: 50%;
  color: #e60012;
  font-size: 60px;
  transform: translateX(-50%);
}

.ucc-p-company-home-coffeebusiness__lead {
  margin-bottom: 40px;
  font-family: "Noto Sans Japanese", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.75;
  text-align: center;
}

.ucc-p-company-home-coffeebusiness__text {
  margin-top: 30px;
  font-family: "Noto Sans Japanese", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  font-size: 15px;
  line-height: 1.75;
}

.ucc-p-company-home-business__content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: -40px;
}

.ucc-p-company-home-business__item {
  position: relative;
  width: 31.5%;
  margin-bottom: 40px;
}

.ucc-p-company-home-business a {
  color: #333333;
  text-decoration: none;
}

html.no-touch .ucc-p-company-home-business a {
  transition-property: color;
  transition-duration: 0.25;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}

html.no-touch .ucc-p-company-home-business a:hover {
  color: #ffffff;
}

html.no-touch .ucc-p-company-home-business a:hover .ucc-p-company-home-business__text:before {
  right: initial;
  right: auto;
  left: 0;
  width: 100%;
}

html.no-touch .ucc-p-company-home-business a:hover .ucc-p-company-home-business__text:after {
  background-color: rgba(255, 255, 255, 0);
  color: #ffffff;
}

.ucc-p-company-home-business__text {
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  padding: 15px 20px;
  background: rgba(255, 255, 255, 0.85);
  font-family: "Noto Sans Japanese", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  font-size: 20px;
}

.ucc-p-company-home-business__text > span {
  position: relative;
  z-index: 2;
}

.ucc-p-company-home-business__text::after {
  position: absolute;
  top: 50%;
  right: 20px;
  background-color: #ffffff;
  border-radius: 100%;
  color: #e60012;
  font-size: 40px !important;
  transform: translateY(-50%);
}

html.no-touch .ucc-p-company-home-business__text:before {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 0;
  height: 100%;
  background-color: #e60012;
  content: "";
  transition-duration: 0.3s;
  transition-property: width;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

html.no-touch .ucc-p-company-home-business__text:after {
  transition-duration: 0.3s;
  transition-property: color, background-color;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

.ucc-p-company-home-business__text--product::after {
  display: inline-block;
  content: "\e02f";
  font-family: "ucc";
  font-size: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  line-height: 1;
  text-rendering: auto;
}

.ucc-p-company-home-business__text--food::after {
  display: inline-block;
  content: "\e033";
  font-family: "ucc";
  font-size: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  line-height: 1;
  text-rendering: auto;
}

.ucc-p-company-home-business__text--machine::after {
  display: inline-block;
  content: "\e034";
  font-family: "ucc";
  font-size: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  line-height: 1;
  text-rendering: auto;
}

.ucc-p-company-home-business__text--strategic::after {
  display: inline-block;
  content: "\e036";
  font-family: "ucc";
  font-size: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  line-height: 1;
  text-rendering: auto;
}

.ucc-p-company-home-business__text--network::after {
  display: inline-block;
  content: "\e035";
  font-family: "ucc";
  font-size: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  line-height: 1;
  text-rendering: auto;
}

.ucc-p-company-home-business__text--support::after {
  display: inline-block;
  content: "\e037";
  font-family: "ucc";
  font-size: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  line-height: 1;
  text-rendering: auto;
}

.ucc-p-chart-d {
  width: 100%;
  max-width: 750px;
  box-sizing: border-box;
  padding-right: 10px;
  padding-left: 10px;
  margin-right: auto;
  margin-left: auto;
}

.ucc-p-chart-d .ucc-m-sec-header {
  padding: 0;
}

.ucc-p-chart-d .ucc-m-pickups__btn::after {
  box-sizing: border-box;
}

.ucc-p-chart-rc {
  width: 100%;
  max-width: 750px;
  box-sizing: border-box;
  padding-right: 10px;
  padding-left: 10px;
  margin-right: auto;
  margin-left: auto;
}

.ucc-p-chart-rc .ucc-m-sec-header {
  padding: 0;
}

.ucc-p-chart-rc .ucc-m-pickups__btn::after {
  box-sizing: border-box;
}

.ucc-p-company-news__form + .ucc-p-company-news__years {
  margin-top: 70px;
}

.ucc-p-company-research {
  font-size: 15px;
}

.ucc-p-company-research.ucc-m-h-sec {
  padding-bottom: 0;
}

.ucc-p-company-research .ucc-m-company-research__presentation {
  margin-top: 75px;
}

.ucc-p-company-research__index__lead {
  margin-top: 30px;
  font-size: 15px;
  line-height: 1.75;
}

.ucc-p-company-research__index__list {
  margin-top: 30px;
  border-top: 1px dotted #d2d2d2;
}

.ucc-p-company-research__index .ucc-m-company-research__presentation {
  margin-top: 0;
  margin-bottom: 0;
}

.ucc-p-company-research-health {
  font-size: 15px;
}

.ucc-p-company-research-health .ucc-m-company-research-health__polyphenol {
  margin-bottom: 60px;
}

.ucc-p-company-research-health .ucc-m-company-research-residue__practical {
  margin-top: 30px;
}

.ucc-p-company-research-health .ucc-m-company-research-technology__system {
  margin-top: 0;
}

.ucc-p-company-research-health .ucc-m-company-research-technology__fresharoma {
  margin-top: 58px;
}

.ucc-p-company-research-health .ucc-m-company-research-technology__recipe {
  margin-top: 58px;
  margin-bottom: 80px;
}

.ucc-p-company-research-residue {
  font-size: 15px;
}

.ucc-p-company-research-technology {
  font-size: 15px;
}

.ucc-p-company-research-academic-announcement {
  font-size: 15px;
}

.ucc-p-contact .j-clubucc-hidden.is-hidden {
  display: none;
}

.ucc-p-contact__header-txts {
  margin-top: 25px;
}

.ucc-p-contact__header-txts small {
  color: #666666;
}

.ucc-p-contact__header-txts__note {
  margin-top: 5px;
  font-size: 15px;
}

.ucc-p-contact__header-points {
  margin-top: 45px;
}

.ucc-p-contact__header-points__body {
  margin-top: 30px;
  text-align: left;
}

.ucc-p-contact__header-points__body ul li {
  position: relative;
  padding-left: 1.1em;
}

.ucc-p-contact__header-points__body ul li:before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  content: "\25a0";
}

.ucc-p-contact__h1 {
  margin-bottom: 50px;
}

.ucc-p-contact__h2 {
  font-size: 30px;
}

.ucc-p-customer-faq-sec {
  font-family: "Noto Sans Japanese", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  font-weight: 300;
  color: #333333;
  font-feature-settings: "pkna";
  font-style: normal;
  font-weight: 400;
  line-height: 1.75;
  -webkit-text-size-adjust: 100%;
  font-size: 15px;
  padding-top: 30px;
  padding-bottom: 0;
}

.ucc-p-customer-faq-sec * {
  box-sizing: border-box;
}

.ucc-p-customer-faq-sec *:before,
.ucc-p-customer-faq-sec *:after {
  box-sizing: border-box;
}

.ucc-p-customer-faq-sec .ucc-a-h--h1 {
  margin-bottom: 50px;
}

.ucc-p-customer-faq-sec .ucc-m-h-sec__body {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.ucc-p-customer-faq-sec .ucc-p-customer-faq__primary {
  width: 70.8333333333%;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.ucc-p-customer-faq-sec .ucc-p-customer-faq__secondary {
  width: 25%;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.ucc-p-customer-faq__detail-sec {
  font-family: "Noto Sans Japanese", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  font-weight: 300;
  color: #333333;
  font-feature-settings: "pkna";
  font-style: normal;
  font-weight: 400;
  line-height: 1.75;
  -webkit-text-size-adjust: 100%;
  font-size: 15px;
}

.ucc-p-customer-faq__detail-sec * {
  box-sizing: border-box;
}

.ucc-p-customer-faq__detail-sec *:before,
.ucc-p-customer-faq__detail-sec *:after {
  box-sizing: border-box;
}

.ucc-p-customer-faq__detail-sec .ucc-m-h-sec__body {
  margin-top: 0;
}

.ucc-p-customer-faq__detail-sec a {
  color: #333333;
}

.ucc-p-customer-faq__detail-sec a:hover {
  color: #e60012;
  text-decoration: none;
}

.ucc-p-customer__pages-sec {
  font-family: "Noto Sans Japanese", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  font-weight: 300;
  color: #333333;
  font-feature-settings: "pkna";
  font-style: normal;
  font-weight: 400;
  line-height: 1.75;
  -webkit-text-size-adjust: 100%;
  font-size: 15px;
  padding-bottom: 0;
}

.ucc-p-customer__pages-sec * {
  box-sizing: border-box;
}

.ucc-p-customer__pages-sec *:before,
.ucc-p-customer__pages-sec *:after {
  box-sizing: border-box;
}

.ucc-p-customer-improvement__list-sec .ucc-m-sec-header__tagline,
.ucc-p-customer-improvement__report-sec .ucc-m-sec-header__tagline {
  margin-bottom: 10px;
  font-size: 24px;
}

.ucc-p-customer-improvement__list-sec .ucc-m-sec-header__sub,
.ucc-p-customer-improvement__report-sec .ucc-m-sec-header__sub {
  font-size: 16px;
}

.ucc-p-customer-search-faq-sec {
  padding-top: 30px;
}

.ucc-p-customer-search-faq-sec .ucc-a-h--h1 {
  padding-right: 20px;
  padding-left: 20px;
  margin-bottom: 50px;
}

.ucc-p-customer-search-faq-sec .ucc-m-h-sec__body {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.ucc-p-customer-search-faq-sec .ucc-p-customer-search-faq__primary {
  width: 70.8333333333%;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  padding-top: 15px;
}

.ucc-p-customer-search-faq-sec .ucc-p-customer-search-faq__secondary {
  width: 25%;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.ucc-p-dripar__h {
  position: relative;
  padding-top: 75px;
}

.ucc-p-dripar__h img {
  position: absolute;
  top: 0;
  left: 50%;
  width: 150px;
  height: 60px;
  transform: translateX(-50%);
}

.ucc-p-dripar__list {
  padding-left: 30px;
}

.ucc-p-enjoy__guid-nav {
  padding-bottom: 50px;
}

.ucc-p-enjoy__main-body {
  position: relative;
  margin-top: 50px;
}

.ucc-p-enjoy__arrange {
  padding-bottom: 10px;
}

.ucc-p-event-home__main-nav {
  margin-top: 60px;
}

.ucc-p-event-home__other-nav {
  padding: 40px 0;
}

.ucc-p-event-home__events {
  margin-top: 50px;
}

.ucc-p-event-kandu__logo {
  padding-bottom: 10px;
}

.ucc-p-event-kandu__logo img {
  width: 208px;
  height: auto;
}

.ucc-p-event-kandu__map-img {
  text-align: center;
}

.ucc-p-event-kandu__map-img img {
  max-width: 100%;
  height: auto;
}

.ucc-p-event-tdr__banners {
  margin-top: 40px;
}

.ucc-p-group__content + .ucc-p-group__content {
  margin-top: 70px;
}

.ucc-p-group__secs {
  *zoom: 1;
}

.ucc-p-group__secs:before,
.ucc-p-group__secs:after {
  display: table;
  content: "";
}

.ucc-p-group__secs:after {
  clear: both;
}

.ucc-p-group__secs .ucc-p-group__sec {
  width: 48.3333333333%;
  float: left;
}

.ucc-p-group__secs .ucc-p-group__sec + .ucc-p-group__sec {
  margin-left: 3.3333333333%;
}

.ucc-p-gsc__secs {
  padding-bottom: 120px;
  margin-top: 110px;
}

.ucc-p-gsc__secs__header {
  padding-bottom: 75px;
}

.ucc-p-gsc__secs__header.is-scroll-anim .ucc-a-h,
.ucc-p-gsc__secs__header.is-scroll-anim .ucc-a-h-en {
  opacity: 0;
  transform: translateY(100%);
}

.ucc-p-gsc__secs__header.is-scroll-anim .ucc-a-h.is-show,
.ucc-p-gsc__secs__header.is-scroll-anim .ucc-a-h-en.is-show {
  transition-duration: 0.45s;
  transition-property: opacity, transform;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  opacity: 1;
  transform: translateY(0);
}

.ucc-p-gsc__secs .ucc-md-gcs-sec + .ucc-md-gcs-sec {
  margin-top: 120px;
}

.ucc-p-home__pickup {
  padding-top: 75px;
  padding-bottom: 80px;
}

.ucc-p-home__enjoy canvas {
  width: calc(100% + 30px);
  margin-left: -15px;
}

.ucc-p-home__campaign {
  padding-bottom: 110px;
}

.ucc-p-home__recipe {
  padding-bottom: 120px;
}

.ucc-p-home__cm {
  background-color: #f2ecde;
}

.ucc-p-home__cm__body {
  position: relative;
  width: 100%;
  max-width: 1240px;
  padding-right: 20px;
  padding-left: 20px;
  margin-right: auto;
  margin-left: auto;
  margin-top: 52px;
}

.ucc-p-home__cm__body--small {
  max-width: 1066px;
}

.ucc-p-home__hero-banners__main {
  width: 100%;
  max-width: 1240px;
  padding-right: 20px;
  padding-left: 20px;
  margin-right: auto;
  margin-left: auto;
}

.ucc-p-home__hero-banners__main--small {
  max-width: 1066px;
}

.ucc-p-journal {
  position: relative;
  padding-top: 80px;
  padding-bottom: 80px;
}

.ucc-p-journal__header__logo {
  text-align: center;
}

.ucc-p-journal__header__logo img {
  width: 332px;
  height: 132px;
}

.ucc-p-journal__header__h {
  margin-top: 25px;
  text-align: center;
}

.ucc-p-journal__header__lead {
  font-size: 15px;
  margin-top: 45px;
}

.ucc-p-journal__header__lead small {
  font-size: 12px;
}

.ucc-p-journal__body {
  margin-top: 50px;
}

.ucc-p-journal__newest {
  padding-top: 60px;
  padding-bottom: 60px;
  background-color: #f2ecde;
}

.ucc-p-journal__backnumber {
  margin-top: 50px;
}

.ucc-p-journal__magazine {
  padding: 60px 20px 120px;
}

.ucc-p-journal__magazine__thumb {
  position: relative;
  display: block;
  max-width: 900px;
  margin-right: auto;
  margin-left: auto;
}

.ucc-p-journal__magazine__thumb::after {
  position: absolute;
  top: 0;
  right: 0;
  transform: translate(40%, -50%);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  width: 120px;
  height: 120px;
  background-color: #dd0012;
  border-radius: 100%;
  color: #ffffff;
  text-decoration: none !important;
  font-size: 30px;
  font-style: italic;
  line-height: 1;
  content: "NEW";
}

.ucc-p-journal__magazine__thumb__img img {
  width: 100%;
  height: auto;
  aspect-ratio: 1800/1112;
}

.ucc-p-journal__magazine__btn {
  margin-top: 50px;
  text-align: center;
}

.ucc-p-news__main-sec {
  padding-bottom: 60px;
}

.ucc-p-onlineshop {
  margin-top: 0;
}

.ucc-p-onlineshop__capsule {
  padding-top: 60px;
  padding-bottom: 60px;
}

.ucc-p-onlineshop__capsule .ucc-m-small-sec__body {
  margin-top: 45px;
}

.ucc-p-onlineshop__wframe {
  padding-top: 40px;
  padding-bottom: 40px;
}

.ucc-p-onlineshop__wframe .ucc-m-small-sec__body {
  padding: 40px 0;
  border-bottom: 1px dotted #eeeeee;
  margin-top: 0;
}

.ucc-p-onlineshop__wframe .ucc-m-small-sec__body:last-child {
  border-bottom: none;
}

.ucc-p-onlineshop__other {
  padding-top: 40px;
  padding-bottom: 100px;
}

.ucc-p-onlineshop__other .ucc-m-small-sec__body {
  margin-top: 45px;
}

.ucc-p-press .ucc-m-h-sec__body .ucc-a-time {
  color: #333333;
  font-size: 14px;
}

.ucc-p-press .ucc-m-h-sec__body .ucc-m-article__header__company {
  color: #333333;
  font-size: 14px;
}

.ucc-p-pressroom {
  font-family: "Noto Sans Japanese", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  font-weight: 300;
  color: #333333;
  font-feature-settings: "pkna";
  font-style: normal;
  font-weight: 400;
  line-height: 1.75;
  -webkit-text-size-adjust: 100%;
  font-size: 15px;
  position: relative;
}

.ucc-p-pressroom * {
  box-sizing: border-box;
}

.ucc-p-pressroom *:before,
.ucc-p-pressroom *:after {
  box-sizing: border-box;
}

.ucc-p-pressroom .ucc-m-sec-header.ucc-m-sec-pressroom-header {
  position: relative;
}

.ucc-p-pressroom .ucc-m-pressroom-faq__btns {
  position: absolute;
  z-index: 5;
  margin: 0;
}

.ucc-p-pressroom .ucc-m-pressroom-faq__btns .ucc-a-round-btn {
  font-size: 14px;
}

.ucc-p-pressroom .ucc-m-pressroom-faq__btns .ucc-a-round-btn > span {
  padding-right: 45px;
  padding-left: 30px;
}

.ucc-p-pressroom .ucc-m-pressroom-faq__btns .ucc-m-pressroom-faq__btn {
  text-decoration: none;
  color: #333333;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 100%;
  background: #ffffff;
  border-radius: 19px;
  border: 1px solid #d2d2d2;
}

.ucc-p-pressroom .ucc-m-pressroom-faq__btns .ucc-m-pressroom-faq__btn:after {
  display: inline-block;
  content: "\e012";
  font-family: "ucc";
  font-size: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  line-height: 1;
  text-rendering: auto;
  color: #e60012;
  margin-left: 10px;
}

.ucc-p-pressroom .ucc-t-lower__main > .ucc-m-h-sec {
  padding-top: 25px;
}

.ucc-p-pressroom.ucc-p-pressroom__home .ucc-m-breadcrumbs {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
}

.ucc-p-pressroom.ucc-p-pressroom__home .ucc-t-lower__main > .ucc-m-h-sec {
  padding-top: 0;
  padding-bottom: 30px;
}

.ucc-p-pressroom .ucc-m-sec-pressroom-header {
  padding: 80px 0;
  max-width: none;
  background-position: center center;
  background-size: cover;
}

.ucc-p-pressroom .ucc-p-pressroom-home-pickup .ucc-m-h-sec__header .ucc-a-h {
  font-size: 36px;
  color: #e60012;
  letter-spacing: 0.15em;
  margin-bottom: 20px;
}

.ucc-p-pressroom .ucc-p-pressroom-home-pickup .ucc-m-h-sec__header .ucc-a-round-btn {
  font-size: 18px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.ucc-p-pressroom .ucc-p-pressroom-home-pickup .ucc-m-h-sec__header .ucc-a-round-btn span {
  padding-right: 50px;
  padding-left: 36px;
}

.ucc-p-pressroom .ucc-p-pressroom-home-news {
  background: #f7f7f7;
}

.ucc-p-pressroom .ucc-p-pressroom-pickup-list {
  padding-top: 50px;
}

.ucc-p-pressroom .ucc-p-pressroom-pickup-list .ucc-m-h-sec__body {
  margin-top: 0;
}

.ucc-p-pressroom .ucc-p-pressroom-pickup-list .ucc-m-pickup-list__group {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: stretch;
  justify-content: stretch;
  border-bottom: 1px solid #d2d2d2;
}

.ucc-p-pressroom .ucc-p-pressroom-pickup-list .ucc-m-pickup-list__group:last-child {
  border-bottom: none;
}

.ucc-p-pressroom .ucc-p-pressroom-pickup-list .ucc-m-pickup-list__group .ucc-m-pickup-list__group-header {
  font-size: 30px;
  font-weight: 200;
  line-height: 1em;
  width: 14.1666666667%;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  padding: 30px 0;
}

.ucc-p-pressroom .ucc-p-pressroom-pickup-list .ucc-m-pickup-list__group .ucc-m-pickup-list__group-body {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}

.ucc-p-pressroom .ucc-p-pressroom-pickup-list .ucc-m-pickup-list__group .ucc-m-pickup-list__item {
  padding: 30px 0;
  border-bottom: 1px solid #eeeeee;
}

.ucc-p-pressroom .ucc-p-pressroom-pickup-list .ucc-m-pickup-list__group .ucc-m-pickup-list__item:last-child {
  border-bottom-width: 0;
}

.ucc-p-pressroom .ucc-p-pressroom-pickup-list .ucc-m-pickup-list__group .ucc-m-pickup-list__item .ucc-m-pickup-list__block {
  text-decoration: none;
  display: -ms-flexbox;
  display: flex;
}

.ucc-p-pressroom .ucc-p-pressroom-pickup-list .ucc-m-pickup-list__group .ucc-m-pickup-list__item .ucc-m-pickup-list__block .ucc-m-pickup-block__thumb {
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: 22.3300970874%;
  margin-right: 3.8834951456%;
  position: relative;
}

.ucc-p-pressroom .ucc-p-pressroom-pickup-list .ucc-m-pickup-list__group .ucc-m-pickup-list__item .ucc-m-pickup-list__block .ucc-m-pickup-block__thumb:after {
  display: block;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  position: absolute;
  top: -1px;
  left: -1px;
  border: 0 solid #e60012;
  content: "";
  transition-property: border-width;
  transition-duration: 0.35s;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

.ucc-p-pressroom .ucc-p-pressroom-pickup-list .ucc-m-pickup-list__group .ucc-m-pickup-list__item .ucc-m-pickup-list__block .ucc-m-pickup-block__thumb img {
  transition-property: transform;
  transition-duration: 0.35s;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

.ucc-p-pressroom .ucc-p-pressroom-pickup-list .ucc-m-pickup-list__group .ucc-m-pickup-list__item .ucc-m-pickup-list__block .ucc-m-pickup-block__body .ucc-m-pickup-meta {
  display: -ms-flexbox;
  display: flex;
}

.ucc-p-pressroom .ucc-p-pressroom-pickup-list .ucc-m-pickup-list__group .ucc-m-pickup-list__item .ucc-m-pickup-list__block .ucc-m-pickup-block__body .ucc-m-pickup-meta .ucc-a-time {
  font-size: 16px;
  margin-right: 10px;
}

.ucc-p-pressroom .ucc-p-pressroom-pickup-list .ucc-m-pickup-list__group .ucc-m-pickup-list__item .ucc-m-pickup-list__block .ucc-m-pickup-block__body .ucc-m-pickup-meta .ucc-a-tag {
  color: #ffffff;
  font-size: 14px;
  padding: 0 10px;
  background: #e60012;
  border: none;
}

.ucc-p-pressroom .ucc-p-pressroom-pickup-list .ucc-m-pickup-list__group .ucc-m-pickup-list__item .ucc-m-pickup-list__block .ucc-m-pickup-block__body .ucc-m-pickup-block__h {
  font-size: 20px;
  color: #333333;
  margin-top: 5px;
}

.ucc-p-pressroom .ucc-p-pressroom-pickup-list .ucc-m-pickup-list__group .ucc-m-pickup-list__item .ucc-m-pickup-list__block:hover .ucc-m-pickup-block__thumb:after {
  border-width: 5px;
}

.ucc-p-pressroom .ucc-p-pressroom-pickup-list .ucc-m-pickup-list__group .ucc-m-pickup-list__item .ucc-m-pickup-list__block:hover .ucc-m-pickup-block__thumb img {
  transform: scale(0.97);
}

.ucc-p-pressroom .ucc-p-pressroom-pickup-list .ucc-m-pickup-list__group .ucc-m-pickup-list__item .ucc-m-pickup-list__block:hover .ucc-m-pickup-block__body .ucc-m-pickup-block__h {
  color: #e60012;
}

.ucc-p-pressroom .ucc-p-pressroom-pickup-list .ucc-m-pickup-list__group:last-child .ucc-m-pickup-list__item:last-child {
  border-bottom-width: 1px;
}

.ucc-p-pressroom .ucc-m-pressroom-faq-list__wrapper {
  padding-top: 50px;
  padding-bottom: 0;
}

.ucc-p-pressroom .ucc-m-pressroom-faq-list__wrapper .ucc-m-h-sec__body {
  margin-top: 0;
}

.ucc-p-pressroom .ucc-m-pressroom-faq-list__wrapper .ucc-m-pressroom-faq {
  margin-bottom: 80px;
}

.ucc-p-pressroom .ucc-m-pressroom-faq-list__wrapper .ucc-m-pressroom-faq .ucc-a-small-h {
  margin-bottom: 30px;
}

.ucc-p-pressroom .ucc-m-pressroom-faq-list__wrapper .ucc-m-pressroom-faq .ucc-m-pressroom-faq__anchor-link {
  margin-bottom: 70px;
}

.ucc-p-pressroom .ucc-m-pressroom-faq-list__wrapper .ucc-m-pressroom-faq .ucc-m-pressroom-faq__anchor-link ol li {
  margin-bottom: 15px;
}

.ucc-p-pressroom .ucc-m-pressroom-faq-list__wrapper .ucc-m-pressroom-faq .ucc-m-pressroom-faq__anchor-link ol a {
  font-size: 18px;
  text-decoration: none;
  display: -ms-flexbox;
  display: flex;
}

.ucc-p-pressroom .ucc-m-pressroom-faq-list__wrapper .ucc-m-pressroom-faq .ucc-m-pressroom-faq__anchor-link ol a .label {
  font-weight: 500;
  color: #e60012;
  display: inline-block;
  width: 55px;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.ucc-p-pressroom .ucc-m-pressroom-faq-list__wrapper .ucc-m-pressroom-faq .ucc-m-pressroom-faq__anchor-link ol a .title {
  color: #333333;
}

.ucc-p-pressroom .ucc-m-pressroom-faq-list__wrapper .ucc-m-pressroom-faq .ucc-m-pressroom-faq__anchor-link ol a .title:after {
  display: inline-block;
  content: "\e015";
  font-family: "ucc";
  font-size: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  line-height: 1;
  text-rendering: auto;
  color: #e60012;
  margin-left: 5px;
}

.ucc-p-pressroom .ucc-m-pressroom-faq-list__wrapper .ucc-m-pressroom-faq .ucc-m-pressroom-faq__anchor-link ol a:hover .title {
  color: #e60012;
}

.ucc-p-pressroom .ucc-m-pressroom-faq-list__wrapper .ucc-m-pressroom-faq .ucc-m-pressroom-faq__list .ucc-m-pressroom-faq__item .ucc-m-pressroom-faq__question {
  font-weight: 500;
  font-size: 20px;
  background: #f2ecde;
  padding: 5px 10px;
  margin-bottom: 25px;
  display: -ms-flexbox;
  display: flex;
}

.ucc-p-pressroom .ucc-m-pressroom-faq-list__wrapper .ucc-m-pressroom-faq .ucc-m-pressroom-faq__list .ucc-m-pressroom-faq__item .ucc-m-pressroom-faq__question .label {
  color: #e60012;
  display: inline-block;
  width: 45px;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.ucc-p-pressroom .ucc-m-pressroom-faq-list__wrapper .ucc-m-pressroom-faq .ucc-m-pressroom-faq__list .ucc-m-pressroom-faq__item .ucc-m-pressroom-faq__question .title {
  color: #333333;
}

.ucc-p-pressroom .ucc-m-pressroom-faq-list__wrapper .ucc-m-pressroom-faq .ucc-m-pressroom-faq__list .ucc-m-pressroom-faq__item .ucc-m-pressroom-faq__answer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: stretch;
  justify-content: stretch;
  margin-bottom: 50px;
}

.ucc-p-pressroom .ucc-m-pressroom-faq-list__wrapper .ucc-m-pressroom-faq .ucc-m-pressroom-faq__list .ucc-m-pressroom-faq__item .ucc-m-pressroom-faq__answer:before {
  content: "A.";
  font-size: 26px;
  font-weight: 500;
  color: #e60012;
  line-height: 1em;
  display: inline-block;
  width: 55px;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  text-align: center;
  margin-top: 5px;
}

.ucc-p-pressroom .ucc-m-pressroom-faq-list__wrapper .ucc-m-pressroom-faq .ucc-m-pressroom-faq__list .ucc-m-pressroom-faq__item .ucc-m-pressroom-faq__answer .ucc-m-pressroom-faq__answer-text {
  font-weight: 400;
  font-size: 20px;
  line-height: 1.7em;
}

.ucc-p-pressroom .ucc-m-pressroom-faq-list__wrapper .ucc-m-pressroom-faq .ucc-m-pressroom-faq__list .ucc-m-pressroom-faq__item .ucc-m-pressroom-faq__answer .ucc-m-pressroom-faq__answer-text a {
  color: #e60012;
  text-decoration: none;
}

.ucc-p-pressroom .ucc-m-pressroom-bottom__knows .ucc-m-h-sec__header .ucc-m-sec-header .ucc-a-h {
  font-size: 30px;
}

.ucc-p-pressroom .ucc-m-pressroom-bottom__knows .ucc-m-h-sec__body {
  margin-top: 30px;
}

.ucc-p-pressroom .ucc-m-pressroom-bottom__knows .swiper-container {
  margin-bottom: 50px;
}

.ucc-p-pressroom .ucc-m-pressroom-bottom__knows .swiper-slide {
  width: 31.6666666667%;
  margin: 0 1.25%;
  background: #ffffff;
}

.ucc-p-pressroom .ucc-m-pressroom-bottom__knows .swiper-slide .ucc-m-pressroom-knows__item {
  text-decoration: none;
  display: block;
}

.ucc-p-pressroom .ucc-m-pressroom-bottom__knows .swiper-slide .ucc-m-pressroom-knows__lead {
  padding: 15px 20px;
  min-height: 130px;
  box-sizing: border-box;
}

.ucc-p-pressroom .ucc-m-pressroom-bottom__knows .swiper-slide .ucc-m-pressroom-knows__lead .ucc-m-pressroom-knows__h {
  font-size: 20px;
  color: #e60012;
  margin-bottom: 0.4em;
}

.ucc-p-pressroom .ucc-m-pressroom-bottom__knows .swiper-slide .ucc-m-pressroom-knows__lead .ucc-m-pressroom-knows__lead_text {
  font-size: 16px;
  color: #333333;
}

.ucc-p-privacy__writings .ucc-m-small-sec {
  padding-bottom: 0;
}

.ucc-p-privacy__writings .ucc-m-small-sec ul li {
  counter-increment: cnt;
  list-style-position: inside;
  list-style-type: none;
}

.ucc-p-privacy__writings .ucc-m-small-sec ul li ul li {
  counter-increment: cnt1;
  list-style-position: inside;
  list-style-type: none;
}

.ucc-p-privacy__writings .ucc-m-small-sec ul li ul li::before {
  display: marker;
  box-sizing: border-box;
  padding-right: 10px;
  content: counter(cnt1) ") ";
}

.ucc-p-privacy__writings .ucc-m-small-sec ul li::before {
  display: marker;
  box-sizing: border-box;
  content: "(" counter(cnt) ") ";
}

.ucc-p-privacy__writings__inquiry li p {
  padding-left: 1.5em;
}

.ucc-p-privacy__writings__inquiry li p span {
  display: block;
}

.ucc-p-privacy__writings__hope {
  padding-left: 1em;
}

.ucc-p-privacy__writings__hope h3 {
  display: inline-block;
  border-bottom: 2px solid #adadad;
  font-weight: bold;
}

.ucc-p-privacy__writings__hope p {
  margin-top: 10px;
}

.ucc-p-privacy__writings__hope p span {
  display: block;
  font-size: 10px;
  line-height: 2.8em;
}

.ucc-p-privacy__famous {
  margin-top: 60px;
}

.ucc-p-privacy__famous p {
  font-size: 14px;
  text-align: right;
}

.ucc-p-product-category-home__main-sec {
  padding-bottom: 0;
}

.ucc-p-product-home__pickup__body {
  margin-top: 15px;
}

.ucc-p-quality {
  font-family: "Noto Sans Japanese", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  font-weight: 300;
  position: relative;
}

.ucc-p-quality__lead {
  font-size: 15px;
  text-align: justify;
}

.ucc-p-quality__secs {
  margin-top: 30px;
}

.ucc-p-quality__sec + .ucc-p-quality__sec {
  margin-top: 75px;
}

.ucc-p-quality__sec__h {
  font-size: 30px;
  text-align: center;
}

.ucc-p-quality__sec__tagline {
  font-size: 20px;
  text-align: center;
}

.ucc-p-quality__sec__body {
  margin-top: 22px;
}

.ucc-p-quality__sec__lead {
  font-size: 15px;
  text-align: justify;
}

.ucc-p-quality__sec__lead > p + p {
  margin-top: 1.2em;
}

.ucc-p-quality__sec__list {
  margin-top: 40px;
}

.ucc-p-quality__sec__list dt {
  margin-top: 18px;
  font-size: 20px;
  font-weight: 600;
}

.ucc-p-quality__sec__list dt small {
  font-size: 15px;
}

.ucc-p-quality__sec__list dt:first-child {
  margin-top: 0;
}

.ucc-p-quality__sec__list dd {
  padding-left: 22px;
  margin-top: 0.4em;
  font-size: 15px;
}

.ucc-p-quality__sec__imgs {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 45px;
}

.ucc-p-quality__sec__img img {
  display: inline-block;
  width: 100%;
  height: auto;
}

.ucc-p-quality__sec__img figcaption {
  margin-top: 0.5em;
  font-size: 13px;
  text-align: center;
}

.ucc-p-quality__sec__img.is-large {
  width: 65.8333333333%;
}

.ucc-p-quality__sec__img.is-small {
  width: 31.6666666667%;
}

.ucc-p-quality__sec__txts {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 25px;
}

.ucc-p-quality__sec__txt {
  width: 48.6666666667%;
}

.ucc-p-quality__sec__txt__h {
  font-size: 20px;
}

.ucc-p-quality__sec__txt__body {
  margin-top: 15px;
  font-size: 15px;
}

.ucc-p-quality__sec__txt__body > p + p {
  margin-top: 1.2em;
}

.ucc-p-quality__sec__qua {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 50px;
}

.ucc-p-quality__sec__qua__txt {
  width: 65%;
  font-size: 15px;
}

.ucc-p-quality__sec__qua__txt > p + p {
  margin-top: 1.2em;
}

.ucc-p-quality__sec__qua__img {
  width: 26.8333333333%;
}

.ucc-p-quality__sec__qua__img img {
  width: 100%;
  height: auto;
}

.ucc-p-recipe-category__main-body {
  margin-top: 70px;
}

.ucc-p-recipe-category__view-more {
  margin-top: 60px;
}

.ucc-p-recipe-home__thumbs {
  margin-top: 40px;
}

.ucc-p-recipe-home__thumbs--lower {
  margin-top: 60px;
}

.ucc-p-recipe-home__suggest {
  margin-top: 60px;
}

.ucc-p-recipe-home__search-kind {
  margin-top: 60px;
}

.ucc-p-recipe-home__paginate {
  margin-top: 60px;
}

.ucc-p-recipe-search__search .ucc-m-recipe-search {
  background-color: #f2ecde;
}

.ucc-p-recipe-single__search {
  margin-top: 60px;
}

.ucc-p-recipe-single__search-kind {
  margin-top: 60px;
}

.ucc-p-recipe-single__go-home {
  margin-bottom: 100px;
}

.ucc-p-search__related .ucc-a-divider {
  margin-top: 60px;
}

.ucc-p-search__paginate-top {
  padding-top: 40px;
  padding-bottom: 5px;
}

.ucc-p-search__paginate-bottom {
  padding-top: 10px;
}

.ucc-p-shop__contact-sec {
  margin-top: 60px;
}

.ucc-p-sitemap__links {
  *zoom: 1;
}

.ucc-p-sitemap__links:before,
.ucc-p-sitemap__links:after {
  display: table;
  content: "";
}

.ucc-p-sitemap__links:after {
  clear: both;
}

.ucc-p-sitemap__links__list {
  width: 48.275862069%;
  float: left;
}

.ucc-p-sitemap__links__list + .ucc-p-sitemap__links__list {
  margin-left: 3.4482758621%;
}

.ucc-p-sitemap__links__item a {
  position: relative;
  display: inline-block;
  font-size: 13px;
}

.ucc-p-sitemap__links__item a,
.ucc-p-sitemap__links__item a:link,
.ucc-p-sitemap__links__item a:visited,
.ucc-p-sitemap__links__item a a:active,
.ucc-p-sitemap__links__item a a:hover,
.ucc-p-sitemap__links__item a a:focus {
  color: inherit;
  text-decoration: inherit;
}

html.no-touch .ucc-p-sitemap__links__item a {
  transition-property: color;
  transition-duration: 0.4s;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}

html.no-touch .ucc-p-sitemap__links__item a:hover {
  color: #e60012;
}

.ucc-p-sitemap__links__item + .ucc-p-sitemap__links__item {
  margin-top: 5px;
}

.ucc-p-sitemap__links__item.has-blank a {
  padding-right: 22px;
}

.ucc-p-sitemap__links__item.has-blank a:after {
  display: inline-block;
  content: "\e000";
  font-family: "ucc";
  font-size: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  line-height: 1;
  text-rendering: auto;
  position: absolute;
  top: 50%;
  right: 0;
  color: #e60012;
  font-size: 12px;
  line-height: 1;
  transform: translateY(-50%);
}

.ucc-p-sns-privacy__account + .ucc-p-sns-privacy__account {
  margin-top: 70px;
}

.ucc-p-sns-privacy__policy {
  margin-top: 30px;
}

.ucc-p-sns-privacy__request {
  margin-top: 50px;
  margin-bottom: 40px;
}

.ucc-p-webuse__writings .ucc-m-small-sec {
  padding-bottom: 0;
}

.ucc-p-webuse__writings__underline {
  text-decoration: underline;
}

.ucc-p-webuse__inquiry .ucc-m-small-sec {
  padding: 0;
}

.ucc-p-webuse__inquiry p {
  padding: 40px 0;
  padding-left: 1.5em;
  background-color: #f7f7f7;
  text-align: center;
}

@media screen and (min-width: 600px) {
  .ucc-m-action-thumb--hor .ucc-m-action-thumb__main {
    display: -ms-flexbox;
    display: flex;
  }

  .ucc-m-action-thumb--hor .ucc-m-action-thumb__img {
    width: 66.6666666667%;
  }

  .ucc-m-action-thumb--hor .ucc-m-action-thumb__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .ucc-m-action-thumb--hor .ucc-m-action-thumb__caption {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    width: 33.3333333333%;
  }

  .ucc-m-article {
    font-size: 17px;
  }

  .ucc-m-cm__main {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
  }

  .ucc-m-cm__movie {
    width: 66.6666666667%;
  }

  .ucc-m-cm__caption {
    width: 30.8333333333%;
  }

  .ucc-m-cm__btns .ucc-a-btn {
    width: 47.8873239437%;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 10px;
    padding-left: 10px;
    font-size: 14px;
    white-space: nowrap;
  }

  .ucc-m-company-research__cbtns {
    margin-bottom: 80px;
  }

  .ucc-m-company-research__cbtns__items {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 2.5%;
  }

  .ucc-m-fixed-banner {
    max-width: 508px;
  }

  .ucc-m-fixed-banner.is-hidden {
    transform: translateX(100%);
  }

  .ucc-m-group-banners__pages {
    margin-top: 20px;
  }

  .ucc-m-nshop__logos {
    width: 89.0410958904%;
  }

  .ucc-m-nshop__logo {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 28.8461538462%;
  }

  .ucc-m-nshop__lead {
    width: 65.3846153846%;
    margin-left: auto;
    padding-top: 20px;
    padding-bottom: 15px;
    font-size: 18px;
  }

  .ucc-m-nshop__body {
    width: 88.7372013652%;
    margin-top: 24px;
  }

  .ucc-m-nshops__items {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .ucc-m-nshops__item {
    width: 48.8333333333%;
  }

  .ucc-m-nshops__item:nth-child(n+3) {
    margin-top: 60px;
  }

  .ucc-md-company-header__btns {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 38px;
  }

  .ucc-md-company-header__btn + .ucc-md-company-header__btn {
    margin-left: 28px;
  }

  .ucc-md-company-header__btn .ucc-a-round-btn {
    width: 323px;
  }

  .ucc-md-company-header__btn .ucc-a-round-btn > span {
    width: auto;
    padding-right: 40px;
    padding-left: 0;
    font-size: 20px;
  }

  .ucc-md-company-header__btn .ucc-a-round-btn > span::after {
    right: 0;
  }

  .ucc-md-corporatemessage__btn .ucc-a-round-btn > span {
    width: auto;
  }

  .ucc-md-corporatemessage__btn .ucc-a-round-btn > span::after {
    right: 0;
  }

  .ucc-md-gcs-main-n__value-img__btn .ucc-a-round-btn > span {
    width: auto;
  }

  .ucc-md-gcs-main-n__value-img__btn .ucc-a-round-btn > span::after {
    right: 0;
  }

  .ucc-p-home__hero-banners {
    margin-top: 40px;
    padding-bottom: 76px;
  }

  .ucc-p-pressroom .ucc-m-pressroom-faq__btns {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    bottom: 20px;
    width: 100%;
  }

  .ucc-p-pressroom .ucc-m-pressroom-faq__btns > p + p {
    margin-left: 15px;
  }
}

@media screen and (max-width: 1280px) {
  .ucc-m-pressroom-pickup .ucc-m-pickup__list .ucc-m-pickup__item .ucc-m-pickup-block .ucc-m-pickup-block__body .ucc-m-pickup-block__h {
    font-size: 16px;
  }

  .ucc-p-pressroom .ucc-m-pressroom-bottom__knows .swiper-slide .ucc-m-pressroom-knows__lead .ucc-m-pressroom-knows__h {
    font-size: 18px;
  }
}

@media screen and (max-width: 1024px) {
  .ucc-u-dv-pc-l {
    display: none !important;
  }

  .ucc-u-dv-tb {
    display: block !important;
  }

  .ucc-m-company-btn--small {
    width: auto;
  }

  .ucc-m-company-research__faculty__three {
    display: block;
  }

  .ucc-m-company-research__faculty__three__box {
    position: relative;
    width: 100%;
  }

  .ucc-m-company-research__faculty__three__box__img {
    position: relative;
  }

  .ucc-m-company-research__faculty__three__box__text {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 92%;
    height: 87%;
    padding: 4% 3%;
    margin: auto;
  }

  .ucc-m-company-research__faculty__three__box__text__title {
    font-size: 6vw;
  }

  .ucc-m-company-research__faculty__three__box__text__span {
    margin-top: 2%;
    margin-bottom: 2%;
    font-size: 2vw;
  }

  .ucc-m-company-research__faculty__three__box__text__lead {
    line-height: 2.2em;
  }

  .ucc-m-customer-header-search {
    padding-top: 20px;
  }

  .ucc-m-customer-header-search form {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0 10px;
  }

  .ucc-m-customer-header-search__input {
    width: 55%;
    height: 35px;
    margin-left: 24%;
  }

  .ucc-m-customer-header-search__input input {
    font-size: 12px;
  }

  .ucc-m-customer-header-search__submit {
    width: 18%;
  }

  .ucc-m-customer-header-search__submit input[type=submit],
  .ucc-m-customer-header-search__submit button {
    height: 35px;
    font-size: 12px;
  }

  .ucc-m-search-filter__toggle-btn {
    width: 52vw;
    height: 40px;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 15px;
    margin: 25px auto 0;
  }

  .ucc-m-search-filter__toggle-btn:after {
    right: 10px;
  }

  .ucc-m-search-filter {
    top: 220px;
  }

  .ucc-m-customer-header {
    padding-bottom: 20px;
  }

  .ucc-m-customer-header__inner {
    display: block;
    height: auto;
    padding: 0;
  }

  .ucc-m-customer-header__ttl {
    width: 100%;
    height: 95px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 20px;
    border-bottom: 1px solid #eeeeee;
  }

  .ucc-m-customer-header__image {
    height: 95px;
    line-height: 95px;
  }

  .ucc-m-customer-header__image img {
    height: 70px;
  }

  .ucc-m-customer-header__contact {
    position: absolute;
    top: 110px;
    left: 20px;
  }

  .ucc-m-customer-header__contact a:before {
    width: 30px;
    height: 30px;
    margin-bottom: 0;
    background-size: 30px;
  }

  .ucc-m-search-filter-dropdown {
    padding: 15px 20px 20px;
  }

  .ucc-m-search-filter-dropdown:before,
  .ucc-m-search-filter-dropdown:after {
    right: 0;
    left: 0;
    margin: 0 auto;
  }

  .ucc-m-search-filter-group {
    display: block;
    padding: 15px 0 0;
  }

  .ucc-m-search-filter-group__ttl {
    width: 100%;
    margin-bottom: 15px;
    text-align: center;
  }

  .ucc-m-search-filter-group .ucc-m-search-filter__items li {
    padding-left: 18px;
  }

  .ucc-m-search-filter-group .ucc-m-search-filter__items li {
    width: 50%;
  }

  .ucc-m-search-filter-group .ucc-m-search-filter__items li label span {
    font-size: 12px;
  }

  .ucc-m-search-filter-group .ucc-m-search-filter__items li label span:before {
    padding-right: 5px;
  }

  .ucc-m-search-filter-submit {
    padding-bottom: 10px;
  }

  .ucc-m-search-filter-submit input,
  .ucc-m-search-filter-submit button {
    width: 95px;
    height: 45px;
  }

  .ucc-m-gnav__btn {
    font-size: 13px;
  }

  .ucc-m-pressroom-pickup .ucc-m-pickup__list .ucc-m-pickup__item .ucc-m-pickup-block .ucc-m-pickup-block__body .ucc-m-pickup-block__h {
    font-size: 13px;
  }

  .ucc-m-suggest-products {
    padding: 16px 8px;
  }

  .ucc-m-suggest-products__container {
    display: block;
  }

  .ucc-m-suggest-products__inner {
    display: block;
  }

  .ucc-m-suggest-products__h,
  .ucc-m-suggest-products__body {
    display: block;
  }

  .ucc-m-suggest-products__h {
    font-size: 15px;
    text-align: center;
  }

  .ucc-m-suggest-products__body {
    padding-top: 12px;
    padding-right: 0;
    padding-left: 0;
    border-top: 1px solid #d2d2d2;
    border-left: none;
    margin-top: 16px;
  }

  .ucc-p-company-home-business__text {
    font-size: 14px;
  }

  .ucc-p-pressroom .ucc-p-pressroom-pickup-list .ucc-m-pickup-list__group .ucc-m-pickup-list__group-header {
    font-size: 24px;
  }

  .ucc-p-pressroom .ucc-m-pressroom-bottom__knows .swiper-slide .ucc-m-pressroom-knows__lead {
    padding: 5px 10px;
  }

  .ucc-p-pressroom .ucc-m-pressroom-bottom__knows .swiper-slide .ucc-m-pressroom-knows__lead .ucc-m-pressroom-knows__h {
    font-size: 16px;
  }
}

@media screen and (max-width: 840px) {
  #header .nav-global-01 > ul > li > a > span {
    min-width: 100px;
  }

  #footer .lyt-footer-03 .copyright {
    margin-top: 0.5em;
    float: none;
    text-align: center;
  }

  #footer .nav-footer-02,
  #footer .nav-footer-02 > li {
    float: none;
  }

  #footer .nav-footer-02 {
    text-align: center;
  }

  #footer .nav-footer-02 > li {
    display: inline-block;
  }

  #footer .nav-footer-01 > .col > ul > li > dl dt {
    width: auto;
    float: none;
  }

  #footer .nav-footer-01 > .col > ul > li > dl dd {
    margin-left: 0;
  }
}

@media screen and (max-width: 768px) {
  .ucc-u-dv-pc-m {
    display: none !important;
  }

  .ucc-u-dv-sp-l {
    display: block !important;
  }

  .ucc-a-btn--xlarge {
    font-size: 17px;
  }

  .ucc-a-btn--xlarge.has-caret > span:after {
    margin-top: -7px;
    font-size: 14px;
  }

  .ucc-a-btn--xlarge.has-blank > span:after {
    margin-top: -7px;
    font-size: 14px;
  }

  .ucc-m-accounts__list {
    width: 105%;
    margin-top: -4.7619047619%;
    margin-left: -4.7619047619%;
  }

  .ucc-m-accounts__list .ucc-m-accounts__item {
    width: 45.2380952381%;
    margin-top: 4.7619047619%;
    margin-left: 4.7619047619%;
    float: left;
  }

  .ucc-m-article__header__pickup-label {
    font-size: 11px;
  }

  .ucc-m-banners__list {
    width: 102.5%;
    margin-top: -2.4390243902%;
    margin-left: -2.4390243902%;
  }

  .ucc-m-banners__list .ucc-m-banners__item {
    width: 47.5609756098%;
    margin-top: 2.4390243902%;
    margin-left: 2.4390243902%;
    float: left;
  }

  .ucc-m-banners--gift__list {
    width: 102.5%;
    margin-top: -2.4390243902%;
    margin-left: -2.4390243902%;
  }

  .ucc-m-banners--gift__list .ucc-m-banners__item {
    width: 47.5609756098%;
    margin-top: 2.4390243902%;
    margin-left: 2.4390243902%;
    float: left;
  }

  .ucc-m-banners--giftcontents__list {
    width: 102.5%;
    margin-top: -2.4390243902%;
    margin-left: -2.4390243902%;
  }

  .ucc-m-banners--giftcontents__list .ucc-m-banners__item {
    width: 47.5609756098%;
    margin-top: 2.4390243902%;
    margin-left: 2.4390243902%;
    float: left;
  }

  .ucc-m-block-anchors__list {
    width: 101.6666666667%;
    margin-top: -1.6393442623%;
    margin-left: -1.6393442623%;
  }

  .ucc-m-block-anchors__list .ucc-m-block-anchors__item {
    width: 48.3606557377%;
    margin-top: 1.6393442623%;
    margin-left: 1.6393442623%;
    float: left;
  }

  .ucc-m-campaign-boxes__list {
    width: 101.3333333333%;
    margin-top: -1.3157894737%;
    margin-left: -1.3157894737%;
  }

  .ucc-m-campaign-boxes__list .ucc-m-campaign-boxes__item {
    width: 48.6842105263%;
    margin-top: 1.3157894737%;
    margin-left: 1.3157894737%;
    float: left;
  }

  .ucc-m-chronology__fig--lg {
    width: 50%;
    height: auto;
  }

  .ucc-m-company-btn a,
  .ucc-m-company-btn--small a {
    height: 45px;
  }

  .ucc-m-company-btn a > span::after,
  .ucc-m-company-btn--small a > span::after {
    font-size: 15px;
  }

  .ucc-m-company-btn--blank a > span::after {
    font-size: 15px;
  }

  .ucc-m-company-coffeebusiness-fig-block,
  .ucc-m-company-coffeebusiness-fig-block--50,
  .ucc-m-company-coffeebusiness-fig-block--reverse {
    margin-top: 55px;
  }

  .ucc-m-company-coffeebusiness-fig-block--reverse .ucc-m-company-coffeebusiness-fig-block__body {
    padding-left: 0;
    float: none;
  }

  .ucc-m-company-coffeebusiness-fig-block--reverse .ucc-m-company-coffeebusiness-fig-block__photo,
  .ucc-m-company-coffeebusiness-fig-block--reverse .ucc-m-company-coffeebusiness-fig-block__photo--one-third,
  .ucc-m-company-coffeebusiness-fig-block--reverse .ucc-m-company-coffeebusiness-fig-block__photo--half {
    float: none;
  }

  .ucc-m-company-coffeebusiness-fig-block--50 {
    margin-top: 55px;
  }

  .ucc-m-company-coffeebusiness-fig-block--50:first-child {
    margin-top: 45px;
  }

  .ucc-m-company-coffeebusiness-fig-block--50 .ucc-m-company-coffeebusiness-fig-block__body,
  .ucc-m-company-coffeebusiness-fig-block--50 .ucc-m-company-coffeebusiness-fig-block__photo,
  .ucc-m-company-coffeebusiness-fig-block--50 .ucc-m-company-coffeebusiness-fig-block__photo--one-third,
  .ucc-m-company-coffeebusiness-fig-block--50 .ucc-m-company-coffeebusiness-fig-block__photo--half {
    width: auto;
  }

  .ucc-m-company-coffeebusiness-fig-block--50 .ucc-m-company-coffeebusiness-fig-block__photo,
  .ucc-m-company-coffeebusiness-fig-block--50 .ucc-m-company-coffeebusiness-fig-block__photo--one-third,
  .ucc-m-company-coffeebusiness-fig-block--50 .ucc-m-company-coffeebusiness-fig-block__photo--half {
    margin-bottom: 30px;
  }

  .ucc-m-company-coffeebusiness-fig-block__h {
    margin-top: 30px;
    font-size: 20px;
    text-align: center;
  }

  .ucc-m-company-coffeebusiness-fig-block__body {
    width: auto;
    padding-right: 0;
    float: none;
  }

  .ucc-m-company-coffeebusiness-fig-block__photo,
  .ucc-m-company-coffeebusiness-fig-block__photo--one-third,
  .ucc-m-company-coffeebusiness-fig-block__photo--half {
    width: auto;
    float: none;
  }

  .ucc-m-company-coffeebusiness-fig-block__photo-half figcaption {
    font-size: 10px;
  }

  .ucc-m-company-coffeebusiness-product__body {
    width: 55.8333333333%;
  }

  .ucc-m-company-coffeebusiness-product__photo {
    width: 41.6666666667%;
  }

  .ucc-m-company-coffeebusiness-visual__text {
    margin-bottom: 55px;
  }

  .ucc-m-company-localnav__item a,
  .ucc-m-company-localnav__item--current a {
    font-size: 11px;
  }

  .ucc-m-company-localnav__item a::before,
  .ucc-m-company-localnav__item--current a::before {
    content: none;
  }

  .ucc-m-company-localnav__item--current a {
    border: 3px #e60012 solid;
  }

  .ucc-m-company-localnav__item--current a::after {
    border-width: 10px;
  }

  .ucc-m-company-localnav__item--current a::after {
    content: none;
  }

  .ucc-m-company-outline-localnav__group-link .ucc-m-company-btn,
  .ucc-m-company-outline-localnav__group-link .ucc-m-company-btn--small {
    width: 80%;
  }

  .ucc-m-company-topmessage-lead {
    display: block;
    height: auto;
    margin-bottom: 20px;
  }

  .ucc-m-company-topmessage-lead__body {
    width: auto;
    min-width: 0;
    min-height: 270px;
    padding: 30px 20px 30px;
  }

  .ucc-m-company-topmessage-lead__photo {
    display: block;
    width: auto;
    max-width: none;
  }

  .ucc-m-contents-nav__list {
    width: 105%;
    margin-top: -2.380952381%;
    margin-left: -2.380952381%;
  }

  .ucc-m-contents-nav__list .ucc-m-contents-nav__item {
    width: 30.1587301587%;
    margin-top: 2.380952381%;
    margin-left: 2.380952381%;
    float: left;
  }

  .ucc-m-factory-code-list__caption {
    font-size: 12px;
  }

  .ucc-m-factory-code-list-header {
    display: none;
  }

  .ucc-m-factory-code-list-row td {
    padding: 10px;
  }

  .ucc-m-factory-code-list-row .ucc-m-factory-code-list__symbol {
    background: #f7f7f7;
    font-size: 14px;
    vertical-align: top;
  }

  .ucc-m-factory-code-list-row .ucc-m-factory-code-list__factory-name {
    background: #FFFFFF;
    font-size: 12px;
  }

  .ucc-m-factory-code-list-row .ucc-m-factory-code-list__factory-name .address {
    display: block;
  }

  .ucc-m-factory-code-list-row .ucc-m-factory-code-list__address {
    display: none;
  }

  .ucc-p-customer-faq__primary .ucc-m-customer-faq-question {
    padding: 20px 16px;
    font-size: 20px;
  }

  .ucc-p-customer-faq__primary .ucc-m-customer-faq-question:before {
    width: 50px;
    height: 52px;
    margin-top: 0;
    margin-right: 10px;
  }

  .ucc-p-customer-faq__primary .ucc-m-customer-faq-answer__head {
    padding-left: 76px;
  }

  .ucc-p-customer-faq__primary .ucc-m-customer-faq-answer__head:before {
    top: 0;
    left: 16px;
    width: 50px;
    height: 52px;
  }

  .ucc-p-customer-faq__primary .ucc-m-customer-faq-answer__lead p {
    font-size: 17px;
  }

  .ucc-p-customer-faq__primary .ucc-m-customer-faq-answer__inner {
    padding-left: 0;
  }

  .ucc-p-customer-faq__primary .ucc-m-customer-faq-answer__inner .ucc-m-article__body {
    font-size: 17px;
  }

  .ucc-p-customer-faq__primary .ucc-m-customer-faq-questionnaire__choice {
    display: block;
    text-align: center;
  }

  .ucc-p-customer-faq__primary .ucc-m-customer-faq-questionnaire__choice .ucc-a-cb-btn {
    width: 60%;
    height: auto;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 10px;
    font-size: 13px;
  }

  .ucc-p-customer-faq__primary .ucc-m-customer-faq-questionnaire__choice .ucc-a-cb-btn > span:after {
    font-size: 13px;
  }

  .ucc-p-customer-faq__primary .ucc-m-customer-faq-questionnaire__message {
    font-size: 14px;
  }

  .ucc-p-customer-faq__primary {
    position: relative;
  }

  .ucc-p-customer-faq__primary .ucc-m-faq-list-paginate {
    position: absolute;
    right: 0;
    left: 0;
    padding: 0 20px;
    margin: 0 auto;
  }

  .ucc-p-customer-faq__primary .ucc-m-faq-list-paginate__prev,
  .ucc-p-customer-faq__primary .ucc-m-faq-list-paginate__next,
  .ucc-p-customer-faq__primary .ucc-m-faq-list-paginate__items {
    display: inline-block;
  }

  .ucc-p-customer-faq__primary .ucc-m-faq-list-paginate__items {
    display: inline-block;
  }

  .ucc-p-customer-faq__primary .ucc-m-faq-list-paginate__item {
    display: inline-block;
    width: 26px;
    height: 26px;
    margin: 0 6px 0 0;
    border-radius: 13px;
    line-height: 26px;
  }

  .ucc-p-customer-faq__primary .ucc-m-faq-list-paginate__item:last-child {
    margin: 0;
  }

  .ucc-p-customer-faq__primary .ucc-m-faq-list__container {
    padding: 60px 0 30px;
  }

  .ucc-p-customer-faq__primary .ucc-m-faq-list__item a {
    padding: 12px 10px 12px 0;
  }

  .ucc-p-customer-faq__primary .ucc-m-faq-list__item a:before {
    width: 36px;
    height: 38px;
    background-size: 36px 38px;
  }

  .ucc-p-customer-faq__primary .ucc-m-faq-list__item a span {
    font-size: 16px;
  }

  .ucc-p-customer-faq__secondary .ucc-m-faq-category-links__ttl:before {
    width: 45px;
    height: 45px;
    background-size: 45px;
  }

  .ucc-p-customer-faq__secondary .ucc-m-faq-category-links__group__ttl {
    position: relative;
    font-size: 16px;
    pointer-events: auto;
  }

  .ucc-p-customer-faq__secondary .ucc-m-faq-category-links__group__ttl:after {
    display: inline-block;
    content: " ";
    line-height: 1;
    position: absolute;
    top: 50%;
    right: 20px;
    width: 20px;
    height: 20px;
    background-image: url("/dist/images/icn/circle-arrow-right-invert.svg");
    transform: translateY(-50%) rotateZ(90deg);
  }

  .ucc-p-customer-faq__secondary .ucc-m-faq-category-links__group.open .ucc-m-faq-category-links__group__ttl:after {
    transform: translateY(-50%) rotateZ(-90deg);
  }

  .ucc-p-customer-faq__secondary .ucc-m-faq-category-links__items {
    display: none;
  }

  .ucc-p-customer-faq__secondary .ucc-m-faq-category-links__item span {
    font-size: 14px;
  }

  .ucc-p-customer-faq__secondary .ucc-m-faq-category-links__item a {
    font-size: 14px;
  }

  .ucc-p-customer-faq__secondary .ucc-m-customer-utility-links__btn:before {
    width: 35px;
    height: 60px;
    background-size: 35px;
  }

  .ucc-p-customer__pages-sec .ucc-m-sec-header,
  .ucc-p-customer__pages-sec .ucc-m-h-sec__body {
    padding-right: 20px;
    padding-left: 20px;
  }

  .ucc-p-customer__pages-sec .ucc-m-sec-header__tagline {
    text-align: left;
  }

  .ucc-p-customer__pages-sec .ucc-m-customer-finished-products .ucc-m-finished-product__item {
    width: 100%;
    margin-bottom: 20px;
    margin-left: 0;
  }

  .ucc-p-customer__pages-sec .ucc-m-customer-finished-products .ucc-m-finished-product__item__thumb {
    width: 40.6779661017%;
  }

  .ucc-p-customer__pages-sec .ucc-m-customer-finished-products .ucc-m-finished-product__item .ucc-a-tag {
    margin-bottom: 10px;
    font-size: 11px;
  }

  .ucc-p-customer__pages-sec .ucc-m-customer-finished-products .ucc-m-finished-product__item__ttl {
    margin-bottom: 8px;
    font-size: 14px;
  }

  .ucc-p-customer__pages-sec .ucc-m-customer-finished-products .ucc-m-finished-product__item__code {
    margin-bottom: 10px;
    font-size: 11px;
  }

  .ucc-p-customer__pages-sec .ucc-m-customer-finished-products .ucc-m-finished-product__item__status {
    margin-bottom: 5px;
    font-size: 11px;
  }

  .ucc-p-customer__pages-sec .ucc-m-customer-finished-products .ucc-m-finished-product__item__link {
    font-size: 11px;
  }

  .ucc-m-customer-footer-contacts {
    padding: 60px 20px 10px;
  }

  .ucc-m-customer-footer-contacts-h {
    margin-bottom: 5px;
    font-size: 25px;
  }

  .ucc-m-customer-footer-contacts-sub {
    font-size: 12px;
  }

  .ucc-m-customer-footer-contacts-primary__emergency__text {
    font-size: 12px;
  }

  .ucc-m-customer-footer-contacts-primary__items {
    display: block;
    padding: 0 13px;
    margin: 15px 0 80px 0;
  }

  .ucc-m-customer-footer-contacts-primary__item {
    width: 100%;
    padding: 20px 0;
  }

  .ucc-m-customer-footer-contacts-primary__item + .ucc-m-customer-footer-contacts-primary__item:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: auto;
    left: 0;
    width: 100%;
    height: 1px;
    background-image: linear-gradient(to right, #d2d2d2, #d2d2d2 10px, transparent 10px);
    background-repeat: repeat-x;
    background-size: 20px 1px;
  }

  .ucc-m-customer-footer-contacts-primary__ttl {
    margin-bottom: 15px;
    font-size: 18px;
  }

  .ucc-m-customer-footer-contacts-primary__ttl:before {
    display: inline-block;
    content: " ";
    line-height: 1;
  }

  .ucc-m-customer-footer-contacts-primary__free-dial {
    font-size: 24px;
  }

  .ucc-m-customer-footer-contacts-primary__free-dial a {
    pointer-events: auto;
    text-decoration: underline;
  }

  .ucc-m-customer-footer-contacts-secondary__ttl {
    font-size: 22px;
  }

  .ucc-m-customer-footer-contacts-secondary__sub {
    font-size: 12px;
    text-align: left;
  }

  .ucc-m-customer-footer-contacts-secondary__items {
    display: block;
  }

  .ucc-m-customer-footer-contacts-secondary__item {
    width: 100%;
    padding: 15px 20px;
    margin-bottom: 20px;
    margin-left: 0;
  }

  .ucc-m-customer-footer-contacts-secondary__item__ttl {
    font-size: 16px;
  }

  .ucc-m-customer-footer-contacts-secondary__label {
    font-size: 14px;
  }

  .ucc-m-customer-footer-contacts-secondary__info__free-dial {
    font-size: 24px;
  }

  .ucc-m-customer-footer-contacts-secondary__info__free-dial a {
    pointer-events: auto;
    text-decoration: underline;
  }

  .ucc-m-customer-footer-contacts-secondary__info__contact-notice {
    font-size: 12px;
  }

  .ucc-m-customer-footer-links {
    padding: 30px 0 0;
  }

  .ucc-m-customer-footer-links__container {
    display: block;
    padding-right: 20px;
    padding-left: 20px;
  }

  .ucc-m-customer-footer-links__btn {
    width: 100%;
    padding: 10px 15px;
    margin-bottom: 10px;
    margin-left: 0;
  }

  .ucc-m-customer-footer-links__btn + .ucc-m-customer-footer-links__btn {
    margin-left: 0;
  }

  .ucc-m-customer-footer-links__btn__inner:before {
    width: 35px;
    height: 60px;
    background-size: 35px;
  }

  .ucc-m-customer-footer-links__btn__inner:after {
    width: 20px;
    height: 20px;
  }

  .ucc-m-customer-footer-links__btn.sorry .ucc-m-customer-footer-links__btn__inner:before {
    width: 25px;
    background-size: 23px auto;
  }

  .ucc-m-customer-footer-links__btn__text {
    padding: 0 15px;
  }

  .ucc-m-customer-footer-links__btn__ttl {
    margin-bottom: 5px;
    font-size: 16px;
  }

  .ucc-m-customer-footer-links__btn__desc {
    font-size: 10px;
  }

  .ucc-m-h-sec.ucc-p-customer-home__faq-sec {
    padding-top: 20px;
  }

  .ucc-p-customer-home__faq-sec .ucc-m-sec__header:before {
    width: 40px;
    height: 40px;
    padding-right: 20px;
    padding-left: 20px;
    margin-right: 10px;
    background-size: 40px;
  }

  .ucc-p-customer-home__faq-sec .ucc-m-sec__header {
    padding-right: 20px;
    padding-left: 20px;
  }

  .ucc-p-customer-home__faq-sec .ucc-p-faq-h {
    font-size: 21px;
  }

  .ucc-p-customer-home-faq .ucc-m-faq-block_h {
    padding: 0 0 10px;
    margin-right: 20px;
    margin-left: 20px;
    font-size: 18px;
  }

  .ucc-m-faq-category__items {
    padding-right: 20px;
    padding-left: 20px;
  }

  .ucc-m-faq-category__item {
    width: 47.5%;
  }

  .ucc-m-faq-category__thumb {
    margin-bottom: 10px;
  }

  .ucc-m-faq-category__label {
    font-size: 12px;
  }

  .ucc-m-faq-purpose {
    margin-bottom: 30px !important;
  }

  .ucc-m-faq-purpose__items {
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-right: 20px;
    padding-left: 20px;
  }

  .ucc-m-faq-purpose__item .icon {
    max-width: 25px;
    margin-right: 10px;
  }

  .ucc-m-faq-purpose__item:nth-child(4) .icon {
    max-width: 25px;
    padding: 0 3px;
    margin-right: 10px;
  }

  .ucc-m-faq-purpose__item .label {
    font-size: 11px;
  }

  .ucc-m-faq-purpose__item:after {
    margin-right: 10px;
    font-size: 13px;
  }

  .ucc-m-faq-purpose__item {
    width: 47.5%;
    height: 65px;
    padding: 15px 10px;
    margin-right: 0;
    margin-bottom: 15px;
  }

  .ucc-m-customer-improvement-list .ucc-m-improvement-list__item {
    width: 100%;
    margin-bottom: 20px;
    margin-left: 0;
  }

  .ucc-m-customer-improvement-list .ucc-m-improvement-list__item a {
    padding: 10px;
  }

  .ucc-m-customer-improvement-list .ucc-m-improvement-list__item a:after {
    padding-left: 20px;
    font-size: 20px;
  }

  .ucc-m-customer-improvement-list .ucc-m-improvement-list__item__thumb {
    width: 33.8983050847%;
    margin-right: 10px;
  }

  .ucc-m-customer-improvement-list .ucc-m-improvement-list__item__ttl {
    font-size: 14px;
  }

  .ucc-m-customer-improvement-report .ucc-m-improvement-report__ttl {
    padding: 22px 25px;
    margin-bottom: 30px;
    font-size: 19px;
    text-align: left;
  }

  .ucc-m-customer-improvement-report .ucc-m-improvement-report__voice {
    min-height: 130px;
    padding: 18px 15px 43px 110px;
    margin-bottom: 25px;
  }

  .ucc-m-customer-improvement-report .ucc-m-improvement-report__voice:before {
    left: 20px;
    width: 75px;
    height: 103px;
    background-size: 75px 103px;
  }

  .ucc-m-customer-improvement-report .ucc-m-improvement-report__voice p {
    padding: 10px 15px;
    font-size: 15px;
  }

  .ucc-m-customer-improvement-report .ucc-m-improvement-report__result {
    padding: 44px 20px 0;
    border-width: 2px;
  }

  .ucc-m-customer-improvement-report .ucc-m-improvement-report__result:before {
    position: absolute;
    top: -45px;
    width: 140px;
    height: 73px;
    background-size: 140px 73px;
  }

  .ucc-m-customer-improvement-report .ucc-m-improvement-report__result__text {
    margin-bottom: 30px;
    font-size: 14px;
  }

  .ucc-m-customer-improvement-report .ucc-m-improvement-report__result__example {
    margin-bottom: 30px;
  }

  .ucc-m-customer-improvement-report .ucc-m-improvement-report__result__image {
    margin-bottom: 10px;
  }

  .ucc-m-customer-improvement-report .ucc-m-improvement-report__result__image img {
    width: 100%;
  }

  .ucc-m-customer-improvement-report .ucc-m-improvement-report__result__comment {
    padding: 10px 10px 10px 35px;
    font-size: 10px;
  }

  .ucc-m-customer-improvement-report .ucc-m-improvement-report__result__comment:before {
    left: 7px;
    width: 21px;
    height: 21px;
    background-size: 21px 21px;
  }

  .ucc-m-customer-improvement-report .ucc-m-improvement-report__list-link .ucc-m-go-home__btn {
    font-size: 14px;
  }

  .ucc-p-customer-search-faq__primary {
    position: relative;
  }

  .ucc-p-customer-search-faq__primary .ucc-m-faq-page__title__inputtext--01 {
    font-size: 15px;
  }

  .ucc-p-customer-search-faq__primary .ucc-m-faq-page__title__inputtext--02 {
    font-size: 15px;
  }

  .ucc-p-customer-search-faq__primary .ucc-m-faq-list-paginate {
    position: absolute;
    right: 0;
    left: 0;
    padding: 0 20px;
    padding: 25px 0 0;
    margin: 0 auto;
  }

  .ucc-p-customer-search-faq__primary .ucc-m-faq-list-paginate__prev,
  .ucc-p-customer-search-faq__primary .ucc-m-faq-list-paginate__next,
  .ucc-p-customer-search-faq__primary .ucc-m-faq-list-paginate__items {
    display: inline-block;
  }

  .ucc-p-customer-search-faq__primary .ucc-m-faq-list-paginate__items {
    display: inline-block;
  }

  .ucc-p-customer-search-faq__primary .ucc-m-faq-list-paginate__item {
    display: inline-block;
    width: 26px;
    height: 26px;
    margin: 0 6px 0 0;
    border-radius: 13px;
    line-height: 26px;
  }

  .ucc-p-customer-search-faq__primary .ucc-m-faq-list-paginate__item:last-child {
    margin: 0;
  }

  .ucc-p-customer-search-faq__primary .ucc-m-faq-list__container {
    padding: 70px 0 0;
  }

  .ucc-p-customer-search-faq__primary .ucc-m-faq-list__item a {
    padding: 12px 10px 12px 0;
  }

  .ucc-p-customer-search-faq__primary .ucc-m-faq-list__item a:before {
    width: 36px;
    height: 38px;
    background-size: 36px 38px;
  }

  .ucc-p-customer-search-faq__primary .ucc-m-faq-list__item a span {
    font-size: 14px;
  }

  .ucc-p-customer-search-faq__primary + .ucc-p-customer-faq__secondary {
    margin-top: 100px;
  }

  .ucc-p-customer-search-faq__secondary .ucc-m-faq-category-links__ttl:before {
    width: 45px;
    height: 45px;
    background-size: 45px;
  }

  .ucc-p-customer-search-faq__secondary .ucc-m-faq-category-links__group__ttl {
    position: relative;
    font-size: 16px;
  }

  .ucc-p-customer-search-faq__secondary .ucc-m-faq-category-links__group__ttl:after {
    display: inline-block;
    content: "\e012";
    font-family: "ucc";
    font-size: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    line-height: 1;
    text-rendering: auto;
    position: absolute;
    top: 50%;
    right: 20px;
    color: #e60012;
    font-size: 20px;
    transform: translateY(-50%) rotateZ(90deg);
  }

  .ucc-p-customer-search-faq__secondary .ucc-m-faq-category-links__group.open .ucc-m-faq-category-links__group__ttl:after {
    transform: translateY(-50%) rotateZ(-90deg);
  }

  .ucc-p-customer-search-faq__secondary .ucc-m-faq-category-links__items {
    display: none;
  }

  .ucc-p-customer-search-faq__secondary .ucc-m-faq-category-links__item span {
    font-size: 14px;
  }

  .ucc-p-customer-search-faq__secondary .ucc-m-faq-category-links__item a {
    font-size: 14px;
  }

  .ucc-p-customer-search-faq__secondary .ucc-m-customer-utility-links__btn:before {
    width: 35px;
    height: 60px;
    background-size: 35px;
  }

  .ucc-m-form {
    padding: 30px;
  }

  .ucc-m-form__wrap {
    display: block;
  }

  .ucc-m-form__row + .ucc-m-form__row .ucc-m-form__td {
    padding-top: 10px;
  }

  .ucc-m-form__row {
    display: block;
  }

  .ucc-m-form__row.is-pc {
    display: none;
  }

  .ucc-m-form__row.is-sp {
    display: table-row;
  }

  .ucc-m-form__th,
  .ucc-m-form__td {
    display: block;
  }

  .ucc-m-form__th {
    width: 100%;
  }

  .ucc-m-form__td {
    padding-top: 10px;
    padding-left: 0;
  }

  .ucc-m-form__btn {
    min-width: 300px;
  }

  .ucc-m-guid-nav__btns__list {
    width: 104.5070422535%;
    margin-top: -4.3126684636%;
    margin-left: -4.3126684636%;
  }

  .ucc-m-guid-nav__btns__list .ucc-m-guid-nav__btns__item {
    width: 45.6873315364%;
    margin-top: 4.3126684636%;
    margin-left: 4.3126684636%;
    float: left;
  }

  .ucc-m-h-thumbs__list {
    width: 101.6666666667%;
    margin-top: -1.6393442623%;
    margin-left: -1.6393442623%;
  }

  .ucc-m-h-thumbs__list .ucc-m-h-thumbs__item {
    width: 48.3606557377%;
    margin-top: 1.6393442623%;
    margin-left: 1.6393442623%;
    float: left;
  }

  .ucc-m-home-recipe-sp__list {
    width: 102.5%;
    margin-top: -2.4390243902%;
    margin-left: -2.4390243902%;
  }

  .ucc-m-home-recipe-sp__list .ucc-m-home-recipe-sp__thumb {
    width: 47.5609756098%;
    margin-top: 2.4390243902%;
    margin-left: 2.4390243902%;
    float: left;
  }

  .ucc-m-news-block__thumb {
    width: 30%;
    margin-right: 20px;
  }

  .ucc-m-oshop-boxes__list {
    width: 103%;
    margin-top: -2.9126213592%;
    margin-left: -2.9126213592%;
  }

  .ucc-m-oshop-boxes__list .ucc-m-oshop-boxes__item {
    width: 47.0873786408%;
    margin-top: 2.9126213592%;
    margin-left: 2.9126213592%;
    float: left;
  }

  .ucc-m-oshop-boxes__list--colum3 {
    width: 102.5%;
    margin-top: -2.4390243902%;
    margin-left: -2.4390243902%;
  }

  .ucc-m-oshop-boxes__list--colum3 .ucc-m-oshop-boxes__item {
    width: 47.5609756098%;
    margin-top: 2.4390243902%;
    margin-left: 2.4390243902%;
    float: left;
  }

  .ucc-m-pressroom-pickup .ucc-m-pickup__list {
    display: block;
  }

  .ucc-m-pressroom-pickup .ucc-m-pickup__list .ucc-m-pickup__item {
    width: 100%;
  }

  .ucc-m-pressroom-pickup .ucc-m-pickup__list .ucc-m-pickup__item .ucc-m-pickup-block {
    padding: 15px 10px;
  }

  .ucc-m-pressroom-pickup .ucc-m-pickup__list .ucc-m-pickup__item .ucc-m-pickup-block .ucc-m-pickup-block__thumb {
    width: 31.884057971%;
  }

  .ucc-m-pressroom-pickup .ucc-m-pickup__list .ucc-m-pickup__item .ucc-m-pickup-block .ucc-m-pickup-block__body .ucc-m-pickup-meta .ucc-m-pickup-meta__time .ucc-a-time {
    font-size: 10px;
  }

  .ucc-m-product-brandsite__item {
    width: 22.2535211268%;
    padding-top: 22.2535211268%;
    margin-left: 3.5211267606%;
  }

  .ucc-m-product-brandsite__item:nth-child(4n+1) {
    margin-left: 0;
  }

  .ucc-m-product-categories__list {
    width: 102.5%;
    margin-top: -2.4390243902%;
    margin-left: -2.4390243902%;
  }

  .ucc-m-product-categories__list .ucc-m-product-categories__item {
    width: 47.5609756098%;
    margin-top: 2.4390243902%;
    margin-left: 2.4390243902%;
    float: left;
  }

  .ucc-m-product-thumbs__list {
    width: 101.6666666667%;
    margin-top: -1.6393442623%;
    margin-left: -1.6393442623%;
  }

  .ucc-m-product-thumbs__list .ucc-m-product-thumbs__item {
    width: 48.3606557377%;
    margin-top: 1.6393442623%;
    margin-left: 1.6393442623%;
    float: left;
  }

  .ucc-m-product-thumbs--wide .ucc-m-product-thumbs__list {
    width: 101.6666666667%;
    margin-top: -1.6393442623%;
    margin-left: -1.6393442623%;
  }

  .ucc-m-product-thumbs--wide .ucc-m-product-thumbs__list .ucc-m-product-thumbs__item {
    width: 48.3606557377%;
    margin-top: 1.6393442623%;
    margin-left: 1.6393442623%;
    float: left;
  }

  .ucc-m-recipe-suggest__list {
    width: 102.6666666667%;
    margin-top: -2.5974025974%;
    margin-left: -2.5974025974%;
  }

  .ucc-m-recipe-suggest__list .ucc-m-recipe-suggest__item {
    width: 47.4025974026%;
    margin-top: 2.5974025974%;
    margin-left: 2.5974025974%;
    float: left;
  }

  .ucc-m-recipe-thumbs__list {
    width: 105%;
    margin-top: -2.380952381%;
    margin-left: -2.380952381%;
  }

  .ucc-m-recipe-thumbs__list .ucc-m-recipe-thumbs__item {
    width: 30.1587301587%;
    margin-top: 2.380952381%;
    margin-left: 2.380952381%;
    float: left;
  }

  .ucc-m-related-contents__list {
    width: 102.0833333333%;
    margin-top: -2.0408163265%;
    margin-left: -2.0408163265%;
  }

  .ucc-m-related-contents__list .ucc-m-related-contents__item {
    width: 47.9591836735%;
    margin-top: 2.0408163265%;
    margin-left: 2.0408163265%;
    float: left;
  }

  .ucc-m-related-contents--for-4 .ucc-m-related-contents__list {
    width: 102.5%;
    margin-top: -2.4390243902%;
    margin-left: -2.4390243902%;
  }

  .ucc-m-related-contents--for-4 .ucc-m-related-contents__list .ucc-m-related-contents__item {
    width: 47.5609756098%;
    margin-top: 2.4390243902%;
    margin-left: 2.4390243902%;
    float: left;
  }

  .ucc-o-gfooter-sp {
    display: block;
  }

  .ucc-o-gfooter {
    display: none;
  }

  .ucc-o-gheader-sp {
    display: block;
  }

  .ucc-o-gheader {
    display: none;
  }

  .ucc-o-gnav-sp {
    display: block;
  }

  .ucc-p-company-home-business__item {
    width: 48%;
  }

  .ucc-p-customer-faq-sec {
    padding: 50px 20px 0 20px;
  }

  .ucc-p-customer-faq-sec .ucc-m-h-sec__body {
    display: block;
    padding-right: 0;
    padding-left: 0;
  }

  .ucc-p-customer-faq-sec .ucc-p-customer-faq__primary {
    width: 100%;
    margin-bottom: 100px;
  }

  .ucc-p-customer-faq-sec .ucc-p-customer-faq__secondary {
    width: 100%;
  }

  .ucc-p-customer-improvement__list-sec .ucc-m-sec-header,
  .ucc-p-customer-improvement__list-sec .ucc-m-h-sec__body,
  .ucc-p-customer-improvement__report-sec .ucc-m-sec-header,
  .ucc-p-customer-improvement__report-sec .ucc-m-h-sec__body {
    padding-right: 20px;
    padding-left: 20px;
  }

  .ucc-p-customer-improvement__list-sec .ucc-m-sec-header__tagline,
  .ucc-p-customer-improvement__report-sec .ucc-m-sec-header__tagline {
    font-size: 16px;
    text-align: left;
  }

  .ucc-p-customer-improvement__list-sec .ucc-m-sec-header__sub,
  .ucc-p-customer-improvement__report-sec .ucc-m-sec-header__sub {
    font-size: 12px;
    text-align: left;
  }

  .ucc-p-customer-search-faq-sec {
    padding-top: 0;
    margin-top: 15px;
  }

  .ucc-p-customer-search-faq-sec .ucc-m-h-sec__body {
    display: block;
  }

  .ucc-p-customer-search-faq-sec .ucc-p-customer-search-faq__primary {
    width: 100%;
    margin-bottom: 50px;
  }

  .ucc-p-customer-search-faq-sec .ucc-p-customer-search-faq__secondary {
    width: 100%;
  }

  .ucc-p-pressroom .ucc-m-sec-header.ucc-m-sec-pressroom-header {
    padding-bottom: 140px;
  }

  .ucc-p-pressroom .ucc-m-pressroom-faq__btns .ucc-a-round-btn {
    font-size: 13px;
    padding-top: 7px;
    padding-bottom: 7px;
  }

  .ucc-p-pressroom .ucc-m-pressroom-faq__btns .ucc-a-round-btn .hide-sp {
    display: none;
  }

  .ucc-p-pressroom .ucc-m-pressroom-faq__btns .ucc-a-round-btn > span {
    padding-right: 35px;
    padding-left: 15px;
  }

  .ucc-p-pressroom .ucc-m-pressroom-faq__btns .ucc-a-round-btn > span:after {
    right: 10px;
  }

  .ucc-p-pressroom .ucc-m-pressroom-faq__btns .ucc-m-pressroom-faq__btn {
    font-size: 13px;
  }

  .ucc-p-pressroom .ucc-m-pressroom-faq__btns .ucc-m-pressroom-faq__btn span.hide-sp {
    display: none;
  }

  .ucc-p-pressroom .ucc-t-lower__main > .ucc-m-h-sec {
    padding-top: 75px;
    padding-bottom: 30px;
  }

  .ucc-p-pressroom .ucc-m-sec-pressroom-header {
    padding-left: 40px;
    padding-right: 40px;
  }

  .ucc-p-pressroom .ucc-p-pressroom-pickup-list {
    padding-top: 25px;
  }

  .ucc-p-pressroom .ucc-p-pressroom-pickup-list .ucc-m-pickup-list__group {
    display: block;
    border-bottom: none;
  }

  .ucc-p-pressroom .ucc-p-pressroom-pickup-list .ucc-m-pickup-list__group .ucc-m-pickup-list__group-header {
    font-size: 20px;
    text-align: center;
    width: 100%;
    padding: 30px 0 20px 0;
  }

  .ucc-p-pressroom .ucc-p-pressroom-pickup-list .ucc-m-pickup-list__group .ucc-m-pickup-list__item {
    padding: 18px 0;
  }

  .ucc-p-pressroom .ucc-p-pressroom-pickup-list .ucc-m-pickup-list__group .ucc-m-pickup-list__item:last-child {
    border-bottom-width: 1px;
  }

  .ucc-p-pressroom .ucc-p-pressroom-pickup-list .ucc-m-pickup-list__group .ucc-m-pickup-list__item .ucc-m-pickup-list__block .ucc-m-pickup-block__thumb {
    width: 31.4285714286%;
    margin-right: 2.8571428571%;
  }

  .ucc-p-pressroom .ucc-p-pressroom-pickup-list .ucc-m-pickup-list__group .ucc-m-pickup-list__item .ucc-m-pickup-list__block .ucc-m-pickup-block__body .ucc-m-pickup-meta .ucc-a-time {
    font-size: 10px;
  }

  .ucc-p-pressroom .ucc-p-pressroom-pickup-list .ucc-m-pickup-list__group .ucc-m-pickup-list__item .ucc-m-pickup-list__block .ucc-m-pickup-block__body .ucc-m-pickup-meta .ucc-a-tag {
    font-size: 10px;
  }

  .ucc-p-pressroom .ucc-p-pressroom-pickup-list .ucc-m-pickup-list__group .ucc-m-pickup-list__item .ucc-m-pickup-list__block .ucc-m-pickup-block__body .ucc-m-pickup-block__h {
    font-size: 13px;
  }

  .ucc-p-pressroom .ucc-t-lower__main > .ucc-m-h-sec.ucc-p-pressroom-faq {
    padding-top: 50px;
  }

  .ucc-p-pressroom .ucc-m-pressroom-faq-list__wrapper {
    padding-top: 25px;
  }

  .ucc-p-pressroom .ucc-m-pressroom-faq-list__wrapper .ucc-m-pressroom-faq .ucc-m-pressroom-faq__anchor-link {
    margin-bottom: 45px;
  }

  .ucc-p-pressroom .ucc-m-pressroom-faq-list__wrapper .ucc-m-pressroom-faq .ucc-m-pressroom-faq__anchor-link ol a {
    font-size: 13px;
  }

  .ucc-p-pressroom .ucc-m-pressroom-faq-list__wrapper .ucc-m-pressroom-faq .ucc-m-pressroom-faq__anchor-link ol a .label {
    width: 35px;
  }

  .ucc-p-pressroom .ucc-m-pressroom-faq-list__wrapper .ucc-m-pressroom-faq .ucc-m-pressroom-faq__list .ucc-m-pressroom-faq__item .ucc-m-pressroom-faq__question {
    font-size: 15px;
    margin-bottom: 15px;
  }

  .ucc-p-pressroom .ucc-m-pressroom-faq-list__wrapper .ucc-m-pressroom-faq .ucc-m-pressroom-faq__list .ucc-m-pressroom-faq__item .ucc-m-pressroom-faq__question .label {
    width: 35px;
  }

  .ucc-p-pressroom .ucc-m-pressroom-faq-list__wrapper .ucc-m-pressroom-faq .ucc-m-pressroom-faq__list .ucc-m-pressroom-faq__item .ucc-m-pressroom-faq__answer {
    margin-bottom: 25px;
  }

  .ucc-p-pressroom .ucc-m-pressroom-faq-list__wrapper .ucc-m-pressroom-faq .ucc-m-pressroom-faq__list .ucc-m-pressroom-faq__item .ucc-m-pressroom-faq__answer:before {
    font-size: 16px;
    width: 45px;
  }

  .ucc-p-pressroom .ucc-m-pressroom-faq-list__wrapper .ucc-m-pressroom-faq .ucc-m-pressroom-faq__list .ucc-m-pressroom-faq__item .ucc-m-pressroom-faq__answer .ucc-m-pressroom-faq__answer-text {
    font-size: 13px;
  }

  .ucc-p-pressroom .ucc-m-pressroom-bottom__knows .swiper-slide {
    width: 47.8873239437%;
    margin: 0 4.2253521127% 0 0;
  }

  .ucc-p-pressroom .ucc-m-pressroom-bottom__knows .swiper-slide .ucc-m-pressroom-knows__lead {
    min-height: 85px;
  }

  .ucc-p-pressroom .ucc-m-pressroom-bottom__knows .swiper-slide .ucc-m-pressroom-knows__lead .ucc-m-pressroom-knows__h {
    font-size: 12px;
  }

  .ucc-p-pressroom .ucc-m-pressroom-bottom__knows .swiper-slide .ucc-m-pressroom-knows__lead .ucc-m-pressroom-knows__lead_text {
    font-size: 10px;
  }
}

@media screen and (max-width: 760px) {
  #header .nav-global-01 > ul > li > a > span {
    min-width: 80px;
  }
}

@media screen and (max-width: 720px) {
  #footer .nav-footer-01 > .col,
  #footer .nav-footer-01 > .col + .col {
    width: auto;
    float: none;
  }

  #footer .nav-footer-01 > .col {
    padding-bottom: 0.85em;
    border-bottom: 1px solid #eeead8;
  }

  #footer .nav-footer-01 > .col + .col {
    padding-top: 0.85em;
    border-top: 1px solid #fff;
    border-bottom: 0;
  }

  #footer .nav-footer-01 > .col > ul > li > dl dt {
    width: 150px;
    float: left;
  }

  #footer .nav-footer-01 > .col > ul > li > dl dd {
    margin-left: 160px;
  }
}

@media screen and (max-width: 680px) {
  #header .nav-global-01 > ul > li > a > span {
    min-width: 60px;
  }
}

@media screen and (max-width: 600px) {
  #header:before {
    top: 0;
    bottom: inherit;
    height: 60px;
    background: #fff url(http://img.ucc.co.jp/shared/rwd/images/bg-header-03.png) no-repeat 100% 0;
  }

  #header .header-inner {
    height: auto;
    padding: 0;
    margin: 0;
  }

  #header .header-inner:before {
    content: none;
  }

  #header .logo {
    position: static;
    padding: 12px 10px;
    border-bottom: 1px solid #fff;
  }

  #header .logo:after {
    display: block;
    clear: both;
    content: "";
  }

  #header .logo > a {
    float: left;
  }

  #header .logo > a > img {
    width: 80px;
    height: 36px;
  }

  #header #menu-ui {
    position: absolute;
    top: 10px;
    right: 10px;
    display: block;
    width: 40px;
    height: 40px;
    padding: 24px 0 0 0;
    background-color: #efebd9;
    background-image: linear-gradient(to bottom, #fff 0, #dfd7b2 100%);
    box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.4);
    font-size: 0.8em;
    line-height: 1.25;
    text-align: center;
  }

  #header #menu-ui:before,
  #header #menu-ui:after,
  #header #menu-ui span:before,
  #header #menu-ui span:after {
    position: absolute;
    top: 14px;
    left: 50%;
    display: block;
    width: 16px;
    height: 3px;
    margin-left: -8px;
    background-color: #553300;
    content: "";
    transform: rotate(0);
    transition: 400ms;
    will-change: transform top opacity;
  }

  #header [aria-expanded=false]#menu-ui span:before {
    top: 8px;
  }

  #header [aria-expanded=false]#menu-ui span:after {
    top: 20px;
  }

  #header [aria-expanded=true]#menu-ui:before {
    transform: rotate(-135deg);
  }

  #header [aria-expanded=true]#menu-ui:after {
    transform: rotate(135deg);
  }

  #header [aria-expanded=true]#menu-ui span:before,
  #header [aria-expanded=true]#menu-ui span:after {
    opacity: 0;
  }

  #header #menu {
    background-color: #f4f1e5;
  }

  [data-js-enabled=true] #header #menu {
    overflow: hidden;
    height: 0;
  }

  #header .nav-header-01 {
    display: none;
    height: 0;
  }

  #header .nav-header-02 {
    position: static;
    padding: 5px;
  }

  #header .nav-header-02 > li {
    width: 50%;
    padding: 5px;
    float: left;
  }

  #header .nav-header-02 > li + li {
    padding-left: 5px;
  }

  #header .nav-header-02 > li > a {
    padding: 2em 2px 0.25em 2px;
    font-size: 1.2em;
    line-height: 1.5;
    text-align: center;
  }

  #header .nav-header-02 > li > a.shop,
  #header .nav-header-02 > li > a.member {
    padding-left: 2px;
  }

  #header .nav-header-02 > li > a.shop:before,
  #header .nav-header-02 > li > a.member:before {
    top: 2px;
    left: 50%;
    width: 24px;
    height: 24px;
    margin-top: 0;
    margin-left: -12px;
  }

  #header .search-site {
    display: none;
    height: 0;
  }

  #header .nav-global-01 {
    background-color: transparent;
  }

  #header .nav-global-01 > ul {
    display: block;
  }

  #header .nav-global-01 > ul > li {
    display: block;
    padding-right: 0;
  }

  #header .nav-global-01 > ul > li:last-child {
    border-right: 0;
  }

  #header .nav-global-01 > ul > li > a {
    padding: 0.8em 10px;
    border-top: 1px solid #dbd5ba;
    border-bottom: 0;
    border-left: 0;
    background-color: #f4f1e5;
    background-image: none;
    font-size: 1.4em;
    font-weight: bold;
    line-height: inherit;
  }

  #header .nav-global-01 > ul > li > a:after {
    content: none;
  }

  #header .nav-global-01 > ul > li:last-child a {
    overflow: hidden;
  }

  #header .nav-global-01 > ul > li:last-child a:after {
    position: absolute;
    right: -10px;
    bottom: -1px;
    left: -10px;
    display: block;
    height: 1px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.75), 0 0 10px rgba(0, 0, 0, 0.75);
    content: "";
  }

  #header .nav-global-01 > ul > li > a > span {
    min-width: inherit;
    padding: 0;
  }

  #topic-path {
    display: none;
  }

  #footer .lyt-footer-01:before,
  #footer .lyt-footer-01:after {
    content: none;
  }

  #footer .lyt-footer-01 .inner {
    min-height: 70px;
  }

  #footer .lyt-footer-02 {
    background-color: #fff;
    background-image: none;
  }

  #footer .lyt-footer-02:before {
    content: none;
  }

  #footer .lyt-footer-02 .inner {
    padding: 0;
  }

  #footer .lyt-footer-03 {
    background-color: #fff;
  }

  #footer .lyt-footer-03 .inner {
    padding: 0;
  }

  #footer .lyt-footer-03 .copyright {
    padding: 1em 10px;
    margin-top: 0;
    background-color: #dfd4a4;
  }

  #footer .nav-pagetop-01 a {
    padding: 0.2em 18px 0.2em 36px;
    font-size: 1.4em;
  }

  #footer .nav-pagetop-01 a:before {
    left: 18px;
  }

  #footer .nav-footer-01 {
    border-top: 1px solid #dbd5ba;
    background-color: #f4f1e5;
  }

  #footer .nav-footer-01:before {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    height: 0;
    border-top: 1px solid #dbd5ba;
    content: "";
  }

  #footer .nav-footer-01 > .col {
    padding-bottom: 0;
    border-bottom: 0;
  }

  #footer .nav-footer-01 > .col + .col {
    padding-top: 0;
    border-top: 0;
    border-bottom: 0;
  }

  #footer .nav-footer-01 > .col > ul > li {
    padding: 0;
    border-bottom: 0;
    margin-bottom: 0;
  }

  #footer .nav-footer-01 > .col > ul > li:before,
  #footer .nav-footer-01 > .col > ul > li > dl:after,
  #footer .nav-footer-01 > .col > ul > li > ul:after {
    content: none;
  }

  #footer .nav-footer-01 > .col > ul > li > dl,
  #footer .nav-footer-01 > .col > ul > li > ul {
    margin-bottom: 0;
  }

  #footer .nav-footer-01 > .col > ul > li > dl dt,
  #footer .nav-footer-01 > .col > ul > li > ul li {
    display: table;
    width: 50%;
    height: 4.5em;
    min-height: 4.5em;
    margin-left: 0;
    float: left;
  }

  #footer .nav-footer-01 > .col > ul > li > dl dt.narrow-hide,
  #footer .nav-footer-01 > .col > ul > li > ul li.narrow-hide {
    display: none;
  }

  #footer .nav-footer-01 > .col > ul > li > dl dt a,
  #footer .nav-footer-01 > .col > ul > li > ul li a {
    display: table-cell;
    padding: 0.25em 10px;
    border-right: 1px solid #dbd5ba;
    border-bottom: 1px solid #dbd5ba;
    line-height: 1.25;
    text-decoration: none;
    vertical-align: middle;
    word-break: break-all;
  }

  #footer .nav-footer-01 > .col > ul > li > dl dt a:before,
  #footer .nav-footer-01 > .col > ul > li > ul li a:before {
    content: none;
  }

  #footer .nav-footer-01 > .col > ul > li > dl dt a span,
  #footer .nav-footer-01 > .col > ul > li > ul li a span {
    position: relative;
    display: block;
    padding-right: 10px;
  }

  #footer .nav-footer-01 > .col > ul > li > dl dt a span:after,
  #footer .nav-footer-01 > .col > ul > li > ul li a span:after {
    position: absolute;
    top: 50%;
    right: 0;
    display: block;
    width: 0;
    height: 0;
    border-width: 3px 0 3px 5px;
    border-style: solid;
    border-color: transparent transparent transparent #a10300;
    margin-top: -3px;
    content: "";
  }

  #footer .nav-footer-01 > .col > ul > li > dl dd {
    display: none;
  }

  #footer .nav-footer-02 {
    padding: 1em 10px;
  }

  #footer .nav-footer-02 > li {
    padding-top: 0.25em;
    padding-bottom: 0.25em;
  }

  #footer .nav-footer-02 > li + li {
    margin-left: 18px;
  }

  #footer .nav-footer-03 {
    padding: 0;
  }

  #footer .nav-footer-03:before,
  #footer .nav-footer-03:after {
    content: none;
  }

  #footer .nav-footer-03 a {
    display: block;
    padding: 0.85em 20px;
    font-size: 1.2em;
    text-align: center;
  }

  #footer .nav-footer-03 a:after {
    right: 10px;
  }

  .ucc-u-d-i--sp {
    display: inline !important;
  }

  .ucc-u-d-n--sp {
    display: none !important;
  }

  .ucc-u-d-b--sp {
    display: block !important;
  }

  .ucc-u-d-ib--sp {
    display: inline-block !important;
  }

  .ucc-u-d-fx--sp {
    display: -ms-flexbox !important;
    display: flex !important;
  }

  .ucc-u-d-ifx--sp {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }

  .ucc-u-d-tb--sp {
    display: table !important;
  }

  .ucc-u-d-tb-100 {
    display: table !important;
    width: 100% !important;
    height: 100% !important;
  }

  .ucc-u-d-itb--sp {
    display: inline-table !important;
  }

  .ucc-u-d-tbhg--sp {
    display: table-header-group !important;
  }

  .ucc-u-d-tbfg--sp {
    display: table-footer-group !important;
  }

  .ucc-u-d-tbrg--sp {
    display: table-row-group !important;
  }

  .ucc-u-d-tbr--sp {
    display: table-row !important;
  }

  .ucc-u-d-tbc--sp {
    display: table-cell !important;
  }

  .ucc-u-d-li--sp {
    display: list-item !important;
  }

  .ucc-u-d-ih--sp {
    display: inherit !important;
  }

  .ucc-u-dv-pc {
    display: none !important;
  }

  .ucc-u-dv-sp {
    display: block !important;
  }

  .ucc-u-dv-sp--in {
    display: inline !important;
  }

  .ucc-u-dv-sp--inb {
    display: inline-block !important;
  }

  .ucc-u-m-t-1-sp {
    margin-top: 1px !important;
  }

  .ucc-u-m-t-2-sp {
    margin-top: 2px !important;
  }

  .ucc-u-m-t-3-sp {
    margin-top: 3px !important;
  }

  .ucc-u-m-t-4-sp {
    margin-top: 4px !important;
  }

  .ucc-u-m-t-5-sp {
    margin-top: 5px !important;
  }

  .ucc-u-m-t-6-sp {
    margin-top: 6px !important;
  }

  .ucc-u-m-t-7-sp {
    margin-top: 7px !important;
  }

  .ucc-u-m-t-8-sp {
    margin-top: 8px !important;
  }

  .ucc-u-m-t-9-sp {
    margin-top: 9px !important;
  }

  .ucc-u-m-t-10-sp {
    margin-top: 10px !important;
  }

  .ucc-u-m-t-11-sp {
    margin-top: 11px !important;
  }

  .ucc-u-m-t-12-sp {
    margin-top: 12px !important;
  }

  .ucc-u-m-t-13-sp {
    margin-top: 13px !important;
  }

  .ucc-u-m-t-14-sp {
    margin-top: 14px !important;
  }

  .ucc-u-m-t-15-sp {
    margin-top: 15px !important;
  }

  .ucc-u-m-t-16-sp {
    margin-top: 16px !important;
  }

  .ucc-u-m-t-17-sp {
    margin-top: 17px !important;
  }

  .ucc-u-m-t-18-sp {
    margin-top: 18px !important;
  }

  .ucc-u-m-t-19-sp {
    margin-top: 19px !important;
  }

  .ucc-u-m-t-20-sp {
    margin-top: 20px !important;
  }

  .ucc-u-m-t-21-sp {
    margin-top: 21px !important;
  }

  .ucc-u-m-t-22-sp {
    margin-top: 22px !important;
  }

  .ucc-u-m-t-23-sp {
    margin-top: 23px !important;
  }

  .ucc-u-m-t-24-sp {
    margin-top: 24px !important;
  }

  .ucc-u-m-t-25-sp {
    margin-top: 25px !important;
  }

  .ucc-u-m-t-26-sp {
    margin-top: 26px !important;
  }

  .ucc-u-m-t-27-sp {
    margin-top: 27px !important;
  }

  .ucc-u-m-t-28-sp {
    margin-top: 28px !important;
  }

  .ucc-u-m-t-29-sp {
    margin-top: 29px !important;
  }

  .ucc-u-m-t-30-sp {
    margin-top: 30px !important;
  }

  .ucc-u-m-t-31-sp {
    margin-top: 31px !important;
  }

  .ucc-u-m-t-32-sp {
    margin-top: 32px !important;
  }

  .ucc-u-m-t-33-sp {
    margin-top: 33px !important;
  }

  .ucc-u-m-t-34-sp {
    margin-top: 34px !important;
  }

  .ucc-u-m-t-35-sp {
    margin-top: 35px !important;
  }

  .ucc-u-m-t-36-sp {
    margin-top: 36px !important;
  }

  .ucc-u-m-t-37-sp {
    margin-top: 37px !important;
  }

  .ucc-u-m-t-38-sp {
    margin-top: 38px !important;
  }

  .ucc-u-m-t-39-sp {
    margin-top: 39px !important;
  }

  .ucc-u-m-t-40-sp {
    margin-top: 40px !important;
  }

  .ucc-u-m-t-41-sp {
    margin-top: 41px !important;
  }

  .ucc-u-m-t-42-sp {
    margin-top: 42px !important;
  }

  .ucc-u-m-t-43-sp {
    margin-top: 43px !important;
  }

  .ucc-u-m-t-44-sp {
    margin-top: 44px !important;
  }

  .ucc-u-m-t-45-sp {
    margin-top: 45px !important;
  }

  .ucc-u-m-t-46-sp {
    margin-top: 46px !important;
  }

  .ucc-u-m-t-47-sp {
    margin-top: 47px !important;
  }

  .ucc-u-m-t-48-sp {
    margin-top: 48px !important;
  }

  .ucc-u-m-t-49-sp {
    margin-top: 49px !important;
  }

  .ucc-u-m-t-50-sp {
    margin-top: 50px !important;
  }

  .ucc-u-m-t-51-sp {
    margin-top: 51px !important;
  }

  .ucc-u-m-t-52-sp {
    margin-top: 52px !important;
  }

  .ucc-u-m-t-53-sp {
    margin-top: 53px !important;
  }

  .ucc-u-m-t-54-sp {
    margin-top: 54px !important;
  }

  .ucc-u-m-t-55-sp {
    margin-top: 55px !important;
  }

  .ucc-u-m-t-56-sp {
    margin-top: 56px !important;
  }

  .ucc-u-m-t-57-sp {
    margin-top: 57px !important;
  }

  .ucc-u-m-t-58-sp {
    margin-top: 58px !important;
  }

  .ucc-u-m-t-59-sp {
    margin-top: 59px !important;
  }

  .ucc-u-m-t-60-sp {
    margin-top: 60px !important;
  }

  .ucc-u-m-t-61-sp {
    margin-top: 61px !important;
  }

  .ucc-u-m-t-62-sp {
    margin-top: 62px !important;
  }

  .ucc-u-m-t-63-sp {
    margin-top: 63px !important;
  }

  .ucc-u-m-t-64-sp {
    margin-top: 64px !important;
  }

  .ucc-u-m-t-65-sp {
    margin-top: 65px !important;
  }

  .ucc-u-m-t-66-sp {
    margin-top: 66px !important;
  }

  .ucc-u-m-t-67-sp {
    margin-top: 67px !important;
  }

  .ucc-u-m-t-68-sp {
    margin-top: 68px !important;
  }

  .ucc-u-m-t-69-sp {
    margin-top: 69px !important;
  }

  .ucc-u-m-t-70-sp {
    margin-top: 70px !important;
  }

  .ucc-u-m-t-71-sp {
    margin-top: 71px !important;
  }

  .ucc-u-m-t-72-sp {
    margin-top: 72px !important;
  }

  .ucc-u-m-t-73-sp {
    margin-top: 73px !important;
  }

  .ucc-u-m-t-74-sp {
    margin-top: 74px !important;
  }

  .ucc-u-m-t-75-sp {
    margin-top: 75px !important;
  }

  .ucc-u-m-t-76-sp {
    margin-top: 76px !important;
  }

  .ucc-u-m-t-77-sp {
    margin-top: 77px !important;
  }

  .ucc-u-m-t-78-sp {
    margin-top: 78px !important;
  }

  .ucc-u-m-t-79-sp {
    margin-top: 79px !important;
  }

  .ucc-u-m-t-80-sp {
    margin-top: 80px !important;
  }

  .ucc-u-m-t-81-sp {
    margin-top: 81px !important;
  }

  .ucc-u-m-t-82-sp {
    margin-top: 82px !important;
  }

  .ucc-u-m-t-83-sp {
    margin-top: 83px !important;
  }

  .ucc-u-m-t-84-sp {
    margin-top: 84px !important;
  }

  .ucc-u-m-t-85-sp {
    margin-top: 85px !important;
  }

  .ucc-u-m-t-86-sp {
    margin-top: 86px !important;
  }

  .ucc-u-m-t-87-sp {
    margin-top: 87px !important;
  }

  .ucc-u-m-t-88-sp {
    margin-top: 88px !important;
  }

  .ucc-u-m-t-89-sp {
    margin-top: 89px !important;
  }

  .ucc-u-m-t-90-sp {
    margin-top: 90px !important;
  }

  .ucc-u-m-t-91-sp {
    margin-top: 91px !important;
  }

  .ucc-u-m-t-92-sp {
    margin-top: 92px !important;
  }

  .ucc-u-m-t-93-sp {
    margin-top: 93px !important;
  }

  .ucc-u-m-t-94-sp {
    margin-top: 94px !important;
  }

  .ucc-u-m-t-95-sp {
    margin-top: 95px !important;
  }

  .ucc-u-m-t-96-sp {
    margin-top: 96px !important;
  }

  .ucc-u-m-t-97-sp {
    margin-top: 97px !important;
  }

  .ucc-u-m-t-98-sp {
    margin-top: 98px !important;
  }

  .ucc-u-m-t-99-sp {
    margin-top: 99px !important;
  }

  .ucc-u-m-t-100-sp {
    margin-top: 100px !important;
  }

  .ucc-u-m-b-1-sp {
    margin-bottom: 1px !important;
  }

  .ucc-u-m-b-2-sp {
    margin-bottom: 2px !important;
  }

  .ucc-u-m-b-3-sp {
    margin-bottom: 3px !important;
  }

  .ucc-u-m-b-4-sp {
    margin-bottom: 4px !important;
  }

  .ucc-u-m-b-5-sp {
    margin-bottom: 5px !important;
  }

  .ucc-u-m-b-6-sp {
    margin-bottom: 6px !important;
  }

  .ucc-u-m-b-7-sp {
    margin-bottom: 7px !important;
  }

  .ucc-u-m-b-8-sp {
    margin-bottom: 8px !important;
  }

  .ucc-u-m-b-9-sp {
    margin-bottom: 9px !important;
  }

  .ucc-u-m-b-10-sp {
    margin-bottom: 10px !important;
  }

  .ucc-u-m-b-11-sp {
    margin-bottom: 11px !important;
  }

  .ucc-u-m-b-12-sp {
    margin-bottom: 12px !important;
  }

  .ucc-u-m-b-13-sp {
    margin-bottom: 13px !important;
  }

  .ucc-u-m-b-14-sp {
    margin-bottom: 14px !important;
  }

  .ucc-u-m-b-15-sp {
    margin-bottom: 15px !important;
  }

  .ucc-u-m-b-16-sp {
    margin-bottom: 16px !important;
  }

  .ucc-u-m-b-17-sp {
    margin-bottom: 17px !important;
  }

  .ucc-u-m-b-18-sp {
    margin-bottom: 18px !important;
  }

  .ucc-u-m-b-19-sp {
    margin-bottom: 19px !important;
  }

  .ucc-u-m-b-20-sp {
    margin-bottom: 20px !important;
  }

  .ucc-u-m-b-21-sp {
    margin-bottom: 21px !important;
  }

  .ucc-u-m-b-22-sp {
    margin-bottom: 22px !important;
  }

  .ucc-u-m-b-23-sp {
    margin-bottom: 23px !important;
  }

  .ucc-u-m-b-24-sp {
    margin-bottom: 24px !important;
  }

  .ucc-u-m-b-25-sp {
    margin-bottom: 25px !important;
  }

  .ucc-u-m-b-26-sp {
    margin-bottom: 26px !important;
  }

  .ucc-u-m-b-27-sp {
    margin-bottom: 27px !important;
  }

  .ucc-u-m-b-28-sp {
    margin-bottom: 28px !important;
  }

  .ucc-u-m-b-29-sp {
    margin-bottom: 29px !important;
  }

  .ucc-u-m-b-30-sp {
    margin-bottom: 30px !important;
  }

  .ucc-u-m-b-31-sp {
    margin-bottom: 31px !important;
  }

  .ucc-u-m-b-32-sp {
    margin-bottom: 32px !important;
  }

  .ucc-u-m-b-33-sp {
    margin-bottom: 33px !important;
  }

  .ucc-u-m-b-34-sp {
    margin-bottom: 34px !important;
  }

  .ucc-u-m-b-35-sp {
    margin-bottom: 35px !important;
  }

  .ucc-u-m-b-36-sp {
    margin-bottom: 36px !important;
  }

  .ucc-u-m-b-37-sp {
    margin-bottom: 37px !important;
  }

  .ucc-u-m-b-38-sp {
    margin-bottom: 38px !important;
  }

  .ucc-u-m-b-39-sp {
    margin-bottom: 39px !important;
  }

  .ucc-u-m-b-40-sp {
    margin-bottom: 40px !important;
  }

  .ucc-u-m-b-41-sp {
    margin-bottom: 41px !important;
  }

  .ucc-u-m-b-42-sp {
    margin-bottom: 42px !important;
  }

  .ucc-u-m-b-43-sp {
    margin-bottom: 43px !important;
  }

  .ucc-u-m-b-44-sp {
    margin-bottom: 44px !important;
  }

  .ucc-u-m-b-45-sp {
    margin-bottom: 45px !important;
  }

  .ucc-u-m-b-46-sp {
    margin-bottom: 46px !important;
  }

  .ucc-u-m-b-47-sp {
    margin-bottom: 47px !important;
  }

  .ucc-u-m-b-48-sp {
    margin-bottom: 48px !important;
  }

  .ucc-u-m-b-49-sp {
    margin-bottom: 49px !important;
  }

  .ucc-u-m-b-50-sp {
    margin-bottom: 50px !important;
  }

  .ucc-u-m-b-51-sp {
    margin-bottom: 51px !important;
  }

  .ucc-u-m-b-52-sp {
    margin-bottom: 52px !important;
  }

  .ucc-u-m-b-53-sp {
    margin-bottom: 53px !important;
  }

  .ucc-u-m-b-54-sp {
    margin-bottom: 54px !important;
  }

  .ucc-u-m-b-55-sp {
    margin-bottom: 55px !important;
  }

  .ucc-u-m-b-56-sp {
    margin-bottom: 56px !important;
  }

  .ucc-u-m-b-57-sp {
    margin-bottom: 57px !important;
  }

  .ucc-u-m-b-58-sp {
    margin-bottom: 58px !important;
  }

  .ucc-u-m-b-59-sp {
    margin-bottom: 59px !important;
  }

  .ucc-u-m-b-60-sp {
    margin-bottom: 60px !important;
  }

  .ucc-u-m-b-61-sp {
    margin-bottom: 61px !important;
  }

  .ucc-u-m-b-62-sp {
    margin-bottom: 62px !important;
  }

  .ucc-u-m-b-63-sp {
    margin-bottom: 63px !important;
  }

  .ucc-u-m-b-64-sp {
    margin-bottom: 64px !important;
  }

  .ucc-u-m-b-65-sp {
    margin-bottom: 65px !important;
  }

  .ucc-u-m-b-66-sp {
    margin-bottom: 66px !important;
  }

  .ucc-u-m-b-67-sp {
    margin-bottom: 67px !important;
  }

  .ucc-u-m-b-68-sp {
    margin-bottom: 68px !important;
  }

  .ucc-u-m-b-69-sp {
    margin-bottom: 69px !important;
  }

  .ucc-u-m-b-70-sp {
    margin-bottom: 70px !important;
  }

  .ucc-u-m-b-71-sp {
    margin-bottom: 71px !important;
  }

  .ucc-u-m-b-72-sp {
    margin-bottom: 72px !important;
  }

  .ucc-u-m-b-73-sp {
    margin-bottom: 73px !important;
  }

  .ucc-u-m-b-74-sp {
    margin-bottom: 74px !important;
  }

  .ucc-u-m-b-75-sp {
    margin-bottom: 75px !important;
  }

  .ucc-u-m-b-76-sp {
    margin-bottom: 76px !important;
  }

  .ucc-u-m-b-77-sp {
    margin-bottom: 77px !important;
  }

  .ucc-u-m-b-78-sp {
    margin-bottom: 78px !important;
  }

  .ucc-u-m-b-79-sp {
    margin-bottom: 79px !important;
  }

  .ucc-u-m-b-80-sp {
    margin-bottom: 80px !important;
  }

  .ucc-u-m-b-81-sp {
    margin-bottom: 81px !important;
  }

  .ucc-u-m-b-82-sp {
    margin-bottom: 82px !important;
  }

  .ucc-u-m-b-83-sp {
    margin-bottom: 83px !important;
  }

  .ucc-u-m-b-84-sp {
    margin-bottom: 84px !important;
  }

  .ucc-u-m-b-85-sp {
    margin-bottom: 85px !important;
  }

  .ucc-u-m-b-86-sp {
    margin-bottom: 86px !important;
  }

  .ucc-u-m-b-87-sp {
    margin-bottom: 87px !important;
  }

  .ucc-u-m-b-88-sp {
    margin-bottom: 88px !important;
  }

  .ucc-u-m-b-89-sp {
    margin-bottom: 89px !important;
  }

  .ucc-u-m-b-90-sp {
    margin-bottom: 90px !important;
  }

  .ucc-u-m-b-91-sp {
    margin-bottom: 91px !important;
  }

  .ucc-u-m-b-92-sp {
    margin-bottom: 92px !important;
  }

  .ucc-u-m-b-93-sp {
    margin-bottom: 93px !important;
  }

  .ucc-u-m-b-94-sp {
    margin-bottom: 94px !important;
  }

  .ucc-u-m-b-95-sp {
    margin-bottom: 95px !important;
  }

  .ucc-u-m-b-96-sp {
    margin-bottom: 96px !important;
  }

  .ucc-u-m-b-97-sp {
    margin-bottom: 97px !important;
  }

  .ucc-u-m-b-98-sp {
    margin-bottom: 98px !important;
  }

  .ucc-u-m-b-99-sp {
    margin-bottom: 99px !important;
  }

  .ucc-u-m-b-100-sp {
    margin-bottom: 100px !important;
  }

  .ucc-u-m-tb-1-sp {
    margin-top: 1px !important;
    margin-bottom: 1px !important;
  }

  .ucc-u-m-tb-2-sp {
    margin-top: 2px !important;
    margin-bottom: 2px !important;
  }

  .ucc-u-m-tb-3-sp {
    margin-top: 3px !important;
    margin-bottom: 3px !important;
  }

  .ucc-u-m-tb-4-sp {
    margin-top: 4px !important;
    margin-bottom: 4px !important;
  }

  .ucc-u-m-tb-5-sp {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
  }

  .ucc-u-m-tb-6-sp {
    margin-top: 6px !important;
    margin-bottom: 6px !important;
  }

  .ucc-u-m-tb-7-sp {
    margin-top: 7px !important;
    margin-bottom: 7px !important;
  }

  .ucc-u-m-tb-8-sp {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }

  .ucc-u-m-tb-9-sp {
    margin-top: 9px !important;
    margin-bottom: 9px !important;
  }

  .ucc-u-m-tb-10-sp {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }

  .ucc-u-m-tb-11-sp {
    margin-top: 11px !important;
    margin-bottom: 11px !important;
  }

  .ucc-u-m-tb-12-sp {
    margin-top: 12px !important;
    margin-bottom: 12px !important;
  }

  .ucc-u-m-tb-13-sp {
    margin-top: 13px !important;
    margin-bottom: 13px !important;
  }

  .ucc-u-m-tb-14-sp {
    margin-top: 14px !important;
    margin-bottom: 14px !important;
  }

  .ucc-u-m-tb-15-sp {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
  }

  .ucc-u-m-tb-16-sp {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }

  .ucc-u-m-tb-17-sp {
    margin-top: 17px !important;
    margin-bottom: 17px !important;
  }

  .ucc-u-m-tb-18-sp {
    margin-top: 18px !important;
    margin-bottom: 18px !important;
  }

  .ucc-u-m-tb-19-sp {
    margin-top: 19px !important;
    margin-bottom: 19px !important;
  }

  .ucc-u-m-tb-20-sp {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }

  .ucc-u-m-tb-21-sp {
    margin-top: 21px !important;
    margin-bottom: 21px !important;
  }

  .ucc-u-m-tb-22-sp {
    margin-top: 22px !important;
    margin-bottom: 22px !important;
  }

  .ucc-u-m-tb-23-sp {
    margin-top: 23px !important;
    margin-bottom: 23px !important;
  }

  .ucc-u-m-tb-24-sp {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }

  .ucc-u-m-tb-25-sp {
    margin-top: 25px !important;
    margin-bottom: 25px !important;
  }

  .ucc-u-m-tb-26-sp {
    margin-top: 26px !important;
    margin-bottom: 26px !important;
  }

  .ucc-u-m-tb-27-sp {
    margin-top: 27px !important;
    margin-bottom: 27px !important;
  }

  .ucc-u-m-tb-28-sp {
    margin-top: 28px !important;
    margin-bottom: 28px !important;
  }

  .ucc-u-m-tb-29-sp {
    margin-top: 29px !important;
    margin-bottom: 29px !important;
  }

  .ucc-u-m-tb-30-sp {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
  }

  .ucc-u-m-tb-31-sp {
    margin-top: 31px !important;
    margin-bottom: 31px !important;
  }

  .ucc-u-m-tb-32-sp {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }

  .ucc-u-m-tb-33-sp {
    margin-top: 33px !important;
    margin-bottom: 33px !important;
  }

  .ucc-u-m-tb-34-sp {
    margin-top: 34px !important;
    margin-bottom: 34px !important;
  }

  .ucc-u-m-tb-35-sp {
    margin-top: 35px !important;
    margin-bottom: 35px !important;
  }

  .ucc-u-m-tb-36-sp {
    margin-top: 36px !important;
    margin-bottom: 36px !important;
  }

  .ucc-u-m-tb-37-sp {
    margin-top: 37px !important;
    margin-bottom: 37px !important;
  }

  .ucc-u-m-tb-38-sp {
    margin-top: 38px !important;
    margin-bottom: 38px !important;
  }

  .ucc-u-m-tb-39-sp {
    margin-top: 39px !important;
    margin-bottom: 39px !important;
  }

  .ucc-u-m-tb-40-sp {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }

  .ucc-u-m-tb-41-sp {
    margin-top: 41px !important;
    margin-bottom: 41px !important;
  }

  .ucc-u-m-tb-42-sp {
    margin-top: 42px !important;
    margin-bottom: 42px !important;
  }

  .ucc-u-m-tb-43-sp {
    margin-top: 43px !important;
    margin-bottom: 43px !important;
  }

  .ucc-u-m-tb-44-sp {
    margin-top: 44px !important;
    margin-bottom: 44px !important;
  }

  .ucc-u-m-tb-45-sp {
    margin-top: 45px !important;
    margin-bottom: 45px !important;
  }

  .ucc-u-m-tb-46-sp {
    margin-top: 46px !important;
    margin-bottom: 46px !important;
  }

  .ucc-u-m-tb-47-sp {
    margin-top: 47px !important;
    margin-bottom: 47px !important;
  }

  .ucc-u-m-tb-48-sp {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }

  .ucc-u-m-tb-49-sp {
    margin-top: 49px !important;
    margin-bottom: 49px !important;
  }

  .ucc-u-m-tb-50-sp {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
  }

  .ucc-u-m-tb-51-sp {
    margin-top: 51px !important;
    margin-bottom: 51px !important;
  }

  .ucc-u-m-tb-52-sp {
    margin-top: 52px !important;
    margin-bottom: 52px !important;
  }

  .ucc-u-m-tb-53-sp {
    margin-top: 53px !important;
    margin-bottom: 53px !important;
  }

  .ucc-u-m-tb-54-sp {
    margin-top: 54px !important;
    margin-bottom: 54px !important;
  }

  .ucc-u-m-tb-55-sp {
    margin-top: 55px !important;
    margin-bottom: 55px !important;
  }

  .ucc-u-m-tb-56-sp {
    margin-top: 56px !important;
    margin-bottom: 56px !important;
  }

  .ucc-u-m-tb-57-sp {
    margin-top: 57px !important;
    margin-bottom: 57px !important;
  }

  .ucc-u-m-tb-58-sp {
    margin-top: 58px !important;
    margin-bottom: 58px !important;
  }

  .ucc-u-m-tb-59-sp {
    margin-top: 59px !important;
    margin-bottom: 59px !important;
  }

  .ucc-u-m-tb-60-sp {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
  }

  .ucc-u-m-tb-61-sp {
    margin-top: 61px !important;
    margin-bottom: 61px !important;
  }

  .ucc-u-m-tb-62-sp {
    margin-top: 62px !important;
    margin-bottom: 62px !important;
  }

  .ucc-u-m-tb-63-sp {
    margin-top: 63px !important;
    margin-bottom: 63px !important;
  }

  .ucc-u-m-tb-64-sp {
    margin-top: 64px !important;
    margin-bottom: 64px !important;
  }

  .ucc-u-m-tb-65-sp {
    margin-top: 65px !important;
    margin-bottom: 65px !important;
  }

  .ucc-u-m-tb-66-sp {
    margin-top: 66px !important;
    margin-bottom: 66px !important;
  }

  .ucc-u-m-tb-67-sp {
    margin-top: 67px !important;
    margin-bottom: 67px !important;
  }

  .ucc-u-m-tb-68-sp {
    margin-top: 68px !important;
    margin-bottom: 68px !important;
  }

  .ucc-u-m-tb-69-sp {
    margin-top: 69px !important;
    margin-bottom: 69px !important;
  }

  .ucc-u-m-tb-70-sp {
    margin-top: 70px !important;
    margin-bottom: 70px !important;
  }

  .ucc-u-m-tb-71-sp {
    margin-top: 71px !important;
    margin-bottom: 71px !important;
  }

  .ucc-u-m-tb-72-sp {
    margin-top: 72px !important;
    margin-bottom: 72px !important;
  }

  .ucc-u-m-tb-73-sp {
    margin-top: 73px !important;
    margin-bottom: 73px !important;
  }

  .ucc-u-m-tb-74-sp {
    margin-top: 74px !important;
    margin-bottom: 74px !important;
  }

  .ucc-u-m-tb-75-sp {
    margin-top: 75px !important;
    margin-bottom: 75px !important;
  }

  .ucc-u-m-tb-76-sp {
    margin-top: 76px !important;
    margin-bottom: 76px !important;
  }

  .ucc-u-m-tb-77-sp {
    margin-top: 77px !important;
    margin-bottom: 77px !important;
  }

  .ucc-u-m-tb-78-sp {
    margin-top: 78px !important;
    margin-bottom: 78px !important;
  }

  .ucc-u-m-tb-79-sp {
    margin-top: 79px !important;
    margin-bottom: 79px !important;
  }

  .ucc-u-m-tb-80-sp {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
  }

  .ucc-u-m-tb-81-sp {
    margin-top: 81px !important;
    margin-bottom: 81px !important;
  }

  .ucc-u-m-tb-82-sp {
    margin-top: 82px !important;
    margin-bottom: 82px !important;
  }

  .ucc-u-m-tb-83-sp {
    margin-top: 83px !important;
    margin-bottom: 83px !important;
  }

  .ucc-u-m-tb-84-sp {
    margin-top: 84px !important;
    margin-bottom: 84px !important;
  }

  .ucc-u-m-tb-85-sp {
    margin-top: 85px !important;
    margin-bottom: 85px !important;
  }

  .ucc-u-m-tb-86-sp {
    margin-top: 86px !important;
    margin-bottom: 86px !important;
  }

  .ucc-u-m-tb-87-sp {
    margin-top: 87px !important;
    margin-bottom: 87px !important;
  }

  .ucc-u-m-tb-88-sp {
    margin-top: 88px !important;
    margin-bottom: 88px !important;
  }

  .ucc-u-m-tb-89-sp {
    margin-top: 89px !important;
    margin-bottom: 89px !important;
  }

  .ucc-u-m-tb-90-sp {
    margin-top: 90px !important;
    margin-bottom: 90px !important;
  }

  .ucc-u-m-tb-91-sp {
    margin-top: 91px !important;
    margin-bottom: 91px !important;
  }

  .ucc-u-m-tb-92-sp {
    margin-top: 92px !important;
    margin-bottom: 92px !important;
  }

  .ucc-u-m-tb-93-sp {
    margin-top: 93px !important;
    margin-bottom: 93px !important;
  }

  .ucc-u-m-tb-94-sp {
    margin-top: 94px !important;
    margin-bottom: 94px !important;
  }

  .ucc-u-m-tb-95-sp {
    margin-top: 95px !important;
    margin-bottom: 95px !important;
  }

  .ucc-u-m-tb-96-sp {
    margin-top: 96px !important;
    margin-bottom: 96px !important;
  }

  .ucc-u-m-tb-97-sp {
    margin-top: 97px !important;
    margin-bottom: 97px !important;
  }

  .ucc-u-m-tb-98-sp {
    margin-top: 98px !important;
    margin-bottom: 98px !important;
  }

  .ucc-u-m-tb-99-sp {
    margin-top: 99px !important;
    margin-bottom: 99px !important;
  }

  .ucc-u-m-tb-100-sp {
    margin-top: 100px !important;
    margin-bottom: 100px !important;
  }

  .ucc-u-m-r-1-sp {
    margin-right: 1px !important;
  }

  .ucc-u-m-r-2-sp {
    margin-right: 2px !important;
  }

  .ucc-u-m-r-3-sp {
    margin-right: 3px !important;
  }

  .ucc-u-m-r-4-sp {
    margin-right: 4px !important;
  }

  .ucc-u-m-r-5-sp {
    margin-right: 5px !important;
  }

  .ucc-u-m-r-6-sp {
    margin-right: 6px !important;
  }

  .ucc-u-m-r-7-sp {
    margin-right: 7px !important;
  }

  .ucc-u-m-r-8-sp {
    margin-right: 8px !important;
  }

  .ucc-u-m-r-9-sp {
    margin-right: 9px !important;
  }

  .ucc-u-m-r-10-sp {
    margin-right: 10px !important;
  }

  .ucc-u-m-r-11-sp {
    margin-right: 11px !important;
  }

  .ucc-u-m-r-12-sp {
    margin-right: 12px !important;
  }

  .ucc-u-m-r-13-sp {
    margin-right: 13px !important;
  }

  .ucc-u-m-r-14-sp {
    margin-right: 14px !important;
  }

  .ucc-u-m-r-15-sp {
    margin-right: 15px !important;
  }

  .ucc-u-m-r-16-sp {
    margin-right: 16px !important;
  }

  .ucc-u-m-r-17-sp {
    margin-right: 17px !important;
  }

  .ucc-u-m-r-18-sp {
    margin-right: 18px !important;
  }

  .ucc-u-m-r-19-sp {
    margin-right: 19px !important;
  }

  .ucc-u-m-r-20-sp {
    margin-right: 20px !important;
  }

  .ucc-u-m-r-21-sp {
    margin-right: 21px !important;
  }

  .ucc-u-m-r-22-sp {
    margin-right: 22px !important;
  }

  .ucc-u-m-r-23-sp {
    margin-right: 23px !important;
  }

  .ucc-u-m-r-24-sp {
    margin-right: 24px !important;
  }

  .ucc-u-m-r-25-sp {
    margin-right: 25px !important;
  }

  .ucc-u-m-r-26-sp {
    margin-right: 26px !important;
  }

  .ucc-u-m-r-27-sp {
    margin-right: 27px !important;
  }

  .ucc-u-m-r-28-sp {
    margin-right: 28px !important;
  }

  .ucc-u-m-r-29-sp {
    margin-right: 29px !important;
  }

  .ucc-u-m-r-30-sp {
    margin-right: 30px !important;
  }

  .ucc-u-m-r-31-sp {
    margin-right: 31px !important;
  }

  .ucc-u-m-r-32-sp {
    margin-right: 32px !important;
  }

  .ucc-u-m-r-33-sp {
    margin-right: 33px !important;
  }

  .ucc-u-m-r-34-sp {
    margin-right: 34px !important;
  }

  .ucc-u-m-r-35-sp {
    margin-right: 35px !important;
  }

  .ucc-u-m-r-36-sp {
    margin-right: 36px !important;
  }

  .ucc-u-m-r-37-sp {
    margin-right: 37px !important;
  }

  .ucc-u-m-r-38-sp {
    margin-right: 38px !important;
  }

  .ucc-u-m-r-39-sp {
    margin-right: 39px !important;
  }

  .ucc-u-m-r-40-sp {
    margin-right: 40px !important;
  }

  .ucc-u-m-r-41-sp {
    margin-right: 41px !important;
  }

  .ucc-u-m-r-42-sp {
    margin-right: 42px !important;
  }

  .ucc-u-m-r-43-sp {
    margin-right: 43px !important;
  }

  .ucc-u-m-r-44-sp {
    margin-right: 44px !important;
  }

  .ucc-u-m-r-45-sp {
    margin-right: 45px !important;
  }

  .ucc-u-m-r-46-sp {
    margin-right: 46px !important;
  }

  .ucc-u-m-r-47-sp {
    margin-right: 47px !important;
  }

  .ucc-u-m-r-48-sp {
    margin-right: 48px !important;
  }

  .ucc-u-m-r-49-sp {
    margin-right: 49px !important;
  }

  .ucc-u-m-r-50-sp {
    margin-right: 50px !important;
  }

  .ucc-u-m-r-51-sp {
    margin-right: 51px !important;
  }

  .ucc-u-m-r-52-sp {
    margin-right: 52px !important;
  }

  .ucc-u-m-r-53-sp {
    margin-right: 53px !important;
  }

  .ucc-u-m-r-54-sp {
    margin-right: 54px !important;
  }

  .ucc-u-m-r-55-sp {
    margin-right: 55px !important;
  }

  .ucc-u-m-r-56-sp {
    margin-right: 56px !important;
  }

  .ucc-u-m-r-57-sp {
    margin-right: 57px !important;
  }

  .ucc-u-m-r-58-sp {
    margin-right: 58px !important;
  }

  .ucc-u-m-r-59-sp {
    margin-right: 59px !important;
  }

  .ucc-u-m-r-60-sp {
    margin-right: 60px !important;
  }

  .ucc-u-m-r-61-sp {
    margin-right: 61px !important;
  }

  .ucc-u-m-r-62-sp {
    margin-right: 62px !important;
  }

  .ucc-u-m-r-63-sp {
    margin-right: 63px !important;
  }

  .ucc-u-m-r-64-sp {
    margin-right: 64px !important;
  }

  .ucc-u-m-r-65-sp {
    margin-right: 65px !important;
  }

  .ucc-u-m-r-66-sp {
    margin-right: 66px !important;
  }

  .ucc-u-m-r-67-sp {
    margin-right: 67px !important;
  }

  .ucc-u-m-r-68-sp {
    margin-right: 68px !important;
  }

  .ucc-u-m-r-69-sp {
    margin-right: 69px !important;
  }

  .ucc-u-m-r-70-sp {
    margin-right: 70px !important;
  }

  .ucc-u-m-r-71-sp {
    margin-right: 71px !important;
  }

  .ucc-u-m-r-72-sp {
    margin-right: 72px !important;
  }

  .ucc-u-m-r-73-sp {
    margin-right: 73px !important;
  }

  .ucc-u-m-r-74-sp {
    margin-right: 74px !important;
  }

  .ucc-u-m-r-75-sp {
    margin-right: 75px !important;
  }

  .ucc-u-m-r-76-sp {
    margin-right: 76px !important;
  }

  .ucc-u-m-r-77-sp {
    margin-right: 77px !important;
  }

  .ucc-u-m-r-78-sp {
    margin-right: 78px !important;
  }

  .ucc-u-m-r-79-sp {
    margin-right: 79px !important;
  }

  .ucc-u-m-r-80-sp {
    margin-right: 80px !important;
  }

  .ucc-u-m-r-81-sp {
    margin-right: 81px !important;
  }

  .ucc-u-m-r-82-sp {
    margin-right: 82px !important;
  }

  .ucc-u-m-r-83-sp {
    margin-right: 83px !important;
  }

  .ucc-u-m-r-84-sp {
    margin-right: 84px !important;
  }

  .ucc-u-m-r-85-sp {
    margin-right: 85px !important;
  }

  .ucc-u-m-r-86-sp {
    margin-right: 86px !important;
  }

  .ucc-u-m-r-87-sp {
    margin-right: 87px !important;
  }

  .ucc-u-m-r-88-sp {
    margin-right: 88px !important;
  }

  .ucc-u-m-r-89-sp {
    margin-right: 89px !important;
  }

  .ucc-u-m-r-90-sp {
    margin-right: 90px !important;
  }

  .ucc-u-m-r-91-sp {
    margin-right: 91px !important;
  }

  .ucc-u-m-r-92-sp {
    margin-right: 92px !important;
  }

  .ucc-u-m-r-93-sp {
    margin-right: 93px !important;
  }

  .ucc-u-m-r-94-sp {
    margin-right: 94px !important;
  }

  .ucc-u-m-r-95-sp {
    margin-right: 95px !important;
  }

  .ucc-u-m-r-96-sp {
    margin-right: 96px !important;
  }

  .ucc-u-m-r-97-sp {
    margin-right: 97px !important;
  }

  .ucc-u-m-r-98-sp {
    margin-right: 98px !important;
  }

  .ucc-u-m-r-99-sp {
    margin-right: 99px !important;
  }

  .ucc-u-m-r-100-sp {
    margin-right: 100px !important;
  }

  .ucc-u-m-l-1-sp {
    margin-right: 1px !important;
  }

  .ucc-u-m-l-2-sp {
    margin-right: 2px !important;
  }

  .ucc-u-m-l-3-sp {
    margin-right: 3px !important;
  }

  .ucc-u-m-l-4-sp {
    margin-right: 4px !important;
  }

  .ucc-u-m-l-5-sp {
    margin-right: 5px !important;
  }

  .ucc-u-m-l-6-sp {
    margin-right: 6px !important;
  }

  .ucc-u-m-l-7-sp {
    margin-right: 7px !important;
  }

  .ucc-u-m-l-8-sp {
    margin-right: 8px !important;
  }

  .ucc-u-m-l-9-sp {
    margin-right: 9px !important;
  }

  .ucc-u-m-l-10-sp {
    margin-right: 10px !important;
  }

  .ucc-u-m-l-11-sp {
    margin-right: 11px !important;
  }

  .ucc-u-m-l-12-sp {
    margin-right: 12px !important;
  }

  .ucc-u-m-l-13-sp {
    margin-right: 13px !important;
  }

  .ucc-u-m-l-14-sp {
    margin-right: 14px !important;
  }

  .ucc-u-m-l-15-sp {
    margin-right: 15px !important;
  }

  .ucc-u-m-l-16-sp {
    margin-right: 16px !important;
  }

  .ucc-u-m-l-17-sp {
    margin-right: 17px !important;
  }

  .ucc-u-m-l-18-sp {
    margin-right: 18px !important;
  }

  .ucc-u-m-l-19-sp {
    margin-right: 19px !important;
  }

  .ucc-u-m-l-20-sp {
    margin-right: 20px !important;
  }

  .ucc-u-m-l-21-sp {
    margin-right: 21px !important;
  }

  .ucc-u-m-l-22-sp {
    margin-right: 22px !important;
  }

  .ucc-u-m-l-23-sp {
    margin-right: 23px !important;
  }

  .ucc-u-m-l-24-sp {
    margin-right: 24px !important;
  }

  .ucc-u-m-l-25-sp {
    margin-right: 25px !important;
  }

  .ucc-u-m-l-26-sp {
    margin-right: 26px !important;
  }

  .ucc-u-m-l-27-sp {
    margin-right: 27px !important;
  }

  .ucc-u-m-l-28-sp {
    margin-right: 28px !important;
  }

  .ucc-u-m-l-29-sp {
    margin-right: 29px !important;
  }

  .ucc-u-m-l-30-sp {
    margin-right: 30px !important;
  }

  .ucc-u-m-l-31-sp {
    margin-right: 31px !important;
  }

  .ucc-u-m-l-32-sp {
    margin-right: 32px !important;
  }

  .ucc-u-m-l-33-sp {
    margin-right: 33px !important;
  }

  .ucc-u-m-l-34-sp {
    margin-right: 34px !important;
  }

  .ucc-u-m-l-35-sp {
    margin-right: 35px !important;
  }

  .ucc-u-m-l-36-sp {
    margin-right: 36px !important;
  }

  .ucc-u-m-l-37-sp {
    margin-right: 37px !important;
  }

  .ucc-u-m-l-38-sp {
    margin-right: 38px !important;
  }

  .ucc-u-m-l-39-sp {
    margin-right: 39px !important;
  }

  .ucc-u-m-l-40-sp {
    margin-right: 40px !important;
  }

  .ucc-u-m-l-41-sp {
    margin-right: 41px !important;
  }

  .ucc-u-m-l-42-sp {
    margin-right: 42px !important;
  }

  .ucc-u-m-l-43-sp {
    margin-right: 43px !important;
  }

  .ucc-u-m-l-44-sp {
    margin-right: 44px !important;
  }

  .ucc-u-m-l-45-sp {
    margin-right: 45px !important;
  }

  .ucc-u-m-l-46-sp {
    margin-right: 46px !important;
  }

  .ucc-u-m-l-47-sp {
    margin-right: 47px !important;
  }

  .ucc-u-m-l-48-sp {
    margin-right: 48px !important;
  }

  .ucc-u-m-l-49-sp {
    margin-right: 49px !important;
  }

  .ucc-u-m-l-50-sp {
    margin-right: 50px !important;
  }

  .ucc-u-m-l-51-sp {
    margin-right: 51px !important;
  }

  .ucc-u-m-l-52-sp {
    margin-right: 52px !important;
  }

  .ucc-u-m-l-53-sp {
    margin-right: 53px !important;
  }

  .ucc-u-m-l-54-sp {
    margin-right: 54px !important;
  }

  .ucc-u-m-l-55-sp {
    margin-right: 55px !important;
  }

  .ucc-u-m-l-56-sp {
    margin-right: 56px !important;
  }

  .ucc-u-m-l-57-sp {
    margin-right: 57px !important;
  }

  .ucc-u-m-l-58-sp {
    margin-right: 58px !important;
  }

  .ucc-u-m-l-59-sp {
    margin-right: 59px !important;
  }

  .ucc-u-m-l-60-sp {
    margin-right: 60px !important;
  }

  .ucc-u-m-l-61-sp {
    margin-right: 61px !important;
  }

  .ucc-u-m-l-62-sp {
    margin-right: 62px !important;
  }

  .ucc-u-m-l-63-sp {
    margin-right: 63px !important;
  }

  .ucc-u-m-l-64-sp {
    margin-right: 64px !important;
  }

  .ucc-u-m-l-65-sp {
    margin-right: 65px !important;
  }

  .ucc-u-m-l-66-sp {
    margin-right: 66px !important;
  }

  .ucc-u-m-l-67-sp {
    margin-right: 67px !important;
  }

  .ucc-u-m-l-68-sp {
    margin-right: 68px !important;
  }

  .ucc-u-m-l-69-sp {
    margin-right: 69px !important;
  }

  .ucc-u-m-l-70-sp {
    margin-right: 70px !important;
  }

  .ucc-u-m-l-71-sp {
    margin-right: 71px !important;
  }

  .ucc-u-m-l-72-sp {
    margin-right: 72px !important;
  }

  .ucc-u-m-l-73-sp {
    margin-right: 73px !important;
  }

  .ucc-u-m-l-74-sp {
    margin-right: 74px !important;
  }

  .ucc-u-m-l-75-sp {
    margin-right: 75px !important;
  }

  .ucc-u-m-l-76-sp {
    margin-right: 76px !important;
  }

  .ucc-u-m-l-77-sp {
    margin-right: 77px !important;
  }

  .ucc-u-m-l-78-sp {
    margin-right: 78px !important;
  }

  .ucc-u-m-l-79-sp {
    margin-right: 79px !important;
  }

  .ucc-u-m-l-80-sp {
    margin-right: 80px !important;
  }

  .ucc-u-m-l-81-sp {
    margin-right: 81px !important;
  }

  .ucc-u-m-l-82-sp {
    margin-right: 82px !important;
  }

  .ucc-u-m-l-83-sp {
    margin-right: 83px !important;
  }

  .ucc-u-m-l-84-sp {
    margin-right: 84px !important;
  }

  .ucc-u-m-l-85-sp {
    margin-right: 85px !important;
  }

  .ucc-u-m-l-86-sp {
    margin-right: 86px !important;
  }

  .ucc-u-m-l-87-sp {
    margin-right: 87px !important;
  }

  .ucc-u-m-l-88-sp {
    margin-right: 88px !important;
  }

  .ucc-u-m-l-89-sp {
    margin-right: 89px !important;
  }

  .ucc-u-m-l-90-sp {
    margin-right: 90px !important;
  }

  .ucc-u-m-l-91-sp {
    margin-right: 91px !important;
  }

  .ucc-u-m-l-92-sp {
    margin-right: 92px !important;
  }

  .ucc-u-m-l-93-sp {
    margin-right: 93px !important;
  }

  .ucc-u-m-l-94-sp {
    margin-right: 94px !important;
  }

  .ucc-u-m-l-95-sp {
    margin-right: 95px !important;
  }

  .ucc-u-m-l-96-sp {
    margin-right: 96px !important;
  }

  .ucc-u-m-l-97-sp {
    margin-right: 97px !important;
  }

  .ucc-u-m-l-98-sp {
    margin-right: 98px !important;
  }

  .ucc-u-m-l-99-sp {
    margin-right: 99px !important;
  }

  .ucc-u-m-l-100-sp {
    margin-right: 100px !important;
  }

  .ucc-u-p-t-1-sp {
    padding-top: 1px !important;
  }

  .ucc-u-p-t-2-sp {
    padding-top: 2px !important;
  }

  .ucc-u-p-t-3-sp {
    padding-top: 3px !important;
  }

  .ucc-u-p-t-4-sp {
    padding-top: 4px !important;
  }

  .ucc-u-p-t-5-sp {
    padding-top: 5px !important;
  }

  .ucc-u-p-t-6-sp {
    padding-top: 6px !important;
  }

  .ucc-u-p-t-7-sp {
    padding-top: 7px !important;
  }

  .ucc-u-p-t-8-sp {
    padding-top: 8px !important;
  }

  .ucc-u-p-t-9-sp {
    padding-top: 9px !important;
  }

  .ucc-u-p-t-10-sp {
    padding-top: 10px !important;
  }

  .ucc-u-p-t-11-sp {
    padding-top: 11px !important;
  }

  .ucc-u-p-t-12-sp {
    padding-top: 12px !important;
  }

  .ucc-u-p-t-13-sp {
    padding-top: 13px !important;
  }

  .ucc-u-p-t-14-sp {
    padding-top: 14px !important;
  }

  .ucc-u-p-t-15-sp {
    padding-top: 15px !important;
  }

  .ucc-u-p-t-16-sp {
    padding-top: 16px !important;
  }

  .ucc-u-p-t-17-sp {
    padding-top: 17px !important;
  }

  .ucc-u-p-t-18-sp {
    padding-top: 18px !important;
  }

  .ucc-u-p-t-19-sp {
    padding-top: 19px !important;
  }

  .ucc-u-p-t-20-sp {
    padding-top: 20px !important;
  }

  .ucc-u-p-t-21-sp {
    padding-top: 21px !important;
  }

  .ucc-u-p-t-22-sp {
    padding-top: 22px !important;
  }

  .ucc-u-p-t-23-sp {
    padding-top: 23px !important;
  }

  .ucc-u-p-t-24-sp {
    padding-top: 24px !important;
  }

  .ucc-u-p-t-25-sp {
    padding-top: 25px !important;
  }

  .ucc-u-p-t-26-sp {
    padding-top: 26px !important;
  }

  .ucc-u-p-t-27-sp {
    padding-top: 27px !important;
  }

  .ucc-u-p-t-28-sp {
    padding-top: 28px !important;
  }

  .ucc-u-p-t-29-sp {
    padding-top: 29px !important;
  }

  .ucc-u-p-t-30-sp {
    padding-top: 30px !important;
  }

  .ucc-u-p-t-31-sp {
    padding-top: 31px !important;
  }

  .ucc-u-p-t-32-sp {
    padding-top: 32px !important;
  }

  .ucc-u-p-t-33-sp {
    padding-top: 33px !important;
  }

  .ucc-u-p-t-34-sp {
    padding-top: 34px !important;
  }

  .ucc-u-p-t-35-sp {
    padding-top: 35px !important;
  }

  .ucc-u-p-t-36-sp {
    padding-top: 36px !important;
  }

  .ucc-u-p-t-37-sp {
    padding-top: 37px !important;
  }

  .ucc-u-p-t-38-sp {
    padding-top: 38px !important;
  }

  .ucc-u-p-t-39-sp {
    padding-top: 39px !important;
  }

  .ucc-u-p-t-40-sp {
    padding-top: 40px !important;
  }

  .ucc-u-p-t-41-sp {
    padding-top: 41px !important;
  }

  .ucc-u-p-t-42-sp {
    padding-top: 42px !important;
  }

  .ucc-u-p-t-43-sp {
    padding-top: 43px !important;
  }

  .ucc-u-p-t-44-sp {
    padding-top: 44px !important;
  }

  .ucc-u-p-t-45-sp {
    padding-top: 45px !important;
  }

  .ucc-u-p-t-46-sp {
    padding-top: 46px !important;
  }

  .ucc-u-p-t-47-sp {
    padding-top: 47px !important;
  }

  .ucc-u-p-t-48-sp {
    padding-top: 48px !important;
  }

  .ucc-u-p-t-49-sp {
    padding-top: 49px !important;
  }

  .ucc-u-p-t-50-sp {
    padding-top: 50px !important;
  }

  .ucc-u-p-t-51-sp {
    padding-top: 51px !important;
  }

  .ucc-u-p-t-52-sp {
    padding-top: 52px !important;
  }

  .ucc-u-p-t-53-sp {
    padding-top: 53px !important;
  }

  .ucc-u-p-t-54-sp {
    padding-top: 54px !important;
  }

  .ucc-u-p-t-55-sp {
    padding-top: 55px !important;
  }

  .ucc-u-p-t-56-sp {
    padding-top: 56px !important;
  }

  .ucc-u-p-t-57-sp {
    padding-top: 57px !important;
  }

  .ucc-u-p-t-58-sp {
    padding-top: 58px !important;
  }

  .ucc-u-p-t-59-sp {
    padding-top: 59px !important;
  }

  .ucc-u-p-t-60-sp {
    padding-top: 60px !important;
  }

  .ucc-u-p-t-61-sp {
    padding-top: 61px !important;
  }

  .ucc-u-p-t-62-sp {
    padding-top: 62px !important;
  }

  .ucc-u-p-t-63-sp {
    padding-top: 63px !important;
  }

  .ucc-u-p-t-64-sp {
    padding-top: 64px !important;
  }

  .ucc-u-p-t-65-sp {
    padding-top: 65px !important;
  }

  .ucc-u-p-t-66-sp {
    padding-top: 66px !important;
  }

  .ucc-u-p-t-67-sp {
    padding-top: 67px !important;
  }

  .ucc-u-p-t-68-sp {
    padding-top: 68px !important;
  }

  .ucc-u-p-t-69-sp {
    padding-top: 69px !important;
  }

  .ucc-u-p-t-70-sp {
    padding-top: 70px !important;
  }

  .ucc-u-p-t-71-sp {
    padding-top: 71px !important;
  }

  .ucc-u-p-t-72-sp {
    padding-top: 72px !important;
  }

  .ucc-u-p-t-73-sp {
    padding-top: 73px !important;
  }

  .ucc-u-p-t-74-sp {
    padding-top: 74px !important;
  }

  .ucc-u-p-t-75-sp {
    padding-top: 75px !important;
  }

  .ucc-u-p-t-76-sp {
    padding-top: 76px !important;
  }

  .ucc-u-p-t-77-sp {
    padding-top: 77px !important;
  }

  .ucc-u-p-t-78-sp {
    padding-top: 78px !important;
  }

  .ucc-u-p-t-79-sp {
    padding-top: 79px !important;
  }

  .ucc-u-p-t-80-sp {
    padding-top: 80px !important;
  }

  .ucc-u-p-t-81-sp {
    padding-top: 81px !important;
  }

  .ucc-u-p-t-82-sp {
    padding-top: 82px !important;
  }

  .ucc-u-p-t-83-sp {
    padding-top: 83px !important;
  }

  .ucc-u-p-t-84-sp {
    padding-top: 84px !important;
  }

  .ucc-u-p-t-85-sp {
    padding-top: 85px !important;
  }

  .ucc-u-p-t-86-sp {
    padding-top: 86px !important;
  }

  .ucc-u-p-t-87-sp {
    padding-top: 87px !important;
  }

  .ucc-u-p-t-88-sp {
    padding-top: 88px !important;
  }

  .ucc-u-p-t-89-sp {
    padding-top: 89px !important;
  }

  .ucc-u-p-t-90-sp {
    padding-top: 90px !important;
  }

  .ucc-u-p-t-91-sp {
    padding-top: 91px !important;
  }

  .ucc-u-p-t-92-sp {
    padding-top: 92px !important;
  }

  .ucc-u-p-t-93-sp {
    padding-top: 93px !important;
  }

  .ucc-u-p-t-94-sp {
    padding-top: 94px !important;
  }

  .ucc-u-p-t-95-sp {
    padding-top: 95px !important;
  }

  .ucc-u-p-t-96-sp {
    padding-top: 96px !important;
  }

  .ucc-u-p-t-97-sp {
    padding-top: 97px !important;
  }

  .ucc-u-p-t-98-sp {
    padding-top: 98px !important;
  }

  .ucc-u-p-t-99-sp {
    padding-top: 99px !important;
  }

  .ucc-u-p-t-100-sp {
    padding-top: 100px !important;
  }

  .ucc-u-p-b-1-sp {
    padding-bottom: 1px !important;
  }

  .ucc-u-p-b-2-sp {
    padding-bottom: 2px !important;
  }

  .ucc-u-p-b-3-sp {
    padding-bottom: 3px !important;
  }

  .ucc-u-p-b-4-sp {
    padding-bottom: 4px !important;
  }

  .ucc-u-p-b-5-sp {
    padding-bottom: 5px !important;
  }

  .ucc-u-p-b-6-sp {
    padding-bottom: 6px !important;
  }

  .ucc-u-p-b-7-sp {
    padding-bottom: 7px !important;
  }

  .ucc-u-p-b-8-sp {
    padding-bottom: 8px !important;
  }

  .ucc-u-p-b-9-sp {
    padding-bottom: 9px !important;
  }

  .ucc-u-p-b-10-sp {
    padding-bottom: 10px !important;
  }

  .ucc-u-p-b-11-sp {
    padding-bottom: 11px !important;
  }

  .ucc-u-p-b-12-sp {
    padding-bottom: 12px !important;
  }

  .ucc-u-p-b-13-sp {
    padding-bottom: 13px !important;
  }

  .ucc-u-p-b-14-sp {
    padding-bottom: 14px !important;
  }

  .ucc-u-p-b-15-sp {
    padding-bottom: 15px !important;
  }

  .ucc-u-p-b-16-sp {
    padding-bottom: 16px !important;
  }

  .ucc-u-p-b-17-sp {
    padding-bottom: 17px !important;
  }

  .ucc-u-p-b-18-sp {
    padding-bottom: 18px !important;
  }

  .ucc-u-p-b-19-sp {
    padding-bottom: 19px !important;
  }

  .ucc-u-p-b-20-sp {
    padding-bottom: 20px !important;
  }

  .ucc-u-p-b-21-sp {
    padding-bottom: 21px !important;
  }

  .ucc-u-p-b-22-sp {
    padding-bottom: 22px !important;
  }

  .ucc-u-p-b-23-sp {
    padding-bottom: 23px !important;
  }

  .ucc-u-p-b-24-sp {
    padding-bottom: 24px !important;
  }

  .ucc-u-p-b-25-sp {
    padding-bottom: 25px !important;
  }

  .ucc-u-p-b-26-sp {
    padding-bottom: 26px !important;
  }

  .ucc-u-p-b-27-sp {
    padding-bottom: 27px !important;
  }

  .ucc-u-p-b-28-sp {
    padding-bottom: 28px !important;
  }

  .ucc-u-p-b-29-sp {
    padding-bottom: 29px !important;
  }

  .ucc-u-p-b-30-sp {
    padding-bottom: 30px !important;
  }

  .ucc-u-p-b-31-sp {
    padding-bottom: 31px !important;
  }

  .ucc-u-p-b-32-sp {
    padding-bottom: 32px !important;
  }

  .ucc-u-p-b-33-sp {
    padding-bottom: 33px !important;
  }

  .ucc-u-p-b-34-sp {
    padding-bottom: 34px !important;
  }

  .ucc-u-p-b-35-sp {
    padding-bottom: 35px !important;
  }

  .ucc-u-p-b-36-sp {
    padding-bottom: 36px !important;
  }

  .ucc-u-p-b-37-sp {
    padding-bottom: 37px !important;
  }

  .ucc-u-p-b-38-sp {
    padding-bottom: 38px !important;
  }

  .ucc-u-p-b-39-sp {
    padding-bottom: 39px !important;
  }

  .ucc-u-p-b-40-sp {
    padding-bottom: 40px !important;
  }

  .ucc-u-p-b-41-sp {
    padding-bottom: 41px !important;
  }

  .ucc-u-p-b-42-sp {
    padding-bottom: 42px !important;
  }

  .ucc-u-p-b-43-sp {
    padding-bottom: 43px !important;
  }

  .ucc-u-p-b-44-sp {
    padding-bottom: 44px !important;
  }

  .ucc-u-p-b-45-sp {
    padding-bottom: 45px !important;
  }

  .ucc-u-p-b-46-sp {
    padding-bottom: 46px !important;
  }

  .ucc-u-p-b-47-sp {
    padding-bottom: 47px !important;
  }

  .ucc-u-p-b-48-sp {
    padding-bottom: 48px !important;
  }

  .ucc-u-p-b-49-sp {
    padding-bottom: 49px !important;
  }

  .ucc-u-p-b-50-sp {
    padding-bottom: 50px !important;
  }

  .ucc-u-p-b-51-sp {
    padding-bottom: 51px !important;
  }

  .ucc-u-p-b-52-sp {
    padding-bottom: 52px !important;
  }

  .ucc-u-p-b-53-sp {
    padding-bottom: 53px !important;
  }

  .ucc-u-p-b-54-sp {
    padding-bottom: 54px !important;
  }

  .ucc-u-p-b-55-sp {
    padding-bottom: 55px !important;
  }

  .ucc-u-p-b-56-sp {
    padding-bottom: 56px !important;
  }

  .ucc-u-p-b-57-sp {
    padding-bottom: 57px !important;
  }

  .ucc-u-p-b-58-sp {
    padding-bottom: 58px !important;
  }

  .ucc-u-p-b-59-sp {
    padding-bottom: 59px !important;
  }

  .ucc-u-p-b-60-sp {
    padding-bottom: 60px !important;
  }

  .ucc-u-p-b-61-sp {
    padding-bottom: 61px !important;
  }

  .ucc-u-p-b-62-sp {
    padding-bottom: 62px !important;
  }

  .ucc-u-p-b-63-sp {
    padding-bottom: 63px !important;
  }

  .ucc-u-p-b-64-sp {
    padding-bottom: 64px !important;
  }

  .ucc-u-p-b-65-sp {
    padding-bottom: 65px !important;
  }

  .ucc-u-p-b-66-sp {
    padding-bottom: 66px !important;
  }

  .ucc-u-p-b-67-sp {
    padding-bottom: 67px !important;
  }

  .ucc-u-p-b-68-sp {
    padding-bottom: 68px !important;
  }

  .ucc-u-p-b-69-sp {
    padding-bottom: 69px !important;
  }

  .ucc-u-p-b-70-sp {
    padding-bottom: 70px !important;
  }

  .ucc-u-p-b-71-sp {
    padding-bottom: 71px !important;
  }

  .ucc-u-p-b-72-sp {
    padding-bottom: 72px !important;
  }

  .ucc-u-p-b-73-sp {
    padding-bottom: 73px !important;
  }

  .ucc-u-p-b-74-sp {
    padding-bottom: 74px !important;
  }

  .ucc-u-p-b-75-sp {
    padding-bottom: 75px !important;
  }

  .ucc-u-p-b-76-sp {
    padding-bottom: 76px !important;
  }

  .ucc-u-p-b-77-sp {
    padding-bottom: 77px !important;
  }

  .ucc-u-p-b-78-sp {
    padding-bottom: 78px !important;
  }

  .ucc-u-p-b-79-sp {
    padding-bottom: 79px !important;
  }

  .ucc-u-p-b-80-sp {
    padding-bottom: 80px !important;
  }

  .ucc-u-p-b-81-sp {
    padding-bottom: 81px !important;
  }

  .ucc-u-p-b-82-sp {
    padding-bottom: 82px !important;
  }

  .ucc-u-p-b-83-sp {
    padding-bottom: 83px !important;
  }

  .ucc-u-p-b-84-sp {
    padding-bottom: 84px !important;
  }

  .ucc-u-p-b-85-sp {
    padding-bottom: 85px !important;
  }

  .ucc-u-p-b-86-sp {
    padding-bottom: 86px !important;
  }

  .ucc-u-p-b-87-sp {
    padding-bottom: 87px !important;
  }

  .ucc-u-p-b-88-sp {
    padding-bottom: 88px !important;
  }

  .ucc-u-p-b-89-sp {
    padding-bottom: 89px !important;
  }

  .ucc-u-p-b-90-sp {
    padding-bottom: 90px !important;
  }

  .ucc-u-p-b-91-sp {
    padding-bottom: 91px !important;
  }

  .ucc-u-p-b-92-sp {
    padding-bottom: 92px !important;
  }

  .ucc-u-p-b-93-sp {
    padding-bottom: 93px !important;
  }

  .ucc-u-p-b-94-sp {
    padding-bottom: 94px !important;
  }

  .ucc-u-p-b-95-sp {
    padding-bottom: 95px !important;
  }

  .ucc-u-p-b-96-sp {
    padding-bottom: 96px !important;
  }

  .ucc-u-p-b-97-sp {
    padding-bottom: 97px !important;
  }

  .ucc-u-p-b-98-sp {
    padding-bottom: 98px !important;
  }

  .ucc-u-p-b-99-sp {
    padding-bottom: 99px !important;
  }

  .ucc-u-p-b-100-sp {
    padding-bottom: 100px !important;
  }

  .ucc-u-p-tb-1-sp {
    padding-top: 1px !important;
    padding-bottom: 1px !important;
  }

  .ucc-u-p-tb-2-sp {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
  }

  .ucc-u-p-tb-3-sp {
    padding-top: 3px !important;
    padding-bottom: 3px !important;
  }

  .ucc-u-p-tb-4-sp {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
  }

  .ucc-u-p-tb-5-sp {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }

  .ucc-u-p-tb-6-sp {
    padding-top: 6px !important;
    padding-bottom: 6px !important;
  }

  .ucc-u-p-tb-7-sp {
    padding-top: 7px !important;
    padding-bottom: 7px !important;
  }

  .ucc-u-p-tb-8-sp {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }

  .ucc-u-p-tb-9-sp {
    padding-top: 9px !important;
    padding-bottom: 9px !important;
  }

  .ucc-u-p-tb-10-sp {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }

  .ucc-u-p-tb-11-sp {
    padding-top: 11px !important;
    padding-bottom: 11px !important;
  }

  .ucc-u-p-tb-12-sp {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
  }

  .ucc-u-p-tb-13-sp {
    padding-top: 13px !important;
    padding-bottom: 13px !important;
  }

  .ucc-u-p-tb-14-sp {
    padding-top: 14px !important;
    padding-bottom: 14px !important;
  }

  .ucc-u-p-tb-15-sp {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
  }

  .ucc-u-p-tb-16-sp {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }

  .ucc-u-p-tb-17-sp {
    padding-top: 17px !important;
    padding-bottom: 17px !important;
  }

  .ucc-u-p-tb-18-sp {
    padding-top: 18px !important;
    padding-bottom: 18px !important;
  }

  .ucc-u-p-tb-19-sp {
    padding-top: 19px !important;
    padding-bottom: 19px !important;
  }

  .ucc-u-p-tb-20-sp {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }

  .ucc-u-p-tb-21-sp {
    padding-top: 21px !important;
    padding-bottom: 21px !important;
  }

  .ucc-u-p-tb-22-sp {
    padding-top: 22px !important;
    padding-bottom: 22px !important;
  }

  .ucc-u-p-tb-23-sp {
    padding-top: 23px !important;
    padding-bottom: 23px !important;
  }

  .ucc-u-p-tb-24-sp {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }

  .ucc-u-p-tb-25-sp {
    padding-top: 25px !important;
    padding-bottom: 25px !important;
  }

  .ucc-u-p-tb-26-sp {
    padding-top: 26px !important;
    padding-bottom: 26px !important;
  }

  .ucc-u-p-tb-27-sp {
    padding-top: 27px !important;
    padding-bottom: 27px !important;
  }

  .ucc-u-p-tb-28-sp {
    padding-top: 28px !important;
    padding-bottom: 28px !important;
  }

  .ucc-u-p-tb-29-sp {
    padding-top: 29px !important;
    padding-bottom: 29px !important;
  }

  .ucc-u-p-tb-30-sp {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }

  .ucc-u-p-tb-31-sp {
    padding-top: 31px !important;
    padding-bottom: 31px !important;
  }

  .ucc-u-p-tb-32-sp {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }

  .ucc-u-p-tb-33-sp {
    padding-top: 33px !important;
    padding-bottom: 33px !important;
  }

  .ucc-u-p-tb-34-sp {
    padding-top: 34px !important;
    padding-bottom: 34px !important;
  }

  .ucc-u-p-tb-35-sp {
    padding-top: 35px !important;
    padding-bottom: 35px !important;
  }

  .ucc-u-p-tb-36-sp {
    padding-top: 36px !important;
    padding-bottom: 36px !important;
  }

  .ucc-u-p-tb-37-sp {
    padding-top: 37px !important;
    padding-bottom: 37px !important;
  }

  .ucc-u-p-tb-38-sp {
    padding-top: 38px !important;
    padding-bottom: 38px !important;
  }

  .ucc-u-p-tb-39-sp {
    padding-top: 39px !important;
    padding-bottom: 39px !important;
  }

  .ucc-u-p-tb-40-sp {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }

  .ucc-u-p-tb-41-sp {
    padding-top: 41px !important;
    padding-bottom: 41px !important;
  }

  .ucc-u-p-tb-42-sp {
    padding-top: 42px !important;
    padding-bottom: 42px !important;
  }

  .ucc-u-p-tb-43-sp {
    padding-top: 43px !important;
    padding-bottom: 43px !important;
  }

  .ucc-u-p-tb-44-sp {
    padding-top: 44px !important;
    padding-bottom: 44px !important;
  }

  .ucc-u-p-tb-45-sp {
    padding-top: 45px !important;
    padding-bottom: 45px !important;
  }

  .ucc-u-p-tb-46-sp {
    padding-top: 46px !important;
    padding-bottom: 46px !important;
  }

  .ucc-u-p-tb-47-sp {
    padding-top: 47px !important;
    padding-bottom: 47px !important;
  }

  .ucc-u-p-tb-48-sp {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }

  .ucc-u-p-tb-49-sp {
    padding-top: 49px !important;
    padding-bottom: 49px !important;
  }

  .ucc-u-p-tb-50-sp {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }

  .ucc-u-p-tb-51-sp {
    padding-top: 51px !important;
    padding-bottom: 51px !important;
  }

  .ucc-u-p-tb-52-sp {
    padding-top: 52px !important;
    padding-bottom: 52px !important;
  }

  .ucc-u-p-tb-53-sp {
    padding-top: 53px !important;
    padding-bottom: 53px !important;
  }

  .ucc-u-p-tb-54-sp {
    padding-top: 54px !important;
    padding-bottom: 54px !important;
  }

  .ucc-u-p-tb-55-sp {
    padding-top: 55px !important;
    padding-bottom: 55px !important;
  }

  .ucc-u-p-tb-56-sp {
    padding-top: 56px !important;
    padding-bottom: 56px !important;
  }

  .ucc-u-p-tb-57-sp {
    padding-top: 57px !important;
    padding-bottom: 57px !important;
  }

  .ucc-u-p-tb-58-sp {
    padding-top: 58px !important;
    padding-bottom: 58px !important;
  }

  .ucc-u-p-tb-59-sp {
    padding-top: 59px !important;
    padding-bottom: 59px !important;
  }

  .ucc-u-p-tb-60-sp {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }

  .ucc-u-p-tb-61-sp {
    padding-top: 61px !important;
    padding-bottom: 61px !important;
  }

  .ucc-u-p-tb-62-sp {
    padding-top: 62px !important;
    padding-bottom: 62px !important;
  }

  .ucc-u-p-tb-63-sp {
    padding-top: 63px !important;
    padding-bottom: 63px !important;
  }

  .ucc-u-p-tb-64-sp {
    padding-top: 64px !important;
    padding-bottom: 64px !important;
  }

  .ucc-u-p-tb-65-sp {
    padding-top: 65px !important;
    padding-bottom: 65px !important;
  }

  .ucc-u-p-tb-66-sp {
    padding-top: 66px !important;
    padding-bottom: 66px !important;
  }

  .ucc-u-p-tb-67-sp {
    padding-top: 67px !important;
    padding-bottom: 67px !important;
  }

  .ucc-u-p-tb-68-sp {
    padding-top: 68px !important;
    padding-bottom: 68px !important;
  }

  .ucc-u-p-tb-69-sp {
    padding-top: 69px !important;
    padding-bottom: 69px !important;
  }

  .ucc-u-p-tb-70-sp {
    padding-top: 70px !important;
    padding-bottom: 70px !important;
  }

  .ucc-u-p-tb-71-sp {
    padding-top: 71px !important;
    padding-bottom: 71px !important;
  }

  .ucc-u-p-tb-72-sp {
    padding-top: 72px !important;
    padding-bottom: 72px !important;
  }

  .ucc-u-p-tb-73-sp {
    padding-top: 73px !important;
    padding-bottom: 73px !important;
  }

  .ucc-u-p-tb-74-sp {
    padding-top: 74px !important;
    padding-bottom: 74px !important;
  }

  .ucc-u-p-tb-75-sp {
    padding-top: 75px !important;
    padding-bottom: 75px !important;
  }

  .ucc-u-p-tb-76-sp {
    padding-top: 76px !important;
    padding-bottom: 76px !important;
  }

  .ucc-u-p-tb-77-sp {
    padding-top: 77px !important;
    padding-bottom: 77px !important;
  }

  .ucc-u-p-tb-78-sp {
    padding-top: 78px !important;
    padding-bottom: 78px !important;
  }

  .ucc-u-p-tb-79-sp {
    padding-top: 79px !important;
    padding-bottom: 79px !important;
  }

  .ucc-u-p-tb-80-sp {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }

  .ucc-u-p-tb-81-sp {
    padding-top: 81px !important;
    padding-bottom: 81px !important;
  }

  .ucc-u-p-tb-82-sp {
    padding-top: 82px !important;
    padding-bottom: 82px !important;
  }

  .ucc-u-p-tb-83-sp {
    padding-top: 83px !important;
    padding-bottom: 83px !important;
  }

  .ucc-u-p-tb-84-sp {
    padding-top: 84px !important;
    padding-bottom: 84px !important;
  }

  .ucc-u-p-tb-85-sp {
    padding-top: 85px !important;
    padding-bottom: 85px !important;
  }

  .ucc-u-p-tb-86-sp {
    padding-top: 86px !important;
    padding-bottom: 86px !important;
  }

  .ucc-u-p-tb-87-sp {
    padding-top: 87px !important;
    padding-bottom: 87px !important;
  }

  .ucc-u-p-tb-88-sp {
    padding-top: 88px !important;
    padding-bottom: 88px !important;
  }

  .ucc-u-p-tb-89-sp {
    padding-top: 89px !important;
    padding-bottom: 89px !important;
  }

  .ucc-u-p-tb-90-sp {
    padding-top: 90px !important;
    padding-bottom: 90px !important;
  }

  .ucc-u-p-tb-91-sp {
    padding-top: 91px !important;
    padding-bottom: 91px !important;
  }

  .ucc-u-p-tb-92-sp {
    padding-top: 92px !important;
    padding-bottom: 92px !important;
  }

  .ucc-u-p-tb-93-sp {
    padding-top: 93px !important;
    padding-bottom: 93px !important;
  }

  .ucc-u-p-tb-94-sp {
    padding-top: 94px !important;
    padding-bottom: 94px !important;
  }

  .ucc-u-p-tb-95-sp {
    padding-top: 95px !important;
    padding-bottom: 95px !important;
  }

  .ucc-u-p-tb-96-sp {
    padding-top: 96px !important;
    padding-bottom: 96px !important;
  }

  .ucc-u-p-tb-97-sp {
    padding-top: 97px !important;
    padding-bottom: 97px !important;
  }

  .ucc-u-p-tb-98-sp {
    padding-top: 98px !important;
    padding-bottom: 98px !important;
  }

  .ucc-u-p-tb-99-sp {
    padding-top: 99px !important;
    padding-bottom: 99px !important;
  }

  .ucc-u-p-tb-100-sp {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
  }

  .ucc-u-p-r-1-sp {
    padding-right: 1px !important;
  }

  .ucc-u-p-r-2-sp {
    padding-right: 2px !important;
  }

  .ucc-u-p-r-3-sp {
    padding-right: 3px !important;
  }

  .ucc-u-p-r-4-sp {
    padding-right: 4px !important;
  }

  .ucc-u-p-r-5-sp {
    padding-right: 5px !important;
  }

  .ucc-u-p-r-6-sp {
    padding-right: 6px !important;
  }

  .ucc-u-p-r-7-sp {
    padding-right: 7px !important;
  }

  .ucc-u-p-r-8-sp {
    padding-right: 8px !important;
  }

  .ucc-u-p-r-9-sp {
    padding-right: 9px !important;
  }

  .ucc-u-p-r-10-sp {
    padding-right: 10px !important;
  }

  .ucc-u-p-r-11-sp {
    padding-right: 11px !important;
  }

  .ucc-u-p-r-12-sp {
    padding-right: 12px !important;
  }

  .ucc-u-p-r-13-sp {
    padding-right: 13px !important;
  }

  .ucc-u-p-r-14-sp {
    padding-right: 14px !important;
  }

  .ucc-u-p-r-15-sp {
    padding-right: 15px !important;
  }

  .ucc-u-p-r-16-sp {
    padding-right: 16px !important;
  }

  .ucc-u-p-r-17-sp {
    padding-right: 17px !important;
  }

  .ucc-u-p-r-18-sp {
    padding-right: 18px !important;
  }

  .ucc-u-p-r-19-sp {
    padding-right: 19px !important;
  }

  .ucc-u-p-r-20-sp {
    padding-right: 20px !important;
  }

  .ucc-u-p-r-21-sp {
    padding-right: 21px !important;
  }

  .ucc-u-p-r-22-sp {
    padding-right: 22px !important;
  }

  .ucc-u-p-r-23-sp {
    padding-right: 23px !important;
  }

  .ucc-u-p-r-24-sp {
    padding-right: 24px !important;
  }

  .ucc-u-p-r-25-sp {
    padding-right: 25px !important;
  }

  .ucc-u-p-r-26-sp {
    padding-right: 26px !important;
  }

  .ucc-u-p-r-27-sp {
    padding-right: 27px !important;
  }

  .ucc-u-p-r-28-sp {
    padding-right: 28px !important;
  }

  .ucc-u-p-r-29-sp {
    padding-right: 29px !important;
  }

  .ucc-u-p-r-30-sp {
    padding-right: 30px !important;
  }

  .ucc-u-p-r-31-sp {
    padding-right: 31px !important;
  }

  .ucc-u-p-r-32-sp {
    padding-right: 32px !important;
  }

  .ucc-u-p-r-33-sp {
    padding-right: 33px !important;
  }

  .ucc-u-p-r-34-sp {
    padding-right: 34px !important;
  }

  .ucc-u-p-r-35-sp {
    padding-right: 35px !important;
  }

  .ucc-u-p-r-36-sp {
    padding-right: 36px !important;
  }

  .ucc-u-p-r-37-sp {
    padding-right: 37px !important;
  }

  .ucc-u-p-r-38-sp {
    padding-right: 38px !important;
  }

  .ucc-u-p-r-39-sp {
    padding-right: 39px !important;
  }

  .ucc-u-p-r-40-sp {
    padding-right: 40px !important;
  }

  .ucc-u-p-r-41-sp {
    padding-right: 41px !important;
  }

  .ucc-u-p-r-42-sp {
    padding-right: 42px !important;
  }

  .ucc-u-p-r-43-sp {
    padding-right: 43px !important;
  }

  .ucc-u-p-r-44-sp {
    padding-right: 44px !important;
  }

  .ucc-u-p-r-45-sp {
    padding-right: 45px !important;
  }

  .ucc-u-p-r-46-sp {
    padding-right: 46px !important;
  }

  .ucc-u-p-r-47-sp {
    padding-right: 47px !important;
  }

  .ucc-u-p-r-48-sp {
    padding-right: 48px !important;
  }

  .ucc-u-p-r-49-sp {
    padding-right: 49px !important;
  }

  .ucc-u-p-r-50-sp {
    padding-right: 50px !important;
  }

  .ucc-u-p-r-51-sp {
    padding-right: 51px !important;
  }

  .ucc-u-p-r-52-sp {
    padding-right: 52px !important;
  }

  .ucc-u-p-r-53-sp {
    padding-right: 53px !important;
  }

  .ucc-u-p-r-54-sp {
    padding-right: 54px !important;
  }

  .ucc-u-p-r-55-sp {
    padding-right: 55px !important;
  }

  .ucc-u-p-r-56-sp {
    padding-right: 56px !important;
  }

  .ucc-u-p-r-57-sp {
    padding-right: 57px !important;
  }

  .ucc-u-p-r-58-sp {
    padding-right: 58px !important;
  }

  .ucc-u-p-r-59-sp {
    padding-right: 59px !important;
  }

  .ucc-u-p-r-60-sp {
    padding-right: 60px !important;
  }

  .ucc-u-p-r-61-sp {
    padding-right: 61px !important;
  }

  .ucc-u-p-r-62-sp {
    padding-right: 62px !important;
  }

  .ucc-u-p-r-63-sp {
    padding-right: 63px !important;
  }

  .ucc-u-p-r-64-sp {
    padding-right: 64px !important;
  }

  .ucc-u-p-r-65-sp {
    padding-right: 65px !important;
  }

  .ucc-u-p-r-66-sp {
    padding-right: 66px !important;
  }

  .ucc-u-p-r-67-sp {
    padding-right: 67px !important;
  }

  .ucc-u-p-r-68-sp {
    padding-right: 68px !important;
  }

  .ucc-u-p-r-69-sp {
    padding-right: 69px !important;
  }

  .ucc-u-p-r-70-sp {
    padding-right: 70px !important;
  }

  .ucc-u-p-r-71-sp {
    padding-right: 71px !important;
  }

  .ucc-u-p-r-72-sp {
    padding-right: 72px !important;
  }

  .ucc-u-p-r-73-sp {
    padding-right: 73px !important;
  }

  .ucc-u-p-r-74-sp {
    padding-right: 74px !important;
  }

  .ucc-u-p-r-75-sp {
    padding-right: 75px !important;
  }

  .ucc-u-p-r-76-sp {
    padding-right: 76px !important;
  }

  .ucc-u-p-r-77-sp {
    padding-right: 77px !important;
  }

  .ucc-u-p-r-78-sp {
    padding-right: 78px !important;
  }

  .ucc-u-p-r-79-sp {
    padding-right: 79px !important;
  }

  .ucc-u-p-r-80-sp {
    padding-right: 80px !important;
  }

  .ucc-u-p-r-81-sp {
    padding-right: 81px !important;
  }

  .ucc-u-p-r-82-sp {
    padding-right: 82px !important;
  }

  .ucc-u-p-r-83-sp {
    padding-right: 83px !important;
  }

  .ucc-u-p-r-84-sp {
    padding-right: 84px !important;
  }

  .ucc-u-p-r-85-sp {
    padding-right: 85px !important;
  }

  .ucc-u-p-r-86-sp {
    padding-right: 86px !important;
  }

  .ucc-u-p-r-87-sp {
    padding-right: 87px !important;
  }

  .ucc-u-p-r-88-sp {
    padding-right: 88px !important;
  }

  .ucc-u-p-r-89-sp {
    padding-right: 89px !important;
  }

  .ucc-u-p-r-90-sp {
    padding-right: 90px !important;
  }

  .ucc-u-p-r-91-sp {
    padding-right: 91px !important;
  }

  .ucc-u-p-r-92-sp {
    padding-right: 92px !important;
  }

  .ucc-u-p-r-93-sp {
    padding-right: 93px !important;
  }

  .ucc-u-p-r-94-sp {
    padding-right: 94px !important;
  }

  .ucc-u-p-r-95-sp {
    padding-right: 95px !important;
  }

  .ucc-u-p-r-96-sp {
    padding-right: 96px !important;
  }

  .ucc-u-p-r-97-sp {
    padding-right: 97px !important;
  }

  .ucc-u-p-r-98-sp {
    padding-right: 98px !important;
  }

  .ucc-u-p-r-99-sp {
    padding-right: 99px !important;
  }

  .ucc-u-p-r-100-sp {
    padding-right: 100px !important;
  }

  .ucc-u-p-l-1-sp {
    padding-left: 1px !important;
  }

  .ucc-u-p-l-2-sp {
    padding-left: 2px !important;
  }

  .ucc-u-p-l-3-sp {
    padding-left: 3px !important;
  }

  .ucc-u-p-l-4-sp {
    padding-left: 4px !important;
  }

  .ucc-u-p-l-5-sp {
    padding-left: 5px !important;
  }

  .ucc-u-p-l-6-sp {
    padding-left: 6px !important;
  }

  .ucc-u-p-l-7-sp {
    padding-left: 7px !important;
  }

  .ucc-u-p-l-8-sp {
    padding-left: 8px !important;
  }

  .ucc-u-p-l-9-sp {
    padding-left: 9px !important;
  }

  .ucc-u-p-l-10-sp {
    padding-left: 10px !important;
  }

  .ucc-u-p-l-11-sp {
    padding-left: 11px !important;
  }

  .ucc-u-p-l-12-sp {
    padding-left: 12px !important;
  }

  .ucc-u-p-l-13-sp {
    padding-left: 13px !important;
  }

  .ucc-u-p-l-14-sp {
    padding-left: 14px !important;
  }

  .ucc-u-p-l-15-sp {
    padding-left: 15px !important;
  }

  .ucc-u-p-l-16-sp {
    padding-left: 16px !important;
  }

  .ucc-u-p-l-17-sp {
    padding-left: 17px !important;
  }

  .ucc-u-p-l-18-sp {
    padding-left: 18px !important;
  }

  .ucc-u-p-l-19-sp {
    padding-left: 19px !important;
  }

  .ucc-u-p-l-20-sp {
    padding-left: 20px !important;
  }

  .ucc-u-p-l-21-sp {
    padding-left: 21px !important;
  }

  .ucc-u-p-l-22-sp {
    padding-left: 22px !important;
  }

  .ucc-u-p-l-23-sp {
    padding-left: 23px !important;
  }

  .ucc-u-p-l-24-sp {
    padding-left: 24px !important;
  }

  .ucc-u-p-l-25-sp {
    padding-left: 25px !important;
  }

  .ucc-u-p-l-26-sp {
    padding-left: 26px !important;
  }

  .ucc-u-p-l-27-sp {
    padding-left: 27px !important;
  }

  .ucc-u-p-l-28-sp {
    padding-left: 28px !important;
  }

  .ucc-u-p-l-29-sp {
    padding-left: 29px !important;
  }

  .ucc-u-p-l-30-sp {
    padding-left: 30px !important;
  }

  .ucc-u-p-l-31-sp {
    padding-left: 31px !important;
  }

  .ucc-u-p-l-32-sp {
    padding-left: 32px !important;
  }

  .ucc-u-p-l-33-sp {
    padding-left: 33px !important;
  }

  .ucc-u-p-l-34-sp {
    padding-left: 34px !important;
  }

  .ucc-u-p-l-35-sp {
    padding-left: 35px !important;
  }

  .ucc-u-p-l-36-sp {
    padding-left: 36px !important;
  }

  .ucc-u-p-l-37-sp {
    padding-left: 37px !important;
  }

  .ucc-u-p-l-38-sp {
    padding-left: 38px !important;
  }

  .ucc-u-p-l-39-sp {
    padding-left: 39px !important;
  }

  .ucc-u-p-l-40-sp {
    padding-left: 40px !important;
  }

  .ucc-u-p-l-41-sp {
    padding-left: 41px !important;
  }

  .ucc-u-p-l-42-sp {
    padding-left: 42px !important;
  }

  .ucc-u-p-l-43-sp {
    padding-left: 43px !important;
  }

  .ucc-u-p-l-44-sp {
    padding-left: 44px !important;
  }

  .ucc-u-p-l-45-sp {
    padding-left: 45px !important;
  }

  .ucc-u-p-l-46-sp {
    padding-left: 46px !important;
  }

  .ucc-u-p-l-47-sp {
    padding-left: 47px !important;
  }

  .ucc-u-p-l-48-sp {
    padding-left: 48px !important;
  }

  .ucc-u-p-l-49-sp {
    padding-left: 49px !important;
  }

  .ucc-u-p-l-50-sp {
    padding-left: 50px !important;
  }

  .ucc-u-p-l-51-sp {
    padding-left: 51px !important;
  }

  .ucc-u-p-l-52-sp {
    padding-left: 52px !important;
  }

  .ucc-u-p-l-53-sp {
    padding-left: 53px !important;
  }

  .ucc-u-p-l-54-sp {
    padding-left: 54px !important;
  }

  .ucc-u-p-l-55-sp {
    padding-left: 55px !important;
  }

  .ucc-u-p-l-56-sp {
    padding-left: 56px !important;
  }

  .ucc-u-p-l-57-sp {
    padding-left: 57px !important;
  }

  .ucc-u-p-l-58-sp {
    padding-left: 58px !important;
  }

  .ucc-u-p-l-59-sp {
    padding-left: 59px !important;
  }

  .ucc-u-p-l-60-sp {
    padding-left: 60px !important;
  }

  .ucc-u-p-l-61-sp {
    padding-left: 61px !important;
  }

  .ucc-u-p-l-62-sp {
    padding-left: 62px !important;
  }

  .ucc-u-p-l-63-sp {
    padding-left: 63px !important;
  }

  .ucc-u-p-l-64-sp {
    padding-left: 64px !important;
  }

  .ucc-u-p-l-65-sp {
    padding-left: 65px !important;
  }

  .ucc-u-p-l-66-sp {
    padding-left: 66px !important;
  }

  .ucc-u-p-l-67-sp {
    padding-left: 67px !important;
  }

  .ucc-u-p-l-68-sp {
    padding-left: 68px !important;
  }

  .ucc-u-p-l-69-sp {
    padding-left: 69px !important;
  }

  .ucc-u-p-l-70-sp {
    padding-left: 70px !important;
  }

  .ucc-u-p-l-71-sp {
    padding-left: 71px !important;
  }

  .ucc-u-p-l-72-sp {
    padding-left: 72px !important;
  }

  .ucc-u-p-l-73-sp {
    padding-left: 73px !important;
  }

  .ucc-u-p-l-74-sp {
    padding-left: 74px !important;
  }

  .ucc-u-p-l-75-sp {
    padding-left: 75px !important;
  }

  .ucc-u-p-l-76-sp {
    padding-left: 76px !important;
  }

  .ucc-u-p-l-77-sp {
    padding-left: 77px !important;
  }

  .ucc-u-p-l-78-sp {
    padding-left: 78px !important;
  }

  .ucc-u-p-l-79-sp {
    padding-left: 79px !important;
  }

  .ucc-u-p-l-80-sp {
    padding-left: 80px !important;
  }

  .ucc-u-p-l-81-sp {
    padding-left: 81px !important;
  }

  .ucc-u-p-l-82-sp {
    padding-left: 82px !important;
  }

  .ucc-u-p-l-83-sp {
    padding-left: 83px !important;
  }

  .ucc-u-p-l-84-sp {
    padding-left: 84px !important;
  }

  .ucc-u-p-l-85-sp {
    padding-left: 85px !important;
  }

  .ucc-u-p-l-86-sp {
    padding-left: 86px !important;
  }

  .ucc-u-p-l-87-sp {
    padding-left: 87px !important;
  }

  .ucc-u-p-l-88-sp {
    padding-left: 88px !important;
  }

  .ucc-u-p-l-89-sp {
    padding-left: 89px !important;
  }

  .ucc-u-p-l-90-sp {
    padding-left: 90px !important;
  }

  .ucc-u-p-l-91-sp {
    padding-left: 91px !important;
  }

  .ucc-u-p-l-92-sp {
    padding-left: 92px !important;
  }

  .ucc-u-p-l-93-sp {
    padding-left: 93px !important;
  }

  .ucc-u-p-l-94-sp {
    padding-left: 94px !important;
  }

  .ucc-u-p-l-95-sp {
    padding-left: 95px !important;
  }

  .ucc-u-p-l-96-sp {
    padding-left: 96px !important;
  }

  .ucc-u-p-l-97-sp {
    padding-left: 97px !important;
  }

  .ucc-u-p-l-98-sp {
    padding-left: 98px !important;
  }

  .ucc-u-p-l-99-sp {
    padding-left: 99px !important;
  }

  .ucc-u-p-l-100-sp {
    padding-left: 100px !important;
  }

  .ucc-u-p-lr-1-sp {
    padding-right: 1px !important;
    padding-left: 1px !important;
  }

  .ucc-u-p-lr-2-sp {
    padding-right: 2px !important;
    padding-left: 2px !important;
  }

  .ucc-u-p-lr-3-sp {
    padding-right: 3px !important;
    padding-left: 3px !important;
  }

  .ucc-u-p-lr-4-sp {
    padding-right: 4px !important;
    padding-left: 4px !important;
  }

  .ucc-u-p-lr-5-sp {
    padding-right: 5px !important;
    padding-left: 5px !important;
  }

  .ucc-u-p-lr-6-sp {
    padding-right: 6px !important;
    padding-left: 6px !important;
  }

  .ucc-u-p-lr-7-sp {
    padding-right: 7px !important;
    padding-left: 7px !important;
  }

  .ucc-u-p-lr-8-sp {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }

  .ucc-u-p-lr-9-sp {
    padding-right: 9px !important;
    padding-left: 9px !important;
  }

  .ucc-u-p-lr-10-sp {
    padding-right: 10px !important;
    padding-left: 10px !important;
  }

  .ucc-u-p-lr-11-sp {
    padding-right: 11px !important;
    padding-left: 11px !important;
  }

  .ucc-u-p-lr-12-sp {
    padding-right: 12px !important;
    padding-left: 12px !important;
  }

  .ucc-u-p-lr-13-sp {
    padding-right: 13px !important;
    padding-left: 13px !important;
  }

  .ucc-u-p-lr-14-sp {
    padding-right: 14px !important;
    padding-left: 14px !important;
  }

  .ucc-u-p-lr-15-sp {
    padding-right: 15px !important;
    padding-left: 15px !important;
  }

  .ucc-u-p-lr-16-sp {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }

  .ucc-u-p-lr-17-sp {
    padding-right: 17px !important;
    padding-left: 17px !important;
  }

  .ucc-u-p-lr-18-sp {
    padding-right: 18px !important;
    padding-left: 18px !important;
  }

  .ucc-u-p-lr-19-sp {
    padding-right: 19px !important;
    padding-left: 19px !important;
  }

  .ucc-u-p-lr-20-sp {
    padding-right: 20px !important;
    padding-left: 20px !important;
  }

  .ucc-u-p-lr-21-sp {
    padding-right: 21px !important;
    padding-left: 21px !important;
  }

  .ucc-u-p-lr-22-sp {
    padding-right: 22px !important;
    padding-left: 22px !important;
  }

  .ucc-u-p-lr-23-sp {
    padding-right: 23px !important;
    padding-left: 23px !important;
  }

  .ucc-u-p-lr-24-sp {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }

  .ucc-u-p-lr-25-sp {
    padding-right: 25px !important;
    padding-left: 25px !important;
  }

  .ucc-u-p-lr-26-sp {
    padding-right: 26px !important;
    padding-left: 26px !important;
  }

  .ucc-u-p-lr-27-sp {
    padding-right: 27px !important;
    padding-left: 27px !important;
  }

  .ucc-u-p-lr-28-sp {
    padding-right: 28px !important;
    padding-left: 28px !important;
  }

  .ucc-u-p-lr-29-sp {
    padding-right: 29px !important;
    padding-left: 29px !important;
  }

  .ucc-u-p-lr-30-sp {
    padding-right: 30px !important;
    padding-left: 30px !important;
  }

  .ucc-u-p-lr-31-sp {
    padding-right: 31px !important;
    padding-left: 31px !important;
  }

  .ucc-u-p-lr-32-sp {
    padding-right: 32px !important;
    padding-left: 32px !important;
  }

  .ucc-u-p-lr-33-sp {
    padding-right: 33px !important;
    padding-left: 33px !important;
  }

  .ucc-u-p-lr-34-sp {
    padding-right: 34px !important;
    padding-left: 34px !important;
  }

  .ucc-u-p-lr-35-sp {
    padding-right: 35px !important;
    padding-left: 35px !important;
  }

  .ucc-u-p-lr-36-sp {
    padding-right: 36px !important;
    padding-left: 36px !important;
  }

  .ucc-u-p-lr-37-sp {
    padding-right: 37px !important;
    padding-left: 37px !important;
  }

  .ucc-u-p-lr-38-sp {
    padding-right: 38px !important;
    padding-left: 38px !important;
  }

  .ucc-u-p-lr-39-sp {
    padding-right: 39px !important;
    padding-left: 39px !important;
  }

  .ucc-u-p-lr-40-sp {
    padding-right: 40px !important;
    padding-left: 40px !important;
  }

  .ucc-u-p-lr-41-sp {
    padding-right: 41px !important;
    padding-left: 41px !important;
  }

  .ucc-u-p-lr-42-sp {
    padding-right: 42px !important;
    padding-left: 42px !important;
  }

  .ucc-u-p-lr-43-sp {
    padding-right: 43px !important;
    padding-left: 43px !important;
  }

  .ucc-u-p-lr-44-sp {
    padding-right: 44px !important;
    padding-left: 44px !important;
  }

  .ucc-u-p-lr-45-sp {
    padding-right: 45px !important;
    padding-left: 45px !important;
  }

  .ucc-u-p-lr-46-sp {
    padding-right: 46px !important;
    padding-left: 46px !important;
  }

  .ucc-u-p-lr-47-sp {
    padding-right: 47px !important;
    padding-left: 47px !important;
  }

  .ucc-u-p-lr-48-sp {
    padding-right: 48px !important;
    padding-left: 48px !important;
  }

  .ucc-u-p-lr-49-sp {
    padding-right: 49px !important;
    padding-left: 49px !important;
  }

  .ucc-u-p-lr-50-sp {
    padding-right: 50px !important;
    padding-left: 50px !important;
  }

  .ucc-u-p-lr-51-sp {
    padding-right: 51px !important;
    padding-left: 51px !important;
  }

  .ucc-u-p-lr-52-sp {
    padding-right: 52px !important;
    padding-left: 52px !important;
  }

  .ucc-u-p-lr-53-sp {
    padding-right: 53px !important;
    padding-left: 53px !important;
  }

  .ucc-u-p-lr-54-sp {
    padding-right: 54px !important;
    padding-left: 54px !important;
  }

  .ucc-u-p-lr-55-sp {
    padding-right: 55px !important;
    padding-left: 55px !important;
  }

  .ucc-u-p-lr-56-sp {
    padding-right: 56px !important;
    padding-left: 56px !important;
  }

  .ucc-u-p-lr-57-sp {
    padding-right: 57px !important;
    padding-left: 57px !important;
  }

  .ucc-u-p-lr-58-sp {
    padding-right: 58px !important;
    padding-left: 58px !important;
  }

  .ucc-u-p-lr-59-sp {
    padding-right: 59px !important;
    padding-left: 59px !important;
  }

  .ucc-u-p-lr-60-sp {
    padding-right: 60px !important;
    padding-left: 60px !important;
  }

  .ucc-u-p-lr-61-sp {
    padding-right: 61px !important;
    padding-left: 61px !important;
  }

  .ucc-u-p-lr-62-sp {
    padding-right: 62px !important;
    padding-left: 62px !important;
  }

  .ucc-u-p-lr-63-sp {
    padding-right: 63px !important;
    padding-left: 63px !important;
  }

  .ucc-u-p-lr-64-sp {
    padding-right: 64px !important;
    padding-left: 64px !important;
  }

  .ucc-u-p-lr-65-sp {
    padding-right: 65px !important;
    padding-left: 65px !important;
  }

  .ucc-u-p-lr-66-sp {
    padding-right: 66px !important;
    padding-left: 66px !important;
  }

  .ucc-u-p-lr-67-sp {
    padding-right: 67px !important;
    padding-left: 67px !important;
  }

  .ucc-u-p-lr-68-sp {
    padding-right: 68px !important;
    padding-left: 68px !important;
  }

  .ucc-u-p-lr-69-sp {
    padding-right: 69px !important;
    padding-left: 69px !important;
  }

  .ucc-u-p-lr-70-sp {
    padding-right: 70px !important;
    padding-left: 70px !important;
  }

  .ucc-u-p-lr-71-sp {
    padding-right: 71px !important;
    padding-left: 71px !important;
  }

  .ucc-u-p-lr-72-sp {
    padding-right: 72px !important;
    padding-left: 72px !important;
  }

  .ucc-u-p-lr-73-sp {
    padding-right: 73px !important;
    padding-left: 73px !important;
  }

  .ucc-u-p-lr-74-sp {
    padding-right: 74px !important;
    padding-left: 74px !important;
  }

  .ucc-u-p-lr-75-sp {
    padding-right: 75px !important;
    padding-left: 75px !important;
  }

  .ucc-u-p-lr-76-sp {
    padding-right: 76px !important;
    padding-left: 76px !important;
  }

  .ucc-u-p-lr-77-sp {
    padding-right: 77px !important;
    padding-left: 77px !important;
  }

  .ucc-u-p-lr-78-sp {
    padding-right: 78px !important;
    padding-left: 78px !important;
  }

  .ucc-u-p-lr-79-sp {
    padding-right: 79px !important;
    padding-left: 79px !important;
  }

  .ucc-u-p-lr-80-sp {
    padding-right: 80px !important;
    padding-left: 80px !important;
  }

  .ucc-u-p-lr-81-sp {
    padding-right: 81px !important;
    padding-left: 81px !important;
  }

  .ucc-u-p-lr-82-sp {
    padding-right: 82px !important;
    padding-left: 82px !important;
  }

  .ucc-u-p-lr-83-sp {
    padding-right: 83px !important;
    padding-left: 83px !important;
  }

  .ucc-u-p-lr-84-sp {
    padding-right: 84px !important;
    padding-left: 84px !important;
  }

  .ucc-u-p-lr-85-sp {
    padding-right: 85px !important;
    padding-left: 85px !important;
  }

  .ucc-u-p-lr-86-sp {
    padding-right: 86px !important;
    padding-left: 86px !important;
  }

  .ucc-u-p-lr-87-sp {
    padding-right: 87px !important;
    padding-left: 87px !important;
  }

  .ucc-u-p-lr-88-sp {
    padding-right: 88px !important;
    padding-left: 88px !important;
  }

  .ucc-u-p-lr-89-sp {
    padding-right: 89px !important;
    padding-left: 89px !important;
  }

  .ucc-u-p-lr-90-sp {
    padding-right: 90px !important;
    padding-left: 90px !important;
  }

  .ucc-u-p-lr-91-sp {
    padding-right: 91px !important;
    padding-left: 91px !important;
  }

  .ucc-u-p-lr-92-sp {
    padding-right: 92px !important;
    padding-left: 92px !important;
  }

  .ucc-u-p-lr-93-sp {
    padding-right: 93px !important;
    padding-left: 93px !important;
  }

  .ucc-u-p-lr-94-sp {
    padding-right: 94px !important;
    padding-left: 94px !important;
  }

  .ucc-u-p-lr-95-sp {
    padding-right: 95px !important;
    padding-left: 95px !important;
  }

  .ucc-u-p-lr-96-sp {
    padding-right: 96px !important;
    padding-left: 96px !important;
  }

  .ucc-u-p-lr-97-sp {
    padding-right: 97px !important;
    padding-left: 97px !important;
  }

  .ucc-u-p-lr-98-sp {
    padding-right: 98px !important;
    padding-left: 98px !important;
  }

  .ucc-u-p-lr-99-sp {
    padding-right: 99px !important;
    padding-left: 99px !important;
  }

  .ucc-u-p-lr-100-sp {
    padding-right: 100px !important;
    padding-left: 100px !important;
  }

  .ucc-u-ta-l--sp {
    text-align: left !important;
  }

  .ucc-u-ta-c--sp {
    text-align: center !important;
  }

  .ucc-u-ta-r--sp {
    text-align: right !important;
  }

  .ucc-u-ta-j--sp {
    text-align: justify !important;
  }

  .ucc-u-va-sup--sp {
    vertical-align: super !important;
  }

  .ucc-u-va-t--sp {
    vertical-align: top !important;
  }

  .ucc-u-va-tt--sp {
    vertical-align: text-top !important;
  }

  .ucc-u-va-m--sp {
    vertical-align: middle !important;
  }

  .ucc-u-va-bl--sp {
    vertical-align: baseline !important;
  }

  .ucc-u-va-b--sp {
    vertical-align: bottom !important;
  }

  .ucc-u-va-tb--sp {
    vertical-align: text-bottom !important;
  }

  .ucc-u-va-sub--sp {
    vertical-align: sub !important;
  }

  .ucc-a-angle-link {
    font-size: 10px;
  }

  .ucc-a-base {
    font-size: 11px;
  }

  .ucc-a-btn {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .ucc-a-cb-btn > span:after {
    font-size: 14px;
  }

  .ucc-a-cb-btn--active > span:after {
    font-size: 14px;
  }

  .ucc-a-cb-btn {
    padding: 12px 15px;
  }

  .ucc-a-checkbox {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 8px 8px 8px 28px;
    border: 1px solid #eeeeee;
    font-size: 11px;
  }

  .ucc-a-checkbox input {
    position: absolute;
    top: 50%;
    left: 8px;
    transform: translateY(-50%);
  }

  .ucc-a-content {
    padding-right: 10px;
    padding-left: 10px;
  }

  .ucc-a-content.is-sp-no-space {
    padding-right: 0;
    padding-left: 0;
  }

  .ucc-a-frame-btn {
    padding: 12px 15px;
  }

  .ucc-a-h-en--h1 {
    font-size: 17px;
  }

  .ucc-a-h-en--h1-sub {
    font-size: 11px;
  }

  .ucc-a-h-en--h2-sub {
    font-size: 11px;
  }

  .ucc-a-h--h1 {
    font-size: 25px;
  }

  .ucc-a-h--h1 a:after,
  .ucc-a-h--h1 .ucc-a-h__link:after {
    margin-top: -8px;
    font-size: 15px;
  }

  .ucc-a-h--h1 a,
  .ucc-a-h--h1 .ucc-a-h__link {
    padding-right: 20px;
  }

  .ucc-a-h--h1 a.is-blank,
  .ucc-a-h--h1 .ucc-a-h__link.is-blank {
    padding-right: 20px;
  }

  .ucc-a-h--h1 a.is-blank:after,
  .ucc-a-h--h1 .ucc-a-h__link.is-blank:after {
    margin-top: -5px;
    font-size: 10px;
  }

  .ucc-a-h--h2 {
    font-size: 20px;
  }

  .ucc-a-h--h2 a:after,
  .ucc-a-h--h2 .ucc-a-h__link:after {
    margin-top: -8px;
    font-size: 15px;
  }

  .ucc-a-h--h2 a,
  .ucc-a-h--h2 .ucc-a-h__link {
    padding-right: 20px;
  }

  .ucc-a-h--h2 a.is-blank,
  .ucc-a-h--h2 .ucc-a-h__link.is-blank {
    padding-right: 20px;
  }

  .ucc-a-h--h2 a.is-blank:after,
  .ucc-a-h--h2 .ucc-a-h__link.is-blank:after {
    margin-top: -5px;
    font-size: 10px;
  }

  .ucc-a-h--h3 {
    font-size: 14px;
  }

  .ucc-a-h--h4,
  .ucc-md-company-research-academic-announcement__smallest-headline,
  .ucc-md-company-research-academic-announcement__big-headline {
    font-size: 15px;
  }

  .ucc-a-h-lead {
    margin-top: 22px;
    font-size: 11px;
  }

  .ucc-a-h--lineleft {
    font-size: 15px;
  }

  .ucc-a-h--backgray,
  .ucc-md-company-research-academic-announcement__smallest-headline,
  .ucc-md-company-research-academic-announcement__big-headline {
    padding: 1em 0.6em;
    line-height: 1.4em;
  }

  .ucc-a-round-btn > span:after {
    font-size: 15px;
  }

  .ucc-a-round-btn {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 15px;
  }

  .ucc-a-round-btn--small {
    font-size: 14px;
  }

  .ucc-a-select--year {
    width: 90px;
  }

  .ucc-a-select--large {
    width: 90px;
  }

  .ucc-a-small-h {
    font-size: 14px;
  }

  .ucc-a-small-h {
    padding-bottom: 8px;
  }

  .ucc-a-small-h--small {
    font-size: 15px;
  }

  .ucc-a-small-h--small {
    font-size: 11px;
  }

  .ucc-a-small-h.has-red-bar .ucc-a-small-h__inner:after {
    bottom: -9px;
  }

  .ucc-a-small-h.is-sp-space {
    margin-right: 10px;
    margin-left: 10px;
  }

  .ucc-a-table td,
  .ucc-a-table th {
    font-size: 11px;
  }

  .ucc-a-tag {
    font-size: 10px;
  }

  .ucc-a-tag {
    padding: 1px 5px;
    border-radius: 2px;
    line-height: 1.25;
  }

  .ucc-a-tag--colored {
    font-size: 10px;
  }

  .ucc-a-tag--colored {
    padding: 0 4px;
    border-radius: 4px;
  }

  .ucc-a-tag--inverted {
    font-size: 10px;
  }

  .ucc-a-tag--inverted {
    padding: 0 4px;
    border-radius: 4px;
  }

  .ucc-a-titlelead {
    font-size: 11px;
  }

  .ucc-m-account__container {
    display: block;
  }

  .ucc-m-account__inner {
    display: block;
  }

  .ucc-m-account__name,
  .ucc-m-account__body {
    display: block;
  }

  .ucc-m-account__name {
    width: 100%;
    padding: 10px 10px;
    font-size: 14px;
  }

  .ucc-m-account__body {
    padding-left: 0;
    margin-top: 13px;
  }

  .ucc-m-accounts {
    font-size: 11px;
  }

  .ucc-m-accounts__list {
    width: 100%;
    margin-top: -8.4507042254%;
    margin-left: -8.4507042254%;
  }

  .ucc-m-accounts__list .ucc-m-accounts__item {
    width: 100%;
    margin-top: 8.4507042254%;
    margin-left: 8.4507042254%;
    float: left;
  }

  .ucc-m-action-thumb {
    border-radius: 10px;
  }

  .ucc-m-action-thumb__caption {
    padding: 15px 15px;
  }

  .ucc-m-action-thumb__caption__main {
    padding-right: 28px;
  }

  .ucc-m-action-thumb__caption__main:after {
    font-size: 10px;
  }

  .ucc-m-action-thumb__h {
    font-size: 14px;
  }

  .ucc-m-action-thumb__lead {
    margin-top: 5px;
    font-size: 10px;
  }

  .ucc-m-action-thumb--hor .ucc-m-action-thumb__lead {
    margin-top: 5px;
  }

  .ucc-m-action-thumb--ver .ucc-m-action-thumb__caption {
    padding: 10px 12px;
  }

  .ucc-m-action-thumb--ver .ucc-m-action-thumb__caption__main {
    padding-right: 10px;
  }

  .ucc-m-action-thumb--ver .ucc-m-action-thumb__h {
    font-size: 11px;
  }

  .ucc-m-action-thumb--ver .ucc-m-action-thumb__lead {
    display: none;
  }

  .ucc-m-action-thumbs__item--ver {
    width: 47.8873239437%;
    margin-top: 15px;
  }

  .ucc-m-alternate-thumb {
    font-size: 11px;
  }

  .ucc-m-alternate-thumb {
    padding-right: 0;
    padding-left: 0;
  }

  .ucc-m-alternate-thumb__inner {
    padding-top: 0;
    padding-bottom: 0;
  }

  .ucc-m-alternate-thumb__caption__container {
    height: auto;
  }

  .ucc-m-alternate-thumb__caption__content {
    padding: 35px 15px;
  }

  .ucc-m-alternate-thumb__caption__lead {
    font-size: 10px;
  }

  .ucc-m-alternate-thumb__caption__lead {
    padding-top: 20px;
    padding-right: 0;
    padding-left: 0;
  }

  .ucc-m-alternate-thumb__caption {
    width: auto;
    height: auto;
    min-height: auto;
    min-height: initial;
    margin-top: -30px;
    margin-right: 20px;
    margin-left: 20px;
    float: none;
  }

  .ucc-m-alternate-thumb__bg {
    position: relative;
    width: auto;
    height: auto;
  }

  .ucc-m-alternate-thumb__bg img {
    position: relative;
    width: 100%;
    height: auto;
  }

  .ucc-m-alternate-thumb {
    font-size: 11px;
  }

  .ucc-m-alternate-thumb__item + .ucc-m-alternate-thumb__item {
    margin-top: 50px;
  }

  .ucc-m-anchors {
    font-size: 11px;
  }

  .ucc-m-anchors {
    padding-right: 10px;
    padding-left: 10px;
  }

  .ucc-m-anchors.is-sp-no-space {
    padding-right: 0;
    padding-left: 0;
  }

  .ucc-m-anchors {
    font-size: 13px;
  }

  .ucc-m-anchors__item {
    padding-right: 5px;
    padding-left: 5px;
  }

  .ucc-m-anchors__item > span:after {
    top: 1px;
  }

  .ucc-m-app-banner__txt-sub {
    font-size: 10px;
  }

  .ucc-m-article-footer-contact {
    padding: 10px;
    margin-right: 0;
    margin-left: 0;
  }

  .ucc-m-article-footer-contact h3 {
    padding: 6px 8px;
    font-size: 11px;
  }

  .ucc-m-article-footer-contact h3.is-large {
    font-size: 15px;
  }

  .ucc-m-article-body h2 {
    margin-top: 40px;
    font-size: 15px;
  }

  .ucc-m-article-body h3 {
    padding: 6px 8px;
    font-size: 11px;
  }

  .ucc-m-article-body h3.is-large {
    font-size: 15px;
  }

  .ucc-m-article-body table th {
    width: 110px;
    padding: 8px 15px;
  }

  .ucc-m-article-body table td {
    padding: 8px 15px;
  }

  .ucc-m-article-body figure {
    margin-top: 40px;
  }

  .ucc-m-article-body figure > p {
    margin-top: 25px;
  }

  .ucc-m-article-body figure .ucc-a-round-btn {
    width: 100%;
  }

  .ucc-m-article-body .has-gray-bg {
    padding: 10px;
  }

  .ucc-m-article {
    font-size: 11px;
  }

  .ucc-m-article {
    font-size: 13px;
  }

  .ucc-m-article__h-wrap {
    padding: 15px 10px;
  }

  .ucc-m-article__lead {
    font-size: 11px;
  }

  .ucc-m-article__h {
    margin-top: 5px;
    font-size: 15px;
  }

  .ucc-m-article__body {
    margin-right: 0;
    margin-left: 0;
  }

  .ucc-m-aside-banner__lead {
    font-size: 15px;
  }

  .ucc-m-aside-banners {
    padding-top: 50px;
    padding-right: 10px;
    padding-bottom: 50px;
    padding-left: 10px;
    background-color: #eeeeee;
  }

  .ucc-m-aside__content.ucc-u-dv-pc + .ucc-m-aside__content {
    padding-top: 0;
    border-top: none;
    margin-top: 0;
  }

  .ucc-m-banner__caption {
    margin-top: 5px;
  }

  .ucc-m-banners {
    font-size: 11px;
  }

  .ucc-m-banners__list {
    width: 100%;
    margin-top: -4.2253521127%;
    margin-left: -4.2253521127%;
  }

  .ucc-m-banners__list .ucc-m-banners__item {
    width: 100%;
    margin-top: 4.2253521127%;
    margin-left: 4.2253521127%;
    float: left;
  }

  .ucc-m-banners--gift {
    font-size: 11px;
  }

  .ucc-m-banners--gift__list {
    width: 105.6338028169%;
    margin-top: -2.6666666667%;
    margin-left: -2.6666666667%;
  }

  .ucc-m-banners--gift__list .ucc-m-banners__item {
    width: 29.7777777778%;
    margin-top: 2.6666666667%;
    margin-left: 2.6666666667%;
    float: left;
  }

  .ucc-m-banners--giftcontents {
    font-size: 11px;
  }

  .ucc-m-banners--giftcontents__list {
    width: 100%;
    margin-top: -4.2253521127%;
    margin-left: -4.2253521127%;
  }

  .ucc-m-banners--giftcontents__list .ucc-m-banners__item {
    width: 100%;
    margin-top: 4.2253521127%;
    margin-left: 4.2253521127%;
    float: left;
  }

  .ucc-m-bg-movie__content video {
    display: none;
  }

  .ucc-m-bg-movie__slideshow {
    display: block;
  }

  .ucc-m-bgfig-thumb:after {
    padding-top: 64.7887323944%;
  }

  .ucc-m-bgfig-thumb__h {
    font-size: 19px;
  }

  .ucc-m-bgfig-thumb__h-en {
    font-size: 13px;
  }

  .ucc-m-bgfig-thumb--slender:after {
    padding-top: 36.6197183099%;
  }

  .ucc-m-block-anchors {
    font-size: 11px;
  }

  .ucc-m-block-anchors__list {
    width: 102.8169014085%;
    margin-top: -2.7397260274%;
    margin-left: -2.7397260274%;
  }

  .ucc-m-block-anchors__list .ucc-m-block-anchors__item {
    width: 47.2602739726%;
    margin-top: 2.7397260274%;
    margin-left: 2.7397260274%;
    float: left;
  }

  .ucc-m-block-anchors__btn {
    padding: 3px 9px;
    font-size: 10px;
  }

  .ucc-m-block-anchors__btn > span {
    padding-right: 15px;
  }

  .ucc-m-border-banner__caption__main {
    padding-right: 28px;
  }

  .ucc-m-border-banner__caption__main:after {
    font-size: 10px;
  }

  .ucc-m-border-sec {
    font-size: 11px;
  }

  .ucc-m-border-sec__container {
    padding-right: 10px;
    padding-left: 10px;
  }

  .ucc-m-border-sec__container.is-sp-no-space {
    padding-right: 0;
    padding-left: 0;
  }

  .ucc-m-border-sec__inner {
    padding: 34px 15px 23px;
  }

  .ucc-m-border-sec__h {
    font-size: 14px;
  }

  .ucc-m-brand {
    font-size: 11px;
  }

  .ucc-m-brand {
    padding-right: 10px;
    padding-left: 10px;
  }

  .ucc-m-brand__container {
    display: block;
  }

  .ucc-m-brand__inner {
    display: block;
  }

  .ucc-m-brand__header,
  .ucc-m-brand__body {
    display: block;
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .ucc-m-brand__header {
    width: 100%;
    padding-top: 35px;
    padding-bottom: 0;
  }

  .ucc-m-brand__h img {
    width: 42.2535211268%;
  }

  .ucc-m-brand__h--txt + .ucc-m-brand__tagline,
  .ucc-m-brand__h--txt + .ucc-m-brand__lead {
    margin-top: 10px;
  }

  .ucc-m-brand__h--txt-jp + .ucc-m-brand__tagline,
  .ucc-m-brand__h--txt-jp + .ucc-m-brand__lead {
    margin-top: 10px;
  }

  .ucc-m-brand__tagline {
    margin-top: 10px;
    font-size: 15px;
  }

  .ucc-m-brand__lead {
    font-size: 10px;
  }

  .ucc-m-brand__btns .ucc-a-btn {
    width: 47.8873239437%;
  }

  .ucc-m-brand__btns .ucc-a-btn + .ucc-a-btn {
    margin-left: 4.2253521127%;
  }

  .ucc-m-brand__products {
    width: 100%;
    margin-left: 0;
  }

  .ucc-m-brands {
    font-size: 11px;
  }

  .ucc-m-brands .ucc-m-line-h {
    margin-right: 10px;
    margin-left: 10px;
  }

  .ucc-m-brands__list__item + .ucc-m-brands__list__item {
    border-top: none;
  }

  .ucc-m-brands__list__item + .ucc-m-brands__list__item:before {
    position: absolute;
    top: 0;
    right: 10px;
    left: 10px;
    display: block;
    height: 1px;
    background-color: #eeeeee;
    content: "";
  }

  .ucc-m-breadcrumbs {
    font-size: 11px;
  }

  .ucc-m-breadcrumbs {
    display: none;
  }

  .ucc-m-campaign-block__info {
    padding-right: 10px;
    padding-left: 10px;
  }

  .ucc-m-campaign-block__h {
    font-size: 15px;
  }

  .ucc-m-campaign-block__caption {
    font-size: 11px;
  }

  .ucc-m-campaign-blocks {
    font-size: 11px;
  }

  .ucc-m-campaign-blocks__list {
    display: block;
  }

  .ucc-m-campaign-blocks__item:nth-child(3n+1) {
    padding-right: 0;
  }

  .ucc-m-campaign-blocks__item:nth-child(3n+2) {
    width: 100%;
    padding-right: 0;
    border-left: 0;
  }

  .ucc-m-campaign-blocks__item:nth-child(3n+3) {
    width: 100%;
    border-left: none;
  }

  .ucc-m-campaign-blocks__item:nth-child(n+4) .ucc-m-campaign-blocks__item__inner {
    padding-top: 0;
    border-top: 0;
  }

  .ucc-m-campaign-blocks__item {
    width: 100%;
    padding-left: 0;
  }

  .ucc-m-campaign-blocks__item + .ucc-m-campaign-blocks__item {
    padding-top: 40px;
    border-top: 1px solid #eeeeee;
    margin-top: 40px;
  }

  .ucc-m-campaign-boxes__list {
    width: 104.2253521127%;
    margin-top: -5.4054054054%;
    margin-left: -4.0540540541%;
  }

  .ucc-m-campaign-boxes__list .ucc-m-campaign-boxes__item {
    width: 45.9459459459%;
    margin-top: 5.4054054054%;
    margin-left: 4.0540540541%;
    float: left;
  }

  .ucc-m-checkboxes__list {
    *zoom: 1;
    margin: 0;
  }

  .ucc-m-checkboxes__list:before,
  .ucc-m-checkboxes__list:after {
    display: table;
    content: "";
  }

  .ucc-m-checkboxes__list:after {
    clear: both;
  }

  .ucc-m-checkboxes__item {
    width: 47.5570032573%;
    margin: 0;
    float: left;
  }

  .ucc-m-checkboxes__item:nth-child(even) {
    margin-left: 4.8859934853%;
  }

  .ucc-m-checkboxes__item:nth-child(n+3) {
    margin-top: 10px;
  }

  .ucc-m-checkboxes__item .ucc-a-checkbox {
    width: 100%;
    height: 100%;
  }

  .ucc-m-chlorogenic {
    padding: 40px 25px;
  }

  .ucc-m-chlorogenic__box {
    margin-bottom: 20px;
  }

  .ucc-m-chlorogenic__box__txt {
    font-size: 11px;
  }

  .ucc-m-chronology__header {
    width: 60px;
  }

  .ucc-m-chronology__header::after {
    top: 25px;
  }

  .ucc-m-chronology__body {
    display: block;
    padding: 15px 0;
    margin: 0 0 0 75px;
  }

  .ucc-m-chronology__year {
    margin-top: 20px;
    font-size: 15px;
  }

  .ucc-m-chronology__list {
    padding: 0 0 0 15px;
  }

  .ucc-m-chronology__item {
    font-size: 11px;
  }

  .ucc-m-chronology__fig {
    margin: 5px 0 0 0;
  }

  .ucc-m-chronology__fig img {
    width: 145px;
    height: auto;
  }

  .ucc-m-chronology__fig--lg {
    width: auto;
  }

  .ucc-m-chronology__fig--lg img {
    width: auto;
    height: auto;
  }

  .ucc-m-chronology__caption {
    margin: 2px 0 0 0;
    font-size: 10px;
  }

  .ucc-m-chronology--start .ucc-m-chronology__year {
    margin-top: -6px;
  }

  .ucc-m-chronology--start .ucc-m-chronology__list {
    margin-top: -10px;
  }

  .ucc-m-chronology--end {
    padding-bottom: 60px;
  }

  .ucc-m-chronology--end::after {
    left: 58px;
  }

  .ucc-m-cm-list__pages {
    margin-top: 20px;
  }

  .ucc-m-cm__caption {
    margin-top: 14px;
  }

  .ucc-m-cm__h {
    font-size: 13px;
    text-align: center;
  }

  .ucc-m-cm__lead {
    width: 94.3661971831%;
    margin-top: 10px;
    margin-right: auto;
    margin-left: auto;
    font-size: 10px;
  }

  .ucc-m-cm__btns {
    margin-top: 14px;
  }

  .ucc-m-cm__btns .ucc-a-btn {
    width: 47.8873239437%;
    padding-right: 5px;
    padding-left: 5px;
  }

  .ucc-m-company-affiliates {
    display: block;
    margin-top: 40px;
  }

  .ucc-m-company-affiliates__header {
    width: auto;
    border-right: none;
    border-bottom: 1px #d2d2d2 solid;
    margin: 0 20px;
  }

  .ucc-m-company-affiliates__h {
    padding: 15px 0;
  }

  .ucc-m-company-affiliates__body {
    display: block;
    padding: 10px 20px;
  }

  .ucc-m-company-affiliates__list {
    display: block;
  }

  .ucc-m-company-affiliates__item {
    width: auto;
    margin: 10px 0;
  }

  .ucc-m-company-affiliates__item > a,
  .ucc-m-company-affiliates__item > span {
    font-size: 12px;
  }

  .ucc-m-company-affiliates__blank::after {
    font-size: 10px;
  }

  .ucc-m-company-btn a,
  .ucc-m-company-btn--small a {
    margin-top: 25px;
  }

  .ucc-m-company-btn--small a {
    font-size: 11px;
  }

  .ucc-m-company-btn--small a > span:after {
    font-size: 10px;
  }

  .ucc-m-company-business-network__sec {
    margin-bottom: 50px;
  }

  .ucc-m-company-business-network__sec:last-child {
    margin-bottom: 0;
  }

  .ucc-m-company-business-network__h + .ucc-m-company-text,
  .ucc-m-company-business-network__h + .ucc-m-company-text--last {
    margin-top: 20px;
  }

  .ucc-m-company-business-support__fig {
    margin-top: 30px;
  }

  .ucc-m-company-coffeebusiness-estates__sec {
    width: auto;
    margin-bottom: 60px;
    float: none;
  }

  .ucc-m-company-coffeebusiness-estates__sec__photo {
    margin-bottom: 25px;
  }

  .ucc-m-company-coffeebusiness-estates__h {
    font-size: 20px;
  }

  .ucc-m-company-coffeebusiness-estates__wrap {
    margin-bottom: 0;
  }

  .ucc-m-company-coffeebusiness-estates__research__h {
    font-size: 20px;
    text-align: center;
  }

  .ucc-m-company-coffeebusiness-estates__research__photo {
    width: auto;
    margin-bottom: 25px;
    float: none;
  }

  .ucc-m-company-coffeebusiness-estates__research__body {
    width: auto;
    float: none;
  }

  .ucc-m-company-coffeebusiness-fig-block__h {
    margin-top: 25px;
  }

  .ucc-m-company-coffeebusiness-product__sec {
    margin-top: 50px;
  }

  .ucc-m-company-coffeebusiness-product__body {
    width: auto;
    margin-bottom: 20px;
    float: none;
  }

  .ucc-m-company-coffeebusiness-product__photo {
    width: auto;
    float: none;
  }

  .ucc-m-company-coffeebusiness-product__h {
    margin-bottom: 20px;
    font-size: 20px;
  }

  .ucc-m-company-coffeebusiness-product__text,
  .ucc-m-company-coffeebusiness-product__text--small {
    margin-top: 15px;
    font-size: 11px;
  }

  .ucc-m-company-coffeebusiness-product__text--small {
    font-size: 10px;
  }

  .ucc-m-company-coffeebusiness-quality__body {
    display: block;
  }

  .ucc-m-company-coffeebusiness-quality__content {
    margin: 0;
  }

  .ucc-m-company-coffeebusiness-quality__photo {
    width: 80%;
    margin: 20px auto 40px;
  }

  .ucc-m-company-coffeebusiness-quality__desc,
  .ucc-m-company-coffeebusiness-quality__desc--last {
    margin: 15px 0;
    font-size: 11px;
  }

  .ucc-m-company-coffeebusiness-quality__desc--last {
    margin-top: 35px;
  }

  .ucc-m-company-coffeebusiness-quality__figs {
    margin-top: 30px;
  }

  .ucc-m-company-coffeebusiness-quality__fig,
  .ucc-m-company-coffeebusiness-quality__fig--half {
    width: 100%;
  }

  .ucc-m-company-coffeebusiness-quality__fig figcaption,
  .ucc-m-company-coffeebusiness-quality__fig--half figcaption {
    margin-top: 5px;
    font-size: 11px;
  }

  .ucc-m-company-coffeebusiness-quality__fig--half {
    width: 48.5%;
    padding-left: 0;
    margin-top: 25px;
  }

  .ucc-m-company-coffeebusiness-quality__fig--half:last-child {
    margin-left: 3%;
  }

  .ucc-m-company-coffeebusiness-technology__figs {
    margin-bottom: -20px;
  }

  .ucc-m-company-coffeebusiness-technology__fig {
    width: 48%;
    margin-bottom: 20px;
  }

  .ucc-m-company-coffeebusiness-technology__fig:nth-child(2n+1) {
    clear: left;
  }

  .ucc-m-company-coffeebusiness-technology__fig figcaption {
    margin-top: 5px;
    font-size: 11px;
  }

  .ucc-m-company-coffeebusiness-technology__sec {
    margin-top: 50px;
  }

  .ucc-m-company-coffeebusiness-technology__sec__h {
    margin-bottom: 10px;
    font-size: 20px;
  }

  .ucc-m-company-coffeebusiness-technology__sec__text {
    margin-bottom: 25px;
    font-size: 11px;
  }

  .ucc-m-company-coffeebusiness-technology__sec__figs {
    margin-left: 0;
  }

  .ucc-m-company-coffeebusiness-technology__sec__fig {
    width: auto;
    margin: 0 0 40px 0;
    float: none;
  }

  .ucc-m-company-coffeebusiness-technology__sec__fig__h {
    margin-top: 15px;
    font-size: 15px;
  }

  .ucc-m-company-coffeebusiness-technology__sec__fig__text {
    font-size: 11px;
  }

  .ucc-m-company-coffeebusiness-technology__pro:after {
    display: none;
  }

  .ucc-m-company-coffeebusiness-technology__pro__sec {
    width: 48%;
    padding-bottom: 5px;
    margin-bottom: 25px;
  }

  .ucc-m-company-coffeebusiness-technology__pro__h {
    font-size: 14px;
  }

  .ucc-m-company-coffeebusiness-technology__pro__text {
    margin-bottom: 10px;
    font-size: 9px;
  }

  .ucc-m-company-coffeebusiness-technology__pro__caption {
    margin-top: 10px;
    font-size: 9px;
  }

  .ucc-m-company-coffeebusiness-technology__pro__name {
    margin-top: 5px;
    font-size: 13px;
  }

  .ucc-m-company-coffeebusiness-technology__pro__ruby {
    display: block;
    font-size: 10px;
  }

  .ucc-m-company-coffeebusiness-visual {
    margin-bottom: 10px;
  }

  .ucc-m-company-coffeebusiness-visual__h {
    font-size: 20px;
  }

  .ucc-m-company-coffeebusiness-visual__text {
    font-size: 11px;
  }

  .ucc-m-company-figs--half {
    margin: -20px 0;
  }

  .ucc-m-company-figs--half .ucc-m-company-fig {
    width: auto;
    margin: 20px 0;
    float: none;
  }

  .ucc-m-company-figs--quarter {
    margin: -20px 0 0 -2%;
  }

  .ucc-m-company-figs--quarter .ucc-m-company-fig {
    width: 48%;
    margin: 20px 0 0 2%;
  }

  .ucc-m-company-figs--5 {
    margin: -20px 0 0 -2%;
  }

  .ucc-m-company-figs--5 .ucc-m-company-fig {
    width: 48%;
    margin: 20px 0 0 2%;
  }

  .ucc-m-company-fig figcaption {
    margin-top: 5px;
    font-size: 11px;
  }

  .ucc-m-company-fig__small {
    font-size: 9px;
  }

  .ucc-m-company-home__gcs__visual:after {
    padding-top: 70.4225352113%;
  }

  .ucc-m-company-home-figs {
    display: block;
    margin-bottom: -25px;
  }

  .ucc-m-company-home-figs--half {
    margin-bottom: -15px;
  }

  .ucc-m-company-home-figs--half .ucc-m-company-home-fig {
    margin-bottom: 15px;
  }

  .ucc-m-company-home-fig {
    width: auto;
    margin-bottom: 25px;
  }

  .ucc-m-company-home-fig__text {
    font-size: 11px;
  }

  .ucc-m-company-home-fig__text::after {
    font-size: 11px;
  }

  .ucc-m-company-localnav {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 25px;
  }

  .ucc-m-company-localnav__item,
  .ucc-m-company-localnav__item--current {
    width: 32%;
    margin-bottom: 5px;
  }

  .ucc-m-company-localnav__item a,
  .ucc-m-company-localnav__item--current a {
    padding: 5px 0;
    line-height: 1.25;
  }

  .ucc-m-company-outline-color__list,
  .ucc-m-company-outline-color__list--full {
    margin: 5px 0 0 0;
  }

  .ucc-m-company-outline-color__list--full {
    padding: 10px 10px;
  }

  .ucc-m-company-outline-color__list--full .ucc-m-company-outline-color__item,
  .ucc-m-company-outline-color__list--full .ucc-m-company-outline-color__item--01,
  .ucc-m-company-outline-color__list--full .ucc-m-company-outline-color__item--02,
  .ucc-m-company-outline-color__list--full .ucc-m-company-outline-color__item--03,
  .ucc-m-company-outline-color__list--full .ucc-m-company-outline-color__item--04,
  .ucc-m-company-outline-color__list--full .ucc-m-company-outline-color__item--05,
  .ucc-m-company-outline-color__list--full .ucc-m-company-outline-color__item--06,
  .ucc-m-company-outline-color__list--full .ucc-m-company-outline-color__item--07,
  .ucc-m-company-outline-color__list--full .ucc-m-company-outline-color__item--08,
  .ucc-m-company-outline-color__list--full .ucc-m-company-outline-color__item--09 {
    padding: 0 0 0 16px;
    margin: 2px 10px 2px 0;
    font-size: 10px;
  }

  .ucc-m-company-outline-color__item,
  .ucc-m-company-outline-color__item--01,
  .ucc-m-company-outline-color__item--02,
  .ucc-m-company-outline-color__item--03,
  .ucc-m-company-outline-color__item--04,
  .ucc-m-company-outline-color__item--05,
  .ucc-m-company-outline-color__item--06,
  .ucc-m-company-outline-color__item--07,
  .ucc-m-company-outline-color__item--08,
  .ucc-m-company-outline-color__item--09 {
    margin: 0 3px;
  }

  .ucc-m-company-outline-color__item::before,
  .ucc-m-company-outline-color__item--01::before,
  .ucc-m-company-outline-color__item--02::before,
  .ucc-m-company-outline-color__item--03::before,
  .ucc-m-company-outline-color__item--04::before,
  .ucc-m-company-outline-color__item--05::before,
  .ucc-m-company-outline-color__item--06::before,
  .ucc-m-company-outline-color__item--07::before,
  .ucc-m-company-outline-color__item--08::before,
  .ucc-m-company-outline-color__item--09::before {
    width: 12px;
    height: 12px;
    border-radius: 6px;
  }

  .ucc-m-company-outline-content {
    display: block;
  }

  .ucc-m-company-outline-content__sec {
    width: auto;
  }

  .ucc-m-company-outline-content__h {
    font-size: 20px;
  }

  .ucc-m-company-outline-content__tbl th,
  .ucc-m-company-outline-content__tbl--half th,
  .ucc-m-company-outline-content__tbl td,
  .ucc-m-company-outline-content__tbl--half td {
    padding: 15px 10px;
    font-size: 11px;
  }

  .ucc-m-company-outline-content__tbl__sm {
    font-size: 10px;
  }

  .ucc-m-company-outline-content__tbl--half th:nth-of-type(2) {
    border: none;
  }

  .ucc-m-company-outline-content__tbl--half th {
    width: 30%;
  }

  .ucc-m-company-outline-content__tbl--half td {
    width: 20%;
  }

  .ucc-m-company-outline-content__btn {
    margin: 35px 0 45px;
  }

  .ucc-m-company-outline-link-list,
  .ucc-m-company-outline-link-list--single {
    margin: 50px 0 0 0;
  }

  .ucc-m-company-outline-link-list__title {
    margin: 0;
  }

  .ucc-m-company-outline-link-list__title a,
  .ucc-m-company-outline-link-list__title span {
    padding: 0 0 5px 0;
    font-size: 15px;
  }

  .ucc-m-company-outline-link-list__title a::after {
    position: relative;
    top: -1px;
    font-size: 10px;
  }

  .ucc-m-company-outline-link-list__wrap {
    display: block;
  }

  .ucc-m-company-outline-link-list__wrap .ucc-m-company-outline-link-list,
  .ucc-m-company-outline-link-list__wrap .ucc-m-company-outline-link-list--single {
    width: auto;
  }

  .ucc-m-company-outline-link-list__list--half {
    display: block;
  }

  .ucc-m-company-outline-link-list__list--half .ucc-m-company-outline-link-list__item,
  .ucc-m-company-outline-link-list__list--half .ucc-m-company-outline-link-list__item--single {
    width: auto;
  }

  .ucc-m-company-outline-link-list__item--single {
    padding: 25px 0;
  }

  .ucc-m-company-outline-link-list__link,
  .ucc-m-company-outline-link-list__pdf,
  .ucc-m-company-outline-link-list__blank {
    font-size: 11px;
  }

  .ucc-m-company-outline-link-list__text {
    font-size: 11px;
  }

  .ucc-m-company-outline-link-list__blank::after {
    font-size: 10px;
  }

  .ucc-m-company-outline-link-list__blank.is-small {
    font-size: 10px;
  }

  .ucc-m-company-outline-link-list__pdf {
    font-size: 10px;
  }

  .ucc-m-company-outline-link-list__pdf::after {
    font-size: 15px;
  }

  .ucc-m-company-outline-link-list__foreign {
    margin: 0 0 50px 0;
  }

  .ucc-m-company-outline-link-list__foreign__title {
    margin: 0 0;
    font-size: 15px;
  }

  .ucc-m-company-outline-localnav {
    margin: 0 0 45px 0;
  }

  .ucc-m-company-outline-localnav__item a,
  .ucc-m-company-outline-localnav__item--current a {
    padding: 10px 5px;
    font-size: 11px;
    line-height: 1.5;
  }

  .ucc-m-company-outline-localnav__item--current a::after {
    border-width: 10px;
  }

  .ucc-m-company-outline-office {
    margin: 55px 0 0 0;
  }

  .ucc-m-company-outline-office__h {
    margin: 0 0 25px 0;
    font-size: 20px;
  }

  .ucc-m-company-outline-office__sec {
    margin: 0 0 50px 0;
  }

  .ucc-m-company-outline-office__sec__h {
    margin-bottom: 5px;
  }

  .ucc-m-company-outline-office__list--half {
    display: block;
  }

  .ucc-m-company-outline-office__list--half .ucc-m-company-outline-office__item {
    width: auto;
  }

  .ucc-m-company-outline-office__list--half .ucc-m-company-outline-office__name {
    width: auto;
    margin: 0 0 5px 0;
    font-size: 11px;
  }

  .ucc-m-company-outline-office__list--half .ucc-m-company-outline-office__address {
    width: auto;
    font-size: 11px;
  }

  .ucc-m-company-outline-office__list-set {
    display: block;
  }

  .ucc-m-company-outline-office__list-set__block {
    width: 100%;
  }

  .ucc-m-company-outline-office__list-set .ucc-m-company-outline-office__address {
    width: 100%;
  }

  .ucc-m-company-outline-office__item {
    display: block;
  }

  .ucc-m-company-outline-office__name {
    width: auto;
    margin: 0 0 5px 0;
    font-size: 11px;
  }

  .ucc-m-company-outline-office__address {
    width: auto;
    font-size: 11px;
  }

  .ucc-m-company-outline-office .ucc-m-company-outline-color__list--full {
    margin-top: 10px;
  }

  .ucc-m-company-permalink,
  .ucc-m-company-permalink--right {
    font-size: 12px;
  }

  .ucc-m-company-permalink::after,
  .ucc-m-company-permalink--right::after {
    font-size: 11px;
  }

  .ucc-m-company-research-health__polyphenol__coffee {
    display: block;
  }

  .ucc-m-company-research-health__polyphenol__coffee__description {
    width: 100%;
    padding-right: 0;
  }

  .ucc-m-company-research-health__polyphenol__coffee__img {
    width: 100%;
    min-width: auto;
    padding-right: 10px;
    padding-left: 10px;
    margin-top: 20px;
  }

  .ucc-m-company-research-health__polyphenol__coffee__img img {
    width: 100%;
    max-width: 486px;
    margin: 0 auto;
  }

  .ucc-m-company-research-health__polyphenol__effect {
    margin-top: 28px;
  }

  .ucc-m-company-research-health__polyphenol__effect__img {
    display: block;
  }

  .ucc-m-company-research-health__polyphenol__effect__img__baditem,
  .ucc-m-company-research-health__polyphenol__effect__img__gooditem {
    width: 100%;
    padding: 0 20px;
  }

  .ucc-m-company-research-health__polyphenol__effect__img__baditem img,
  .ucc-m-company-research-health__polyphenol__effect__img__gooditem img {
    width: 100%;
    max-width: 633px;
    margin: 0 auto;
  }

  .ucc-m-company-research-health__polyphenol__effect__img__baditem {
    margin-bottom: 20px;
  }

  .ucc-m-company-research-health__polyphenol__effect__specialsite {
    margin-top: 28px;
  }

  .ucc-m-company-research-health__glucose__coffee {
    display: block;
  }

  .ucc-m-company-research-health__glucose__coffee__img {
    width: 100%;
    padding-left: 0;
    text-align: center;
  }

  .ucc-m-company-research-health__glucose__coffee__img img {
    margin: 0 auto;
  }

  .ucc-m-company-research-health__glucose__coffee__description {
    width: 100%;
    padding-right: 0;
    margin-top: 15px;
  }

  .ucc-m-company-research-health__glucose__effect__transition {
    display: block;
    margin-top: 0;
  }

  .ucc-m-company-research-health__glucose__effect__transition__graph {
    width: 100%;
    padding: 0 10%;
    margin-top: 40px;
  }

  .ucc-m-company-research-health__glucose__effect__transition__graph img {
    width: 100%;
    min-width: 212px;
    max-width: 421px;
    margin: 0 auto;
  }

  .ucc-m-company-research-residue__deodorization__img {
    display: block;
    padding: 0 20px;
    margin-top: 20px;
  }

  .ucc-m-company-research-residue__deodorization__img__flow {
    width: 100%;
    padding-right: 0;
  }

  .ucc-m-company-research-residue__deodorization__img__graph {
    width: 100%;
    padding-left: 0;
    margin-top: 20px;
  }

  .ucc-m-company-research-residue__practical__method__case + .ucc-m-company-research-residue__practical__method__case {
    margin-bottom: 0px;
  }

  .ucc-m-company-research-residue__practical__method__case {
    display: block;
    margin-top: 20px;
    margin-bottom: 35px;
  }

  .ucc-m-company-research-residue__practical__method__case__description {
    width: 100%;
    padding-right: 0;
  }

  .ucc-m-company-research-residue__practical__method__case__description__lead {
    text-align: center;
  }

  .ucc-m-company-research-residue__practical__method__case__description__step {
    padding-left: 2em;
  }

  .ucc-m-company-research-residue__practical__method__case__description__step li small {
    margin: 4px 0 0;
  }

  .ucc-m-company-research-residue__practical__method__case__img {
    width: 100%;
    padding-left: 0;
    margin-top: 18px;
  }

  .ucc-m-company-research-technology__system__research {
    display: block;
  }

  .ucc-m-company-research-technology__system__research__area,
  .ucc-m-company-research-technology__system__research__machine {
    width: 100%;
    margin-top: 35px;
  }

  .ucc-m-company-research-technology__system__research__machine {
    padding-right: 0;
  }

  .ucc-m-company-research-technology__system__research__machine__img img {
    margin-right: auto;
    margin-left: auto;
  }

  .ucc-m-company-research-technology__system__research__machine__txt {
    font-size: 13px;
  }

  .ucc-m-company-research-technology__system__research__machine__txt small {
    font-size: 0.8em;
  }

  .ucc-m-company-research-technology__system__research__area {
    padding-left: 0;
  }

  .ucc-m-company-research-technology__system__research__area__example {
    display: table;
  }

  .ucc-m-company-research-technology__system__research__area__example__coffee,
  .ucc-m-company-research-technology__system__research__area__example__hum {
    display: table-cell;
  }

  .ucc-m-company-research-technology__system__research__area__example__coffee__result img,
  .ucc-m-company-research-technology__system__research__area__example__hum__result img {
    margin-right: auto;
    margin-left: auto;
  }

  .ucc-m-company-research-technology__system__research__area__example__coffee__img,
  .ucc-m-company-research-technology__system__research__area__example__hum__img {
    padding: 0 8px;
  }

  .ucc-m-company-research-technology__system__research__area__example__coffee__img img,
  .ucc-m-company-research-technology__system__research__area__example__hum__img img {
    width: 100%;
    max-width: 303px;
    margin-right: auto;
    margin-left: auto;
  }

  .ucc-m-company-research-technology__system__match {
    margin-top: 40px;
  }

  .ucc-m-company-research-technology__system__match__box {
    display: block;
  }

  .ucc-m-company-research-technology__system__match__box__cake,
  .ucc-m-company-research-technology__system__match__box__salmon {
    width: 100%;
    margin-bottom: 23px;
  }

  .ucc-m-company-research-technology__system__match__box__cake__description__text,
  .ucc-m-company-research-technology__system__match__box__salmon__description__text {
    padding: 0;
    text-align: center;
  }

  .ucc-m-company-research-technology__system__match__box__salmon {
    margin-left: 0;
  }

  .ucc-m-company-research-technology__system__match__box__cake {
    margin-right: 0;
  }

  .ucc-m-company-research-technology__fresharoma__distance__step__brend,
  .ucc-m-company-research-technology__fresharoma__distance__step__pack,
  .ucc-m-company-research-technology__fresharoma__distance__step__roast {
    padding: 20px 10px;
  }

  .ucc-m-company-research-technology__fresharoma__distance__step__brend__title,
  .ucc-m-company-research-technology__fresharoma__distance__step__pack__title,
  .ucc-m-company-research-technology__fresharoma__distance__step__roast__title {
    margin-bottom: 11px;
    font-size: 15px;
  }

  .ucc-m-company-research-technology__fresharoma__distance__step__brend::after,
  .ucc-m-company-research-technology__fresharoma__distance__step__pack::after,
  .ucc-m-company-research-technology__fresharoma__distance__step__roast::after {
    bottom: -10px;
    border-width: 10px 10px 0 10px;
  }

  .ucc-m-company-research-technology__fresharoma__distance__step__pack__inside {
    padding: 10px;
  }

  .ucc-m-company-research-technology__fresharoma__distance__step__pack__inside__title {
    font-size: 4vw;
  }

  .ucc-m-company-research-technology__fresharoma__distance__step__pack__inside__graph {
    display: block;
    margin-top: 20px;
  }

  .ucc-m-company-research-technology__fresharoma__distance__step__pack__inside__graph__step1,
  .ucc-m-company-research-technology__fresharoma__distance__step__pack__inside__graph__step2 {
    width: 100%;
    padding: 10px 0;
  }

  .ucc-m-company-research-technology__fresharoma__distance__step__pack__inside__graph__step1__description__step,
  .ucc-m-company-research-technology__fresharoma__distance__step__pack__inside__graph__step2__description__step {
    font-size: 3.4vw;
  }

  .ucc-m-company-research-technology__fresharoma__distance__step__pack__inside__graph__step1__description__text,
  .ucc-m-company-research-technology__fresharoma__distance__step__pack__inside__graph__step2__description__text {
    padding-right: 10px;
    margin-top: 5px;
    font-size: 11px;
  }

  .ucc-m-company-research-technology__fresharoma__distance__step__pack__inside__graph__step1__img img,
  .ucc-m-company-research-technology__fresharoma__distance__step__pack__inside__graph__step2__img img {
    margin-right: auto;
    margin-left: auto;
  }

  .ucc-m-company-research-technology__fresharoma__distance__step__pack__inside__graph__step1 {
    -ms-flex-align: top;
    align-items: top;
    border-right: none;
    border-bottom: 1px solid #ccc;
  }

  .ucc-m-company-research-technology__fresharoma__distance__step__pack__inside__graph__step1__description {
    padding-right: 0;
  }

  .ucc-m-company-research-technology__fresharoma__distance__step__pack__inside__graph__step1__img {
    padding-left: 10px;
  }

  .ucc-m-company-research-technology__fresharoma__distance__step__pack__inside__graph__step1__img img {
    position: static;
  }

  .ucc-m-company-research-technology__fresharoma__distance__step__pack__inside__graph__step2__fig {
    -ms-flex-align: center;
    align-items: center;
  }

  .ucc-m-company-research-technology__fresharoma__distance__step__pack__inside__graph__step2__fig__text {
    font-size: 11px;
  }

  .ucc-m-company-research-technology__fresharoma__result {
    padding: 10px;
  }

  .ucc-m-company-research-technology__fresharoma__result__title {
    font-size: 18px;
    font-weight: bold;
  }

  .ucc-m-company-research-technology__fresharoma__result__lead {
    display: block;
    padding: 0 9px;
  }

  .ucc-m-company-research-technology__fresharoma__result__lead__img {
    width: 20%;
  }

  .ucc-m-company-research-technology__fresharoma__result__lead__img img {
    width: 100%;
    min-width: inherit;
    float: left;
  }

  .ucc-m-company-research-technology__fresharoma__result__lead__text {
    width: 79%;
    float: right;
  }

  .ucc-m-company-research-technology__fresharoma__result__graf {
    display: block;
    margin-top: 0px;
  }

  .ucc-m-company-research-technology__fresharoma__result__graf__smell,
  .ucc-m-company-research-technology__fresharoma__result__graf__thickness {
    width: 100%;
    margin-top: 20px;
  }

  .ucc-m-company-research-technology__fresharoma__result__graf__smell__text,
  .ucc-m-company-research-technology__fresharoma__result__graf__thickness__text {
    padding: 0 10px;
    margin-top: 15px;
  }

  .ucc-m-company-research-technology__fresharoma__result__graf__smell {
    padding-right: 0;
  }

  .ucc-m-company-research-technology__fresharoma__result__graf__thickness {
    padding-left: 0;
  }

  .ucc-m-company-research-technology__recipe__innovation__graf {
    display: block;
  }

  .ucc-m-company-research-technology__recipe__innovation__graf__component,
  .ucc-m-company-research-technology__recipe__innovation__graf__quality {
    width: 100%;
    padding: 0 20px;
  }

  .ucc-m-company-research {
    font-size: 4vw;
  }

  .ucc-m-company-research-gcs {
    top: -30px;
    padding: 45px 5px 20px;
  }

  .ucc-m-company-research-gcs__h1 {
    margin-bottom: 25px;
    font-size: 20px;
    letter-spacing: -0.05em;
  }

  .ucc-m-company-research-gcs__lead {
    margin-top: 0;
    margin-bottom: 25px;
    font-size: 11px;
    letter-spacing: -0.05em;
  }

  .ucc-m-company-research__faculty__lead {
    display: block;
  }

  .ucc-m-company-research__faculty__lead__text {
    width: 100%;
    padding: 40px 30px;
  }

  .ucc-m-company-research__faculty__lead__text__lead {
    margin-top: 20px;
  }

  .ucc-m-company-research__faculty__lead__text::after {
    top: auto;
    right: 0;
    bottom: -10px;
    left: 0;
    border-width: 10px 20px 0 20px;
    border-color: #f7f7f7 transparent transparent transparent;
    margin: 0 auto;
  }

  .ucc-m-company-research__faculty__lead__graph {
    position: static;
    width: 100%;
    -ms-flex-order: 2;
    order: 2;
  }

  .ucc-m-company-research__faculty__lead__graph__img {
    position: static;
    padding: 38px 45px;
    margin: 0 auto;
    transform: none;
  }

  .ucc-m-company-research__faculty__lead__graph__img img {
    max-width: 398px;
  }

  .ucc-m-company-research__faculty__three__box__text__span {
    margin-top: 1%;
    margin-bottom: 1%;
    font-size: 2.5vw;
  }

  .ucc-m-company-research__faculty__three__box__text__lead {
    padding: 0 0.3em;
    font-size: 11px;
    line-height: 1.6em;
  }

  .ucc-m-company-research__infomation {
    padding: 38px 0;
    margin-top: 0;
  }

  .ucc-m-company-research__infomation__area {
    display: block;
  }

  .ucc-m-company-research__infomation__area__box {
    width: 100%;
    max-width: none;
    margin-bottom: 30px;
  }

  .ucc-m-company-research__infomation__area__box:last-child {
    margin-bottom: 0px;
  }

  .ucc-m-company-research__infomation__area__box__text__title {
    margin-top: 10px;
    font-size: 11px;
  }

  .ucc-m-company-research__infomation__area__box__text__title::after {
    width: 10px;
    height: 10px;
  }

  .ucc-m-company-research__presentation {
    margin-bottom: 0;
  }

  .ucc-m-company-research__presentation__table__list {
    display: block;
  }

  .ucc-m-company-research__presentation__table__list__meta {
    margin-bottom: 6px;
  }

  .ucc-m-company-research__presentation__table__list__description {
    width: 100%;
  }

  .ucc-m-company-research__presentation__table__list__description__author {
    margin-top: 8px;
  }

  .ucc-m-company-research__cbtns {
    margin-bottom: 50px;
  }

  .ucc-m-company-research__cbtns__items {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px;
  }

  .ucc-m-company-text,
  .ucc-m-company-text--last {
    margin: 20px 0;
    font-size: 11px;
  }

  .ucc-m-company-topmessage-lead__body {
    min-height: 0;
  }

  .ucc-m-company-topmessage-lead__text {
    font-size: 22px;
  }

  .ucc-m-company-topmessage-lead__sign {
    position: static;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin: 30px 0 0 0;
  }

  .ucc-m-company-topmessage-lead__company {
    font-size: 10px;
  }

  .ucc-m-company-topmessage-lead__name {
    font-size: 22px;
  }

  .ucc-m-contact-boxes__box {
    padding-right: 15px;
    padding-left: 15px;
  }

  .ucc-m-contact-boxes__box {
    width: 100%;
  }

  .ucc-m-contact-boxes__box + .ucc-m-contact-boxes__box {
    margin-top: 20px;
    margin-left: 0;
  }

  .ucc-m-contact-boxes__box__h i {
    font-size: 40px;
  }

  .ucc-m-contact-boxes__box__h {
    font-size: 20px;
  }

  .ucc-m-contact-boxes__box__tel {
    margin-top: 20px;
    font-size: 20px;
  }

  .ucc-m-contact-boxes__box__tel a {
    pointer-events: auto;
  }

  .ucc-m-contact-boxes__box__tel-t1 {
    font-size: 13px;
  }

  .ucc-m-contact-boxes__box__tel-t2 {
    font-size: 11px;
  }

  .ucc-m-contact-boxes__box__post {
    margin-top: 20px;
    font-size: 15px;
  }

  .ucc-m-content-thumb__h {
    font-size: 14px;
  }

  .ucc-m-content-thumb__lead {
    font-size: 10px;
  }

  .ucc-m-contents-nav {
    font-size: 11px;
  }

  .ucc-m-contents-nav {
    padding-right: 10px;
    padding-left: 10px;
  }

  .ucc-m-contents-nav.is-sp-no-space {
    padding-right: 0;
    padding-left: 0;
  }

  .ucc-m-contents-nav {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .ucc-m-contents-nav__list {
    width: 104.2253521127%;
    margin-top: -4.0540540541%;
    margin-left: -4.0540540541%;
  }

  .ucc-m-contents-nav__list .ucc-m-contents-nav__item {
    width: 45.9459459459%;
    margin-top: 4.0540540541%;
    margin-left: 4.0540540541%;
    float: left;
  }

  .ucc-m-customer-factory-code-list {
    font-size: 11px;
  }

  .ucc-p-customer-faq__primary .ucc-m-customer-faq-answer__inner .ucc-m-article-body h2 {
    font-size: 20px;
  }

  .ucc-p-customer-faq__primary .ucc-m-customer-faq-answer__inner .ucc-m-article-body h3 {
    font-size: 17px;
  }

  .ucc-p-customer-faq__primary .ucc-m-customer-faq-answer__inner .ucc-m-article-body h3.is-large {
    font-size: 20px;
  }

  .ucc-p-customer-faq__primary .ucc-m-customer-faq-answer__inner .ucc-m-figs--3 .ucc-m-figs__item .ucc-a-round-btn > span {
    font-size: 12px;
  }

  .ucc-p-customer-faq__primary .ucc-m-customer-faq-questionnaire__ttl {
    font-size: 15px;
  }

  .ucc-p-customer-faq__primary .ucc-m-customer-faq-questionnaire__body {
    min-height: 105px;
  }

  .ucc-p-customer-faq__secondary .ucc-m-customer-utility-links__btn {
    font-size: 12px;
  }

  .ucc-p-customer__pages-sec .ucc-m-customer-finished-products {
    font-size: 11px;
  }

  .ucc-m-customer-footer-contacts {
    font-size: 11px;
  }

  .ucc-m-customer-footer-contacts {
    padding-right: 10px;
    padding-left: 10px;
  }

  .ucc-m-customer-footer-contacts.is-sp-no-space {
    padding-right: 0;
    padding-left: 0;
  }

  .ucc-m-customer-footer-contacts-secondary__item {
    font-size: 11px;
  }

  .ucc-m-customer-footer-links {
    font-size: 11px;
  }

  .ucc-m-customer-footer-links__container {
    font-size: 11px;
  }

  .ucc-m-customer-footer-links__container {
    padding-right: 10px;
    padding-left: 10px;
  }

  .ucc-m-customer-footer-links__container.is-sp-no-space {
    padding-right: 0;
    padding-left: 0;
  }

  .ucc-m-customer-footer-links__btn {
    font-size: 12px;
  }

  .ucc-m-customer-header-search__input {
    font-size: 11px;
  }

  .ucc-m-search-filter {
    font-size: 11px;
  }

  .ucc-m-search-filter {
    padding-right: 10px;
    padding-left: 10px;
  }

  .ucc-m-search-filter.is-sp-no-space {
    padding-right: 0;
    padding-left: 0;
  }

  .ucc-m-customer-header__inner {
    font-size: 11px;
  }

  .ucc-m-customer-header__inner {
    padding-right: 10px;
    padding-left: 10px;
  }

  .ucc-m-customer-header__inner.is-sp-no-space {
    padding-right: 0;
    padding-left: 0;
  }

  .ucc-m-h-sec.ucc-p-customer-home__faq-sec {
    font-size: 11px;
  }

  .ucc-p-customer-home__faq-sec .ucc-m-sec__header {
    padding-right: 10px;
    padding-left: 10px;
  }

  .ucc-p-customer-home__faq-sec .ucc-m-sec__header.is-sp-no-space {
    padding-right: 0;
    padding-left: 0;
  }

  .ucc-p-customer-home__faq-sec .ucc-m-h-en-sec__body {
    padding: 0;
    margin-top: 20px;
  }

  .ucc-m-faq-recent__item {
    min-height: 80px;
  }

  .ucc-m-faq-recent__item {
    width: 100%;
  }

  .ucc-m-faq-recent__item a {
    padding: 15px;
  }

  .ucc-m-faq-recent__item a:after {
    margin-right: 15px;
    font-size: 15px;
  }

  .ucc-m-faq-recent__item a span {
    padding-right: 30px;
    font-size: 12px;
  }

  .ucc-m-faq-recent .swiper-slide {
    width: 73.3333333333%;
    padding-right: 7px;
    padding-left: 7px;
  }

  .ucc-m-customer-improvement-list {
    font-size: 11px;
  }

  .ucc-p-customer-search-faq__secondary .ucc-m-customer-utility-links__btn {
    font-size: 12px;
  }

  .ucc-m-exh-header {
    font-size: 11px;
  }

  .ucc-m-exh-header {
    min-height: iniaial;
    min-height: auto;
    padding-right: 10px;
    padding-left: 10px;
  }

  .ucc-m-exh-header__container {
    display: block;
    height: initial;
    height: auto;
  }

  .ucc-m-exh-header__inner {
    display: block;
  }

  .ucc-m-exh-header__fig,
  .ucc-m-exh-header__caption {
    display: block;
  }

  .ucc-m-exh-header__fig .ucc-a-bg-img {
    padding-top: 46.4788732394%;
  }

  .ucc-m-exh-header__caption {
    padding: 20px 20px 35px;
  }

  .ucc-m-exh-header__logo img {
    width: 80px;
    height: 31px;
  }

  .ucc-m-exh-header__btns .ucc-a-btn {
    width: 100%;
  }

  .ucc-m-exh-header__btns .ucc-a-btn + .ucc-a-btn {
    margin-top: 20px;
    margin-left: 0;
  }

  .ucc-m-fig-set__fig {
    width: 100%;
    float: none;
  }

  .ucc-m-fig-set__txt {
    width: 100%;
    margin-top: 10px;
    float: none;
  }

  .ucc-m-figs__item .ucc-a-round-btn > span {
    padding-right: 10px;
    padding-left: 10px;
    font-size: 14px;
  }

  .ucc-m-figs__item .ucc-a-round-btn > span:after {
    position: relative;
    top: -2px;
    right: 0;
    margin-left: 5px;
    font-size: 10px;
    transform: translateY(0);
  }

  .ucc-m-figs__item figure > p {
    margin-top: 10px;
  }

  .ucc-m-figs--2 .ucc-m-figs__item {
    width: 100%;
    margin-top: 25px;
    margin-left: 0;
  }

  .ucc-m-figs--2 .ucc-m-figs__item:nth-child(2n+1) {
    margin-left: 0;
  }

  .ucc-m-figs--2 .ucc-m-figs__item:nth-child(n+3) {
    margin-top: 25px;
  }

  .ucc-m-figs--2 .ucc-m-figs__item:first-child {
    margin-top: 0;
  }

  .ucc-m-figs--3 .ucc-m-figs__item {
    width: 47.8873239437%;
    margin-left: 4.2253521127%;
  }

  .ucc-m-figs--3 .ucc-m-figs__item:nth-child(3n+1) {
    margin-left: 4.2253521127%;
  }

  .ucc-m-figs--3 .ucc-m-figs__item:nth-child(n+4) {
    margin-top: 25px;
  }

  .ucc-m-figs--3 .ucc-m-figs__item:nth-child(2n+1) {
    margin-left: 0;
  }

  .ucc-m-figs--3 .ucc-m-figs__item:nth-child(n+3) {
    margin-top: 25px;
  }

  .ucc-m-fixed-banner.is-hidden {
    transform: translateY(100%);
  }

  .ucc-m-flavor {
    padding: 15px;
  }

  .ucc-m-flavor__container {
    display: block;
  }

  .ucc-m-flavor__inner {
    display: block;
  }

  .ucc-m-flavor__h,
  .ucc-m-flavor__body {
    display: block;
  }

  .ucc-m-flavor__h {
    font-size: 15px;
    text-align: center;
  }

  .ucc-m-flavor__body {
    padding-right: 0;
    padding-left: 0;
    border-left: none;
    margin-top: 10px;
  }

  .ucc-m-flavor__list {
    font-size: 10px;
  }

  .ucc-m-flavor__list__point {
    width: 115px;
  }

  .ucc-m-footer-links {
    font-size: 11px;
  }

  .ucc-m-footer-links {
    padding-top: 30px;
    padding-bottom: 0;
  }

  .ucc-m-footer-links__container {
    padding-right: 10px;
    padding-left: 10px;
  }

  .ucc-m-footer-links__container.is-sp-no-space {
    padding-right: 0;
    padding-left: 0;
  }

  .ucc-m-footer-links__inner + .ucc-m-footer-links__inner {
    margin-top: 1.4084507042%;
  }

  .ucc-m-footer-links__btn {
    font-size: 12px;
  }

  .ucc-m-footer-links__btn {
    width: 49.2957746479%;
    padding: 5.6338028169% 2.8169014085%;
  }

  .ucc-m-footer-links__btn + .ucc-m-footer-links__btn {
    margin-left: 1.4084507042%;
  }

  .ucc-m-footer-links__btn__content {
    padding-left: 40px;
  }

  .ucc-m-footer-links__btn__content::before {
    width: 31px;
    height: 31px;
  }

  .ucc-m-for-buisiness {
    font-size: 11px;
  }

  .ucc-m-for-buisiness__inner {
    padding-right: 10px;
    padding-left: 10px;
  }

  .ucc-m-for-buisiness__inner.is-sp-no-space {
    padding-right: 0;
    padding-left: 0;
  }

  .ucc-m-for-buisiness__btn {
    padding: 15px 30px;
  }

  .ucc-m-for-buisiness__main {
    display: block;
  }

  .ucc-m-for-buisiness__content {
    display: block;
  }

  .ucc-m-for-buisiness__header,
  .ucc-m-for-buisiness__body {
    display: block;
  }

  .ucc-m-for-buisiness__h {
    font-size: 15px;
  }

  .ucc-m-for-buisiness__h-en {
    font-size: 11px;
  }

  .ucc-m-for-buisiness__body {
    padding-right: 0;
    padding-left: 0;
    margin-top: 10px;
    font-size: 11px;
    text-align: center;
  }

  .ucc-m-for-buisiness__body:after {
    display: none;
  }

  .ucc-m-for-buisiness--lower .ucc-m-for-buisiness__h {
    font-size: 20px;
  }

  .ucc-m-for-buisiness--lower .ucc-m-for-buisiness__btn {
    padding-right: 30px;
  }

  .ucc-m-form-itext {
    padding: 0.5em 0.5em;
  }

  .ucc-m-form-itext--postal2 {
    width: 70px;
  }

  .ucc-m-form-itext--tel {
    max-width: 175px;
  }

  .ucc-m-form-radios__item {
    margin-right: 35px;
  }

  .ucc-m-form-radios.is-age .ucc-m-form-radios__item {
    width: 90px;
    margin-right: 25px;
  }

  .ucc-m-form-radios.is-sp-block .ucc-m-form-radios__item {
    display: block;
    margin-right: 0;
  }

  .ucc-m-form-radios.is-sp-block .ucc-m-form-radios__item + .ucc-m-form-radios__item {
    margin-top: 10px;
  }

  .ucc-m-form-vlist__cell--hyphen {
    padding-right: 6px;
    padding-left: 6px;
  }

  .ucc-m-form-vlist__cell--postal-sign {
    padding-right: 6px;
  }

  .ucc-m-form-vlist__cell--date {
    padding-right: 15px;
  }

  .ucc-m-form-vlist__btn {
    padding-right: 12px;
    padding-left: 12px;
    font-size: 13px;
  }

  .ucc-m-form {
    padding: 35px 10px;
  }

  .ucc-m-form__row + .ucc-m-form__row .ucc-m-form__th {
    padding-top: 35px;
  }

  .ucc-m-form__th__main {
    padding-top: 0;
  }

  .ucc-m-form__th__h {
    font-size: 16px;
  }

  .ucc-m-form__th__h__note {
    font-size: 11px;
  }

  .ucc-m-form__td {
    font-size: 14px;
  }

  .ucc-m-form__btn {
    width: 100%;
    font-size: 17px;
  }

  .ucc-m-form__btn + .ucc-m-form__btn {
    margin-top: 25px;
    margin-left: 0;
  }

  .ucc-m-form__note {
    font-size: 11px;
  }

  .ucc-m-frame-btns {
    font-size: 11px;
  }

  .ucc-m-frame-btns {
    padding-top: 5px;
    padding-right: 0;
    padding-bottom: 5px;
    padding-left: 0;
  }

  .ucc-m-frame-btns__inner {
    border-spacing: 15px;
  }

  .ucc-m-functional__header__logo {
    max-width: 140px;
    margin: 0 auto;
  }

  .ucc-m-functional__header__title {
    padding: 0.5em 0;
    font-size: 20px;
  }

  .ucc-m-functional__header__lead {
    padding: 0.5em 0;
    margin-top: 28px;
    font-size: 20px;
  }

  .ucc-m-functional__header__lead__label {
    font-size: 18px;
  }

  .ucc-m-functional__body__sec__harfbox {
    width: 100%;
    float: none;
  }

  .ucc-m-functional__body__sec__title {
    font-size: 13px;
  }

  .ucc-m-functional__bnr {
    margin-top: 30px;
  }

  .ucc-m-functional__bnr__area {
    max-width: 310px;
    padding: 10px 15px;
  }

  .ucc-m-functional__bnr__area__title {
    max-width: 190px;
    font-size: 19px;
  }

  .ucc-m-functional__bnr__area__logo {
    max-width: 100px;
  }

  .ucc-m-functional__bnr__txt {
    max-width: 310px;
  }

  .ucc-m-gf-copyrights {
    padding-right: 10px;
    padding-left: 10px;
  }

  .ucc-m-gf-copyrights.is-sp-no-space {
    padding-right: 0;
    padding-left: 0;
  }

  .ucc-m-gf-copyrights__nav {
    font-size: 10px;
  }

  .ucc-m-gf-copyrights__copy {
    font-size: 10px;
  }

  .ucc-m-gf-copyrights__copy--simple {
    font-size: 10px;
  }

  .ucc-m-gfnav {
    padding-right: 10px;
    padding-left: 10px;
  }

  .ucc-m-gfnav.is-sp-no-space {
    padding-right: 0;
    padding-left: 0;
  }

  .ucc-m-gfnav__link {
    font-size: 10px;
  }

  .ucc-m-gfsnav {
    padding-right: 10px;
    padding-left: 10px;
  }

  .ucc-m-gfsnav.is-sp-no-space {
    padding-right: 0;
    padding-left: 0;
  }

  .ucc-m-gfsnav__links__h {
    font-size: 10px;
  }

  .ucc-m-gfsnav__links__body {
    font-size: 10px;
  }

  .ucc-m-gnav-sp {
    font-size: 11px;
  }

  .ucc-m-go-home {
    font-size: 11px;
  }

  .ucc-m-go-home--layout-content {
    padding-right: 10px;
    padding-left: 10px;
  }

  .ucc-m-go-home--layout-content.is-sp-no-space {
    padding-right: 0;
    padding-left: 0;
  }

  .ucc-m-go-home__btn > span {
    padding-right: 24px;
  }

  .ucc-m-go-home__btn > span:after {
    font-size: 15px;
  }

  .ucc-m-group-banners__pages {
    margin-top: 5px;
  }

  .ucc-m-gsnav__list {
    font-size: 10px;
  }

  .ucc-m-gsubnav__container {
    padding-right: 10px;
    padding-left: 10px;
  }

  .ucc-m-gsubnav__container.is-sp-no-space {
    padding-right: 0;
    padding-left: 0;
  }

  .ucc-m-gsubnav__h {
    font-size: 14px;
  }

  .ucc-m-gsubnav__btn__caption {
    font-size: 10px;
  }

  .ucc-m-guid-nav__body {
    padding-right: 0;
    padding-left: 0;
  }

  .ucc-m-guid-nav__btns__list {
    width: 104.5070422535%;
    margin-top: -4.3126684636%;
    margin-left: -4.3126684636%;
  }

  .ucc-m-guid-nav__btns__list .ucc-m-guid-nav__btns__item {
    width: 45.6873315364%;
    margin-top: 4.3126684636%;
    margin-left: 4.3126684636%;
    float: left;
  }

  .ucc-m-guid-nav__btn > span {
    font-size: 11px;
  }

  .ucc-m-guid-navs {
    font-size: 11px;
  }

  .ucc-m-guid-navs__container {
    padding-right: 10px;
    padding-left: 10px;
  }

  .ucc-m-guid-navs__container.is-sp-no-space {
    padding-right: 0;
    padding-left: 0;
  }

  .ucc-m-guid-navs__item {
    width: 100%;
  }

  .ucc-m-guid-navs__item + .ucc-m-guid-navs__item {
    margin-top: 50px;
    margin-left: 0;
  }

  .ucc-m-guid-navs__wave {
    display: none;
  }

  .ucc-m-guid-navs__wave__inner {
    padding-right: 10px;
    padding-left: 10px;
  }

  .ucc-m-guid-navs__wave__inner.is-sp-no-space {
    padding-right: 0;
    padding-left: 0;
  }

  .ucc-m-h-en-sec {
    padding-top: 40px;
  }

  .ucc-m-h-en-sec__body {
    padding-right: 10px;
    padding-left: 10px;
  }

  .ucc-m-h-en-sec__body.is-sp-no-space {
    padding-right: 0;
    padding-left: 0;
  }

  .ucc-m-h-en-sec__body {
    margin-top: 30px;
  }

  .ucc-m-h-en-sec__body--no-side-padding-sp {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  .ucc-m-h-sec {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .ucc-m-h-sec.has-wave {
    padding-top: 0px;
  }

  .ucc-m-h-sec--no-space,
  .ucc-m-h-sec--sp-no-space {
    padding-top: 0;
    padding-bottom: 0;
  }

  .ucc-m-h-sec__body {
    padding-right: 10px;
    padding-left: 10px;
  }

  .ucc-m-h-sec__body.is-sp-no-space {
    padding-right: 0;
    padding-left: 0;
  }

  .ucc-m-h-sec__body {
    margin-top: 30px;
  }

  .ucc-m-h-sec__body--sp-no-space {
    padding-right: 0;
    padding-left: 0;
  }

  .ucc-m-h-sec--lower-wrapper-large {
    padding-bottom: 20px;
  }

  .ucc-m-h-sec--h2 .ucc-m-h-sec__body {
    margin-top: 25px;
  }

  .ucc-m-h-thumbs {
    font-size: 11px;
  }

  .ucc-m-h-thumbs__list {
    width: 100%;
    margin-top: -11.2676056338%;
    margin-left: -11.2676056338%;
  }

  .ucc-m-h-thumbs__list .ucc-m-h-thumbs__item {
    width: 100%;
    margin-top: 11.2676056338%;
    margin-left: 11.2676056338%;
    float: left;
  }

  .ucc-m-home-action {
    padding-bottom: 50px;
  }

  .ucc-m-home-action__header {
    padding-top: 9.8666666667%;
  }

  .ucc-m-home-action__header::before {
    padding-top: 45.0666666667%;
  }

  .ucc-m-home-action__h {
    max-width: 76%;
  }

  .ucc-m-home-action__body {
    padding-right: 10px;
    padding-left: 10px;
  }

  .ucc-m-home-action__body.is-sp-no-space {
    padding-right: 0;
    padding-left: 0;
  }

  .ucc-m-home-action__body {
    margin-top: 30px;
  }

  .ucc-m-home-enjoy {
    font-size: 11px;
  }

  .ucc-m-home-enjoy {
    padding-top: 40px;
  }

  .ucc-m-home-enjoy__header {
    padding-right: 10px;
    padding-left: 10px;
  }

  .ucc-m-home-enjoy__header.is-sp-no-space {
    padding-right: 0;
    padding-left: 0;
  }

  .ucc-m-home-enjoy__btns-content {
    padding-right: 10px;
    padding-left: 10px;
  }

  .ucc-m-home-enjoy__btns-content.is-sp-no-space {
    padding-right: 0;
    padding-left: 0;
  }

  .ucc-m-home-enjoy__btns-wrap {
    padding-top: 20px;
    padding-bottom: 0;
  }

  .ucc-m-home-enjoy__btns-wrap:before {
    height: 70%;
  }

  .ucc-m-home-enjoy__wave > canvas {
    top: 4%;
  }

  .ucc-m-home-enjoy__business-wrap {
    padding-top: 2px;
    padding-bottom: 60px;
  }

  .ucc-m-home-enjoy__btns__item {
    width: 47.8873239437%;
  }

  .ucc-m-home-enjoy__btns__item + .ucc-m-home-enjoy__btns__item {
    margin-left: 2.8169014085%;
  }

  .ucc-m-home-enjoy__btns__item:nth-child(3) {
    margin-right: auto;
    margin-left: auto;
    clear: left;
    float: none;
  }

  .ucc-m-home-enjoy__btns__item:nth-child(3):before {
    display: table;
    clear: both;
    content: "";
  }

  .ucc-m-home-enjoy__btns__item:nth-child(3) .ucc-m-home-enjoy__btn {
    margin-top: 10px;
  }

  .ucc-m-home-enjoy__btn__txt {
    padding-right: 5px;
    padding-left: 5px;
  }

  .ucc-m-home-enjoy__btn__h {
    font-size: 20px;
  }

  .ucc-m-home-enjoy__btn__h {
    font-size: 15px;
  }

  .ucc-m-home-enjoy__btn__h-en {
    font-size: 10px;
  }

  .ucc-m-home-enjoy__btn__h-en {
    margin-top: 5px;
  }

  .ucc-m-home-events__list + .ucc-m-home-events__list {
    margin-top: 10px;
  }

  .ucc-m-home-events__item {
    width: 100%;
    float: none;
  }

  .ucc-m-home-events__item + .ucc-m-home-events__item {
    margin-top: 10px;
    margin-left: 0;
  }

  .ucc-m-home-events__item--slender {
    width: 100%;
  }

  .ucc-m-home-events__item--slender + .ucc-m-home-events__item--slender {
    margin-top: 10px;
    margin-left: 0;
  }

  .ucc-m-home-hero {
    padding-top: 0;
    padding-bottom: 10px;
    padding-right: 0;
    padding-left: 0;
  }

  .ucc-m-home-hero__container {
    display: block;
  }

  .ucc-m-home-hero__inner {
    display: block;
  }

  .ucc-m-home-hero__blocks--movie {
    padding-right: 0;
  }

  .ucc-m-home-hero__blocks--movie .ucc-m-bg-movie:after {
    padding-top: 120%;
  }

  .ucc-m-home-hero__blocks--others {
    padding-right: 10px;
    padding-left: 10px;
  }

  .ucc-m-home-hero__blocks--others.is-sp-no-space {
    padding-right: 0;
    padding-left: 0;
  }

  .ucc-m-home-hero__blocks--others {
    padding-right: 0;
    padding-left: 0;
    margin-top: 10px;
  }

  .ucc-m-home-hero__blocks {
    display: block;
  }

  .ucc-m-home-hero__movie__logo {
    width: 70.4225352113%;
  }

  .ucc-m-home-hero__movie__anchor {
    bottom: 15px;
    font-size: 16px;
  }

  .ucc-m-home-hero__other {
    width: 100%;
    float: none;
  }

  .ucc-m-home-hero__other + .ucc-m-home-hero__other {
    margin-top: 10px;
    margin-left: 0;
  }

  .ucc-m-home-news {
    font-size: 11px;
  }

  .ucc-m-home-news {
    padding-top: 40px;
    padding-bottom: 60px;
  }

  .ucc-m-home-news__container {
    padding-right: 10px;
    padding-left: 10px;
  }

  .ucc-m-home-news__container.is-sp-no-space {
    padding-right: 0;
    padding-left: 0;
  }

  .ucc-m-home-news__content {
    width: 100%;
    float: none;
  }

  .ucc-m-home-news__content + .ucc-m-home-news__content {
    margin-top: 70px;
    margin-left: 0;
  }

  .ucc-m-home-notices {
    font-size: 11px;
  }

  .ucc-m-home-notices {
    padding-right: 10px;
    padding-left: 10px;
  }

  .ucc-m-home-notices.is-sp-no-space {
    padding-right: 0;
    padding-left: 0;
  }

  .ucc-m-home-notices__inner {
    display: block;
  }

  .ucc-m-home-notices__content {
    display: block;
  }

  .ucc-m-home-notices__h,
  .ucc-m-home-notices__lists {
    display: block;
  }

  .ucc-m-home-notices__h {
    font-size: 15px;
  }

  .ucc-m-home-notices__lists {
    padding-right: 10px;
    padding-left: 10px;
    border-left: none;
    margin-top: 10px;
  }

  .ucc-m-home-recipe-sp {
    font-size: 11px;
  }

  .ucc-m-home-recipe-sp__list {
    width: 104.2253521127%;
    margin-top: -4.0540540541%;
    margin-left: -4.0540540541%;
  }

  .ucc-m-home-recipe-sp__list .ucc-m-home-recipe-sp__thumb {
    width: 45.9459459459%;
    margin-top: 4.0540540541%;
    margin-left: 4.0540540541%;
    float: left;
  }

  .ucc-m-home-recipe {
    font-size: 11px;
  }

  .ucc-m-laid-gallery {
    display: block;
  }

  .ucc-m-laid-gallery__content {
    width: 100%;
    float: none;
  }

  .ucc-m-line-h {
    font-size: 13px;
  }

  .ucc-m-lower-nav {
    font-size: 11px;
  }

  .ucc-m-magazine__h {
    font-size: 10px;
  }

  .ucc-m-magazine__time {
    font-size: 9px;
  }

  .ucc-m-magazine__features {
    padding: 6px 10px 10px;
  }

  .ucc-m-magazine__features__h > span {
    padding-right: 10px;
    padding-left: 10px;
  }

  .ucc-m-magazine__features__body {
    font-size: 10px;
  }

  .ucc-m-magazine__features__body {
    margin-top: 2px;
  }

  .ucc-m-magazine__btns {
    margin-top: 20px;
  }

  .ucc-m-magazine .ucc-a-round-btn {
    font-size: 13px;
  }

  .ucc-m-magazine .ucc-a-round-btn {
    margin-bottom: 10px;
  }

  .ucc-m-magazine .ucc-a-round-btn > span:after {
    right: 15px;
    font-size: 10px;
  }

  .ucc-m-magazine .ucc-a-round-btn > span {
    padding-right: 10px;
    padding-left: 10px;
  }

  .ucc-m-magazines__item {
    width: 48.1690140845%;
    margin-left: 3.661971831%;
  }

  .ucc-m-magazines__item:nth-child(2n+1) {
    margin-left: 0;
    clear: both;
  }

  .ucc-m-magazines__item:nth-child(n+3) {
    margin-top: 60px;
  }

  .ucc-m-movie-sec {
    font-size: 11px;
  }

  .ucc-m-movie-sec {
    padding-top: 40px;
  }

  .ucc-m-movie-sec__container {
    padding-right: 10px;
    padding-left: 10px;
  }

  .ucc-m-movie-sec__container.is-sp-no-space {
    padding-right: 0;
    padding-left: 0;
  }

  .ucc-m-movie-sec__container {
    min-height: initial;
    min-height: auto;
  }

  .ucc-m-movie-sec__inner {
    display: block;
    height: initial;
    height: auto;
  }

  .ucc-m-movie-sec__content {
    display: none;
  }

  .ucc-m-movie-sec__content.is-current {
    display: block;
  }

  .ucc-m-movie-sec__movie,
  .ucc-m-movie-sec__txts {
    display: block;
    min-height: initial;
    min-height: auto;
  }

  .ucc-m-movie-sec__movie {
    width: 100%;
    margin-top: 20px;
  }

  .ucc-m-movie-sec__txts {
    width: 100%;
    padding-left: 0;
  }

  .ucc-m-movie-sec__caption {
    font-size: 11px;
  }

  .ucc-m-movie-sec__caption {
    margin-top: 0;
  }

  .ucc-m-news-block.has-arrow {
    padding-right: 40px;
  }

  .ucc-m-news-block--large {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .ucc-m-news-block--large .ucc-m-news-block__h {
    font-size: 15px;
  }

  .ucc-m-news-year-link {
    font-size: 15px;
  }

  .ucc-m-news-year-links {
    font-size: 11px;
  }

  .ucc-m-news-year-links {
    *zoom: 1;
    padding: 8px 20px;
  }

  .ucc-m-news-year-links:before,
  .ucc-m-news-year-links:after {
    display: table;
    content: "";
  }

  .ucc-m-news-year-links:after {
    clear: both;
  }

  .ucc-m-news-year-links__item {
    width: 47.385620915%;
    border-bottom: 1px dotted #c9c9c9;
    float: left;
  }

  .ucc-m-news-year-links__item + .ucc-m-news-year-links__item {
    border-top: none;
  }

  .ucc-m-news-year-links__item:nth-child(even) {
    margin-left: 5.2287581699%;
  }

  .ucc-m-news-year-v__h {
    font-size: 20px;
  }

  .ucc-m-news-year-v__body {
    margin-top: 10px;
  }

  .ucc-m-news-year-v + .ucc-m-news-year-v {
    margin-top: 40px;
  }

  .ucc-m-news-year {
    font-size: 11px;
  }

  .ucc-m-news-year__container {
    display: block;
  }

  .ucc-m-news-year__inner {
    display: block;
  }

  .ucc-m-news-year__h,
  .ucc-m-news-year__body {
    display: block;
  }

  .ucc-m-news-year__h {
    font-size: 20px;
  }

  .ucc-m-news-year__h {
    width: 100%;
    padding-top: 10px;
    text-align: center;
  }

  .ucc-m-news-year__body {
    border-top: 1px solid #d2d2d2;
    margin-top: 20px;
  }

  .ucc-m-news-years {
    font-size: 11px;
  }

  .ucc-m-news-years__item {
    border-top: none;
  }

  .ucc-m-news-years__item + .ucc-m-news-years__item {
    margin-top: 30px;
  }

  .ucc-m-news {
    font-size: 11px;
  }

  .ucc-m-news--archive .ucc-m-news__item:last-child {
    border-bottom: 1px dotted #d2d2d2;
  }

  .ucc-m-notes {
    font-size: 10px;
  }

  .ucc-m-nshop__caption {
    padding-bottom: 14px;
  }

  .ucc-m-nshop__logos {
    margin-top: -40px;
  }

  .ucc-m-nshop__logo {
    width: 39.3258426966%;
    margin-right: auto;
    margin-left: auto;
  }

  .ucc-m-nshop__lead {
    margin-top: 15px;
    font-size: 15px;
    text-align: center;
  }

  .ucc-m-nshop__body {
    width: 91.2921348315%;
    margin-top: 20px;
  }

  .ucc-m-nshop__ex {
    font-size: 11px;
  }

  .ucc-m-nshop__links {
    margin-top: 24px;
  }

  .ucc-m-nshop__links__item + .ucc-m-nshop__links__item {
    margin-left: 5.3846153846%;
  }

  .ucc-m-nshop__link {
    padding-right: 14px;
    font-size: 12px;
  }

  .ucc-m-nshop__link:after {
    font-size: 8px;
  }

  .ucc-m-nshop__sns {
    margin-top: 14px;
  }

  .ucc-m-nshop__sns__h {
    font-size: 10px;
  }

  .ucc-m-nshop__sns__items {
    margin-left: 20px;
  }

  .ucc-m-nshop__sns__item + .ucc-m-nshop__sns__item {
    margin-left: 20px;
  }

  .ucc-m-nshops__item + .ucc-m-nshops__item {
    margin-top: 30px;
  }

  .ucc-m-oshop-box__fig {
    width: 100%;
  }

  .ucc-m-oshop-box__caption {
    width: 100%;
    margin-top: 15px;
    float: none;
  }

  .ucc-m-oshop-box__h {
    margin-top: 10px;
    font-size: 15px;
  }

  .ucc-m-oshop-box__lead {
    margin-top: 10px;
    font-size: 11px;
  }

  .ucc-m-oshop-boxes__list {
    width: 100%;
    margin-top: -9.1549295775%;
    margin-left: 0%;
  }

  .ucc-m-oshop-boxes__list .ucc-m-oshop-boxes__item {
    width: 100%;
    margin-top: 9.1549295775%;
    margin-left: 0%;
    float: left;
  }

  .ucc-m-oshop-boxes__list--colum3 {
    width: 102.8169014085%;
    margin-top: -5.4794520548%;
    margin-left: -2.7397260274%;
  }

  .ucc-m-oshop-boxes__list--colum3 .ucc-m-oshop-boxes__item {
    width: 47.2602739726%;
    margin-top: 5.4794520548%;
    margin-left: 2.7397260274%;
    float: left;
  }

  .ucc-m-oshop-others__fig {
    width: 100%;
    float: none;
  }

  .ucc-m-oshop-others__caption {
    width: 100%;
    margin-top: 10px;
    float: none;
  }

  .ucc-m-oshop-others__h {
    margin-top: 10px;
    font-size: 15px;
  }

  .ucc-m-oshop-others__h > span {
    padding-right: 20px;
  }

  .ucc-m-oshop-others__lead {
    margin-top: 10px;
    font-size: 11px;
  }

  .ucc-m-pages__page {
    width: 20px;
    margin-top: 10px;
  }

  .ucc-m-pages__page + .ucc-m-pages__page {
    margin-left: 6px;
  }

  .ucc-m-paginate {
    font-size: 11px;
  }

  .ucc-m-paginate__page {
    margin-right: 6px;
    margin-left: 6px;
    font-size: 18px;
  }

  .ucc-m-pickups .swiper-slide {
    width: 86.6666666667%;
    padding-right: 1.3333333333%;
    padding-left: 1.3333333333%;
  }

  .ucc-m-pickups__pages {
    margin-top: 5px;
  }

  .ucc-m-pickups--sp-full {
    margin-right: -10px;
    margin-left: -10px;
  }

  .ucc-m-point-sec__h {
    font-size: 15px;
  }

  .ucc-m-point-sec {
    padding: 20px 8px;
  }

  .ucc-m-press__records {
    margin-bottom: 25px;
  }

  .ucc-m-pressroom-pickup {
    font-size: 11px;
  }

  .ucc-m-procedure__item__h,
  .ucc-m-procedure__item__body {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .ucc-m-procedure__item__h {
    width: 50px;
    font-size: 30px;
  }

  .ucc-m-product-brandsite {
    font-size: 11px;
  }

  .ucc-m-product-categories {
    font-size: 11px;
  }

  .ucc-m-product-categories__list {
    width: 104.2253521127%;
    margin-top: -4.0540540541%;
    margin-left: -4.0540540541%;
  }

  .ucc-m-product-categories__list .ucc-m-product-categories__item {
    width: 45.9459459459%;
    margin-top: 4.0540540541%;
    margin-left: 4.0540540541%;
    float: left;
  }

  .ucc-m-product-categories__btn__caption {
    margin-top: 2px;
  }

  .ucc-m-product-lineups {
    font-size: 11px;
  }

  .ucc-m-product-lineups__pages {
    margin-top: 25px;
  }

  .ucc-m-product-lineups .swiper-slide {
    width: 59.2%;
    padding-right: 7px;
    padding-left: 7px;
  }

  .ucc-m-product-lineup.is-renew:before,
  .ucc-m-product-lineup.is-new:before {
    right: 0;
    width: 50px;
    height: 50px;
  }

  .ucc-m-product-lineup.is-renew:after,
  .ucc-m-product-lineup.is-new:after {
    top: 25px;
    right: 0;
    width: 50px;
  }

  .ucc-m-product-lineup.is-new:after {
    font-size: 12px;
  }

  .ucc-m-product-lineup.is-renew:after {
    font-size: 9px;
  }

  .ucc-m-product-mini__container {
    display: block;
  }

  .ucc-m-product-mini__inner {
    display: block;
  }

  .ucc-m-product-mini__fig,
  .ucc-m-product-mini__caption {
    display: block;
  }

  .ucc-m-product-mini__fig {
    width: 80%;
    margin-right: auto;
    margin-left: auto;
  }

  .ucc-m-product-mini__fig img {
    width: auto;
    max-width: 100%;
  }

  .ucc-m-product-mini__caption {
    font-size: 10px;
  }

  .ucc-m-product-mini__caption {
    padding-right: 0;
    text-align: center;
  }

  .ucc-m-product-thumb__caption {
    font-size: 10px;
  }

  .ucc-m-product-thumb__price {
    font-size: 10px;
  }

  .ucc-m-product-thumb.is-renew:before,
  .ucc-m-product-thumb.is-new:before {
    top: -10px;
    right: 2px;
    width: 40px;
    height: 40px;
  }

  .ucc-m-product-thumb.is-renew:after,
  .ucc-m-product-thumb.is-new:after {
    top: 11px;
    right: 2px;
    width: 40px;
  }

  .ucc-m-product-thumb.is-new:after {
    font-size: 12px;
  }

  .ucc-m-product-thumb.is-renew:after {
    font-size: 9px;
  }

  .ucc-m-product-thumbs__list {
    width: 108.4507042254%;
    margin-top: -3.8961038961%;
    margin-left: -3.8961038961%;
  }

  .ucc-m-product-thumbs__list .ucc-m-product-thumbs__item {
    width: 28.1385281385%;
    margin-top: 3.8961038961%;
    margin-left: 3.8961038961%;
    float: left;
  }

  .ucc-m-product-thumbs--wide .ucc-m-product-thumbs__list {
    width: 108.4507042254%;
    margin-top: -3.8961038961%;
    margin-left: -3.8961038961%;
  }

  .ucc-m-product-thumbs--wide .ucc-m-product-thumbs__list .ucc-m-product-thumbs__item {
    width: 28.1385281385%;
    margin-top: 3.8961038961%;
    margin-left: 3.8961038961%;
    float: left;
  }

  .ucc-m-product {
    font-size: 11px;
  }

  .ucc-m-product__figs {
    width: 100%;
    float: none;
  }

  .ucc-m-product__infos {
    width: 100%;
    margin-top: 15px;
    float: none;
  }

  .ucc-m-product__tagline {
    font-size: 20px;
  }

  .ucc-m-product__tagline {
    text-align: center;
  }

  .ucc-m-product__price {
    font-size: 14px;
  }

  .ucc-m-product__price {
    margin-bottom: 2em;
    text-align: center;
  }

  .ucc-m-product__info-table {
    display: block;
  }

  .ucc-m-product__info-table__item {
    width: 100%;
    margin-left: 0;
  }

  .ucc-m-product__info-table__item .ucc-a-table {
    table-layout: fixed;
  }

  .ucc-m-product__info-table__item .ucc-a-table th {
    width: 35.9154929577%;
  }

  .ucc-m-product__info-table__item.is-second-after .ucc-a-table:not(.ucc-a-table--in-table) tr:first-child th,
  .ucc-m-product__info-table__item.is-second-after .ucc-a-table:not(.ucc-a-table--in-table) tr:first-child td {
    border-top: none;
  }

  .ucc-m-product__info-table__item.is-second-after .ucc-a-table--in-table tr + tr th {
    border-top: 1px solid #d2d2d2 !important;
  }

  .ucc-m-product__info-table__item.is-second-after .ucc-a-table--in-table tr + tr td {
    border-top: 1px solid #eeeeee !important;
  }

  .ucc-m-product__info-table.alternative .ucc-a-table {
    table-layout: auto;
  }

  .ucc-m-product__info-table.alternative .ucc-a-table thead th {
    width: auto;
    min-width: 0;
  }

  .ucc-m-product__info-table.alternative .ucc-a-table tbody th {
    width: 36.338028169%;
    min-width: 0;
  }

  .ucc-m-product__notes {
    margin-top: 6px;
  }

  .ucc-m-product__shopping__btn + .ucc-m-product__shopping__btn {
    margin-top: 10px;
  }

  .ucc-m-recipe-info__h {
    font-size: 20px;
  }

  .ucc-m-recipe-info__h {
    padding-bottom: 15px;
  }

  .ucc-m-recipe-info__point__h {
    font-size: 14px;
  }

  .ucc-m-recipe-infos__item {
    width: 100%;
    float: none;
  }

  .ucc-m-recipe-infos__item + .ucc-m-recipe-infos__item {
    margin-top: 40px;
    margin-left: 0;
  }

  .ucc-m-recipe-kind__caption small {
    font-size: 10px;
  }

  .ucc-m-recipe-kinds {
    font-size: 11px;
  }

  .ucc-m-recipe-kinds__list {
    margin-top: -15px;
  }

  .ucc-m-recipe-kinds__item {
    width: 47.619047619%;
    margin-top: 15px;
  }

  .ucc-m-recipe-kinds__item + .ucc-m-recipe-kinds__item {
    margin-left: 4.7619047619%;
  }

  .ucc-m-recipe-kinds__item:nth-child(3) {
    margin-left: 0;
  }

  .ucc-m-recipe-kinds__item:nth-child(n+3) {
    width: 30.1587301587%;
  }

  .ucc-m-recipe-main {
    font-size: 11px;
  }

  .ucc-m-recipe-main {
    padding-right: 10px;
    padding-left: 10px;
  }

  .ucc-m-recipe-main.is-sp-no-space {
    padding-right: 0;
    padding-left: 0;
  }

  .ucc-m-recipe-main__fig {
    display: none;
  }

  .ucc-m-recipe-main__captions {
    width: 100%;
    float: none;
  }

  .ucc-m-recipe-main__captions__fig {
    display: block;
    border: 1px solid #dcdcdc;
    margin-top: 25px;
  }

  .ucc-m-recipe-main__captions__fig img {
    display: block;
    width: 100%;
    height: auto;
  }

  .ucc-m-recipe-main__cat {
    font-size: 10px;
  }

  .ucc-m-recipe-main__cat {
    text-align: center;
  }

  .ucc-m-recipe-main__h {
    text-align: center;
  }

  .ucc-m-recipe-main__lead {
    margin-top: 20px;
    font-size: 15px;
  }

  .ucc-m-recipe-main__suggest {
    margin-top: 25px;
  }

  .ucc-m-recipe-search {
    font-size: 11px;
  }

  .ucc-m-recipe-search {
    padding-top: 25px;
    padding-bottom: 40px;
  }

  .ucc-m-recipe-search__container {
    padding-right: 10px;
    padding-left: 10px;
  }

  .ucc-m-recipe-search__container.is-sp-no-space {
    padding-right: 0;
    padding-left: 0;
  }

  .ucc-m-recipe-search__inner {
    display: block;
    height: auto;
  }

  .ucc-m-recipe-search__content {
    display: block;
  }

  .ucc-m-recipe-search__h,
  .ucc-m-recipe-search__body {
    display: block;
  }

  .ucc-m-recipe-search__h {
    font-size: 14px;
  }

  .ucc-m-recipe-search__h {
    text-align: center;
  }

  .ucc-m-recipe-search__body {
    padding-left: 0;
    margin-top: 15px;
  }

  .ucc-m-recipe-suggest {
    font-size: 11px;
  }

  .ucc-m-recipe-suggest__container {
    padding-right: 10px;
    padding-left: 10px;
  }

  .ucc-m-recipe-suggest__container.is-sp-no-space {
    padding-right: 0;
    padding-left: 0;
  }

  .ucc-m-recipe-suggest__list {
    width: 100%;
    margin-top: -11.2676056338%;
    margin-left: -4.5070422535%;
  }

  .ucc-m-recipe-suggest__list .ucc-m-recipe-suggest__item {
    width: 100%;
    margin-top: 11.2676056338%;
    margin-left: 4.5070422535%;
    float: left;
  }

  .ucc-m-recipe-thumb__lead {
    font-size: 10px;
  }

  .ucc-m-recipe-thumb__cat {
    font-size: 10px;
  }

  .ucc-m-recipe-thumb.is-recommended .ucc-m-recipe-thumb__fig:after {
    width: 100px;
    height: 100px;
  }

  .ucc-m-recipe-thumb.is-recommended .ucc-m-recipe-thumb__fig:before {
    font-size: 10px;
  }

  .ucc-m-recipe-thumb.is-recommended .ucc-m-recipe-thumb__fig:before {
    top: 24px;
    right: 24px;
  }

  .ucc-m-recipe-thumb--small .ucc-a-h {
    font-size: 11px;
  }

  .ucc-m-recipe-thumb--small.is-recommended .ucc-m-recipe-thumb__fig:after {
    width: 70px;
    height: 70px;
  }

  .ucc-m-recipe-thumb--small.is-recommended .ucc-m-recipe-thumb__fig:before {
    font-size: 10px;
  }

  .ucc-m-recipe-thumb--small.is-recommended .ucc-m-recipe-thumb__fig:before {
    top: 18px;
    right: 18px;
  }

  .ucc-m-recipe-thumbs {
    font-size: 11px;
  }

  .ucc-m-recipe-thumbs__list {
    width: 104.2253521127%;
    margin-top: -10.8108108108%;
    margin-left: -4.0540540541%;
  }

  .ucc-m-recipe-thumbs__list .ucc-m-recipe-thumbs__item {
    width: 45.9459459459%;
    margin-top: 10.8108108108%;
    margin-left: 4.0540540541%;
    float: left;
  }

  .ucc-m-recipe {
    font-size: 11px;
  }

  .ucc-m-recipe__main {
    padding-top: 40px;
  }

  .ucc-m-recipe__infos {
    padding-right: 10px;
    padding-left: 10px;
  }

  .ucc-m-recipe__infos.is-sp-no-space {
    padding-right: 0;
    padding-left: 0;
  }

  .ucc-m-related-content__fig + .ucc-m-related-content__caption {
    margin-top: 6px;
  }

  .ucc-m-related-content__caption {
    font-size: 11px;
  }

  .ucc-m-related-contents__list {
    width: 103.5211267606%;
    margin-top: -3.4013605442%;
    margin-left: -3.4013605442%;
  }

  .ucc-m-related-contents__list .ucc-m-related-contents__item {
    width: 46.5986394558%;
    margin-top: 3.4013605442%;
    margin-left: 3.4013605442%;
    float: left;
  }

  .ucc-m-related-contents--for-4 .ucc-m-related-contents__list {
    width: 104.2253521127%;
    margin-top: -4.0540540541%;
    margin-left: -4.0540540541%;
  }

  .ucc-m-related-contents--for-4 .ucc-m-related-contents__list .ucc-m-related-contents__item {
    width: 45.9459459459%;
    margin-top: 4.0540540541%;
    margin-left: 4.0540540541%;
    float: left;
  }

  .ucc-m-request {
    font-size: 11px;
  }

  .ucc-m-request {
    padding: 15px 10px;
  }

  .ucc-m-request__h {
    font-size: 14px;
  }

  .ucc-m-request__body {
    font-size: 11px;
  }

  .ucc-m-request__body small {
    font-size: 10px;
  }

  .ucc-m-search-form {
    font-size: 11px;
  }

  .ucc-m-search-form {
    height: 45px;
    padding-right: 80px;
  }

  .ucc-m-search-form__input {
    font-size: 14px;
  }

  .ucc-m-search-form__input:placeholder-shown {
    font-size: 14px;
  }

  .ucc-m-search-form__input::-webkit-input-placeholder {
    font-size: 14px;
  }

  .ucc-m-search-form__input:-moz-placeholder {
    font-size: 14px;
  }

  .ucc-m-search-form__input::-moz-placeholder {
    font-size: 14px;
  }

  .ucc-m-search-form__input:-ms-input-placeholder {
    font-size: 14px;
  }

  .ucc-m-search-form__input {
    -webkit-appearance: none;
  }

  .ucc-m-search-form__btn {
    width: 80px;
    line-height: 45px;
  }

  .ucc-m-search-form--simple .ucc-m-search-form__input:placeholder-shown {
    font-size: 14px;
  }

  .ucc-m-search-form--simple .ucc-m-search-form__input::-webkit-input-placeholder {
    font-size: 14px;
  }

  .ucc-m-search-form--simple .ucc-m-search-form__input:-moz-placeholder {
    font-size: 14px;
  }

  .ucc-m-search-form--simple .ucc-m-search-form__input::-moz-placeholder {
    font-size: 14px;
  }

  .ucc-m-search-form--simple .ucc-m-search-form__input:-ms-input-placeholder {
    font-size: 14px;
  }

  .ucc-m-search-result {
    font-size: 11px;
  }

  .ucc-m-search-result {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .ucc-m-search-result__fig {
    width: 30.985915493%;
  }

  .ucc-m-search-result__caption {
    width: 100%;
    float: none;
  }

  .ucc-m-search-result__caption .ucc-m-news-meta {
    width: 63.3802816901%;
    float: right;
  }

  .ucc-m-search-result__h {
    font-size: 11px;
  }

  .ucc-m-search-result__h {
    width: 63.3802816901%;
    float: right;
  }

  .ucc-m-news-meta + .ucc-m-search-result__h {
    margin-top: 6px;
  }

  .ucc-m-search-result__lead {
    padding-top: 12px;
    margin-top: 0;
    clear: both;
  }

  .ucc-m-search-result__URL {
    font-size: 10px;
  }

  .ucc-m-search-results {
    font-size: 11px;
  }

  .ucc-m-sec-header {
    font-size: 11px;
  }

  .ucc-m-sec-header {
    padding-right: 10px;
    padding-left: 10px;
  }

  .ucc-m-sec-header.is-sp-no-space {
    padding-right: 0;
    padding-left: 0;
  }

  .ucc-m-sec-header__btns .ucc-a-btn {
    width: 47.8873239437%;
  }

  .ucc-m-sec-header__btns .ucc-a-btn + .ucc-a-btn {
    margin-left: 4.2253521127%;
  }

  .ucc-m-shares {
    display: block;
  }

  .ucc-m-shares__h,
  .ucc-m-shares__body {
    display: block;
    text-align: center;
  }

  .ucc-m-shares__body {
    padding-left: 0;
    margin-top: 15px;
  }

  .ucc-m-shares__icn {
    width: 50px;
  }

  .ucc-m-shares__icn + .ucc-m-shares__icn {
    margin-left: 35px;
  }

  .ucc-m-shop {
    font-size: 11px;
  }

  .ucc-m-shop__logo--ueshimacoffeeten img {
    width: 138px;
    height: 123px;
  }

  .ucc-m-shop__logo--kohikan img {
    width: 140px;
    height: 71px;
  }

  .ucc-m-shop__figs {
    width: 100%;
    float: none;
  }

  .ucc-m-shop__figs__subs {
    margin-top: 10px;
  }

  .ucc-m-shop__txts {
    width: 100%;
    margin-top: 30px;
    float: none;
  }

  .ucc-m-shop__tagline {
    font-size: 15px;
  }

  .ucc-m-shop__lead {
    font-size: 10px;
  }

  .ucc-m-shopping-modal__inner {
    margin-right: 10px;
    margin-left: 10px;
  }

  .ucc-m-shopping-modal .ucc-m-line-h {
    font-size: 13px;
  }

  .ucc-m-shops {
    font-size: 11px;
  }

  .ucc-m-shops__item + .ucc-m-shops__item {
    padding-top: 50px;
    margin-top: 50px;
  }

  .ucc-m-site-search {
    padding: 20px;
  }

  .ucc-m-site-search__opener {
    display: block;
  }

  .ucc-m-site-search__blocks {
    padding-top: 20px;
    border-top: 1px solid rgba(238, 238, 238, 0);
    margin-top: 25px;
  }

  .ucc-m-site-search__blocks {
    overflow: hidden;
    height: 0;
  }

  .ucc-m-site-search__block + .ucc-m-site-search__block {
    padding-top: 20px;
    margin-top: 25px;
  }

  .ucc-m-site-search__block__container {
    display: block;
  }

  .ucc-m-site-search__block__inner {
    display: block;
  }

  .ucc-m-site-search__block__h,
  .ucc-m-site-search__block__body {
    display: block;
  }

  .ucc-m-site-search__block__h {
    width: 100%;
    padding-right: 0;
    font-size: 15px;
    text-align: left;
  }

  .ucc-m-site-search__block__h--sp-small {
    font-size: 11px;
  }

  .ucc-m-site-search__block__body {
    margin-top: 8px;
  }

  .ucc-m-site-search--h-small .ucc-m-site-search__block__h {
    width: 100%;
  }

  .ucc-m-site-search__sp-btn {
    display: block;
    margin-top: -10px;
  }

  .ucc-m-site-search.is-open .ucc-m-site-search__opener > span:before {
    content: "\e01c";
  }

  .ucc-m-site-search.is-open .ucc-m-site-search__blocks {
    height: auto;
    border-top: 1px solid #eeeeee;
  }

  .ucc-m-site-search.is-open .ucc-m-site-search__blocks__inner {
    opacity: 1;
    transform: translateY(0);
  }

  .ucc-m-site-search.is-open .ucc-m-site-search__sp-btn {
    margin-top: 40px;
  }

  .ucc-m-small-sec {
    font-size: 11px;
  }

  .ucc-m-small-sec {
    padding-top: 25px;
    padding-bottom: 25px;
  }

  .ucc-m-small-sec__container {
    padding-right: 10px;
    padding-left: 10px;
  }

  .ucc-m-small-sec__container.is-sp-no-space {
    padding-right: 0;
    padding-left: 0;
  }

  .ucc-m-small-sec__body {
    margin-top: 20px;
  }

  .ucc-m-small-sec__body--margin-half {
    margin-top: 10px;
  }

  .ucc-m-small-sec__body--sp-no-space {
    margin-top: 0;
  }

  .ucc-m-small-sec--sp-no-bottom-space {
    padding-bottom: 0;
  }

  .ucc-m-small-sec--search-results .ucc-m-small-sec__body {
    margin-top: 0;
  }

  .ucc-m-sns-icons__item {
    width: 14.0845070423%;
    margin-right: 0;
    margin-left: 0;
  }

  .ucc-m-sns-icons__item + .ucc-m-sns-icons__item {
    margin-left: 7.323943662%;
  }

  .ucc-m-sns-icons__item:nth-child(6n) {
    margin-left: 0;
  }

  .ucc-m-sns-icons__btn {
    width: 100%;
  }

  .ucc-m-sns-icons__btn img {
    width: 100%;
    height: auto;
  }

  .ucc-m-suggest-products {
    font-size: 11px;
  }

  .ucc-m-textarea--1line {
    height: 5.5em;
  }

  .ucc-m-topics {
    font-size: 11px;
  }

  .ucc-m-visual-header {
    font-size: 11px;
  }

  .ucc-m-visual-header:after {
    padding-top: 46.6666666667%;
  }

  .ucc-m-visual-header__caption {
    margin-top: 10px;
    text-align: center;
  }

  .ucc-m-wframe {
    font-size: 11px;
  }

  .ucc-m-wframe__fig {
    width: 100%;
    float: none;
  }

  .ucc-m-wframe__caption {
    width: 100%;
    margin-top: 20px;
    float: none;
  }

  .ucc-m-wframe__h {
    font-size: 20px;
  }

  .ucc-m-wframe__h > span {
    padding-right: 20px;
  }

  .ucc-m-wframe__lead {
    font-size: 11px;
  }

  .ucc-m-wframe--has-mb-40 {
    margin-bottom: 0;
  }

  .ucc-m-wframe + .ucc-m-wframe {
    margin-top: 30px;
  }

  .ucc-m-writings {
    font-size: 11px;
  }

  .ucc-m-writings__box figure {
    padding: 0 20px;
  }

  .ucc-o-contact {
    padding-bottom: 0;
  }

  .ucc-o-contact__m-h {
    padding-right: 10px;
    padding-left: 10px;
  }

  .ucc-o-contact__footer {
    padding-right: 10px;
    padding-left: 10px;
  }

  .ucc-o-contact__boxes {
    margin-top: 40px;
    margin-right: 10px;
    margin-left: 10px;
  }

  .ucc-o-contact__note1 {
    font-size: 11px;
  }

  .ucc-o-gfooter-sp {
    font-size: 11px;
  }

  .ucc-o-gfooter {
    font-size: 11px;
  }

  .ucc-o-gheader-sp {
    font-size: 11px;
  }

  .ucc-o-gheader {
    font-size: 11px;
  }

  .ucc-o-gsubnav {
    font-size: 11px;
  }

  .ucc-o-main--no-link-mod {
    padding-bottom: 0;
  }

  .ucc-o-separate__primary {
    width: 100%;
    float: none;
  }

  .ucc-o-separate__secondary {
    width: 100%;
    margin-top: 60px;
    float: none;
  }

  .ucc-o-separate--pr-large .ucc-o-separate__primary {
    width: 100%;
  }

  .ucc-o-separate--pr-large .ucc-o-separate__secondary {
    width: 100%;
  }

  .ucc-t-lower__go-home {
    margin-top: 30px;
  }

  .ucc-md-backnumber {
    font-size: 11px;
  }

  .ucc-md-backnumber__h {
    padding-bottom: 2px;
    font-size: 14px;
  }

  .ucc-md-backnumber__body {
    margin-top: 30px;
  }

  .ucc-md-club-ucc {
    font-size: 11px;
  }

  .ucc-md-club-ucc__h {
    position: relative;
    padding-left: 55px;
    text-align: left;
  }

  .ucc-md-club-ucc__h:before {
    display: inline-block;
    content: "\e01d";
    font-family: "ucc";
    font-size: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    line-height: 1;
    text-rendering: auto;
    position: absolute;
    top: 50%;
    left: 0;
    color: #e60012;
    font-size: 30px;
    transform: translateY(-50%);
  }

  .ucc-md-club-ucc__body {
    overflow: hidden;
    height: 0;
  }

  .ucc-md-club-ucc__inner {
    opacity: 0;
    transform: translateY(-50px);
    transition-duration: 0.3s;
    transition-property: transform, opacitys;
    transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  }

  .ucc-md-club-ucc__lead {
    font-size: 10px;
  }

  .ucc-md-club-ucc__lead {
    font-size: 14px;
  }

  .ucc-md-club-ucc__what {
    font-size: 10px;
  }

  .ucc-md-club-ucc__what {
    font-size: 14px;
  }

  .ucc-md-club-ucc__crop {
    padding: 15px;
  }

  .ucc-md-club-ucc__crop__h {
    font-size: 11px;
  }

  .ucc-md-club-ucc__crop__h small {
    font-size: 10px;
  }

  .ucc-md-club-ucc__crop__h {
    font-size: 15px;
  }

  .ucc-md-club-ucc__crop__body {
    font-size: 10px;
  }

  .ucc-md-club-ucc.is-open .ucc-md-club-ucc__h:before {
    content: "\e01c";
  }

  .ucc-md-club-ucc.is-open .ucc-md-club-ucc__body {
    height: auto;
  }

  .ucc-md-club-ucc.is-open .ucc-md-club-ucc__inner {
    opacity: 1;
    transform: translateY(0);
  }

  .ucc-md-company-header__h {
    font-size: 14px;
  }

  .ucc-md-company-header__h-en {
    font-size: 11px;
  }

  .ucc-md-company-header__btns {
    margin-top: 29px;
  }

  .ucc-md-company-header__btn {
    text-align: center;
  }

  .ucc-md-company-header__btn + .ucc-md-company-header__btn {
    margin-top: 16px;
  }

  .ucc-md-company-header__btn .ucc-a-round-btn {
    width: 100%;
    max-width: 234px;
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .ucc-md-company-header__btn .ucc-a-round-btn > span {
    display: block;
    padding-right: 0;
    padding-left: 0;
    font-size: 13px;
  }

  .ucc-md-company-research-academic-announcement {
    margin-bottom: 32px;
  }

  .ucc-md-company-research-academic-announcement {
    font-size: 11px;
  }

  .ucc-md-company-research-academic-announcement__middle-headline {
    margin-top: 18px;
  }

  .ucc-md-company-research-academic-announcement__small-headline {
    margin-top: 18px;
  }

  .ucc-md-company-research-academic-announcement__smallest-headline {
    margin-top: 18px;
  }

  .ucc-md-company-research-academic-announcement__smallest02-headline {
    margin-top: 18px;
  }

  .ucc-md-company-research-academic-announcement__text {
    margin-top: 18px;
  }

  .ucc-md-company-research-academic-announcement__table {
    margin-top: 18px;
  }

  .ucc-md-company-research-academic-announcement__table th {
    width: 95px;
    padding: 10px;
    line-height: 2;
  }

  .ucc-md-company-research-academic-announcement__table td {
    padding: 10px 0 10px 10px;
  }

  .ucc-md-company-research-academic-announcement__column-2-img {
    display: block;
  }

  .ucc-md-company-research-academic-announcement__column-2-img > .ucc-md-company-research-academic-announcement__column__box {
    width: 100%;
  }

  .ucc-md-company-research-academic-announcement__column-3-img {
    display: block;
    margin-bottom: 0px;
  }

  .ucc-md-company-research-academic-announcement__column-3-img > .ucc-md-company-research-academic-announcement__column__box {
    width: 100%;
    margin-bottom: 20px;
  }

  .ucc-md-company-research-academic-announcement__column-2-img-text {
    display: block;
  }

  .ucc-md-company-research-academic-announcement__column-2-img-text > .ucc-md-company-research-academic-announcement__column__img {
    width: 100%;
    float: none;
  }

  .ucc-md-company-research-academic-announcement__column-2-img-text > .ucc-md-company-research-academic-announcement__column__text {
    width: 100%;
    float: none;
  }

  .ucc-md-company-research-academic-announcement__column-2-img-text > .ucc-md-company-research-academic-announcement__column__text .ucc-md-company-research-academic-announcement__text {
    margin-top: 18px;
  }

  .ucc-md-company-research-article {
    margin-top: 40px;
  }

  .ucc-md-contact-sec {
    font-size: 11px;
  }

  .ucc-md-contact-sec__btn {
    width: 100%;
    padding: 20px;
    float: none;
  }

  .ucc-md-contact-sec__btn + .ucc-md-contact-sec__btn {
    margin-top: 20px;
    margin-left: 0;
  }

  .ucc-md-contact-sec__btn__main {
    margin-top: 5px;
    font-size: 15px;
  }

  .ucc-md-contact-sec__btn__main:after {
    font-size: 10px;
  }

  .ucc-md-contact-sec__btn__main > span {
    padding-left: 25px;
  }

  .ucc-md-contact-sec__btn__main > span:before {
    font-size: 8px;
  }

  .ucc-md-corporatemessage {
    padding-top: 50px;
    padding-bottom: 20px;
    padding-right: 10px;
    padding-left: 10px;
  }

  .ucc-md-corporatemessage__h {
    width: 90%;
    max-width: 250px;
  }

  .ucc-md-corporatemessage__h-en {
    font-size: 15px;
  }

  .ucc-md-corporatemessage__lead {
    margin-top: 35px;
    font-size: 13px;
  }

  .ucc-md-corporatemessage__btn {
    margin-top: 45px;
  }

  .ucc-md-corporatemessage__btn .ucc-a-round-btn {
    width: 100%;
    max-width: 234px;
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .ucc-md-corporatemessage__btn .ucc-a-round-btn > span {
    display: block;
    padding-right: 0;
    padding-left: 0;
    font-size: 13px;
  }

  .ucc-md-coupon-btn-sec {
    max-width: none;
    padding: 0 25px;
  }

  .ucc-md-coupon-btn-sec__btn {
    padding: 18px 10px;
    font-size: 16px;
  }

  .ucc-md-gcs-main-n {
    font-size: 11px;
  }

  .ucc-md-gcs-main-n {
    padding-top: 25px;
  }

  .ucc-md-gcs-main-n__h {
    font-size: 14px;
  }

  .ucc-md-gcs-main-n__h-en {
    font-size: 11px;
  }

  .ucc-md-gcs-main-n__list {
    margin-top: 25px;
    padding: 18px 12px;
  }

  .ucc-md-gcs-main-n__list__h {
    font-size: 15px;
  }

  .ucc-md-gcs-main-n__list__h:not(:first-child) {
    margin-top: 20px;
  }

  .ucc-md-gcs-main-n__list__body {
    font-size: 11px;
  }

  .ucc-md-gcs-main-n__list__body:not(:first-child) {
    margin-top: 14px;
  }

  .ucc-md-gcs-main-n__movie {
    margin-top: 30px;
  }

  .ucc-md-gcs-main-n__secs {
    margin-top: 50px;
  }

  .ucc-md-gcs-main-n__sec__body {
    margin-top: 25px;
  }

  .ucc-md-gcs-main-n__sec .ucc-a-h {
    font-size: 25px;
  }

  .ucc-md-gcs-main-n__ol__li:not(:first-child) {
    margin-top: 24px;
  }

  .ucc-md-gcs-main-n__ol__header {
    display: block;
  }

  .ucc-md-gcs-main-n__ol__h {
    font-size: 15px;
  }

  .ucc-md-gcs-main-n__ol__h-en {
    margin-top: 0.5em;
    font-size: 8px;
  }

  .ucc-md-gcs-main-n__ol__body {
    margin-top: 10px;
    font-size: 12px;
  }

  .ucc-md-gcs-main-n__value-img {
    margin-top: 40px;
  }

  .ucc-md-gcs-main-n__value-img__btn {
    margin-top: 30px;
  }

  .ucc-md-gcs-main-n__value-img__btn .ucc-a-round-btn {
    width: 100%;
    max-width: 234px;
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .ucc-md-gcs-main-n__value-img__btn .ucc-a-round-btn > span {
    display: block;
    padding-right: 0;
    padding-left: 0;
    font-size: 13px;
  }

  .ucc-md-gcs-main {
    font-size: 11px;
  }

  .ucc-md-gcs-main__header__h {
    width: 200px;
    height: 43px;
  }

  .ucc-md-gcs-main__header__h svg {
    width: 200px;
    height: 43px;
  }

  .ucc-md-gcs-main__header__lead {
    margin-top: 20px;
  }

  .ucc-md-gcs-sec__inner {
    padding-right: 10px;
    padding-left: 10px;
  }

  .ucc-md-gcs-sec__inner.is-sp-no-space {
    padding-right: 0;
    padding-left: 0;
  }

  .ucc-md-gcs-sec__inner {
    padding-right: 0;
    padding-left: 0;
  }

  .ucc-md-gcs-sec__header__h {
    font-size: 30px;
  }

  .ucc-md-gcs-sec__header__fig:before {
    display: block;
    padding-top: 50.6666666667%;
    content: "";
  }

  .ucc-md-gcs-sec__header__fig img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .ucc-md-gcs-sec__subfigs {
    margin-top: -20px;
  }

  .ucc-md-gcs-sec__subfigs li {
    width: 29.8666666667%;
  }

  .ucc-md-gcs-sec__subfigs li + li {
    margin-left: 2.6666666667%;
  }

  .ucc-md-gcs-sec__h-jp {
    font-size: 20px;
  }

  .ucc-md-gcs-sec__h-jp {
    margin-top: 25px;
  }

  .ucc-md-gcs-sec__tagline > span:before,
  .ucc-md-gcs-sec__tagline > span:after {
    width: 45px;
  }

  .ucc-md-gcs-sec__btn {
    margin-top: 20px;
  }

  .ucc-md-gcs {
    font-size: 11px;
  }

  .ucc-md-gcs__header {
    padding-top: 45px;
  }

  .ucc-md-gcs__header .ucc-a-h {
    font-size: 25px;
  }

  .ucc-md-gcs__footer {
    height: auto;
    height: initial;
    padding-top: 40px;
    padding-bottom: 45px;
  }

  .ucc-md-gcs__footer:after {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    content: "";
  }

  .ucc-md-gcs__footer__h svg {
    width: 250px;
    height: 54px;
  }

  .ucc-md-gcs__footer__lead {
    margin-top: 10px;
    font-size: 15px;
  }

  .ucc-md-go-cafe {
    font-size: 11px;
  }

  .ucc-md-go-cafe {
    padding-top: 40px;
    padding-right: 20px;
    padding-bottom: 60px;
    padding-left: 20px;
  }

  .ucc-md-go-cafe__inner {
    padding-right: 10px;
    padding-left: 10px;
  }

  .ucc-md-go-cafe__inner.is-sp-no-space {
    padding-right: 0;
    padding-left: 0;
  }

  .ucc-md-go-cafe__inner {
    padding-right: 0;
    padding-left: 0;
  }

  .ucc-md-go-cafe__lead {
    margin-top: 20px;
  }

  .ucc-md-go-cafe .ucc-a-btn {
    width: 100%;
  }

  .ucc-md-kandu-access {
    font-size: 11px;
  }

  .ucc-md-kandu-access__map {
    width: 100%;
    float: none;
  }

  .ucc-md-kandu-access__txt {
    width: 100%;
    margin-top: 35px;
    float: none;
  }

  .ucc-md-kandu-access__list__icn,
  .ucc-md-kandu-access__list__txt {
    padding-top: 20px;
  }

  .ucc-md-kandu-access__list__icn {
    width: 33px;
    padding-top: 23px;
  }

  .ucc-md-kandu-access__list__icn img {
    width: 30px;
    height: 30px;
  }

  .ucc-md-kandu-access__list__icn--kandu-mall img {
    width: 33px;
    height: 32px;
  }

  .ucc-md-kandu-access__list__txt {
    padding-left: 15px;
  }

  .ucc-md-kandu-official {
    font-size: 11px;
  }

  .ucc-md-kandu-official {
    padding-top: 50px;
    padding-right: 10px;
    padding-bottom: 50px;
    padding-left: 10px;
    font-size: 17px;
  }

  .ucc-md-kandu-official__content {
    padding-left: 95px;
  }

  .ucc-md-kandu-official__content img {
    width: 90px;
  }

  .ucc-md-kandu-official__h {
    padding-right: 20px;
  }

  .ucc-md-kandu-official__h:after {
    bottom: 8px;
  }

  .ucc-md-kandu-official__h .ucc-a-ruby rt {
    font-size: 11px;
  }

  .ucc-md-kandu-smile {
    font-size: 11px;
  }

  .ucc-md-kandu-smile {
    padding-bottom: 5px;
  }

  .ucc-md-kandu-smile {
    padding-top: 30px;
    margin-right: -10px;
    margin-left: -10px;
  }

  .ucc-md-kandu-smile__wrapper {
    display: block;
  }

  .ucc-md-kandu-smile__container {
    display: block;
  }

  .ucc-md-kandu-smile__content {
    display: block;
  }

  .ucc-md-kandu-smile__content--figs {
    *zoom: 1;
    width: 100%;
  }

  .ucc-md-kandu-smile__content--figs:before,
  .ucc-md-kandu-smile__content--figs:after {
    display: table;
    content: "";
  }

  .ucc-md-kandu-smile__content--figs:after {
    clear: both;
  }

  .ucc-md-kandu-smile__content--figs img {
    width: 50%;
    float: left;
  }

  .ucc-md-kandu-smile__content--txt {
    padding-bottom: 25px;
    margin-right: 10px;
    margin-left: 10px;
  }

  .ucc-md-kandu-smile__h img {
    width: 138px;
    height: 138px;
  }

  .ucc-md-kandu-smile__h-en {
    font-size: 20px;
  }

  .ucc-md-newest-journal__fig:after {
    width: 75px;
    height: 75px;
    font-size: 18px;
    line-height: 75px;
  }

  .ucc-md-newest-journal__fig {
    width: 84.2666666667%;
    margin-right: auto;
    margin-left: auto;
    float: none;
  }

  .ucc-md-newest-journal__caption {
    width: 100%;
    margin-top: 20px;
    float: none;
  }

  .ucc-md-newest-journal__h {
    font-size: 23px;
  }

  .ucc-md-newest-journal__features {
    font-size: 11px;
  }

  .ucc-md-newest-journal__features {
    padding: 14px 19px 19px;
    font-size: 15px;
  }

  .ucc-md-newest-journal__features__wrap {
    display: block;
  }

  .ucc-md-newest-journal__features__inner {
    display: block;
  }

  .ucc-md-newest-journal__features__h {
    display: block;
    padding-right: 0;
    padding-bottom: 12px;
    padding-left: 0;
    border-right: none;
    border-bottom: 1px solid #d2d2d2;
    text-align: center;
  }

  .ucc-md-newest-journal__features__list {
    display: block;
    padding-top: 15px;
    padding-right: 0;
    padding-left: 0;
    font-size: 11px;
  }

  .ucc-md-newest-journal__features__list li + li {
    margin-top: 10px;
  }

  .ucc-md-newest-journal__watch-btn {
    display: block;
  }

  .ucc-md-newest-journal__watch-btn .ucc-a-round-btn {
    margin-bottom: 10px;
  }

  .ucc-md-newest-journal__watch-btn .ucc-a-round-btn:last-child {
    margin-bottom: 0;
  }

  .ucc-md-newest-journal__watch-btn .ucc-a-round-btn > span {
    padding-right: 25px;
    padding-left: 25px;
  }

  .ucc-md-newest-journal__watch-btn {
    margin-top: 30px;
  }

  .ucc-md-newest-journal__watch-btn .ucc-a-round-btn {
    width: 100%;
  }

  .ucc-md-tdl {
    font-size: 11px;
  }

  .ucc-md-tdl__h {
    max-width: 234px;
  }

  .ucc-md-tdl__map__txt {
    width: 100%;
    float: none;
  }

  .ucc-md-tdl__map__caption {
    margin-top: 10px;
  }

  .ucc-md-tdl__map__fig {
    width: 100%;
    padding-right: 0;
    padding-left: 0;
    margin-top: 25px;
    float: none;
  }

  .ucc-md-tdr-anchors {
    font-size: 11px;
  }

  .ucc-md-tdr-anchors__btn {
    width: 47.8873239437%;
  }

  .ucc-md-tdr-anchors__btn:after {
    right: 7px;
    font-size: 10px;
  }

  .ucc-md-tdr-anchors__btn--tdl object {
    width: 114px;
    height: 15px;
  }

  .ucc-md-tdr-anchors__btn--tds object {
    width: 114px;
    height: 22px;
  }

  .ucc-md-tdr-anchors__btn + .ucc-md-tdr-anchors__btn {
    margin-left: 4.2253521127%;
  }

  .ucc-md-tdr-banners__container {
    padding-right: 10px;
    padding-left: 10px;
  }

  .ucc-md-tdr-banners__container.is-sp-no-space {
    padding-right: 0;
    padding-left: 0;
  }

  .ucc-md-tdr-official {
    font-size: 11px;
  }

  .ucc-md-tdr-official {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .ucc-md-tdr-official__h > span {
    width: 115px;
  }

  .ucc-md-tdr-official__h > span:after {
    padding-top: 62.1739130435%;
  }

  .ucc-md-tdr-official__name {
    font-size: 11px;
  }

  .ucc-md-tdr-official__name > span:after {
    margin-top: -5px;
    font-size: 10px;
  }

  .ucc-md-tds {
    font-size: 11px;
  }

  .ucc-md-tds {
    padding-bottom: 20px;
  }

  .ucc-md-tds__h {
    max-width: 234px;
  }

  .ucc-md-tds__body {
    margin-top: 25px;
  }

  .ucc-md-tds__shop + .ucc-md-tds__shop {
    margin-top: 35px;
  }

  .ucc-md-tds__shop__header {
    margin-top: 20px;
  }

  .ucc-md-tds__shop__figs {
    *zoom: 1;
    display: block;
    max-height: inherit;
  }

  .ucc-md-tds__shop__figs:before,
  .ucc-md-tds__shop__figs:after {
    display: table;
    content: "";
  }

  .ucc-md-tds__shop__figs:after {
    clear: both;
  }

  .ucc-md-tds__shop__fig--1 {
    width: 100%;
  }

  .ucc-md-tds__shop__fig--2,
  .ucc-md-tds__shop__fig--3 {
    width: 50%;
    float: left;
  }

  .ucc-md-tds__map {
    margin-top: 30px;
  }

  .ucc-p-404__body__txt {
    font-size: 12px;
  }

  .ucc-p-404__body__btn {
    margin-top: 25px;
  }

  .ucc-p-article__go-home {
    margin-top: 45px;
  }

  .ucc-p-article__search {
    margin-top: 30px;
  }

  .ucc-p-campaign-home__other-campaign {
    font-size: 11px;
  }

  .ucc-p-campaign-home__other-campaign {
    padding-right: 10px;
  }

  .ucc-p-campaign-home__items {
    padding-right: 10px;
    padding-left: 10px;
    margin-top: 40px;
  }

  .ucc-p-campaign-home__pc-club-ucc {
    padding-right: 10px;
    padding-left: 10px;
    margin-top: 30px;
  }

  .ucc-p-company-coffeebusiness-product .ucc-m-company-coffeebusiness-visual__text {
    margin-bottom: 50px;
  }

  .ucc-p-company-coffeebusiness-product .ucc-m-company-btn,
  .ucc-p-company-coffeebusiness-product .ucc-m-company-btn--small {
    margin-top: 25px;
  }

  .ucc-p-company-coffeebusiness-product .ucc-m-company-coffeebusiness-product__sec:nth-of-type(1) .ucc-m-company-coffeebusiness-product__photo {
    margin-top: 0;
  }

  .ucc-p-company-coffeebusiness-product .ucc-m-company-coffeebusiness-product__sec:nth-of-type(2) .ucc-m-company-coffeebusiness-product__photo {
    margin-top: 0;
  }

  .ucc-p-company-coffeebusiness-product .ucc-m-company-coffeebusiness-product__sec:nth-of-type(3) .ucc-m-company-coffeebusiness-product__photo {
    margin-top: 0;
  }

  .ucc-p-company-coffeebusiness-product .ucc-m-company-coffeebusiness-product__sec:nth-of-type(4) .ucc-m-company-coffeebusiness-product__photo {
    margin-top: 0;
  }

  .ucc-p-company-coffeebusiness-product .ucc-m-company-coffeebusiness-product__sec:nth-of-type(5) .ucc-m-company-coffeebusiness-product__photo {
    margin-top: 0;
  }

  .ucc-p-company-coffeebusiness-technology .ucc-m-company-coffeebusiness-visual__text {
    margin-top: 25px;
  }

  .ucc-p-company-home-gcs {
    padding-top: 29px;
    padding-bottom: 50px;
  }

  .ucc-p-company-home-gcs__lead {
    margin-top: 0;
    margin-bottom: 25px;
    font-size: 11px;
  }

  .ucc-p-company-home-gcs__logo {
    margin-top: 0;
  }

  .ucc-p-company-home-gcs__logo svg {
    width: 200px;
  }

  .ucc-p-company-home-gcs__btn {
    width: 235px;
  }

  .ucc-p-company-home-coffeebusiness {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .ucc-p-company-home-coffeebusiness .ucc-a-content {
    display: block;
  }

  .ucc-p-company-home-coffeebusiness__header {
    width: auto;
    margin-bottom: 40px;
  }

  .ucc-p-company-home-coffeebusiness__body {
    width: auto;
  }

  .ucc-p-company-home-coffeebusiness__h:before {
    font-size: 50px;
  }

  .ucc-p-company-home-coffeebusiness__h {
    padding-top: 75px;
    margin-top: 0;
    margin-bottom: 20px;
  }

  .ucc-p-company-home-coffeebusiness__lead {
    font-size: 14px;
  }

  .ucc-p-company-home-coffeebusiness__text {
    margin-top: 15px;
    font-size: 11px;
  }

  .ucc-p-company-home-business__text {
    position: relative;
    padding: 10px 0;
    background: none;
    font-size: 13px;
  }

  .ucc-p-company-home-business__text::after {
    right: 0;
    font-size: 30px !important;
  }

  .ucc-p-company-home-activity .ucc-m-company-home-figs {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: -5px;
  }

  .ucc-p-company-home-activity .ucc-m-company-home-fig {
    width: 48%;
    margin-bottom: 15px;
  }

  .ucc-p-company-news__form + .ucc-p-company-news__years {
    margin-top: 40px;
  }

  .ucc-p-company-research {
    font-size: 11px;
  }

  .ucc-p-company-research__index__lead {
    margin-top: 18px;
    font-size: 11px;
  }

  .ucc-p-company-research__index__list {
    margin-top: 20px;
  }

  .ucc-p-company-research-health {
    padding: 0 10px;
    font-size: 11px;
  }

  .ucc-p-company-research-health .ucc-m-company-research-health__polyphenol {
    margin-bottom: 40px;
  }

  .ucc-p-company-research-health .ucc-m-company-research-technology__system {
    margin-top: 0;
  }

  .ucc-p-company-research-health .ucc-m-company-research-technology__fresharoma {
    margin-top: 40px;
  }

  .ucc-p-company-research-health .ucc-m-company-research-technology__recipe {
    margin-top: 40px;
    margin-bottom: 0;
  }

  .ucc-p-company-research-residue {
    padding: 0 10px;
    font-size: 11px;
  }

  .ucc-p-company-research-technology {
    padding: 0 10px;
    font-size: 11px;
  }

  .ucc-p-company-research-academic-announcement {
    padding: 0 10px;
    font-size: 11px;
  }

  .ucc-p-contact__header-txts {
    margin-top: 20px;
  }

  .ucc-p-contact__header-txts__note {
    font-size: 11px;
  }

  .ucc-p-contact__header-points {
    margin-top: 30px;
  }

  .ucc-p-contact__header-points h2 {
    font-size: 15px;
  }

  .ucc-p-contact__header-points__body {
    margin-top: 15px;
  }

  .ucc-p-contact__h1 {
    margin-bottom: 30px;
    font-size: 20px;
  }

  .ucc-p-contact__h2 {
    font-size: 20px;
  }

  .ucc-p-contact__h2-sp {
    font-size: 20px;
  }

  .ucc-p-contact__sec-body {
    padding-right: 0;
    padding-left: 0;
  }

  .ucc-p-customer-faq-sec {
    font-size: 11px;
  }

  .ucc-p-customer-faq__detail-sec {
    font-size: 11px;
  }

  .ucc-p-customer__pages-sec {
    font-size: 11px;
  }

  .ucc-p-dripar__h {
    padding-top: 45px;
  }

  .ucc-p-dripar__h img {
    width: 75px;
    height: 30px;
  }

  .ucc-p-dripar__list {
    padding-left: 15px;
  }

  .ucc-p-enjoy__guid-nav {
    padding-top: 40px;
    padding-bottom: 60px;
  }

  .ucc-p-enjoy__main-body {
    margin-top: 30px;
  }

  .ucc-p-enjoy__arrange {
    padding-bottom: 35px;
  }

  .ucc-p-event-home__events {
    margin-top: 0;
  }

  .ucc-p-event-kandu__sec {
    padding-bottom: 15px;
  }

  .ucc-p-event-kandu__logo img {
    width: 194px;
  }

  .ucc-p-event-kandu__hero {
    margin-right: -10px;
    margin-left: -10px;
  }

  .ucc-p-event-tdr__banners {
    margin-top: 20px;
  }

  .ucc-p-group__content + .ucc-p-group__content {
    margin-top: 40px;
  }

  .ucc-p-group__secs .ucc-p-group__sec {
    width: 100%;
    float: none;
  }

  .ucc-p-group__secs .ucc-p-group__sec + .ucc-p-group__sec {
    margin-top: 40px;
    margin-left: 0;
  }

  .ucc-p-gsc__secs {
    margin-top: 40px;
    padding-bottom: 50px;
  }

  .ucc-p-gsc__secs__header {
    padding-bottom: 25px;
  }

  .ucc-p-gsc__secs__header .ucc-a-h {
    font-size: 25px;
  }

  .ucc-p-gsc__secs .ucc-md-gcs-sec + .ucc-md-gcs-sec {
    margin-top: 60px;
  }

  .ucc-p-home__pickup {
    padding-top: 50px;
    padding-bottom: 30px;
  }

  .ucc-p-home__enjoy .ucc-m-h-sec__body {
    padding-right: 0;
    padding-left: 0;
  }

  .ucc-p-home__enjoy__slides {
    overflow: hidden;
  }

  .ucc-p-home__enjoy__slides__main {
    width: 78.4%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 0;
    padding-left: 0;
  }

  .ucc-p-home__enjoy__slides__main .swiper-container {
    overflow: visible;
  }

  .ucc-p-home__campaign {
    padding-bottom: 55px;
  }

  .ucc-p-home__recipe {
    padding-bottom: 60px;
  }

  .ucc-p-home__cm__body {
    padding-right: 10px;
    padding-left: 10px;
  }

  .ucc-p-home__cm__body.is-sp-no-space {
    padding-right: 0;
    padding-left: 0;
  }

  .ucc-p-home__cm__body {
    margin-top: 16px;
  }

  .ucc-p-home__hero-banners {
    margin-top: 20px;
    padding-bottom: 30px;
    overflow: hidden;
  }

  .ucc-p-home__hero-banners__main {
    padding-right: 10px;
    padding-left: 10px;
  }

  .ucc-p-home__hero-banners__main.is-sp-no-space {
    padding-right: 0;
    padding-left: 0;
  }

  .ucc-p-home__hero-banners__main {
    width: 78.4%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 0;
    padding-left: 0;
  }

  .ucc-p-home__hero-banners__main .swiper-container {
    overflow: visible;
  }

  .ucc-p-journal {
    padding-top: 40px;
    padding-bottom: 20px;
  }

  .ucc-p-journal__header__logo img {
    width: 260px;
    height: 103px;
  }

  .ucc-p-journal__header__h {
    margin-top: 10px;
  }

  .ucc-p-journal__header__lead {
    font-size: 11px;
  }

  .ucc-p-journal__header__lead small {
    font-size: 10px;
  }

  .ucc-p-journal__header__lead {
    margin-top: 40px;
    font-size: 11px;
  }

  .ucc-p-journal__header__lead small {
    display: block;
    margin-top: 5px;
    font-size: 10px;
  }

  .ucc-p-journal__body {
    margin-top: 40px;
  }

  .ucc-p-journal__newest {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .ucc-p-journal__backnumber {
    margin-top: 30px;
  }

  .ucc-p-journal__magazine {
    padding: 20px 10px 40px;
  }

  .ucc-p-journal__magazine__main {
    padding: 0 30px;
  }

  .ucc-p-journal__magazine__thumb::after {
    width: 70px;
    height: 70px;
    font-size: 15px;
  }

  .ucc-p-journal__magazine__btn {
    margin-top: 20px;
  }

  .ucc-p-journal__magazine__btn .ucc-a-round-btn {
    width: 100%;
  }

  .ucc-p-news__main-sec {
    padding-bottom: 20px;
  }

  .ucc-p-onlineshop__capsule {
    padding-top: 40px;
    padding-bottom: 35px;
  }

  .ucc-p-onlineshop__capsule .ucc-m-small-sec__body {
    margin-top: 20px;
  }

  .ucc-p-onlineshop__wframe {
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 20px;
    margin-bottom: 40px;
  }

  .ucc-p-onlineshop__wframe .ucc-m-small-sec__body {
    padding: 20px 0;
  }

  .ucc-p-onlineshop__other {
    padding-top: 18px;
    padding-bottom: 40px;
  }

  .ucc-p-onlineshop__other .ucc-m-small-sec__body {
    margin-top: 25px;
  }

  .ucc-p-press .ucc-m-h-sec__body .ucc-a-time {
    font-size: 11px;
  }

  .ucc-p-press .ucc-m-h-sec__body .ucc-m-article__header__company {
    font-size: 11px;
  }

  .ucc-p-pressroom {
    font-size: 11px;
  }

  .ucc-p-pressroom .ucc-m-pressroom-faq__btns {
    width: 100%;
    left: 0;
    bottom: 20px;
  }

  .ucc-p-pressroom .ucc-m-pressroom-faq__btns > p {
    width: 80%;
    margin-right: auto;
    margin-left: auto;
  }

  .ucc-p-pressroom .ucc-m-pressroom-faq__btns > p .ucc-a-round-btn {
    width: 100%;
  }

  .ucc-p-privacy__writings .ucc-m-small-sec ul li {
    padding-left: 1.4em;
  }

  .ucc-p-privacy__writings .ucc-m-small-sec ul li ul li::before {
    display: inline-block;
    margin-left: -1.4em;
  }

  .ucc-p-privacy__writings .ucc-m-small-sec ul li::before {
    display: inline-block;
    margin-left: -1.3em;
  }

  .ucc-p-privacy__writings__hope p span {
    display: block;
    margin-top: 10px;
    line-height: 1.6em;
  }

  .ucc-p-privacy__famous {
    margin-top: 30px;
  }

  .ucc-p-privacy__famous p {
    font-size: 11px;
  }

  .ucc-p-quality__lead {
    padding-top: 15px;
    font-size: 11px;
  }

  .ucc-p-quality__secs {
    margin-top: 18px;
  }

  .ucc-p-quality__sec + .ucc-p-quality__sec {
    margin-top: 50px;
  }

  .ucc-p-quality__sec__h {
    font-size: 20px;
  }

  .ucc-p-quality__sec__tagline {
    font-size: 12px;
  }

  .ucc-p-quality__sec__body {
    margin-top: 11px;
  }

  .ucc-p-quality__sec__lead {
    font-size: 11px;
  }

  .ucc-p-quality__sec__list {
    margin-top: 18px;
  }

  .ucc-p-quality__sec__list dt {
    margin-top: 10px;
    font-size: 14px;
  }

  .ucc-p-quality__sec__list dt small {
    display: block;
    font-size: 9px;
  }

  .ucc-p-quality__sec__list dd {
    padding-left: 8px;
    margin-top: 0.6em;
    font-size: 11px;
  }

  .ucc-p-quality__sec__imgs {
    display: block;
    margin-top: 30px;
  }

  .ucc-p-quality__sec__img figcaption {
    font-size: 11px;
  }

  .ucc-p-quality__sec__img.is-large {
    width: 100%;
  }

  .ucc-p-quality__sec__img.is-small {
    width: 100%;
    margin-top: 15px;
  }

  .ucc-p-quality__sec__txts {
    display: block;
    margin-top: 30px;
  }

  .ucc-p-quality__sec__txt {
    width: 100%;
  }

  .ucc-p-quality__sec__txt + .ucc-p-quality__sec__txt {
    margin-top: 30px;
  }

  .ucc-p-quality__sec__txt__h {
    font-size: 14px;
  }

  .ucc-p-quality__sec__txt__body {
    margin-top: 8px;
    font-size: 11px;
  }

  .ucc-p-quality__sec__qua {
    display: block;
    margin-top: 20px;
  }

  .ucc-p-quality__sec__qua__txt {
    width: 100%;
    font-size: 11px;
  }

  .ucc-p-quality__sec__qua__img {
    width: 100%;
    margin-top: 25px;
    text-align: center;
  }

  .ucc-p-quality__sec__qua__img img {
    max-width: 273px;
  }

  .ucc-p-recipe-category__main-body {
    margin-top: 45px;
  }

  .ucc-p-recipe-category__view-more {
    margin-top: 40px;
  }

  .ucc-p-recipe-home__thumbs--lower {
    margin-top: 40px;
  }

  .ucc-p-recipe-home__suggest {
    margin-top: 40px;
  }

  .ucc-p-recipe-home__search-kind {
    margin-top: 35px;
  }

  .ucc-p-recipe-home__paginate {
    padding-bottom: 20px;
    margin-top: 35px;
  }

  .ucc-p-recipe-single__search {
    margin-top: 50px;
  }

  .ucc-p-recipe-single__search-kind {
    margin-top: 35px;
  }

  .ucc-p-recipe-single__go-home {
    margin-bottom: 35px;
  }

  .ucc-p-search__related .ucc-a-divider {
    margin-top: 35px;
  }

  .ucc-p-shop__contact-sec {
    margin-top: 40px;
  }

  .ucc-p-sitemap__links__list {
    width: 100%;
    float: none;
  }

  .ucc-p-sitemap__links__list + .ucc-p-sitemap__links__list {
    margin-left: 0;
  }

  .ucc-p-sns-privacy__account + .ucc-p-sns-privacy__account {
    margin-top: 50px;
  }

  .ucc-p-sns-privacy__policy {
    margin-top: 10px;
  }

  .ucc-p-sns-privacy__request {
    margin-top: 35px;
    margin-bottom: 20px;
  }

  .ucc-p-webuse__writings__underline {
    display: inline-block;
  }

  .ucc-p-webuse__inquiry {
    margin: 0 -10px;
    margin-bottom: -30px;
  }

  .ucc-p-webuse__inquiry p {
    padding: 40px;
  }
}

@media screen and (max-width: 600px) and (max-width: 600px) {
  .ucc-m-site-search__blocks__inner {
    opacity: 0;
    transform: translateY(-50px);
    transition-duration: 0.3s;
    transition-property: transform, opacitys;
    transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  }
}

@media screen and (max-width: 320px) {
  .ucc-m-gfooter-sp__sns__icn img,
  .ucc-m-gfooter-sp__sns__icn object {
    width: 40px;
    height: 40px;
  }

  .ucc-m-sec-header__btns .ucc-a-btn {
    width: 49.2957746479%;
  }

  .ucc-m-sec-header__btns .ucc-a-btn + .ucc-a-btn {
    margin-left: 1.4084507042%;
  }
}