/* CSS Document */
@charset "UTF-8";
/* ================================================== *
 *
 *    RESET
 *
 * ================================================== */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
  display: block;
}

audio, canvas, video {
  display: inline-block;
}

[hidden], audio:not([controls]) {
  display: none;
}

html {
  font-size: 100%;
  overflow-y: scroll;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

body {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  font-size: 1.2em;
  margin: 0;
}

blockquote, dd, dl, figure, p {
  margin: 0;
}

hr {
  color: inherit;
  height: auto;
  box-sizing: content-box;
}

pre {
  font-family: monospace, sans-serif;
  white-space: pre-wrap;
  word-wrap: break-word;
  margin: 0;
}

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

li {
  list-style: none;
}

a:focus {
  outline: dotted thin;
}

a:active, a:hover {
  outline: 0;
}

b, strong {
  font-weight: 700;
}

small {
  font-size: .83em;
}

q {
  quotes: none;
}

abbr[title] {
  border-bottom: 1px dotted;
}

code, kbd, samp {
  font-family: monospace, sans-serif;
}

mark {
  color: #000;
  background-color: #ff0;
}

sub, sup {
  font-size: .83em;
  line-height: 0;
  vertical-align: baseline;
  position: relative;
}

sub {
  bottom: -.25em;
}

sup {
  top: -.5em;
}

img {
  border: 0;
  vertical-align: top;
  -ms-interpolation-mode: bicubic;
}

svg:not(:root) {
  overflow: hidden;
}

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

caption {
  padding: 0;
  text-align: left;
}

td, th {
  text-align: left;
  vertical-align: baseline;
  padding: 0;
}

form {
  margin: 0;
}

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

legend {
  border: 0;
}

button, input, select, textarea {
  font-family: inherit;
  font-size: 1em;
  color: inherit;
  margin: 0;
}

button, input {
  line-height: normal;
  vertical-align: inherit;
}

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input[type=search] {
  -webkit-appearance: textfield;
  box-sizing: content-box;
}

input[type=search]:focus {
  outline-offset: -2px;
}

input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

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

button, input[type=submit], input[type=reset], input[type=button] {
  cursor: pointer;
  -webkit-appearance: button;
}

select {
  line-height: normal;
}

textarea {
  vertical-align: top;
  overflow: auto;
}

/* ================================================== *
 *
 *    BASE
 *
 * ================================================== */
html {
  font-size: 10px;
}

body {
  line-height: 1.5;
  font-family: 'Source Sans Pro', sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  word-break: break-word;
  font-weight: 400;
}

@media (min-width: 768px) {
  body {
    overflow: hidden;
    min-width: 1200px;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  body {
    overflow: auto;
    min-width: initial;
  }
}

main {
  display: block;
}

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

a:focus,
*:focus {
  outline: none;
}

img,
svg,
picture {
  vertical-align: top;
}

em {
  font-style: normal;
}

* {
  box-sizing: border-box;
}

/* ================================================== *
 *
 *    LIBRARY
 *
 * ================================================== */
/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  min-width: 980px;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
}

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  min-width: 980px;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  min-width: 980px;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 60px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.mfp-container:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
  display: none;
}

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}

.mfp-ajax-cur {
  cursor: progress;
}

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
}

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
  cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.mfp-loading.mfp-figure {
  display: none;
}

.mfp-hide {
  display: none !important;
}

.mfp-preloader {
  color: #ccc;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}

.mfp-preloader a {
  color: #ccc;
}

.mfp-preloader a:hover {
  color: #fff;
}

.mfp-s-ready .mfp-preloader {
  display: none;
}

.mfp-s-error .mfp-content {
  display: none;
}

button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  -webkit-box-shadow: none;
  box-shadow: none;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
}

button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  padding: 0 0 18px 10px;
  color: #e8131f !important;
  font-style: normal;
  font-size: 40px;
  font-family: "Source Sans Pro", sans-serif;
}

.mfp-close:hover,
.mfp-close:focus {
  opacity: 1;
}

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

.mfp-close:after {
  content: "close";
  margin-left: 5px;
  font-size: 20px;
  font-weight: 600;
  vertical-align: top;
  font-family: "Source Sans Pro", sans-serif;
}

.mfp-close-btn-in .mfp-close {
  color: #333;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #e8131f;
  top: -10px;
  right: -16px;
  text-align: right;
  padding-right: 0;
  width: 100%;
}

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #ccc;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
}

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent;
}

.mfp-arrow:active {
  margin-top: -54px;
}

.mfp-arrow:hover,
.mfp-arrow:focus {
  opacity: 1;
}

.mfp-arrow:before,
.mfp-arrow:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}

.mfp-arrow:after {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}

.mfp-arrow:before {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7;
}

.mfp-arrow-left {
  left: 0;
}

.mfp-arrow-left:after {
  border-right: 17px solid #fff;
  margin-left: 31px;
}

.mfp-arrow-left:before {
  margin-left: 25px;
  border-right: 27px solid #3f3f3f;
}

.mfp-arrow-right {
  right: 0;
}

.mfp-arrow-right:after {
  border-left: 17px solid #fff;
  margin-left: 39px;
}

.mfp-arrow-right:before {
  border-left: 27px solid #3f3f3f;
}

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}

.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
}

.mfp-iframe-holder .mfp-close {
  top: -50px;
}

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  background: #fff;
  padding-top: 56.25%;
}

.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 1px;
  -webkit-box-shadow: 0 0 0 10px white;
  box-shadow: 0 0 0 10px white;
}

/* Main image in popup */
img.mfp-img {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}

/* The shadow behind the image */
.mfp-figure {
  line-height: 0;
}

.mfp-figure:after {
  content: "";
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  border-radius: 1px;
  -webkit-box-shadow: 0 0 0 10px white;
  box-shadow: 0 0 0 10px white;
  background: #444;
}

.mfp-figure small {
  color: #bdbdbd;
  display: block;
  font-size: 12px;
  line-height: 14px;
}

.mfp-figure figure {
  margin: 0;
}

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #f3f3f3;
  word-wrap: break-word;
  padding-right: 36px;
}

.mfp-image-holder .mfp-content {
  max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}

@media (max-width: 800px) and (orientation: landscape),
  (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }
  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    -ms-transform: scale(0.75);
    transform: scale(0.75);
  }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    -ms-transform-origin: 0;
    transform-origin: 0;
  }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    -ms-transform-origin: 100%;
    transform-origin: 100%;
  }
  .mfp-container {
    padding-left: 16px;
    padding-right: 16px;
  }
}

@media (max-width: 767px) {
  .mfp-bg,
  .mfp-wrap,
  .mfp-container {
    min-width: 0;
  }
  .mfp-image-holder .mfp-close {
    right: -5px;
  }
  .mfp-iframe-scaler iframe {
    -webkit-box-shadow: 0 0 0 5px white;
    box-shadow: 0 0 0 5px white;
  }
  .mfp-figure:after {
    -webkit-box-shadow: 0 0 0 5px white;
    box-shadow: 0 0 0 5px white;
  }
}

@media (max-width: 767px) {
  .mfp-close:after {
    font-size: 14px;
  }
  .mfp-image-holder .mfp-close,
  .mfp-iframe-holder .mfp-close {
    right: -6px;
  }
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}

[dir="rtl"] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

/* ================================================== *
 *
 *    LAYOUT
 *
 * ================================================== */
/* ------------------------------------------------- *
 *    structure
 * ------------------------------------------------- */
@media (max-width: 1199px) {
  .overlay {
    cursor: pointer;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.6;
  }
}

/* ------------------------------------------------- *
 *    header
 * ------------------------------------------------- */
#global__header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  width: 100%;
  background: #fff;
  border-bottom: 1px solid #e6e6e6;
}

@media (min-width: 1200px) {
  #global__header {
    height: 73px;
  }
}

@media (max-width: 1199px) {
  #global__header {
    height: 57px;
  }
}

#global__header--header {
  display: flex;
  align-items: center;
  height: 100%;
}

@media (min-width: 1200px) {
  #global__header--header {
    justify-content: space-between;
    width: 1200px;
    margin-right: auto;
    margin-left: auto;
  }
}

@media (max-width: 1199px) {
  #global__header--header {
    position: relative;
    justify-content: center;
    padding-top: 14px;
    padding-bottom: 9px;
  }
}

@media (min-width: 1200px) {
  #global__header--title_logo {
    width: 125px;
  }
}

@media (max-width: 1199px) {
  #global__header--title_logo {
    width: 96px;
  }
}

#global__header--title_logo a {
  display: block;
}

@media (min-width: 768px) {
  #global__header--title_logo a {
    transition: 0.5s ease;
  }
  #global__header--title_logo a:hover {
    opacity: 0.5;
  }
}

#global__header--title_logo-logo img {
  width: 100%;
  height: auto;
}

/*    global__header--nav
* ------------------------------------------------- */
@media (min-width: 1200px) {
  #global__header--navbtn {
    display: none;
  }
}

@media (max-width: 1199px) {
  #global__header--navbtn {
    position: absolute;
    top: 0;
    left: 0;
    width: 62px;
    height: 57px;
  }
}

#global__header--navbtn img {
  width: 24px;
  height: 24px;
}

#global__header--navbtn_spMenu {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

@media (min-width: 768px) {
  #global__header--navbtn_spMenu {
    transition: 0.5s ease;
  }
  #global__header--navbtn_spMenu:hover {
    opacity: 0.5;
  }
}

@media (min-width: 1200px) {
  #global__header--nav {
    flex-grow: 1;
    height: 100%;
    margin: 0 25px 0 30px;
  }
}

@media (max-width: 1199px) {
  #global__header--nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    display: none;
  }
}

@media (min-width: 1200px) {
  #global__header--nav .btnClose {
    display: none;
  }
}

@media (max-width: 1199px) {
  #global__header--nav .btnClose {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 62px;
    height: 56px;
    background: #fff;
    margin-bottom: 1px;
  }
}

#global__header--nav .btnClose img {
  width: 19px;
  height: auto;
}

@media (min-width: 768px) {
  #global__header--nav .btnClose img {
    transition: 0.5s ease;
  }
  #global__header--nav .btnClose:hover img {
    opacity: 0.5;
  }
}

@media (min-width: 1200px) {
  #global__header--nav .global__header--nav_inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100%;
  }
}

@media (max-width: 1199px) {
  #global__header--nav .global__header--nav_inner {
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
  }
}

@media (min-width: 1200px) {
  #global__header--nav > .menuBnr {
    display: none;
  }
}

@media (max-width: 1199px) {
  #global__header--nav > .menuBnr {
    background: #f5f5f5;
  }
}

#global__header--nav > .menuBnr .menuBnrInner {
  padding: 20px;
}

#global__header--nav > .menuBnr .menuBnrSlide {
  display: flex;
  flex-wrap: wrap;
  margin-right: -5px;
  margin-left: -5px;
  margin-bottom: -10px;
}

#global__header--nav > .menuBnr .menuBnrSlideUnit {
  width: 50%;
  padding-right: 5px;
  padding-left: 5px;
  padding-bottom: 10px;
}

#global__header--nav > .menuBnr .menuBnrSlideUnit a {
  display: block;
}

#global__header--nav > .menuBnr .menuBnrSlideUnit img {
  width: 100%;
  height: auto;
}

@media (min-width: 1200px) {
  #global__pagetitle--search {
    display: none;
  }
}

@media (max-width: 1199px) {
  #global__pagetitle--search {
    width: 100%;
    padding: 20px;
    background: #d9d9d9;
  }
}

#global__pagetitle--search_form form {
  display: flex;
  margin-left: auto;
  background: #f7f7f7;
  color: #716f63;
  border-radius: 4px;
  justify-content: space-between;
}

#global__pagetitle--search_form form > span:first-child {
  display: block;
  width: calc(100% - 60px);
}

#global__pagetitle--search_form form > span > input[type="search"] {
  box-sizing: border-box;
  width: 100%;
  min-height: 30px;
  background: transparent;
  border: none;
  padding: 6px 0 6px 10px;
  font-size: 16px;
  line-height: 24px;
}

#global__pagetitle--search_form form > span > input[type="submit"] {
  display: block;
  width: 60px;
  padding: 6px 0;
  font-size: 12px;
  line-height: 24px;
  background: transparent;
  color: inherit;
  border: none;
  border-radius: 0;
  border-left: solid 1px #C9C7B8;
  text-align: center;
  -webkit-appearance: none;
}

@media (min-width: 1200px) {
  #global__header--nav_menu {
    display: flex;
    height: 100%;
  }
}

@media (max-width: 1199px) {
  #global__header--nav_menu {
    background: #fff;
  }
}

@media (min-width: 1200px) {
  #global__header--nav_menu > li {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 15px;
  }
  #global__header--nav_menu > li:first-child {
    padding-left: 0;
  }
  #global__header--nav_menu > li:last-child {
    padding-right: 0;
  }
}

@media (max-width: 1199px) {
  #global__header--nav_menu > li {
    border-bottom: 1px solid #dcdcdc;
  }
}

#global__header--nav_menu > li > a {
  position: relative;
}

@media (min-width: 1200px) {
  #global__header--nav_menu > li > a {
    font-size: 1.5rem;
  }
}

@media (max-width: 1199px) {
  #global__header--nav_menu > li > a {
    display: block;
    padding: 15px 50px 15px 20px;
    font-size: 1.4rem;
    font-weight: 700;
  }
}

@media (max-width: 1199px) {
  #global__header--nav_menu > li > a::after {
    content: "";
    position: absolute;
    top: 0;
    right: 16px;
    bottom: 0;
    display: block;
    margin: auto;
    transform: scale(0.5);
  }
}

@media (min-width: 768px) {
  #global__header--nav_menu > li > a {
    transition: 0.5s ease;
  }
  #global__header--nav_menu > li > a:hover {
    opacity: 0.5;
  }
}

@media (max-width: 1199px) {
  #global__header--nav_menu > li > a.hoverBtn::before {
    content: "";
    position: absolute;
    top: 0;
    right: 20px;
    bottom: 0;
    display: block;
    width: 12px;
    height: 2px;
    margin: auto;
    background: #000;
  }
}

@media (min-width: 1200px) {
  #global__header--nav_menu > li > a.hoverBtn::after {
    content: "";
    position: absolute;
    bottom: -30px;
    right: 0;
    left: 0;
    display: block;
    margin: 0 auto;
    transform: rotate(90deg) scale(0.375);
  }
}

@media (max-width: 1199px) {
  #global__header--nav_menu > li > a.hoverBtn::after {
    right: 20px;
    width: 12px !important;
    height: 2px !important;
    margin: auto;
    background: #000 !important;
    transform: rotate(90deg);
  }
}

@media (max-width: 1199px) {
  #global__header--nav_menu > li > a.hoverBtn.is-active::after {
    display: none;
  }
}

@media (min-width: 1200px) {
  #global__header--nav_menu > li + li {
    margin-left: 0; /* 30px; */
  }
}

@media (min-width: 1200px) {
  #global__header--nav_menu > li:hover a {
    color: #e6000d;
  }
}

@media (min-width: 1200px) {
  #global__header--nav_menu > li:hover a::after {
    display: block;
  }
}

@media (min-width: 1200px) {
  #global__header--nav_menu .menu {
    overflow: auto;
    position: absolute;
    top: 72px;
    left: 0;
    display: none;
    width: 100%;
    max-height: calc(100vh - 72px);
    padding: 60px 0 100px;
    background: rgba(0, 0, 0, 0.85);
    z-index: 100;
  }
}

@media (max-width: 1199px) {
  #global__header--nav_menu .menu {
    display: none;
    padding: 0 20px;
    border-top: 1px solid #dcdcdc;
    background: #f5f5f5;
  }
}

@media (min-width: 1200px) {
  #global__header--nav_menu .menu .cateTop {
    width: 1140px;
    margin: 0 auto 20px;
    font-size: 3rem;
    line-height: 1;
    font-weight: 700;
  }
}

@media (max-width: 1199px) {
  #global__header--nav_menu .menu .cateTop {
    font-size: 1.2rem;
    border-bottom: 1px solid #dcdcdc;
  }
}

@media (min-width: 1200px) {
  #global__header--nav_menu .menu .cateTop > a {
    color: #fff;
  }
}

@media (max-width: 1199px) {
  #global__header--nav_menu .menu .cateTop > a {
    position: relative;
    display: block;
    padding: 16px 20px 16px 0;
  }
}

@media (max-width: 1199px) {
  #global__header--nav_menu .menu .cateTop > a::before {
    content: "";
    position: absolute;
    top: 0;
    right: -4px;
    bottom: 0;
    display: block;
    margin: auto;
    transform: scale(0.5);
  }
}

@media (max-width: 1199px) {
  #global__header--nav_menu .menu .cateTop > a::after {
    display: inline;
    content: " TOP";
    background: transparent;
  }
}

@media (min-width: 768px) {
  #global__header--nav_menu .menu .cateTop > a {
    transition: 0.5s ease;
  }
  #global__header--nav_menu .menu .cateTop > a:hover {
    opacity: 0.5;
  }
}

@media (min-width: 1200px) {
  #global__header--nav_menu .menu .menuList {
    display: flex;
    flex-wrap: wrap;
    width: 1140px;
    margin: 0 auto -20px;
  }
}

@media (min-width: 1200px) {
  #global__header--nav_menu .menu .menuList > li {
    width: 208px;
    margin-bottom: 20px;
  }
}

@media (min-width: 1200px) {
  #global__header--nav_menu .menu .menuList > li + li {
    margin-left: 25px;
  }
}

@media (max-width: 1199px) {
  #global__header--nav_menu .menu .menuList > li + li {
    border-top: 1px solid #dcdcdc;
  }
}

@media (min-width: 1200px) {
  #global__header--nav_menu .menu .menuList > li + li:nth-child(6n) {
    margin-left: 0;
  }
}

#global__header--nav_menu .menu .menuList > li > a {
  position: relative;
}

@media (min-width: 1200px) {
  #global__header--nav_menu .menu .menuList > li > a {
    display: flex;
    align-items: center;
    height: 100%;
    padding: 13px 15px 13px 0;
    border-bottom: 1px solid #868787;
    color: #fff;
    font-size: 1.8rem;
    line-height: 1.3;
  }
}

@media (max-width: 1199px) {
  #global__header--nav_menu .menu .menuList > li > a {
    position: relative;
    display: block;
    padding: 16px 20px 16px 0;
    font-size: 1.2rem;
  }
}

@media (min-width: 1200px) {
  #global__header--nav_menu .menu .menuList > li > a::after {
    content: "";
    position: absolute;
    top: 0;
    right: -4px;
    bottom: 0;
    display: block;
    margin: auto;
    transform: scale(0.5);
  }
}

@media (max-width: 1199px) {
  #global__header--nav_menu .menu .menuList > li > a::before {
    content: "";
    position: absolute;
    top: 0;
    right: -4px;
    bottom: 0;
    display: block;
    margin: auto;
    transform: scale(0.5);
  }
}

@media (min-width: 768px) {
  #global__header--nav_menu .menu .menuList > li > a {
    transition: 0.5s ease;
  }
  #global__header--nav_menu .menu .menuList > li > a:hover {
    opacity: 0.5;
  }
}

@media (min-width: 1200px) {
  #global__header--nav_menu .menu .menuListLinks dt {
    font-size: 1.8rem;
    line-height: 1.3;
    font-weight: 700;
  }
}

@media (max-width: 1199px) {
  #global__header--nav_menu .menu .menuListLinks dt {
    font-size: 1.2rem;
  }
}

#global__header--nav_menu .menu .menuListLinks dt a {
  position: relative;
  display: block;
}

@media (min-width: 1200px) {
  #global__header--nav_menu .menu .menuListLinks dt a {
    padding: 13px 15px 13px 0;
    border-bottom: 1px solid #868787;
    color: #fff;
  }
}

@media (max-width: 1199px) {
  #global__header--nav_menu .menu .menuListLinks dt a {
    padding: 16px 20px 16px 0;
  }
}

@media (max-width: 1199px) {
  #global__header--nav_menu .menu .menuListLinks dt a::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    display: block;
    width: 12px;
    height: 2px;
    margin: auto;
    background: #999;
  }
}

@media (min-width: 1200px) {
  #global__header--nav_menu .menu .menuListLinks dt a[href]::after {
    content: "";
    position: absolute;
    top: 0;
    right: -4px;
    bottom: 0;
    display: block;
    margin: auto;
    transform: scale(0.5);
  }
}

@media (max-width: 1199px) {
  #global__header--nav_menu .menu .menuListLinks dt a::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 12px !important;
    height: 2px !important;
    margin: auto;
    background: #999 !important;
    transform: rotate(90deg);
  }
}

@media (max-width: 1199px) {
  #global__header--nav_menu .menu .menuListLinks dt a.is-active::after {
    display: none;
  }
}

@media (min-width: 768px) {
  #global__header--nav_menu .menu .menuListLinks dt a {
    transition: 0.5s ease;
  }
  #global__header--nav_menu .menu .menuListLinks dt a:hover {
    opacity: 0.5;
  }
}

@media (min-width: 1200px) {
  #global__header--nav_menu .menu .menuListLinks dd {
    margin-top: 15px;
  }
}

@media (max-width: 1199px) {
  #global__header--nav_menu .menu .menuListLinks dd {
    display: none;
    padding-left: 30px;
  }
}

@media (min-width: 1200px) {
  #global__header--nav_menu .menu .menuListLinks dd ul {
    font-size: 1.4rem;
  }
}

@media (max-width: 1199px) {
  #global__header--nav_menu .menu .menuListLinks dd ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -7px 0;
    padding-bottom: 10px;
  }
}

@media (max-width: 1199px) {
  #global__header--nav_menu .menu .menuListLinks dd ul li {
    width: 50%;
    margin-bottom: 10px;
    padding-right: 7px;
    padding-left: 7px;
  }
}

@media (min-width: 1200px) {
  #global__header--nav_menu .menu .menuListLinks dd ul li + li {
    margin-top: 16px;
  }
}

#global__header--nav_menu .menu .menuListLinks dd a {
  position: relative;
  display: block;
}

@media (min-width: 1200px) {
  #global__header--nav_menu .menu .menuListLinks dd a {
    padding-left: 18px;
    color: #fff;
  }
}

@media (max-width: 1199px) {
  #global__header--nav_menu .menu .menuListLinks dd a {
    padding: 8px 0;
    color: #666;
  }
}

@media (min-width: 1200px) {
  #global__header--nav_menu .menu .menuListLinks dd a::before {
    content: "";
    position: absolute;
    top: 0;
    left: -4px;
    bottom: 0;
    display: block;
    margin: auto;
    transform: scale(0.5);
    opacity: 0.85;
  }
}

@media (min-width: 768px) {
  #global__header--nav_menu .menu .menuListLinks dd a {
    transition: 0.5s ease;
  }
  #global__header--nav_menu .menu .menuListLinks dd a:hover {
    opacity: 0.5;
  }
}

@media (min-width: 1200px) {
  #global__header--nav_menu .menu .menuBnr {
    margin: 60px 0 -100px;
    padding: 50px 0;
    background: #000;
  }
}

@media (max-width: 1199px) {
  #global__header--nav_menu .menu .menuBnr {
    display: none;
  }
}

@media (min-width: 1200px) {
  #global__header--nav_menu .menu .menuBnrInner {
    width: 1200px;
    margin-right: auto;
    margin-left: auto;
  }
}

@media (min-width: 1200px) {
  #global__header--nav_menu .menu .menuBnrSlide {
    display: flex;
    flex-wrap: wrap;
    margin-right: -10px;
    margin-left: -10px;
  }
}

@media (min-width: 1200px) {
  #global__header--nav_menu .menu .menuBnrSlideUnit {
    width: 25%;
    padding-right: 10px;
    padding-left: 10px;
  }
}

#global__header--nav_menu .menu .menuBnrSlideUnit a {
  display: block;
}

@media (min-width: 768px) {
  #global__header--nav_menu .menu .menuBnrSlideUnit a {
    transition: 0.5s ease;
  }
  #global__header--nav_menu .menu .menuBnrSlideUnit a:hover {
    opacity: 0.5;
  }
}

#global__header--nav_menu .menu .menuBnrSlideUnit img {
  width: 100%;
  height: auto;
}

.js-globalNavMenu#global__header--nav_menu > li.is-active .menu {
  display: block;
  -webkit-animation: show 0.5s ease 0s forwards;
          animation: show 0.5s ease 0s forwards;
}

@-webkit-keyframes show {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes show {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

#global__header--nav_ex {
  display: flex;
  font-size: 1.2rem;
}

@media (min-width: 1200px) {
  #global__header--nav_ex {
    padding-left: 25px;
    border-left: 1px solid #dbdad7;
  }
}

@media (max-width: 1199px) {
  #global__header--nav_ex {
    align-items: center;
    justify-content: center;
    padding: 25px 0;
    background: #fff;
  }
}

@media (min-width: 1200px) {
  #global__header--nav_ex > li + li {
    margin-left: 25px;
  }
}

@media (max-width: 1199px) {
  #global__header--nav_ex > li + li {
    margin-left: 30px;
    padding-left: 30px;
    border-left: 1px solid #e8e8e8;
  }
}

@media (min-width: 1200px) {
  #global__header--nav_ex > li > a {
    color: #878679;
  }
}

@media (min-width: 768px) {
  #global__header--nav_ex > li > a {
    transition: 0.5s ease;
  }
  #global__header--nav_ex > li > a:hover {
    opacity: 0.5;
  }
}

@media (min-width: 1200px) {
  #global__header--nav_ex + .menuBnr {
    display: none;
  }
}

@media (max-width: 1199px) {
  #global__header--nav_ex + .menuBnr {
    background: #f5f5f5;
  }
}

@media (min-width: 1200px) {
  #global__header--nav_ex + .menuBnr .menuBnrInner {
    width: 1200px;
    margin-right: auto;
    margin-left: auto;
  }
}

@media (max-width: 1199px) {
  #global__header--nav_ex + .menuBnr .menuBnrInner {
    width: 100%;
    padding-right: 20px;
    padding-left: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
  }
}

@media (max-width: 1199px) {
  #global__header--nav_ex + .menuBnr .menuBnrSlide {
    display: flex;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px;
  }
}

@media (max-width: 1199px) {
  #global__header--nav_ex + .menuBnr .menuBnrSlideUnit {
    width: 50%;
    padding-right: 5px;
    padding-left: 5px;
  }
}

#global__header--nav_ex + .menuBnr .menuBnrSlideUnit a {
  display: block;
}

#global__header--nav_ex + .menuBnr .menuBnrSlideUnit img {
  width: 100%;
  height: auto;
}

.js-globalNavBnr.menuBnrSlide {
  position: relative;
}

.js-globalNavBnr.menuBnrSlide .slick-arrow {
  overflow: hidden;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 9;
  display: block;
  margin: auto;
  padding: 0;
  border: none;
  background: transparent;
  text-indent: -999px;
}

@media (min-width: 1200px) {
  .js-globalNavBnr.menuBnrSlide .slick-arrow {
    width: 14px;
    height: 24px;
  }
}

@media (max-width: 1199px) {
  .js-globalNavBnr.menuBnrSlide .slick-arrow {
    width: 9px;
    height: 15px;
  }
}

.js-globalNavBnr.menuBnrSlide .slick-arrow::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
}

@media (min-width: 1200px) {
  .js-globalNavBnr.menuBnrSlide .slick-arrow::before {
    transform: translate(-50%, -50%) scale(0.77778);
  }
}

@media (max-width: 1199px) {
  .js-globalNavBnr.menuBnrSlide .slick-arrow::before {
    transform: translate(-50%, -50%) scale(0.5);
  }
}

@media (min-width: 1200px) {
  .js-globalNavBnr.menuBnrSlide .slick-arrow.slick-next {
    right: -25px;
  }
}

@media (max-width: 1199px) {
  .js-globalNavBnr.menuBnrSlide .slick-arrow.slick-next {
    right: -9px;
  }
}

.js-globalNavBnr.menuBnrSlide .slick-arrow.slick-prev {
  transform: rotate(180deg);
}

@media (min-width: 1200px) {
  .js-globalNavBnr.menuBnrSlide .slick-arrow.slick-prev {
    left: -25px;
  }
}

@media (max-width: 1199px) {
  .js-globalNavBnr.menuBnrSlide .slick-arrow.slick-prev {
    left: -9px;
  }
}

@media (min-width: 768px) {
  .js-globalNavBnr.menuBnrSlide .slick-arrow {
    transition: 0.5s ease;
  }
  .js-globalNavBnr.menuBnrSlide .slick-arrow:hover {
    opacity: 0.5;
  }
}

@media (max-width: 1199px) {
  body.is-fixed {
    position: fixed;
    z-index: 1;
    width: 100%;
  }
}

/*    top_global__search
* ------------------------------------------------- */
@media (min-width: 1200px) {
  #top_global__search {
    width: 60px;
    height: 100%;
    margin: 0 0 0 auto;
  }
}

@media (max-width: 1199px) {
  #top_global__search {
    display: none;
    position: absolute;
    top: 0;
    right: 56px;
    width: 56px;
    height: 56px;
  }
}

#top_global__search > ul {
  height: 100%;
}

@media (min-width: 1200px) {
  #top_global__search > ul {
    font-size: 1.2rem;
  }
}

@media (max-width: 1199px) {
  #top_global__search > ul {
    font-size: 1rem;
  }
}

#top_global__search > ul li {
  height: 100%;
  text-align: center;
}

#top_global__search > ul li span {
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  color: #878679;
}

@media (min-width: 768px) {
  #top_global__search > ul li span {
    transition: 0.5s ease;
  }
  #top_global__search > ul li span:hover {
    opacity: 0.5;
  }
}

#top_global__search > ul li span i {
  position: relative;
  display: block;
  width: 100%;
}

@media (min-width: 1200px) {
  #top_global__search > ul li span i {
    height: 24px;
    margin-bottom: 4px;
  }
}

@media (max-width: 1199px) {
  #top_global__search > ul li span i {
    height: 20px;
    margin: 2px 0;
  }
}

#top_global__search > ul li span i::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
}

@media (min-width: 1200px) {
  #top_global__search > ul li span i::before {
    transform: translate(-50%, -50%) scale(0.62);
  }
}

@media (max-width: 1199px) {
  #top_global__search > ul li span i::before {
    transform: translate(-50%, -50%) scale(0.5);
  }
}

@media (min-width: 1200px) {
  #top_global__pagetitle--search {
    position: absolute;
    top: 73px;
    left: 0;
    display: none;
    width: 100%;
    background: #d9d9d9;
  }
}

@media (max-width: 1199px) {
  #top_global__pagetitle--search {
    display: none;
  }
}

@media (min-width: 1200px) {
  #top_global__pagetitle--search_form {
    position: relative;
    width: 1200px;
    margin-right: auto;
    margin-left: auto;
    padding: 10px 20px;
  }
}

@media (min-width: 1200px) {
  #top_global__pagetitle--search_form::before {
    content: "";
    position: absolute;
    right: 80px;
    top: -10px;
    width: 0px;
    height: 0px;
    margin: auto;
    border-style: solid;
    border-color: transparent transparent #d9d9d9 transparent;
    border-width: 0 10px 10px 10px;
  }
}

@media (min-width: 1200px) {
  #top_global__pagetitle--search_form form {
    display: flex;
    width: 360px;
    margin-left: auto;
    background: #f7f7f7;
    border-radius: 4px;
    justify-content: space-between;
  }
}

#top_global__pagetitle--search_form form > span > input[type="search"] {
  box-sizing: border-box;
  display: block;
  width: 300px;
  height: 30px;
  min-height: 30px;
  background: transparent;
  border: none;
  padding: 6px 0 6px 30px;
  font-size: 1.2rem;
  line-height: 1;
}

#top_global__pagetitle--search_form form > span > input[type="submit"] {
  box-sizing: border-box;
  display: block;
  width: 60px;
  padding: 6px 0 6px 20px;
  font-size: 1.2rem;
  line-height: 18px;
  background: transparent;
  color: #7d7d7d;
  border: none;
  border-left: solid 1px #d9d9d9;
  text-align: left;
}

/*    global__header--member
* ------------------------------------------------- */
@media (min-width: 1200px) {
  #global__header--worldwide,
  #global__header--member {
    width: 60px;
    height: 100%;
    margin: 0;
  }
}

@media (max-width: 1199px) {
  #global__header--worldwide,
  #global__header--member {
    position: absolute;
    top: 0;
    right: 0;
    width: 56px;
    height: 56px;
  }
}

#global__header--worldwide > ul,
#global__header--member > ul {
  height: 100%;
}

@media (min-width: 1200px) {
  #global__header--member > ul {
    font-size: 1.2rem;
  }
}

@media (max-width: 1199px) {
  #global__header--member > ul {
    font-size: 1rem;
  }
}

#global__header--worldwide > ul li,
#global__header--member > ul li {
  height: 100%;
  text-align: center;
}

#global__header--worldwide > ul li a,
#global__header--member > ul li a {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  color: #e6000d;
}

@media (min-width: 768px) {
  #global__header--worldwide > ul li a,
  #global__header--member > ul li a {
    transition: 0.5s ease;
  }
  #global__header--worldwide > ul li a:hover,
  #global__header--member > ul li a:hover {
    opacity: 0.5;
  }
}

#global__header--worldwide > ul li a i,
#global__header--member > ul li a i {
  position: relative;
  display: block;
  width: 100%;
}

@media (min-width: 1200px) {
  #global__header--worldwide > ul li a i,
  #global__header--member > ul li a i {
    height: 24px;
    margin-bottom: 4px;
  }
}

@media (max-width: 1199px) {
  #global__header--worldwide > ul li a i,
  #global__header--member > ul li a i {
    height: 20px;
    margin: 2px 0;
  }
}

#global__header--member > ul li a i::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
}

@media (min-width: 1200px) {
  #global__header--member > ul li a i::before {
    transform: translate(-50%, -50%) scale(0.55263);
  }
}

@media (max-width: 1199px) {
  #global__header--member > ul li a i::before {
    transform: translate(-50%, -50%) scale(0.5);
  }
}

/* ------------------------------------------------- *
 *    footer
 * ------------------------------------------------- */
#global__footer {
  background: #403d33;
}

@media (min-width: 1200px) {
  #global__footer {
    padding: 60px 0;
  }
}

@media (max-width: 1199px) {
  #global__footer {
    padding-bottom: 40px;
  }
}

/*    global__footer--category
* ------------------------------------------------- */
@media (min-width: 1200px) {
  #global__footer--category {
    width: 1200px;
    margin-right: auto;
    margin-left: auto;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 40px;
  }
}

@media (max-width: 1199px) {
  #global__footer--category {
    margin-bottom: 25px;
  }
}

#global__footer--category .linkList {
  display: flex;
  flex-wrap: wrap;
}

@media (min-width: 1200px) {
  #global__footer--category .linkList {
    overflow: hidden;
    width: auto;
    margin-bottom: -20px;
    margin: 0 auto -20px;
    font-size: 1.4rem;
    line-height: 1;
  }
}

@media (max-width: 1199px) {
  #global__footer--category .linkList {
    border-bottom: 1px solid #6f6e6a;
    font-size: 1.1rem;
  }
}

@media (min-width: 1200px) {
  #global__footer--category .linkList li {
    margin: 0 43px 20px 0;
  }
}

@media (max-width: 1199px) {
  #global__footer--category .linkList li {
    width: 50%;
    height: 52px;
    text-align: center;
    margin-bottom: -1px;
    border-bottom: 1px solid #6f6e6a;
  }
}

@media (max-width: 1199px) {
  #global__footer--category .linkList li:nth-child(odd) {
    border-right: 1px solid #6f6e6a;
  }
}

@media (min-width: 1200px) {
  #global__footer--category .linkList li + li {
    position: relative;
    margin-left: -43px;
    padding-left: 43px;
  }
}

@media (min-width: 1200px) {
  #global__footer--category .linkList li + li::before {
    content: "";
    position: absolute;
    top: 0;
    left: 22px;
    display: block;
    width: 1px;
    height: 100%;
    background: #999;
  }
}

#global__footer--category .linkList li a {
  color: #fff;
}

@media (max-width: 1199px) {
  #global__footer--category .linkList li a {
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: center;
    padding: 5px;
  }
}

@media (min-width: 768px) {
  #global__footer--category .linkList li a:hover {
    text-decoration: underline;
  }
}

@media (min-width: 1200px) {
  #global__footer--category .bnrlist1 {
    width: 285px;
  }
}

@media (max-width: 1199px) {
  #global__footer--category .bnrlist1 {
    display: none;
  }
}

#global__footer--category .bnrlist1_li a {
  display: block;
  background: #fff;
}

#global__footer--category .bnrlist1_li a.is-border1 {
  display: block;
  border: 1px solid #fff;
}

@media (min-width: 768px) {
  #global__footer--category .bnrlist1_li a {
    transition: 0.5s ease;
  }
  #global__footer--category .bnrlist1_li a:hover {
    opacity: 0.5;
  }
}

#global__footer--category .bnrlist1_li a img {
  width: 100%;
  height: auto;
}

#global__footer--category .bnrlist1_li.is-cerezo a {
  padding: 15px 20px;
}

#global__footer--category .bnrlist1_li .cap {
  margin-top: 10px;
  color: #fff;
  font-size: 1.2rem;
  line-height: 1.3;
}

/*    global__footer--common
* ------------------------------------------------- */
@media (min-width: 1200px) {
  #global__footer--common {
    padding-top: 30px;
    border-top: 1px solid #6f6e6a;
    width: 1200px;
    margin-right: auto;
    margin-left: auto;
  }
}

@media (max-width: 1199px) {
  #global__footer--common {
    width: 100%;
    padding-right: 20px;
    padding-left: 20px;
  }
}

@media (min-width: 1200px) {
  #global__footer--common .linkList {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    width: 1050px;
    margin: 0 auto -17px;
    padding-bottom: 35px;
    font-size: 1.2rem;
    line-height: 1;
  }
}

@media (max-width: 1199px) {
  #global__footer--common .linkList {
    margin-bottom: 30px;
    font-size: 1rem;
  }
}

@media (min-width: 1200px) {
  #global__footer--common .linkList li {
    margin: 0 0 17px 0;
  }
}

@media (min-width: 1200px) {
  #global__footer--common .linkList li + li {
    position: relative;
    padding-left: 37px;
  }
}

@media (max-width: 1199px) {
  #global__footer--common .linkList li + li {
    margin-top: 20px;
  }
}

@media (min-width: 1200px) {
  #global__footer--common .linkList li + li::before {
    content: "";
    position: absolute;
    top: 0;
    left: 18px;
    display: block;
    width: 1px;
    height: 100%;
    background: #999;
  }
}

@media (min-width: 1200px) {
  #global__footer--common .linkList li + li.is-break {
    padding-left: 0;
  }
}

@media (min-width: 1200px) {
  #global__footer--common .linkList li + li.is-break::before {
    display: none;
  }
}

#global__footer--common .linkList li a {
  color: #fff;
}

@media (min-width: 768px) {
  #global__footer--common .linkList li a:hover {
    text-decoration: underline;
  }
}

@media (min-width: 1200px) {
  #global__footer--common .bnrlist1 {
    display: none;
  }
}

@media (max-width: 1199px) {
  #global__footer--common .bnrlist1 {
    display: block;
  }
}

#global__footer--common .bnrlist1_li {
  display: flex;
  align-items: center;
}

#global__footer--common .bnrlist1_li a {
  display: block;
  width: 143px;
  background: #fff;
}

#global__footer--common .bnrlist1_li a.is-border1 {
  display: block;
  border: 1px solid #fff;
}

#global__footer--common .bnrlist1_li a img {
  width: 100%;
  height: auto;
}

#global__footer--common .bnrlist1_li .cap {
  margin-left: 10px;
  color: #fff;
  font-size: 1rem;
  line-height: 1.3;
}

#global__footer--common .bnrlist1_li.is-cerezo a {
  padding: 7px 5px;
}

@media (min-width: 1200px) {
  .footer_copyright {
    width: 137px;
    margin: 0 auto;
    text-align: center;
  }
}

@media (max-width: 1199px) {
  .footer_copyright {
    width: 115px;
    margin-bottom: 15px;
  }
}

.footer_copyright a {
  display: block;
}

@media (min-width: 1200px) {
  .footer_copyright a {
    transition: 0.5s ease;
  }
  .footer_copyright a:hover {
    opacity: 0.5;
  }
}

.footer_copyright img {
  width: 100%;
  height: auto;
}

/* ------------------------------------------------- *
 *    main
 * ------------------------------------------------- */
@media (min-width: 1200px) {
  #contents__indexTop {
    padding-top: 73px;
  }
}

@media (max-width: 1199px) {
  #contents__indexTop {
    padding-top: 57px;
  }
}

@media (min-width: 768px) {
  .l-contents {
    margin-bottom: 80px;
  }
}

@media (max-width: 767px) {
  .l-contents {
    margin-bottom: 40px;
  }
}

/* ------------------------------------------------- *
 *    aside
 * ------------------------------------------------- */
#corpPageAside .bnrslide {
  background: #59574c;
}

@media (min-width: 1200px) {
  #corpPageAside .bnrslide_inner {
    width: 1200px;
    margin-right: auto;
    margin-left: auto;
    padding: 50px 0;
  }
}

@media (max-width: 1199px) {
  #corpPageAside .bnrslide_inner {
    width: 100%;
    padding-right: 20px;
    padding-left: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
  }
}

#corpPageAside .bnrslide_slide {
  display: flex;
  flex-wrap: wrap;
}

@media (min-width: 1200px) {
  #corpPageAside .bnrslide_slide {
    margin-right: -10px;
    margin-left: -10px;
  }
}

@media (max-width: 1199px) {
  #corpPageAside .bnrslide_slide {
    margin-right: -5px;
    margin-left: -5px;
  }
}

@media (min-width: 1200px) {
  #corpPageAside .bnrslide_unit {
    width: 25%;
    padding-right: 10px;
    padding-left: 10px;
  }
}

@media (max-width: 1199px) {
  #corpPageAside .bnrslide_unit {
    width: 50%;
    padding-right: 5px;
    padding-left: 5px;
  }
}

#corpPageAside .bnrslide_unit a {
  display: block;
}

@media (min-width: 768px) {
  #corpPageAside .bnrslide_unit a {
    transition: 0.5s ease;
  }
  #corpPageAside .bnrslide_unit a:hover {
    opacity: 0.5;
  }
}

#corpPageAside .bnrslide_unit img {
  width: 100%;
  height: auto;
}

.js-bnrslide.bnrslide_slide {
  position: relative;
}

.js-bnrslide.bnrslide_slide .slick-list {
  width: 100%;
}

.js-bnrslide.bnrslide_slide .slick-track {
  margin: 0;
}

.js-bnrslide.bnrslide_slide .slick-arrow {
  overflow: hidden;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 9;
  display: block;
  margin: auto;
  padding: 0;
  border: none;
  background: transparent;
  text-indent: -999px;
}

@media (min-width: 1200px) {
  .js-bnrslide.bnrslide_slide .slick-arrow {
    width: 14px;
    height: 24px;
  }
}

@media (max-width: 1199px) {
  .js-bnrslide.bnrslide_slide .slick-arrow {
    width: 9px;
    height: 15px;
  }
}

.js-bnrslide.bnrslide_slide .slick-arrow::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
}

@media (min-width: 1200px) {
  .js-bnrslide.bnrslide_slide .slick-arrow::before {
    transform: translate(-50%, -50%) scale(0.77778);
  }
}

@media (max-width: 1199px) {
  .js-bnrslide.bnrslide_slide .slick-arrow::before {
    transform: translate(-50%, -50%) scale(0.5);
  }
}

@media (min-width: 1200px) {
  .js-bnrslide.bnrslide_slide .slick-arrow.slick-next {
    right: -25px;
  }
}

@media (max-width: 1199px) {
  .js-bnrslide.bnrslide_slide .slick-arrow.slick-next {
    right: -9px;
  }
}

.js-bnrslide.bnrslide_slide .slick-arrow.slick-prev {
  transform: rotate(180deg);
}

@media (min-width: 1200px) {
  .js-bnrslide.bnrslide_slide .slick-arrow.slick-prev {
    left: -25px;
  }
}

@media (max-width: 1199px) {
  .js-bnrslide.bnrslide_slide .slick-arrow.slick-prev {
    left: -9px;
  }
}

@media (min-width: 768px) {
  .js-bnrslide.bnrslide_slide .slick-arrow {
    transition: 0.5s ease;
  }
  .js-bnrslide.bnrslide_slide .slick-arrow:hover {
    opacity: 0.5;
  }
}

/*    corpPageAsideNavi
* ------------------------------------------------- */
#corpPageAsideNavi {
  display: flex;
  background: #f0f0f0;
}

@media (min-width: 768px) {
  #corpPageAsideNavi {
    justify-content: center;
    padding-top: 30px;
    padding-bottom: 30px;
  }
}

@media (max-width: 767px) {
  #corpPageAsideNavi {
    width: 100%;
    padding-right: 20px;
    padding-left: 20px;
    justify-content: space-between;
    padding-top: 15px;
    padding-bottom: 15px;
  }
}

.corp-page-footer-navi-item {
  display: flex;
}

@media (min-width: 768px) {
  .corp-page-footer-navi-item + .corp-page-footer-navi-item {
    margin-left: 40px;
    padding-left: 40px;
    border-left: 1px solid #dcdcdc;
  }
}

@media (max-width: 767px) {
  .corp-page-footer-navi-item + .corp-page-footer-navi-item {
    justify-content: space-between;
    flex-grow: 1;
    margin-left: 4.47761%;
    padding-left: 4.47761%;
    border-left: 1px solid #dcdcdc;
  }
}

@media (min-width: 768px) {
  .corp-page-footer-navi-item .link {
    font-size: 1.4rem;
  }
}

@media (max-width: 767px) {
  .corp-page-footer-navi-item .link {
    font-size: 0.9rem;
  }
}

.corp-page-footer-navi-item .link a {
  display: flex;
  align-items: center;
  color: #515353;
}

@media (min-width: 768px) {
  .corp-page-footer-navi-item .link a {
    transition: 0.5s ease;
  }
  .corp-page-footer-navi-item .link a:hover {
    opacity: 0.5;
  }
}

@media (min-width: 768px) {
  .corp-page-footer-navi-item .link .ttl {
    margin-left: 15px;
  }
}

@media (max-width: 767px) {
  .corp-page-footer-navi-item .link .ttl {
    margin-left: 7px;
  }
}

.corp-page-footer-navi-item .list-sns {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

@media (min-width: 768px) {
  .corp-page-footer-navi-item .list-sns li + li {
    margin-left: 40px;
  }
}

.corp-page-footer-navi-item .list-sns a {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}

@media (min-width: 768px) {
  .corp-page-footer-navi-item .list-sns a {
    transition: 0.5s ease;
  }
  .corp-page-footer-navi-item .list-sns a:hover {
    opacity: 0.5;
  }
}

.corp-page-footer-navi-item .list-sns .ttl {
  display: none;
}

.corp-page-footer-navi-item .icon {
  position: relative;
  display: block;
}

.corp-page-footer-navi-item .icon::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
}

@media (min-width: 768px) {
  .corp-page-footer-navi-item .icon.icon_cocoromembers {
    width: 34px;
    height: 47px;
  }
}

@media (max-width: 767px) {
  .corp-page-footer-navi-item .icon.icon_cocoromembers {
    width: 20px;
    height: 28px;
  }
}

@media (min-width: 768px) {
  .corp-page-footer-navi-item .icon.icon_cocoromembers::before {
    transform: translate(-50%, -50%) scale(0.86);
  }
}

@media (max-width: 767px) {
  .corp-page-footer-navi-item .icon.icon_cocoromembers::before {
    transform: translate(-50%, -50%) scale(0.5);
  }
}

@media (min-width: 768px) {
  .corp-page-footer-navi-item .icon.icon_twitter {
    width: 30px;
    height: 24px;
  }
}

@media (max-width: 767px) {
  .corp-page-footer-navi-item .icon.icon_twitter {
    width: 26px;
    height: 18px;
  }
}

@media (min-width: 768px) {
  .corp-page-footer-navi-item .icon.icon_twitter::before {
    transform: translate(-50%, -50%) scale(0.66667);
  }
}

@media (max-width: 767px) {
  .corp-page-footer-navi-item .icon.icon_twitter::before {
    transform: translate(-50%, -50%) scale(0.5);
  }
}

@media (min-width: 768px) {
  .corp-page-footer-navi-item .icon.icon_facebook {
    width: 30px;
    height: 30px;
  }
}

@media (max-width: 767px) {
  .corp-page-footer-navi-item .icon.icon_facebook {
    width: 23px;
    height: 23px;
  }
}

@media (min-width: 768px) {
  .corp-page-footer-navi-item .icon.icon_facebook::before {
    transform: translate(-50%, -50%) scale(0.66667);
  }
}

@media (max-width: 767px) {
  .corp-page-footer-navi-item .icon.icon_facebook::before {
    transform: translate(-50%, -50%) scale(0.5);
  }
}

@media (min-width: 768px) {
  .corp-page-footer-navi-item .icon.icon_youtube {
    width: 30px;
    height: 23px;
  }
}

@media (max-width: 767px) {
  .corp-page-footer-navi-item .icon.icon_youtube {
    width: 23px;
    height: 18px;
  }
}

@media (min-width: 768px) {
  .corp-page-footer-navi-item .icon.icon_youtube::before {
    transform: translate(-50%, -50%) scale(0.66667);
  }
}

@media (max-width: 767px) {
  .corp-page-footer-navi-item .icon.icon_youtube::before {
    transform: translate(-50%, -50%) scale(0.5);
  }
}

@media (min-width: 768px) {
  .corp-page-footer-navi-item .icon.icon_instagram {
    width: 30px;
    height: 30px;
  }
}

@media (max-width: 767px) {
  .corp-page-footer-navi-item .icon.icon_instagram {
    width: 23px;
    height: 23px;
  }
}

@media (min-width: 768px) {
  .corp-page-footer-navi-item .icon.icon_instagram::before {
    transform: translate(-50%, -50%) scale(0.66667);
  }
}

@media (max-width: 767px) {
  .corp-page-footer-navi-item .icon.icon_instagram::before {
    transform: translate(-50%, -50%) scale(0.5);
  }
}

@media (min-width: 768px) {
  .corp-page-footer-navi-item .icon.icon_line {
    width: 30px;
    height: 28px;
  }
}

@media (max-width: 767px) {
  .corp-page-footer-navi-item .icon.icon_line {
    width: 23px;
    height: 22px;
  }
}

@media (min-width: 768px) {
  .corp-page-footer-navi-item .icon.icon_line::before {
    transform: translate(-50%, -50%) scale(0.66667);
  }
}

@media (max-width: 767px) {
  .corp-page-footer-navi-item .icon.icon_line::before {
    transform: translate(-50%, -50%) scale(0.5);
  }
}

/* ------------------------------------------------- *
 *    kv
 * ------------------------------------------------- */
@media (min-width: 768px) {
  .kv_slide_li {
    max-width: 980px;
  }
}

.kv_slide_li a {
  position: relative;
  display: block;
}

.kv_slide_li a::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.7;
  transition: opacity 0.5s ease;
}

.kv_slide_li a img {
  width: 100%;
  height: auto;
}

@media (min-width: 768px) {
  .js-kvSlide .slick-list {
    position: relative;
    left: 50%;
    width: 2940px;
    margin-left: -1470px;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .js-kvSlide .slick-list {
    left: 0;
    width: 100%;
    margin-left: 0;
  }
}

.js-kvSlide .slick-slide.slick-current a::before, .js-kvSlide .slick-slide.slick-center a::before {
  opacity: 0;
}

@media (min-width: 768px) {
  .js-kvSlide .slick-arrow {
    overflow: hidden;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    position: absolute;
    bottom: 24px;
    z-index: 9;
    display: block;
    width: 980px;
    height: calc(100% - 24px);
    padding: 0;
    border: none;
    background: transparent;
    text-indent: -999px;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .js-kvSlide .slick-arrow {
    width: 9%;
  }
}

.js-kvSlide .slick-arrow::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  display: block;
  margin: auto;
}

.js-kvSlide .slick-arrow.slick-next {
  left: 50%;
  margin-left: 490px;
}

@media (min-width: 768px) and (max-width: 1199px) {
  .js-kvSlide .slick-arrow.slick-next {
    right: 0;
    left: auto;
    margin-left: 0;
  }
}

.js-kvSlide .slick-arrow.slick-next::before {
  left: 80px;
  transform: scale(1.61111);
}

@media (min-width: 768px) and (max-width: 1199px) {
  .js-kvSlide .slick-arrow.slick-next::before {
    left: 34%;
  }
}

.js-kvSlide .slick-arrow.slick-prev {
  right: 50%;
  margin-right: 490px;
}

@media (min-width: 768px) and (max-width: 1199px) {
  .js-kvSlide .slick-arrow.slick-prev {
    right: auto;
    left: 0;
    margin-right: 0;
  }
}

.js-kvSlide .slick-arrow.slick-prev::before {
  right: 80px;
  transform: scale(1.61111) rotate(180deg);
}

@media (min-width: 768px) and (max-width: 1199px) {
  .js-kvSlide .slick-arrow.slick-prev::before {
    right: 34%;
  }
}

@media (min-width: 768px) {
  .js-kvSlide .slick-arrow {
    transition: 0.5s ease;
  }
  .js-kvSlide .slick-arrow:hover {
    opacity: 0.5;
  }
}

.js-kvSlide .slick-dots {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}

.js-kvSlide .slick-dots > li {
  overflow: hidden;
  position: relative;
  margin: 0 5px;
  background: #e2e2e2;
  transition: 0.5s ease;
}

@media (min-width: 768px) {
  .js-kvSlide .slick-dots > li {
    width: 80px;
    height: 4px;
  }
}

@media (max-width: 767px) {
  .js-kvSlide .slick-dots > li {
    width: 40px;
    height: 4px;
  }
}

.js-kvSlide .slick-dots > li::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 0;
  height: 100%;
  background: #e6000d;
}

.js-kvSlide .slick-dots > li button {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  display: block;
  width: 100%;
  height: 100%;
  padding: 0;
  border: none;
  background: transparent;
  text-indent: -999px;
}

.js-kvSlide.slick-initialized .slick-dots {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}

.js-kvSlide.slick-initialized .slick-dots > li.slick-active {
  background: #b1b0a9;
}

.js-kvSlide.slick-initialized .slick-dots > li.slick-active::before {
  -webkit-animation: kv-slick-dots 8s linear;
          animation: kv-slick-dots 8s linear;
}

@-webkit-keyframes kv-slick-dots {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}

@keyframes kv-slick-dots {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}

/* ================================================== *
 *
 *    COMMON STYLE
 *
 * ================================================== */
/* ------------------------------------------------- *
 *    button
 * ------------------------------------------------- */
/* ------------------------------------------------- *
*    effect
* ------------------------------------------------- */
/*    effect01
* ------------------------------------------------- */
.js-effect.effect01.is-effect {
  opacity: 0;
}

.js-effect.effect01.is-effectActive {
  transition: opacity 1s ease;
  opacity: 1;
}

.js-effectChildren.effect01 > *.is-effect {
  opacity: 0;
}

.js-effectChildren.effect01 > *.is-effectActive {
  transition: opacity 1s ease;
  opacity: 1;
}

.js-effectStart.effect01 {
  opacity: 0;
}

.js-effectStart.effect01.is-effectActive {
  transition: opacity 1s ease;
  opacity: 1;
}

/* ------------------------------------------------- *
 *    Form
 * ------------------------------------------------- */
/* ------------------------------------------------- *
 *    Frame
 * ------------------------------------------------- */
/* ------------------------------------------------- *
 *    grid
 * ------------------------------------------------- */
.grid {
  display: flex;
  flex-wrap: wrap;
}

.grid.is-reverse {
  flex-direction: row-reverse;
}

@media (min-width: 768px) {
  .grid.is-reverse-pc {
    flex-direction: row-reverse;
  }
}

@media (max-width: 767px) {
  .grid.is-reverse-sp {
    flex-direction: row-reverse;
  }
}

.grid.is-center {
  justify-content: center;
}

@media (min-width: 768px) {
  .grid.is-center-pc {
    justify-content: center;
  }
}

@media (max-width: 767px) {
  .grid.is-center-sp {
    justify-content: center;
  }
}

.grid.is-vCenter {
  align-items: center;
}

@media (min-width: 768px) {
  .grid.is-vCenter-pc {
    align-items: center;
  }
}

@media (max-width: 767px) {
  .grid.is-vCenter-sp {
    align-items: center;
  }
}

@media (min-width: 768px) {
  .grid-pc {
    display: flex;
    flex-wrap: wrap;
  }
  .grid-pc.is-reverse-pc {
    flex-direction: row-reverse;
  }
  .grid-pc.is-center-pc {
    justify-content: center;
  }
  .grid-pc.is-vCenter-pc {
    align-items: center;
  }
}

@media (max-width: 767px) {
  .grid-sp {
    display: flex;
    flex-wrap: wrap;
  }
  .grid-sp.is-reverse-sp {
    flex-direction: row-reverse;
  }
  .grid-sp.is-center-sp {
    justify-content: center;
  }
  .grid-sp.is-vCenter-sp {
    align-items: center;
  }
}

.is-col1 > * {
  width: 100%;
}

@media (min-width: 768px) {
  .is-col1-pc > * {
    width: 100%;
  }
}

@media (max-width: 767px) {
  .is-col1-sp > * {
    width: 100%;
  }
}

.is-col2 > * {
  width: 50%;
}

@media (min-width: 768px) {
  .is-col2-pc > * {
    width: 50%;
  }
}

@media (max-width: 767px) {
  .is-col2-sp > * {
    width: 50%;
  }
}

.is-col3 > * {
  width: 33.33333%;
}

@media (min-width: 768px) {
  .is-col3-pc > * {
    width: 33.33333%;
  }
}

@media (max-width: 767px) {
  .is-col3-sp > * {
    width: 33.33333%;
  }
}

.is-col4 > * {
  width: 25%;
}

@media (min-width: 768px) {
  .is-col4-pc > * {
    width: 25%;
  }
}

@media (max-width: 767px) {
  .is-col4-sp > * {
    width: 25%;
  }
}

.is-col5 > * {
  width: 20%;
}

@media (min-width: 768px) {
  .is-col5-pc > * {
    width: 20%;
  }
}

@media (max-width: 767px) {
  .is-col5-sp > * {
    width: 20%;
  }
}

.is-col6 > * {
  width: 16.66667%;
}

@media (min-width: 768px) {
  .is-col6-pc > * {
    width: 16.66667%;
  }
}

@media (max-width: 767px) {
  .is-col6-sp > * {
    width: 16.66667%;
  }
}

.is-gap10 {
  margin-right: -5px;
  margin-left: -5px;
}

.is-gap10 > * {
  padding-right: 5px;
  padding-left: 5px;
  margin-bottom: 10px;
}

.is-gap10:last-child {
  margin-bottom: -10px !important;
}

.is-gap10.is-gap-inbottom {
  margin-bottom: 0 !important;
}

@media (min-width: 768px) {
  .is-gap10-pc {
    margin-right: -5px;
    margin-left: -5px;
    margin-bottom: -10px;
  }
  .is-gap10-pc > * {
    padding-right: 5px;
    padding-left: 5px;
    margin-bottom: 10px;
  }
  .is-gap10-pc.is-gap-inbottom-pc {
    margin-bottom: 0 !important;
  }
}

@media (max-width: 767px) {
  .is-gap10-sp {
    margin-right: -5px;
    margin-left: -5px;
    margin-bottom: -10px;
  }
  .is-gap10-sp > * {
    padding-right: 5px;
    padding-left: 5px;
    margin-bottom: 10px;
  }
  .is-gap10-sp.is-gap-inbottom-sp {
    margin-bottom: 0 !important;
  }
}

.is-gap20 {
  margin-right: -10px;
  margin-left: -10px;
}

.is-gap20 > * {
  padding-right: 10px;
  padding-left: 10px;
  margin-bottom: 20px;
}

.is-gap20:last-child {
  margin-bottom: -20px !important;
}

.is-gap20.is-gap-inbottom {
  margin-bottom: 0 !important;
}

@media (min-width: 768px) {
  .is-gap20-pc {
    margin-right: -10px;
    margin-left: -10px;
    margin-bottom: -20px;
  }
  .is-gap20-pc > * {
    padding-right: 10px;
    padding-left: 10px;
    margin-bottom: 20px;
  }
  .is-gap20-pc.is-gap-inbottom-pc {
    margin-bottom: 0 !important;
  }
}

@media (max-width: 767px) {
  .is-gap20-sp {
    margin-right: -10px;
    margin-left: -10px;
    margin-bottom: -20px;
  }
  .is-gap20-sp > * {
    padding-right: 10px;
    padding-left: 10px;
    margin-bottom: 20px;
  }
  .is-gap20-sp.is-gap-inbottom-sp {
    margin-bottom: 0 !important;
  }
}

.is-gap30 {
  margin-right: -15px;
  margin-left: -15px;
}

.is-gap30 > * {
  padding-right: 15px;
  padding-left: 15px;
  margin-bottom: 30px;
}

.is-gap30:last-child {
  margin-bottom: -30px !important;
}

.is-gap30.is-gap-inbottom {
  margin-bottom: 0 !important;
}

@media (min-width: 768px) {
  .is-gap30-pc {
    margin-right: -15px;
    margin-left: -15px;
    margin-bottom: -30px;
  }
  .is-gap30-pc > * {
    padding-right: 15px;
    padding-left: 15px;
    margin-bottom: 30px;
  }
  .is-gap30-pc.is-gap-inbottom-pc {
    margin-bottom: 0 !important;
  }
}

@media (max-width: 767px) {
  .is-gap30-sp {
    margin-right: -15px;
    margin-left: -15px;
    margin-bottom: -30px;
  }
  .is-gap30-sp > * {
    padding-right: 15px;
    padding-left: 15px;
    margin-bottom: 30px;
  }
  .is-gap30-sp.is-gap-inbottom-sp {
    margin-bottom: 0 !important;
  }
}

.is-gap36 {
  margin-right: -18px;
  margin-left: -18px;
}

.is-gap36 > * {
  padding-right: 18px;
  padding-left: 18px;
  margin-bottom: 36px;
}

.is-gap36:last-child {
  margin-bottom: -36px !important;
}

.is-gap36.is-gap-inbottom {
  margin-bottom: 0 !important;
}

@media (min-width: 768px) {
  .is-gap36-pc {
    margin-right: -18px;
    margin-left: -18px;
    margin-bottom: -36px;
  }
  .is-gap36-pc > * {
    padding-right: 18px;
    padding-left: 18px;
    margin-bottom: 36px;
  }
  .is-gap36-pc.is-gap-inbottom-pc {
    margin-bottom: 0 !important;
  }
}

@media (max-width: 767px) {
  .is-gap36-sp {
    margin-right: -18px;
    margin-left: -18px;
    margin-bottom: -36px;
  }
  .is-gap36-sp > * {
    padding-right: 18px;
    padding-left: 18px;
    margin-bottom: 36px;
  }
  .is-gap36-sp.is-gap-inbottom-sp {
    margin-bottom: 0 !important;
  }
}

.is-gap40 {
  margin-right: -20px;
  margin-left: -20px;
}

.is-gap40 > * {
  padding-right: 20px;
  padding-left: 20px;
  margin-bottom: 40px;
}

.is-gap40:last-child {
  margin-bottom: -40px !important;
}

.is-gap40.is-gap-inbottom {
  margin-bottom: 0 !important;
}

@media (min-width: 768px) {
  .is-gap40-pc {
    margin-right: -20px;
    margin-left: -20px;
    margin-bottom: -40px;
  }
  .is-gap40-pc > * {
    padding-right: 20px;
    padding-left: 20px;
    margin-bottom: 40px;
  }
  .is-gap40-pc.is-gap-inbottom-pc {
    margin-bottom: 0 !important;
  }
}

@media (max-width: 767px) {
  .is-gap40-sp {
    margin-right: -20px;
    margin-left: -20px;
    margin-bottom: -40px;
  }
  .is-gap40-sp > * {
    padding-right: 20px;
    padding-left: 20px;
    margin-bottom: 40px;
  }
  .is-gap40-sp.is-gap-inbottom-sp {
    margin-bottom: 0 !important;
  }
}

.is-gap50 {
  margin-right: -25px;
  margin-left: -25px;
}

.is-gap50 > * {
  padding-right: 25px;
  padding-left: 25px;
  margin-bottom: 50px;
}

.is-gap50:last-child {
  margin-bottom: -50px !important;
}

.is-gap50.is-gap-inbottom {
  margin-bottom: 0 !important;
}

@media (min-width: 768px) {
  .is-gap50-pc {
    margin-right: -25px;
    margin-left: -25px;
    margin-bottom: -50px;
  }
  .is-gap50-pc > * {
    padding-right: 25px;
    padding-left: 25px;
    margin-bottom: 50px;
  }
  .is-gap50-pc.is-gap-inbottom-pc {
    margin-bottom: 0 !important;
  }
}

@media (max-width: 767px) {
  .is-gap50-sp {
    margin-right: -25px;
    margin-left: -25px;
    margin-bottom: -50px;
  }
  .is-gap50-sp > * {
    padding-right: 25px;
    padding-left: 25px;
    margin-bottom: 50px;
  }
  .is-gap50-sp.is-gap-inbottom-sp {
    margin-bottom: 0 !important;
  }
}

.is-gap60 {
  margin-right: -30px;
  margin-left: -30px;
}

.is-gap60 > * {
  padding-right: 30px;
  padding-left: 30px;
  margin-bottom: 60px;
}

.is-gap60:last-child {
  margin-bottom: -60px !important;
}

.is-gap60.is-gap-inbottom {
  margin-bottom: 0 !important;
}

@media (min-width: 768px) {
  .is-gap60-pc {
    margin-right: -30px;
    margin-left: -30px;
    margin-bottom: -60px;
  }
  .is-gap60-pc > * {
    padding-right: 30px;
    padding-left: 30px;
    margin-bottom: 60px;
  }
  .is-gap60-pc.is-gap-inbottom-pc {
    margin-bottom: 0 !important;
  }
}

@media (max-width: 767px) {
  .is-gap60-sp {
    margin-right: -30px;
    margin-left: -30px;
    margin-bottom: -60px;
  }
  .is-gap60-sp > * {
    padding-right: 30px;
    padding-left: 30px;
    margin-bottom: 60px;
  }
  .is-gap60-sp.is-gap-inbottom-sp {
    margin-bottom: 0 !important;
  }
}

.is-gap70 {
  margin-right: -35px;
  margin-left: -35px;
}

.is-gap70 > * {
  padding-right: 35px;
  padding-left: 35px;
  margin-bottom: 70px;
}

.is-gap70:last-child {
  margin-bottom: -70px !important;
}

.is-gap70.is-gap-inbottom {
  margin-bottom: 0 !important;
}

@media (min-width: 768px) {
  .is-gap70-pc {
    margin-right: -35px;
    margin-left: -35px;
    margin-bottom: -70px;
  }
  .is-gap70-pc > * {
    padding-right: 35px;
    padding-left: 35px;
    margin-bottom: 70px;
  }
  .is-gap70-pc.is-gap-inbottom-pc {
    margin-bottom: 0 !important;
  }
}

@media (max-width: 767px) {
  .is-gap70-sp {
    margin-right: -35px;
    margin-left: -35px;
    margin-bottom: -70px;
  }
  .is-gap70-sp > * {
    padding-right: 35px;
    padding-left: 35px;
    margin-bottom: 70px;
  }
  .is-gap70-sp.is-gap-inbottom-sp {
    margin-bottom: 0 !important;
  }
}

.is-gap80 {
  margin-right: -40px;
  margin-left: -40px;
}

.is-gap80 > * {
  padding-right: 40px;
  padding-left: 40px;
  margin-bottom: 80px;
}

.is-gap80:last-child {
  margin-bottom: -80px !important;
}

.is-gap80.is-gap-inbottom {
  margin-bottom: 0 !important;
}

@media (min-width: 768px) {
  .is-gap80-pc {
    margin-right: -40px;
    margin-left: -40px;
    margin-bottom: -80px;
  }
  .is-gap80-pc > * {
    padding-right: 40px;
    padding-left: 40px;
    margin-bottom: 80px;
  }
  .is-gap80-pc.is-gap-inbottom-pc {
    margin-bottom: 0 !important;
  }
}

@media (max-width: 767px) {
  .is-gap80-sp {
    margin-right: -40px;
    margin-left: -40px;
    margin-bottom: -80px;
  }
  .is-gap80-sp > * {
    padding-right: 40px;
    padding-left: 40px;
    margin-bottom: 80px;
  }
  .is-gap80-sp.is-gap-inbottom-sp {
    margin-bottom: 0 !important;
  }
}

/* ------------------------------------------------- *
 *    icons
 * ------------------------------------------------- */
/* ------------------------------------------------- *
*    link
* ------------------------------------------------- */
/* ------------------------------------------------- *
*    nav
* ------------------------------------------------- */
/*    indexnav
* ------------------------------------------------- */
.indexnav {
  position: relative;
}

@media (min-width: 768px) {
  .indexnav {
    margin-bottom: 60px;
  }
}

@media (max-width: 767px) {
  .indexnav {
    margin-bottom: 40px;
  }
}

.indexnav::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  background: #f0f0f0;
}

@media (min-width: 768px) {
  .indexnav::before {
    height: 150px;
  }
}

@media (max-width: 767px) {
  .indexnav::before {
    height: 68px;
  }
}

.indexnav_inner {
  position: relative;
}

@media (min-width: 768px) {
  .indexnav_inner {
    width: 1200px;
    margin-right: auto;
    margin-left: auto;
  }
}

@media (max-width: 1199px) {
  .indexnav_inner {
    width: 100%;
    padding-right: 40px;
    padding-left: 40px;
  }
}

@media (max-width: 767px) {
  .indexnav_inner {
    width: 100%;
    padding-right: 20px;
    padding-left: 20px;
  }
}

.indexnav_slide {
  display: flex;
  flex-wrap: wrap;
}

@media (min-width: 768px) {
  .indexnav_slide {
    margin-right: -10px;
    margin-left: -10px;
  }
}

@media (max-width: 767px) {
  .indexnav_slide {
    margin-right: -5px;
    margin-left: -5px;
  }
}

@media (min-width: 768px) {
  .indexnav_slide_unit {
    width: 20%;
    height: 224px;
    padding-right: 10px;
    padding-left: 10px;
  }
}

@media (max-width: 767px) {
  .indexnav_slide_unit {
    width: 33.33333%;
    height: 105px;
    padding-right: 5px;
    padding-left: 5px;
  }
}

.indexnav_slide_unit a {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  background: #fff;
}

@media (min-width: 768px) {
  .indexnav_slide_unit a {
    padding: 149px 30px 0;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
  }
}

@media (max-width: 767px) {
  .indexnav_slide_unit a {
    text-align: center;
    padding: 67px 10px 0;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1);
  }
}

@media (min-width: 768px) {
  .indexnav_slide_unit a {
    transition: box-shadow 0.5s ease;
  }
  .indexnav_slide_unit a > * {
    transition: 0.5s ease;
  }
  .indexnav_slide_unit a:hover {
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.3);
  }
  .indexnav_slide_unit a:hover > * {
    opacity: 0.5;
  }
}

.indexnav_slide_unit .is-inner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  height: 100%;
  border-top: 1px solid #bab9ac;
  font-weight: 700;
  white-space: nowrap;
}

@media (min-width: 768px) {
  .indexnav_slide_unit .is-inner {
    position: relative;
    font-size: 1.8rem;
    line-height: 1.4;
    padding-right: 15px;
  }
}

@media (max-width: 767px) {
  .indexnav_slide_unit .is-inner {
    align-items: center;
    text-align: center;
    font-size: 1.2rem;
    line-height: 1.2;
  }
}

@media (min-width: 768px) {
  .indexnav_slide_unit .is-inner::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: -4px;
    display: block;
    width: 8px;
    height: 12px;
    margin: auto;
    transform: scale(0.5);
  }
}

@media (max-width: 767px) {
  .indexnav_slide_unit .is-inner::after {
    display: none;
  }
}

.indexnav_slide_unit .is-inner > span {
  display: block;
}

@media (min-width: 768px) {
  .indexnav_slide_unit .is-inner > span {
    font-size: 1.4rem;
  }
}

@media (max-width: 767px) {
  .indexnav_slide_unit .is-inner > span {
    font-size: 0.9rem;
  }
}

.indexnav_slide_unit .is-icon {
  position: absolute;
  left: 0;
  display: block;
  width: 100%;
}

@media (min-width: 768px) {
  .indexnav_slide_unit .is-icon {
    top: -150px;
    height: 150px;
  }
}

@media (max-width: 767px) {
  .indexnav_slide_unit .is-icon {
    top: 0;
    height: 67px;
  }
}

.indexnav_slide_unit .is-icon.ic_indexnav01 {
  background: url(/asset_v2/images/ic_indexnav_01.svg) no-repeat 50% 50%;
}

@media (min-width: 768px) {
  .indexnav_slide_unit .is-icon.ic_indexnav01 {
    background-size: 59px auto;
  }
}

@media (max-width: 767px) {
  .indexnav_slide_unit .is-icon.ic_indexnav01 {
    background-size: 29px auto;
  }
}

.indexnav_slide_unit .is-icon.ic_indexnav02 {
  background: url(/asset_v2/images/ic_indexnav_02.svg) no-repeat 50% 50%;
}

@media (min-width: 768px) {
  .indexnav_slide_unit .is-icon.ic_indexnav02 {
    background-size: 64px auto;
  }
}

@media (max-width: 767px) {
  .indexnav_slide_unit .is-icon.ic_indexnav02 {
    background-size: 32px auto;
  }
}

.indexnav_slide_unit .is-icon.ic_indexnav03 {
  background: url(/asset_v2/images/ic_indexnav_03.svg) no-repeat 50% 50%;
}

@media (min-width: 768px) {
  .indexnav_slide_unit .is-icon.ic_indexnav03 {
    background-size: 59px auto;
  }
}

@media (max-width: 767px) {
  .indexnav_slide_unit .is-icon.ic_indexnav03 {
    background-size: 29px auto;
  }
}

.indexnav_slide_unit .is-icon.ic_indexnav04 {
  background: url(/asset_v2/images/ic_indexnav_04.svg) no-repeat 50% 50%;
}

@media (min-width: 768px) {
  .indexnav_slide_unit .is-icon.ic_indexnav04 {
    background-size: 54px auto;
  }
}

@media (max-width: 767px) {
  .indexnav_slide_unit .is-icon.ic_indexnav04 {
    background-size: 27px auto;
  }
}

.indexnav_slide_unit .is-icon.ic_indexnav05 {
  background: url(/asset_v2/images/ic_indexnav_05.svg) no-repeat 50% 50%;
}

@media (min-width: 768px) {
  .indexnav_slide_unit .is-icon.ic_indexnav05 {
    background-size: 69px auto;
  }
}

@media (max-width: 767px) {
  .indexnav_slide_unit .is-icon.ic_indexnav05 {
    background-size: 34px auto;
  }
}

.indexnav_slide_unit .is-icon.ic_indexnav06 {
  background: url(/asset_v2/images/ic_indexnav_06.svg) no-repeat 50% 50%;
}

@media (min-width: 768px) {
  .indexnav_slide_unit .is-icon.ic_indexnav06 {
    background-size: 63px auto;
  }
}

@media (max-width: 767px) {
  .indexnav_slide_unit .is-icon.ic_indexnav06 {
    background-size: 32px auto;
  }
}

.indexnav_slide_unit .is-icon.ic_indexnav07 {
  background: url(/asset_v2/images/ic_indexnav_07.svg) no-repeat 50% 50%;
}

@media (min-width: 768px) {
  .indexnav_slide_unit .is-icon.ic_indexnav07 {
    background-size: 98px auto;
  }
}

@media (max-width: 767px) {
  .indexnav_slide_unit .is-icon.ic_indexnav07 {
    background-size: 49px auto;
  }
}

.indexnav_slide_unit .is-icon.ic_indexnav08 {
  background: url(/asset_v2/images/ic_indexnav_08.svg) no-repeat 50% 50%;
}

@media (min-width: 768px) {
  .indexnav_slide_unit .is-icon.ic_indexnav08 {
    background-size: 72px auto;
  }
}

@media (max-width: 767px) {
  .indexnav_slide_unit .is-icon.ic_indexnav08 {
    background-size: 36px auto;
  }
}

.indexnav_slide_unit .is-icon.ic_indexnav09 {
  background: url(/asset_v2/images/ic_indexnav_09.svg) no-repeat 50% 50%;
}

@media (min-width: 768px) {
  .indexnav_slide_unit .is-icon.ic_indexnav09 {
    background-size: 70px auto;
  }
}

@media (max-width: 767px) {
  .indexnav_slide_unit .is-icon.ic_indexnav09 {
    background-size: 35px auto;
  }
}

.indexnav_slide_unit .is-icon.ic_indexnav10 {
  background: url(/asset_v2/images/ic_indexnav_10.svg) no-repeat 50% 50%;
}

@media (min-width: 768px) {
  .indexnav_slide_unit .is-icon.ic_indexnav10 {
    background-size: 70px auto;
  }
}

@media (max-width: 767px) {
  .indexnav_slide_unit .is-icon.ic_indexnav10 {
    background-size: 35px auto;
  }
}

.indexnav_slide_unit .is-icon.ic_indexnav11 {
  background: url(/asset_v2/images/ic_indexnav_11.svg) no-repeat 50% 50%;
}

@media (min-width: 768px) {
  .indexnav_slide_unit .is-icon.ic_indexnav11 {
    background-size: 66px auto;
  }
}

@media (max-width: 767px) {
  .indexnav_slide_unit .is-icon.ic_indexnav11 {
    background-size: 33px auto;
  }
}

.indexnav_slide_unit .is-icon.ic_indexnav12 {
  background: url(/asset_v2/images/ic_indexnav_12.svg) no-repeat 50% 50%;
}

@media (min-width: 768px) {
  .indexnav_slide_unit .is-icon.ic_indexnav12 {
    background-size: 78px auto;
  }
}

@media (max-width: 767px) {
  .indexnav_slide_unit .is-icon.ic_indexnav12 {
    background-size: 39px auto;
  }
}

.indexnav_slide_unit .is-icon.ic_indexnav13 {
  background: url(/asset_v2/images/ic_indexnav_13.svg) no-repeat 50% 50%;
}

@media (min-width: 768px) {
  .indexnav_slide_unit .is-icon.ic_indexnav13 {
    background-size: 75px auto;
  }
}

@media (max-width: 767px) {
  .indexnav_slide_unit .is-icon.ic_indexnav13 {
    background-size: 37px auto;
  }
}

.indexnav_slide_unit .is-icon.ic_indexnav14 {
  background: url(/asset_v2/images/ic_indexnav_14.svg) no-repeat 50% 50%;
}

@media (min-width: 768px) {
  .indexnav_slide_unit .is-icon.ic_indexnav14 {
    background-size: 74px auto;
  }
}

@media (max-width: 767px) {
  .indexnav_slide_unit .is-icon.ic_indexnav14 {
    background-size: 37px auto;
  }
}

.indexnav_slide_unit .is-icon.ic_indexnav15 {
  background: url(/asset_v2/images/ic_indexnav_15.svg) no-repeat 50% 50%;
}

@media (min-width: 768px) {
  .indexnav_slide_unit .is-icon.ic_indexnav15 {
    background-size: 84px auto;
  }
}

@media (max-width: 767px) {
  .indexnav_slide_unit .is-icon.ic_indexnav15 {
    background-size: 42px auto;
  }
}

@media (min-width: 768px) {
  .js-indexnavSlide.indexnav_slide .slick-list {
    margin-top: -10px;
    margin-bottom: -10px;
    padding-top: 10px;
    padding-bottom: 10px;
  }
}

@media (max-width: 767px) {
  .js-indexnavSlide.indexnav_slide .slick-list {
    margin-top: -5px;
    margin-bottom: -5px;
    padding-top: 5px;
    padding-bottom: 5px;
  }
}

.js-indexnavSlide.indexnav_slide .slick-arrow {
  overflow: hidden;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  position: absolute;
  z-index: 9;
  display: block;
  padding: 0;
  border: none;
  background: transparent;
  text-indent: -999px;
}

@media (min-width: 768px) {
  .js-indexnavSlide.indexnav_slide .slick-arrow {
    bottom: 25px;
    width: 14px;
    height: 24px;
  }
}

@media (max-width: 767px) {
  .js-indexnavSlide.indexnav_slide .slick-arrow {
    bottom: 11px;
    width: 9px;
    height: 15px;
  }
}

.js-indexnavSlide.indexnav_slide .slick-arrow::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
}

@media (min-width: 768px) {
  .js-indexnavSlide.indexnav_slide .slick-arrow::before {
    transform: translate(-50%, -50%) scale(0.77778);
  }
}

@media (max-width: 767px) {
  .js-indexnavSlide.indexnav_slide .slick-arrow::before {
    transform: translate(-50%, -50%) scale(0.5);
  }
}

@media (min-width: 768px) {
  .js-indexnavSlide.indexnav_slide .slick-arrow.slick-next {
    right: -25px;
  }
}

@media (max-width: 767px) {
  .js-indexnavSlide.indexnav_slide .slick-arrow.slick-next {
    right: -9px;
  }
}

.js-indexnavSlide.indexnav_slide .slick-arrow.slick-prev {
  transform: rotate(180deg);
}

@media (min-width: 768px) {
  .js-indexnavSlide.indexnav_slide .slick-arrow.slick-prev {
    left: -25px;
  }
}

@media (max-width: 767px) {
  .js-indexnavSlide.indexnav_slide .slick-arrow.slick-prev {
    left: -9px;
  }
}

@media (min-width: 768px) {
  .js-indexnavSlide.indexnav_slide .slick-arrow {
    transition: 0.5s ease;
  }
  .js-indexnavSlide.indexnav_slide .slick-arrow:hover {
    opacity: 0.5;
  }
}

/* ------------------------------------------------- *
 *    section
 * ------------------------------------------------- */
.ic_announce, .news .link1_link::before, .announce .title1 a::before, .ic_arw01b, .js-globalNavBnr.menuBnrSlide .slick-arrow::before, .ic_arw01lg, .js-indexnavSlide.indexnav_slide .slick-arrow::before, .ic_arw01w, .js-bnrslide.bnrslide_slide .slick-arrow::before, .js-kvSlide .slick-arrow::before, .ic_arw02g, #global__header--nav_menu > li > a::after, #global__header--nav_menu > li > a.hoverBtn::after, #global__header--nav_menu .menu .cateTop > a::before, #global__header--nav_menu .menu .menuList > li > a::before, .info_link::after, .ic_arw02r, #global__header--nav_menu > li:hover a::after, #global__header--nav_menu .menu .menuList > li > a::after, #global__header--nav_menu .menu .menuListLinks dt a::after, .indexnav_slide_unit .is-inner::after, .news .title1 a::after, .news .link1_link::after, .ic_arw02w, #global__header--nav_menu .menu .menuListLinks dd a::before, .ic_cocoroplus, .corp-page-footer-navi-item .icon.icon_cocoromembers::before, .ic_facebook, .corp-page-footer-navi-item .icon.icon_facebook::before, .ic_iclub, #global__header--member > ul li a i::before, .ic_instagram, .corp-page-footer-navi-item .icon.icon_instagram::before, .ic_line, .corp-page-footer-navi-item .icon.icon_line::before, .ic_search, #top_global__search > ul li span i::before, .ic_twitter, .corp-page-footer-navi-item .icon.icon_twitter::before, .ic_youtube, .corp-page-footer-navi-item .icon.icon_youtube::before {
  background: url("/asset_v2/images/sprite.svg") no-repeat;
}

.ic_announce, .news .link1_link::before, .announce .title1 a::before {
  background-position: 0 0;
}

.ic_announce-dims, .news .link1_link::before, .announce .title1 a::before {
  width: 20px;
  height: 32.48px;
}

.ic_arw01b, .js-globalNavBnr.menuBnrSlide .slick-arrow::before {
  background-position: 4.484304932735426% 6.573705179282869%;
}

.ic_arw01b-dims, .js-globalNavBnr.menuBnrSlide .slick-arrow::before {
  width: 18px;
  height: 30px;
}

.ic_arw01lg, .js-indexnavSlide.indexnav_slide .slick-arrow::before {
/*
  background-position: 8.52017937219731% 12.549800796812749%;
*/
  background-position: 16.517857142857142% 24.212598425196852%;
}

.ic_arw01lg-dims, .js-indexnavSlide.indexnav_slide .slick-arrow::before {
/*
  width: 18px;
  height: 30px;
*/
  width: 16px;
  height: 24px;
}

.ic_arw01w, .js-bnrslide.bnrslide_slide .slick-arrow::before, .js-kvSlide .slick-arrow::before {
  background-position: 12.556053811659194% 18.52589641434263%;
}

.ic_arw01w-dims, .js-bnrslide.bnrslide_slide .slick-arrow::before, .js-kvSlide .slick-arrow::before {
  width: 18px;
  height: 30px;
}

.ic_arw02g, #global__header--nav_menu > li > a::after, #global__header--nav_menu > li > a.hoverBtn::after, #global__header--nav_menu .menu .cateTop > a::before, #global__header--nav_menu .menu .menuList > li > a::before, .info_link::after {
  background-position: 16.517857142857142% 24.212598425196852%;
}

.ic_arw02g-dims, #global__header--nav_menu > li > a::after, #global__header--nav_menu > li > a.hoverBtn::after, #global__header--nav_menu .menu .cateTop > a::before, #global__header--nav_menu .menu .menuList > li > a::before, .info_link::after {
  width: 16px;
  height: 24px;
}

.ic_arw02r, #global__header--nav_menu > li:hover a::after, #global__header--nav_menu .menu .menuList > li > a::after, #global__header--nav_menu .menu .menuListLinks dt a::after, .indexnav_slide_unit .is-inner::after, .news .title1 a::after, .news .link1_link::after {
  background-position: 20.089285714285715% 28.937007874015748%;
}

.ic_arw02r-dims, #global__header--nav_menu > li:hover a::after, #global__header--nav_menu .menu .menuList > li > a::after, #global__header--nav_menu .menu .menuListLinks dt a::after, .indexnav_slide_unit .is-inner::after, .news .title1 a::after, .news .link1_link::after {
  width: 16px;
  height: 24px;
}

.ic_arw02w, #global__header--nav_menu .menu .menuListLinks dd a::before {
  background-position: 23.660714285714285% 33.661417322834644%;
}

.ic_arw02w-dims, #global__header--nav_menu .menu .menuListLinks dd a::before {
  width: 16px;
  height: 24px;
}

.ic_cocoroplus, .corp-page-footer-navi-item .icon.icon_cocoromembers::before {
  background-position: 28.77358490566038% 40.905372238887374%;
}

.ic_cocoroplus-dims, .corp-page-footer-navi-item .icon.icon_cocoromembers::before {
  width: 40px;
  height: 55.29px;
}

.ic_facebook, .corp-page-footer-navi-item .icon.icon_facebook::before {
  background-position: 38.66348448687351% 51.540041067761805%;
}

.ic_facebook-dims, .corp-page-footer-navi-item .icon.icon_facebook::before {
  width: 45px;
  height: 45px;
}

.ic_iclub, #global__header--member > ul li a i::before {
  background-position: 48.59154929577465% 59.91902834008097%;
}

.ic_iclub-dims, #global__header--member > ul li a i::before {
  width: 38px;
  height: 38px;
}

.ic_instagram, .corp-page-footer-navi-item .icon.icon_instagram::before {
  background-position: 58.472553699284006% 68.58175396809101%;
}

.ic_instagram-dims, .corp-page-footer-navi-item .icon.icon_instagram::before {
  width: 45px;
  height: 44.99px;
}

.ic_line, .corp-page-footer-navi-item .icon.icon_line::before {
  background-position: 69.21241050119332% 77.48768170759134%;
}

.ic_line-dims, .corp-page-footer-navi-item .icon.icon_line::before {
  width: 45px;
  height: 42.89px;
}

.ic_search, #top_global__search > ul li span i::before {
  background-position: 78.82352941176471% 85.4251012145749%;
}

.ic_search-dims, #top_global__search > ul li span i::before {
  width: 39px;
  height: 38px;
}

.ic_twitter, .corp-page-footer-navi-item .icon.icon_twitter::before {
  background-position: 89.26014319809069% 92.8580079938633%;
}

.ic_twitter-dims, .corp-page-footer-navi-item .icon.icon_twitter::before {
  width: 45px;
  height: 36.62px;
}

.ic_youtube, .corp-page-footer-navi-item .icon.icon_youtube::before {
  background-position: 100% 99.85534035200514%;
}

.ic_youtube-dims, .corp-page-footer-navi-item .icon.icon_youtube::before {
  width: 45px;
  height: 34.28px;
}

/* ------------------------------------------------- *
 *    table
 * ------------------------------------------------- */
/* ------------------------------------------------- *
 *    typography
 * ------------------------------------------------- */
/*    title1
* ------------------------------------------------- */
.title1 {
  font-weight: 700;
}

@media (min-width: 768px) {
  .title1 a {
    transition: .5s ease;
  }
  .title1 a:hover {
    opacity: 0.5;
  }
}

/*    datelist1
* ------------------------------------------------- */
@media (min-width: 768px) {
  .datelist1 {
    font-size: 1.6rem;
  }
}

@media (max-width: 767px) {
  .datelist1 {
    font-size: 1.2rem;
  }
}

@media (min-width: 768px) {
  .datelist1_li {
    display: flex;
  }
}

@media (min-width: 768px) {
  .datelist1_li a {
    transition: .5s ease;
  }
  .datelist1_li a:hover {
    opacity: 0.5;
  }
}

@media (min-width: 768px) {
  .datelist1_li + .datelist1_li {
    margin-top: 10px;
  }
}

@media (max-width: 767px) {
  .datelist1_li + .datelist1_li {
    margin-top: 15px;
  }
}

@media (min-width: 768px) {
  .datelist1_li_date {
    width: 8.5em;
    min-width: 8.5em;
    margin-right: 20px;
  }
}

@media (max-width: 767px) {
  .datelist1_li_date {
    display: block;
    color: #888;
  }
}

@media (max-width: 767px) {
  .datelist1_li_text {
    display: block;
    margin-top: 5px;
  }
}

.datelist1_li_pdf {
  position: relative;
  display: inline-block;
}

@media (min-width: 768px) {
  .datelist1_li_pdf {
    padding-left: 40px;
    font-size: 1.2rem;
  }
}

@media (max-width: 767px) {
  .datelist1_li_pdf {
    padding-left: 36px;
    font-size: 1rem;
    line-height: 3;
  }
}

.datelist1_li_pdf::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  display: inline-block;
  background: url(/asset_v2/images/ic_pdf_01.png) no-repeat 0 0;
}

@media (min-width: 768px) {
  .datelist1_li_pdf::before {
    width: 38px;
    height: 36px;
    background-size: 38px auto;
  }
}

@media (max-width: 767px) {
  .datelist1_li_pdf::before {
    width: 32px;
    height: 30px;
    background-size: 32px auto;
  }
}

/* ------------------------------------------------- *
 *    top
 * ------------------------------------------------- */
/*    #top__mainImage
* ------------------------------------------------- */
#top__mainImage {
  background: #f0f0f0;
}

@media (min-width: 768px) {
  #top__mainImage {
    padding-bottom: 50px;
  }
}

@media (max-width: 767px) {
  #top__mainImage {
    padding-bottom: 30px;
  }
}

/*    news
* ------------------------------------------------- */
@media (min-width: 768px) {
  .news {
    width: 1200px;
    margin-right: auto;
    margin-left: auto;
    display: flex;
    justify-content: space-between;
    margin-bottom: 60px;
  }
}

@media (max-width: 1199px) {
  .news {
    width: 100%;
    padding-right: 40px;
    padding-left: 40px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .news {
    position: relative;
    display: block;
  }
}

@media (max-width: 767px) {
  .news {
    position: relative;
    width: 100%;
    padding-right: 20px;
    padding-left: 20px;
    margin-bottom: 40px;
  }
}

.news .title1 {
  white-space: nowrap;
}

@media (min-width: 768px) {
  .news .title1 {
    font-size: 2rem;
    margin-right: 40px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .news .title1 {
    margin-bottom: 20px;
  }
}

@media (max-width: 767px) {
  .news .title1 {
    font-size: 1.8rem;
    margin-bottom: 20px;
  }
}

.news .title1 a {
  position: relative;
}

@media (min-width: 768px) {
  .news .title1 a {
    display: inline-block;
    padding-right: 18px;
  }
}

@media (max-width: 767px) {
  .news .title1 a {
    display: inline-block;
    padding-right: 18px;
  }
}

.news .title1 a::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: -4px;
  display: block;
  margin: auto;
  transform: scale(0.5);
}

@media (min-width: 768px) {
  .news .datelist1 {
    margin: 3px auto 0 0;
  }
}

.news .link1 {
  border-left: 1px solid #dcdcdc;
  white-space: nowrap;
}

@media (min-width: 768px) {
  .news .link1 {
    display: flex;
    align-items: center;
    margin-left: 40px;
    padding-left: 20px;
    font-size: 1.2rem;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .news .link1 {
    position: absolute;
    top: 5px;
    right: 40px;
  }
}

@media (max-width: 767px) {
  .news .link1 {
    position: absolute;
    top: 5px;
    right: 20px;
    padding-left: 10px;
    font-size: 1rem;
  }
}

.news .link1_link {
  position: relative;
  display: block;
}

@media (min-width: 768px) {
  .news .link1_link {
    padding: 0 25px 0 20px;
  }
}

@media (max-width: 767px) {
  .news .link1_link {
    padding: 0 17px 0 18px;
  }
}

@media (min-width: 768px) {
  .news .link1_link {
    transition: .5s ease;
  }
  .news .link1_link:hover {
    opacity: 0.5;
  }
}

.news .link1_link::before, .news .link1_link::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  display: block;
  margin: auto;
}

.news .link1_link::before {
  left: -5px;
  transform: scale(0.5);
}

.news .link1_link::after {
  right: -2px;
  transform: rotate(90deg) scale(0.5);
}

/*    info
* ------------------------------------------------- */
.info {
  background: #f0f0f0;
}

@media (min-width: 768px) {
  .info {
    margin-bottom: 60px;
  }
}

@media (max-width: 767px) {
  .info {
    margin-bottom: 30px;
  }
}

.info_inner {
  text-align: center;
}

@media (min-width: 768px) {
  .info_inner {
    width: 1200px;
    margin-right: auto;
    margin-left: auto;
    padding: 80px 0 100px;
  }
}

@media (max-width: 1199px) {
  .info_inner {
    width: 100%;
    padding-right: 40px;
    padding-left: 40px;
  }
}

@media (max-width: 767px) {
  .info_inner {
    width: 100%;
    padding-right: 20px;
    padding-left: 20px;
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

@media (min-width: 768px) {
  .info_wrap {
    display: flex;
    flex-wrap: wrap;
    margin-right: -30px;
    margin-left: -30px;
  }
}

@media (max-width: 1199px) {
  .info_wrap {
    margin-right: -20px;
    margin-left: -20px;
  }
}

.info_unit {
  text-align: left;
}

@media (min-width: 768px) {
  .info_unit {
    width: 33.33333%;
    padding-right: 30px;
    padding-left: 30px;
    margin-bottom: 60px;
  }
}

@media (max-width: 1199px) {
  .info_unit {
    padding-right: 20px;
    padding-left: 20px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .info_unit {
    width: 50%;
  }
}

@media (max-width: 767px) {
  .info_unit {
    margin-bottom: 20px;
  }
}

.info_unit.is-active {
  -webkit-animation: show 0.5s ease 0s forwards;
          animation: show 0.5s ease 0s forwards;
}

@keyframes show {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.info_link {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  background: #fff;
}

@media (min-width: 768px) {
  .info_link {
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
  }
}

@media (max-width: 767px) {
  .info_link {
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
  }
}

.info_link::before {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 9;
  display: block;
  background: #e8e8e8;
}

@media (min-width: 768px) {
  .info_link::before {
    width: 60px;
    height: 60px;
  }
}

@media (max-width: 767px) {
  .info_link::before {
    width: 56px;
    height: 56px;
  }
}

.info_link::after {
  content: "";
  position: absolute;
  z-index: 9;
  display: block;
  transform: scale(0.5);
}

@media (min-width: 768px) {
  .info_link::after {
    bottom: 17px;
    right: 20px;
  }
}

@media (max-width: 767px) {
  .info_link::after {
    bottom: 17px;
    right: 20px;
  }
}

@media (min-width: 768px) {
  .info_link {
    transition: box-shadow 0.5s ease;
  }
  .info_link::before, .info_link::after,
  .info_link > * {
    transition: 0.5s ease;
  }
  .info_link:hover {
    box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.3);
  }
  .info_link:hover::before, .info_link:hover::after,
  .info_link:hover > * {
    opacity: 0.5;
  }
}

.info_image {
  overflow: hidden;
  position: relative;
  width: 100%;
  background: #f4f4f4;
}

@media (min-width: 768px) {
  .info_image {
    text-align: center;
    padding-top: 56.11111%;
  }
}

@media (max-width: 767px) {
  .info_image {
    position: relative;
    padding-top: 56.1194%;
  }
}

.info_image img {
  position: absolute;
  width: auto;
  height: 100%;
}

@media (min-width: 768px) {
  .info_image img {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}

@media (max-width: 767px) {
  .info_image img {
    top: 0;
    left: 50%;
    transform: translateX(-50%);
  }
}

.info_title {
  display: flex;
  align-items: center;
  font-weight: 700;
}

@media (min-width: 768px) {
  .info_title {
    overflow: hidden;
    height: calc(6em + 20px);
    padding: 10px 30px;
    font-size: 1.6rem;
    text-align: justify;
  }
}

@media (max-width: 767px) {
  .info_title {
    padding: 20px;
    font-size: 1.4rem;
  }
}

@media (min-width: 768px) {
  .info_title_inner {
    overflow: hidden;
    position: relative;
    display: inline-block;
    max-height: 6em;
  }
  .info_title_inner::before, .info_title_inner::after {
    position: absolute;
    background: #fff;
  }
  .info_title_inner::before {
    content: '...';
    top: 4.5em;
    right: 0;
    width: 1em;
  }
  .info_title_inner::after {
    content: '';
    width: 100%;
    height: 100%;
  }
}

.info_meta {
  display: flex;
  align-items: center;
  background: #f4f4f4;
}

@media (min-width: 768px) {
  .info_meta {
    height: 60px;
    padding: 0 70px 0 30px;
    font-size: 1.2rem;
  }
}

@media (max-width: 767px) {
  .info_meta {
    height: 56px;
    padding: 0 76px 0 20px;
    font-size: 1.1rem;
  }
}

.info_date {
  white-space: nowrap;
}

.info_date + .info_category {
  margin-left: 18px;
  padding-left: 18px;
  border-left: 1px solid #cdcdcd;
  word-break: normal;
}

.info_btn {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  display: inline-block;
  margin: 0 auto;
  border: 1px solid #ccc;
  background: transparent;
  color: #999;
  text-align: center;
}

@media (min-width: 768px) {
  .info_btn {
    height: 50px;
    padding: 0 75px;
    font-size: 1.4rem;
  }
}

@media (max-width: 767px) {
  .info_btn {
    margin-top: 10px;
    height: 40px;
    padding: 0 38px;
    font-size: 1.1rem;
  }
}

@media (min-width: 768px) {
  .info_btn {
    transition: .5s ease;
  }
  .info_btn:hover {
    opacity: 0.5;
  }
}

/*    announce
* ------------------------------------------------- */
@media (min-width: 768px) {
  .announce {
    width: 1200px;
    margin-right: auto;
    margin-left: auto;
  }
}

@media (max-width: 1199px) {
  .announce {
    width: 100%;
    padding-right: 40px;
    padding-left: 40px;
  }
}

@media (max-width: 767px) {
  .announce {
    width: 100%;
    padding-right: 20px;
    padding-left: 20px;
  }
}

.announce .title1 {
  font-size: 1.8rem;
}

@media (min-width: 768px) {
  .announce .title1 {
    margin-bottom: 20px;
  }
}

@media (max-width: 767px) {
  .announce .title1 {
    margin-bottom: 20px;
  }
}

.announce .title1 a {
  position: relative;
}

@media (min-width: 768px) {
  .announce .title1 a {
    display: block;
    padding-left: 30px;
  }
}

@media (max-width: 767px) {
  .announce .title1 a {
    display: inline-block;
    padding-left: 25px;
  }
}

.announce .title1 a::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  display: block;
  margin: auto;
  left: -2px;
  transform: scale(0.76);
}

@media (min-width: 768px) {
  .announce .datelist1 {
    font-size: 1.4rem;
  }
}

@media (min-width: 768px) {
  .announce .datelist1_li_date {
    margin-right: 20px;
  }
}

/* ================================================== *
 *
 *    Utility
 *
 * ================================================== */
/* ------------------------------------------------- *
 *        align
 * ------------------------------------------------- */
.u-alignL {
  text-align: left !important;
}

@media (min-width: 1200px) {
  .u-alignL-pc {
    text-align: left !important;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .u-alignL-tb {
    text-align: left !important;
  }
}

@media (max-width: 767px) {
  .u-alignL-sp {
    text-align: left !important;
  }
}

.u-alignC {
  text-align: center !important;
}

@media (min-width: 1200px) {
  .u-alignC-pc {
    text-align: center !important;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .u-alignC-tb {
    text-align: center !important;
  }
}

@media (max-width: 767px) {
  .u-alignC-sp {
    text-align: center !important;
  }
}

.u-alignR {
  text-align: right !important;
}

@media (min-width: 1200px) {
  .u-alignR-pc {
    text-align: right !important;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .u-alignR-tb {
    text-align: right !important;
  }
}

@media (max-width: 767px) {
  .u-alignR-sp {
    text-align: right !important;
  }
}

.u-vAlignT {
  vertical-align: top !important;
}

@media (min-width: 1200px) {
  .u-vAlignT-pc {
    vertical-align: top !important;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .u-vAlignT-tb {
    vertical-align: top !important;
  }
}

@media (max-width: 767px) {
  .u-vAlignT-sp {
    vertical-align: top !important;
  }
}

.u-vAlignM {
  vertical-align: middle !important;
}

@media (min-width: 1200px) {
  .u-vAlignM-pc {
    vertical-align: middle !important;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .u-vAlignM-tb {
    vertical-align: middle !important;
  }
}

@media (max-width: 767px) {
  .u-vAlignM-sp {
    vertical-align: middle !important;
  }
}

.u-vAlignB {
  vertical-align: bottom !important;
}

@media (min-width: 1200px) {
  .u-vAlignB-pc {
    vertical-align: bottom !important;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .u-vAlignB-tb {
    vertical-align: bottom !important;
  }
}

@media (max-width: 767px) {
  .u-vAlignB-sp {
    vertical-align: bottom !important;
  }
}

/* ------------------------------------------------- *
 *        float & clear
 * ------------------------------------------------- */
.u-floatL {
  float: left !important;
}

@media (min-width: 1200px) {
  .u-floatL-pc {
    float: left !important;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .u-floatL-tb {
    float: left !important;
  }
}

@media (max-width: 767px) {
  .u-floatL-sp {
    float: left !important;
  }
}

.u-floatR {
  float: right !important;
}

@media (min-width: 1200px) {
  .u-floatR-pc {
    float: right !important;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .u-floatR-tb {
    float: right !important;
  }
}

@media (max-width: 767px) {
  .u-floatR-sp {
    float: right !important;
  }
}

.u-clearL {
  clear: left !important;
}

@media (min-width: 1200px) {
  .u-clearL-pc {
    clear: left !important;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .u-clearL-tb {
    clear: left !important;
  }
}

@media (max-width: 767px) {
  .u-clearL-sp {
    clear: left !important;
  }
}

.u-clearR {
  clear: right !important;
}

@media (min-width: 1200px) {
  .u-clearR-pc {
    clear: right !important;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .u-clearR-tb {
    clear: right !important;
  }
}

@media (max-width: 767px) {
  .u-clearR-sp {
    clear: right !important;
  }
}

.u-clearB {
  clear: both !important;
}

@media (min-width: 1200px) {
  .u-clearB-pc {
    clear: both !important;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .u-clearB-tb {
    clear: both !important;
  }
}

@media (max-width: 767px) {
  .u-clearB-sp {
    clear: both !important;
  }
}

.u-clear:before, .u-clear:after {
  content: " ";
  display: table;
}

.u-clear:after {
  clear: both;
}

@media (min-width: 1200px) {
  .u-clear-pc:before, .u-clear-pc:after {
    content: " ";
    display: table;
  }
  .u-clear-pc:after {
    clear: both;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .u-clear-tb:before, .u-clear-tb:after {
    content: " ";
    display: table;
  }
  .u-clear-tb:after {
    clear: both;
  }
}

@media (max-width: 767px) {
  .u-clear-sp:before, .u-clear-sp:after {
    content: " ";
    display: table;
  }
  .u-clear-sp:after {
    clear: both;
  }
}

/* ------------------------------------------------- *
 *        display
 * ------------------------------------------------- */
.u-show {
  display: block !important;
}

@media (min-width: 1200px) {
  .u-show-pc {
    display: block !important;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .u-show-tb {
    display: block !important;
  }
}

@media (max-width: 767px) {
  .u-show-sp {
    display: block !important;
  }
}

.u-hidden {
  display: none !important;
}

@media (min-width: 1200px) {
  .u-hidden-pc {
    display: none !important;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .u-hidden-tb {
    display: none !important;
  }
}

@media (max-width: 767px) {
  .u-hidden-sp {
    display: none !important;
  }
}

/* ------------------------------------------------- *
 *        overflow
 * ------------------------------------------------- */
.u-ofHidden {
  overflow: hidden !important;
}

@media (min-width: 1200px) {
  .u-ofHidden-pc {
    overflow: hidden !important;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .u-ofHidden-tb {
    overflow: hidden !important;
  }
}

@media (max-width: 767px) {
  .u-ofHidden-sp {
    overflow: hidden !important;
  }
}

/* ------------------------------------------------- *
 *        margin & padding
 * ------------------------------------------------- */
.u-mt0 {
  margin-top: 0px !important;
}

@media (min-width: 1200px) {
  .u-mt0-pc {
    margin-top: 0px !important;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .u-mt0-tb {
    margin-top: 0px !important;
  }
}

@media (max-width: 767px) {
  .u-mt0-sp {
    margin-top: 0px !important;
  }
}

.u-pt0 {
  padding-top: 0px !important;
}

@media (min-width: 1200px) {
  .u-pt0-pc {
    padding-top: 0px !important;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .u-pt0-tb {
    padding-top: 0px !important;
  }
}

@media (max-width: 767px) {
  .u-pt0-sp {
    padding-top: 0px !important;
  }
}

.u-mt5 {
  margin-top: 5px !important;
}

@media (min-width: 1200px) {
  .u-mt5-pc {
    margin-top: 5px !important;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .u-mt5-tb {
    margin-top: 5px !important;
  }
}

@media (max-width: 767px) {
  .u-mt5-sp {
    margin-top: 5px !important;
  }
}

.u-pt5 {
  padding-top: 5px !important;
}

@media (min-width: 1200px) {
  .u-pt5-pc {
    padding-top: 5px !important;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .u-pt5-tb {
    padding-top: 5px !important;
  }
}

@media (max-width: 767px) {
  .u-pt5-sp {
    padding-top: 5px !important;
  }
}

.u-mt10 {
  margin-top: 10px !important;
}

@media (min-width: 1200px) {
  .u-mt10-pc {
    margin-top: 10px !important;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .u-mt10-tb {
    margin-top: 10px !important;
  }
}

@media (max-width: 767px) {
  .u-mt10-sp {
    margin-top: 10px !important;
  }
}

.u-pt10 {
  padding-top: 10px !important;
}

@media (min-width: 1200px) {
  .u-pt10-pc {
    padding-top: 10px !important;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .u-pt10-tb {
    padding-top: 10px !important;
  }
}

@media (max-width: 767px) {
  .u-pt10-sp {
    padding-top: 10px !important;
  }
}

.u-mt15 {
  margin-top: 15px !important;
}

@media (min-width: 1200px) {
  .u-mt15-pc {
    margin-top: 15px !important;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .u-mt15-tb {
    margin-top: 15px !important;
  }
}

@media (max-width: 767px) {
  .u-mt15-sp {
    margin-top: 15px !important;
  }
}

.u-pt15 {
  padding-top: 15px !important;
}

@media (min-width: 1200px) {
  .u-pt15-pc {
    padding-top: 15px !important;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .u-pt15-tb {
    padding-top: 15px !important;
  }
}

@media (max-width: 767px) {
  .u-pt15-sp {
    padding-top: 15px !important;
  }
}

.u-mt20 {
  margin-top: 20px !important;
}

@media (min-width: 1200px) {
  .u-mt20-pc {
    margin-top: 20px !important;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .u-mt20-tb {
    margin-top: 20px !important;
  }
}

@media (max-width: 767px) {
  .u-mt20-sp {
    margin-top: 20px !important;
  }
}

.u-pt20 {
  padding-top: 20px !important;
}

@media (min-width: 1200px) {
  .u-pt20-pc {
    padding-top: 20px !important;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .u-pt20-tb {
    padding-top: 20px !important;
  }
}

@media (max-width: 767px) {
  .u-pt20-sp {
    padding-top: 20px !important;
  }
}

.u-mt25 {
  margin-top: 25px !important;
}

@media (min-width: 1200px) {
  .u-mt25-pc {
    margin-top: 25px !important;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .u-mt25-tb {
    margin-top: 25px !important;
  }
}

@media (max-width: 767px) {
  .u-mt25-sp {
    margin-top: 25px !important;
  }
}

.u-pt25 {
  padding-top: 25px !important;
}

@media (min-width: 1200px) {
  .u-pt25-pc {
    padding-top: 25px !important;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .u-pt25-tb {
    padding-top: 25px !important;
  }
}

@media (max-width: 767px) {
  .u-pt25-sp {
    padding-top: 25px !important;
  }
}

.u-mt30 {
  margin-top: 30px !important;
}

@media (min-width: 1200px) {
  .u-mt30-pc {
    margin-top: 30px !important;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .u-mt30-tb {
    margin-top: 30px !important;
  }
}

@media (max-width: 767px) {
  .u-mt30-sp {
    margin-top: 30px !important;
  }
}

.u-pt30 {
  padding-top: 30px !important;
}

@media (min-width: 1200px) {
  .u-pt30-pc {
    padding-top: 30px !important;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .u-pt30-tb {
    padding-top: 30px !important;
  }
}

@media (max-width: 767px) {
  .u-pt30-sp {
    padding-top: 30px !important;
  }
}

.u-mt35 {
  margin-top: 35px !important;
}

@media (min-width: 1200px) {
  .u-mt35-pc {
    margin-top: 35px !important;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .u-mt35-tb {
    margin-top: 35px !important;
  }
}

@media (max-width: 767px) {
  .u-mt35-sp {
    margin-top: 35px !important;
  }
}

.u-pt35 {
  padding-top: 35px !important;
}

@media (min-width: 1200px) {
  .u-pt35-pc {
    padding-top: 35px !important;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .u-pt35-tb {
    padding-top: 35px !important;
  }
}

@media (max-width: 767px) {
  .u-pt35-sp {
    padding-top: 35px !important;
  }
}

.u-mt40 {
  margin-top: 40px !important;
}

@media (min-width: 1200px) {
  .u-mt40-pc {
    margin-top: 40px !important;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .u-mt40-tb {
    margin-top: 40px !important;
  }
}

@media (max-width: 767px) {
  .u-mt40-sp {
    margin-top: 40px !important;
  }
}

.u-pt40 {
  padding-top: 40px !important;
}

@media (min-width: 1200px) {
  .u-pt40-pc {
    padding-top: 40px !important;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .u-pt40-tb {
    padding-top: 40px !important;
  }
}

@media (max-width: 767px) {
  .u-pt40-sp {
    padding-top: 40px !important;
  }
}

.u-mt45 {
  margin-top: 45px !important;
}

@media (min-width: 1200px) {
  .u-mt45-pc {
    margin-top: 45px !important;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .u-mt45-tb {
    margin-top: 45px !important;
  }
}

@media (max-width: 767px) {
  .u-mt45-sp {
    margin-top: 45px !important;
  }
}

.u-pt45 {
  padding-top: 45px !important;
}

@media (min-width: 1200px) {
  .u-pt45-pc {
    padding-top: 45px !important;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .u-pt45-tb {
    padding-top: 45px !important;
  }
}

@media (max-width: 767px) {
  .u-pt45-sp {
    padding-top: 45px !important;
  }
}

.u-mt50 {
  margin-top: 50px !important;
}

@media (min-width: 1200px) {
  .u-mt50-pc {
    margin-top: 50px !important;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .u-mt50-tb {
    margin-top: 50px !important;
  }
}

@media (max-width: 767px) {
  .u-mt50-sp {
    margin-top: 50px !important;
  }
}

.u-pt50 {
  padding-top: 50px !important;
}

@media (min-width: 1200px) {
  .u-pt50-pc {
    padding-top: 50px !important;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .u-pt50-tb {
    padding-top: 50px !important;
  }
}

@media (max-width: 767px) {
  .u-pt50-sp {
    padding-top: 50px !important;
  }
}

.u-mt55 {
  margin-top: 55px !important;
}

@media (min-width: 1200px) {
  .u-mt55-pc {
    margin-top: 55px !important;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .u-mt55-tb {
    margin-top: 55px !important;
  }
}

@media (max-width: 767px) {
  .u-mt55-sp {
    margin-top: 55px !important;
  }
}

.u-pt55 {
  padding-top: 55px !important;
}

@media (min-width: 1200px) {
  .u-pt55-pc {
    padding-top: 55px !important;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .u-pt55-tb {
    padding-top: 55px !important;
  }
}

@media (max-width: 767px) {
  .u-pt55-sp {
    padding-top: 55px !important;
  }
}

.u-mt60 {
  margin-top: 60px !important;
}

@media (min-width: 1200px) {
  .u-mt60-pc {
    margin-top: 60px !important;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .u-mt60-tb {
    margin-top: 60px !important;
  }
}

@media (max-width: 767px) {
  .u-mt60-sp {
    margin-top: 60px !important;
  }
}

.u-pt60 {
  padding-top: 60px !important;
}

@media (min-width: 1200px) {
  .u-pt60-pc {
    padding-top: 60px !important;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .u-pt60-tb {
    padding-top: 60px !important;
  }
}

@media (max-width: 767px) {
  .u-pt60-sp {
    padding-top: 60px !important;
  }
}

.u-mr0 {
  margin-right: 0px !important;
}

@media (min-width: 1200px) {
  .u-mr0-pc {
    margin-right: 0px !important;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .u-mr0-tb {
    margin-right: 0px !important;
  }
}

@media (max-width: 767px) {
  .u-mr0-sp {
    margin-right: 0px !important;
  }
}

.u-pr0 {
  padding-right: 0px !important;
}

@media (min-width: 1200px) {
  .u-pr0-pc {
    padding-right: 0px !important;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .u-pr0-tb {
    padding-right: 0px !important;
  }
}

@media (max-width: 767px) {
  .u-pr0-sp {
    padding-right: 0px !important;
  }
}

.u-mr5 {
  margin-right: 5px !important;
}

@media (min-width: 1200px) {
  .u-mr5-pc {
    margin-right: 5px !important;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .u-mr5-tb {
    margin-right: 5px !important;
  }
}

@media (max-width: 767px) {
  .u-mr5-sp {
    margin-right: 5px !important;
  }
}

.u-pr5 {
  padding-right: 5px !important;
}

@media (min-width: 1200px) {
  .u-pr5-pc {
    padding-right: 5px !important;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .u-pr5-tb {
    padding-right: 5px !important;
  }
}

@media (max-width: 767px) {
  .u-pr5-sp {
    padding-right: 5px !important;
  }
}

.u-mr10 {
  margin-right: 10px !important;
}

@media (min-width: 1200px) {
  .u-mr10-pc {
    margin-right: 10px !important;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .u-mr10-tb {
    margin-right: 10px !important;
  }
}

@media (max-width: 767px) {
  .u-mr10-sp {
    margin-right: 10px !important;
  }
}

.u-pr10 {
  padding-right: 10px !important;
}

@media (min-width: 1200px) {
  .u-pr10-pc {
    padding-right: 10px !important;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .u-pr10-tb {
    padding-right: 10px !important;
  }
}

@media (max-width: 767px) {
  .u-pr10-sp {
    padding-right: 10px !important;
  }
}

.u-mr15 {
  margin-right: 15px !important;
}

@media (min-width: 1200px) {
  .u-mr15-pc {
    margin-right: 15px !important;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .u-mr15-tb {
    margin-right: 15px !important;
  }
}

@media (max-width: 767px) {
  .u-mr15-sp {
    margin-right: 15px !important;
  }
}

.u-pr15 {
  padding-right: 15px !important;
}

@media (min-width: 1200px) {
  .u-pr15-pc {
    padding-right: 15px !important;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .u-pr15-tb {
    padding-right: 15px !important;
  }
}

@media (max-width: 767px) {
  .u-pr15-sp {
    padding-right: 15px !important;
  }
}

.u-mr20 {
  margin-right: 20px !important;
}

@media (min-width: 1200px) {
  .u-mr20-pc {
    margin-right: 20px !important;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .u-mr20-tb {
    margin-right: 20px !important;
  }
}

@media (max-width: 767px) {
  .u-mr20-sp {
    margin-right: 20px !important;
  }
}

.u-pr20 {
  padding-right: 20px !important;
}

@media (min-width: 1200px) {
  .u-pr20-pc {
    padding-right: 20px !important;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .u-pr20-tb {
    padding-right: 20px !important;
  }
}

@media (max-width: 767px) {
  .u-pr20-sp {
    padding-right: 20px !important;
  }
}

.u-mr25 {
  margin-right: 25px !important;
}

@media (min-width: 1200px) {
  .u-mr25-pc {
    margin-right: 25px !important;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .u-mr25-tb {
    margin-right: 25px !important;
  }
}

@media (max-width: 767px) {
  .u-mr25-sp {
    margin-right: 25px !important;
  }
}

.u-pr25 {
  padding-right: 25px !important;
}

@media (min-width: 1200px) {
  .u-pr25-pc {
    padding-right: 25px !important;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .u-pr25-tb {
    padding-right: 25px !important;
  }
}

@media (max-width: 767px) {
  .u-pr25-sp {
    padding-right: 25px !important;
  }
}

.u-mr30 {
  margin-right: 30px !important;
}

@media (min-width: 1200px) {
  .u-mr30-pc {
    margin-right: 30px !important;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .u-mr30-tb {
    margin-right: 30px !important;
  }
}

@media (max-width: 767px) {
  .u-mr30-sp {
    margin-right: 30px !important;
  }
}

.u-pr30 {
  padding-right: 30px !important;
}

@media (min-width: 1200px) {
  .u-pr30-pc {
    padding-right: 30px !important;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .u-pr30-tb {
    padding-right: 30px !important;
  }
}

@media (max-width: 767px) {
  .u-pr30-sp {
    padding-right: 30px !important;
  }
}

.u-mr35 {
  margin-right: 35px !important;
}

@media (min-width: 1200px) {
  .u-mr35-pc {
    margin-right: 35px !important;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .u-mr35-tb {
    margin-right: 35px !important;
  }
}

@media (max-width: 767px) {
  .u-mr35-sp {
    margin-right: 35px !important;
  }
}

.u-pr35 {
  padding-right: 35px !important;
}

@media (min-width: 1200px) {
  .u-pr35-pc {
    padding-right: 35px !important;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .u-pr35-tb {
    padding-right: 35px !important;
  }
}

@media (max-width: 767px) {
  .u-pr35-sp {
    padding-right: 35px !important;
  }
}

.u-mr40 {
  margin-right: 40px !important;
}

@media (min-width: 1200px) {
  .u-mr40-pc {
    margin-right: 40px !important;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .u-mr40-tb {
    margin-right: 40px !important;
  }
}

@media (max-width: 767px) {
  .u-mr40-sp {
    margin-right: 40px !important;
  }
}

.u-pr40 {
  padding-right: 40px !important;
}

@media (min-width: 1200px) {
  .u-pr40-pc {
    padding-right: 40px !important;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .u-pr40-tb {
    padding-right: 40px !important;
  }
}

@media (max-width: 767px) {
  .u-pr40-sp {
    padding-right: 40px !important;
  }
}

.u-mr45 {
  margin-right: 45px !important;
}

@media (min-width: 1200px) {
  .u-mr45-pc {
    margin-right: 45px !important;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .u-mr45-tb {
    margin-right: 45px !important;
  }
}

@media (max-width: 767px) {
  .u-mr45-sp {
    margin-right: 45px !important;
  }
}

.u-pr45 {
  padding-right: 45px !important;
}

@media (min-width: 1200px) {
  .u-pr45-pc {
    padding-right: 45px !important;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .u-pr45-tb {
    padding-right: 45px !important;
  }
}

@media (max-width: 767px) {
  .u-pr45-sp {
    padding-right: 45px !important;
  }
}

.u-mr50 {
  margin-right: 50px !important;
}

@media (min-width: 1200px) {
  .u-mr50-pc {
    margin-right: 50px !important;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .u-mr50-tb {
    margin-right: 50px !important;
  }
}

@media (max-width: 767px) {
  .u-mr50-sp {
    margin-right: 50px !important;
  }
}

.u-pr50 {
  padding-right: 50px !important;
}

@media (min-width: 1200px) {
  .u-pr50-pc {
    padding-right: 50px !important;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .u-pr50-tb {
    padding-right: 50px !important;
  }
}

@media (max-width: 767px) {
  .u-pr50-sp {
    padding-right: 50px !important;
  }
}

.u-mr55 {
  margin-right: 55px !important;
}

@media (min-width: 1200px) {
  .u-mr55-pc {
    margin-right: 55px !important;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .u-mr55-tb {
    margin-right: 55px !important;
  }
}

@media (max-width: 767px) {
  .u-mr55-sp {
    margin-right: 55px !important;
  }
}

.u-pr55 {
  padding-right: 55px !important;
}

@media (min-width: 1200px) {
  .u-pr55-pc {
    padding-right: 55px !important;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .u-pr55-tb {
    padding-right: 55px !important;
  }
}

@media (max-width: 767px) {
  .u-pr55-sp {
    padding-right: 55px !important;
  }
}

.u-mr60 {
  margin-right: 60px !important;
}

@media (min-width: 1200px) {
  .u-mr60-pc {
    margin-right: 60px !important;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .u-mr60-tb {
    margin-right: 60px !important;
  }
}

@media (max-width: 767px) {
  .u-mr60-sp {
    margin-right: 60px !important;
  }
}

.u-pr60 {
  padding-right: 60px !important;
}

@media (min-width: 1200px) {
  .u-pr60-pc {
    padding-right: 60px !important;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .u-pr60-tb {
    padding-right: 60px !important;
  }
}

@media (max-width: 767px) {
  .u-pr60-sp {
    padding-right: 60px !important;
  }
}

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

@media (min-width: 1200px) {
  .u-mb0-pc {
    margin-bottom: 0px !important;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .u-mb0-tb {
    margin-bottom: 0px !important;
  }
}

@media (max-width: 767px) {
  .u-mb0-sp {
    margin-bottom: 0px !important;
  }
}

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

@media (min-width: 1200px) {
  .u-pb0-pc {
    padding-bottom: 0px !important;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .u-pb0-tb {
    padding-bottom: 0px !important;
  }
}

@media (max-width: 767px) {
  .u-pb0-sp {
    padding-bottom: 0px !important;
  }
}

.u-mb5 {
  margin-bottom: 5px !important;
}

@media (min-width: 1200px) {
  .u-mb5-pc {
    margin-bottom: 5px !important;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .u-mb5-tb {
    margin-bottom: 5px !important;
  }
}

@media (max-width: 767px) {
  .u-mb5-sp {
    margin-bottom: 5px !important;
  }
}

.u-pb5 {
  padding-bottom: 5px !important;
}

@media (min-width: 1200px) {
  .u-pb5-pc {
    padding-bottom: 5px !important;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .u-pb5-tb {
    padding-bottom: 5px !important;
  }
}

@media (max-width: 767px) {
  .u-pb5-sp {
    padding-bottom: 5px !important;
  }
}

.u-mb10 {
  margin-bottom: 10px !important;
}

@media (min-width: 1200px) {
  .u-mb10-pc {
    margin-bottom: 10px !important;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .u-mb10-tb {
    margin-bottom: 10px !important;
  }
}

@media (max-width: 767px) {
  .u-mb10-sp {
    margin-bottom: 10px !important;
  }
}

.u-pb10 {
  padding-bottom: 10px !important;
}

@media (min-width: 1200px) {
  .u-pb10-pc {
    padding-bottom: 10px !important;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .u-pb10-tb {
    padding-bottom: 10px !important;
  }
}

@media (max-width: 767px) {
  .u-pb10-sp {
    padding-bottom: 10px !important;
  }
}

.u-mb15 {
  margin-bottom: 15px !important;
}

@media (min-width: 1200px) {
  .u-mb15-pc {
    margin-bottom: 15px !important;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .u-mb15-tb {
    margin-bottom: 15px !important;
  }
}

@media (max-width: 767px) {
  .u-mb15-sp {
    margin-bottom: 15px !important;
  }
}

.u-pb15 {
  padding-bottom: 15px !important;
}

@media (min-width: 1200px) {
  .u-pb15-pc {
    padding-bottom: 15px !important;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .u-pb15-tb {
    padding-bottom: 15px !important;
  }
}

@media (max-width: 767px) {
  .u-pb15-sp {
    padding-bottom: 15px !important;
  }
}

.u-mb20 {
  margin-bottom: 20px !important;
}

@media (min-width: 1200px) {
  .u-mb20-pc {
    margin-bottom: 20px !important;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .u-mb20-tb {
    margin-bottom: 20px !important;
  }
}

@media (max-width: 767px) {
  .u-mb20-sp {
    margin-bottom: 20px !important;
  }
}

.u-pb20 {
  padding-bottom: 20px !important;
}

@media (min-width: 1200px) {
  .u-pb20-pc {
    padding-bottom: 20px !important;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .u-pb20-tb {
    padding-bottom: 20px !important;
  }
}

@media (max-width: 767px) {
  .u-pb20-sp {
    padding-bottom: 20px !important;
  }
}

.u-mb25 {
  margin-bottom: 25px !important;
}

@media (min-width: 1200px) {
  .u-mb25-pc {
    margin-bottom: 25px !important;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .u-mb25-tb {
    margin-bottom: 25px !important;
  }
}

@media (max-width: 767px) {
  .u-mb25-sp {
    margin-bottom: 25px !important;
  }
}

.u-pb25 {
  padding-bottom: 25px !important;
}

@media (min-width: 1200px) {
  .u-pb25-pc {
    padding-bottom: 25px !important;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .u-pb25-tb {
    padding-bottom: 25px !important;
  }
}

@media (max-width: 767px) {
  .u-pb25-sp {
    padding-bottom: 25px !important;
  }
}

.u-mb30 {
  margin-bottom: 30px !important;
}

@media (min-width: 1200px) {
  .u-mb30-pc {
    margin-bottom: 30px !important;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .u-mb30-tb {
    margin-bottom: 30px !important;
  }
}

@media (max-width: 767px) {
  .u-mb30-sp {
    margin-bottom: 30px !important;
  }
}

.u-pb30 {
  padding-bottom: 30px !important;
}

@media (min-width: 1200px) {
  .u-pb30-pc {
    padding-bottom: 30px !important;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .u-pb30-tb {
    padding-bottom: 30px !important;
  }
}

@media (max-width: 767px) {
  .u-pb30-sp {
    padding-bottom: 30px !important;
  }
}

.u-mb35 {
  margin-bottom: 35px !important;
}

@media (min-width: 1200px) {
  .u-mb35-pc {
    margin-bottom: 35px !important;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .u-mb35-tb {
    margin-bottom: 35px !important;
  }
}

@media (max-width: 767px) {
  .u-mb35-sp {
    margin-bottom: 35px !important;
  }
}

.u-pb35 {
  padding-bottom: 35px !important;
}

@media (min-width: 1200px) {
  .u-pb35-pc {
    padding-bottom: 35px !important;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .u-pb35-tb {
    padding-bottom: 35px !important;
  }
}

@media (max-width: 767px) {
  .u-pb35-sp {
    padding-bottom: 35px !important;
  }
}

.u-mb40 {
  margin-bottom: 40px !important;
}

@media (min-width: 1200px) {
  .u-mb40-pc {
    margin-bottom: 40px !important;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .u-mb40-tb {
    margin-bottom: 40px !important;
  }
}

@media (max-width: 767px) {
  .u-mb40-sp {
    margin-bottom: 40px !important;
  }
}

.u-pb40 {
  padding-bottom: 40px !important;
}

@media (min-width: 1200px) {
  .u-pb40-pc {
    padding-bottom: 40px !important;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .u-pb40-tb {
    padding-bottom: 40px !important;
  }
}

@media (max-width: 767px) {
  .u-pb40-sp {
    padding-bottom: 40px !important;
  }
}

.u-mb45 {
  margin-bottom: 45px !important;
}

@media (min-width: 1200px) {
  .u-mb45-pc {
    margin-bottom: 45px !important;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .u-mb45-tb {
    margin-bottom: 45px !important;
  }
}

@media (max-width: 767px) {
  .u-mb45-sp {
    margin-bottom: 45px !important;
  }
}

.u-pb45 {
  padding-bottom: 45px !important;
}

@media (min-width: 1200px) {
  .u-pb45-pc {
    padding-bottom: 45px !important;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .u-pb45-tb {
    padding-bottom: 45px !important;
  }
}

@media (max-width: 767px) {
  .u-pb45-sp {
    padding-bottom: 45px !important;
  }
}

.u-mb50 {
  margin-bottom: 50px !important;
}

@media (min-width: 1200px) {
  .u-mb50-pc {
    margin-bottom: 50px !important;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .u-mb50-tb {
    margin-bottom: 50px !important;
  }
}

@media (max-width: 767px) {
  .u-mb50-sp {
    margin-bottom: 50px !important;
  }
}

.u-pb50 {
  padding-bottom: 50px !important;
}

@media (min-width: 1200px) {
  .u-pb50-pc {
    padding-bottom: 50px !important;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .u-pb50-tb {
    padding-bottom: 50px !important;
  }
}

@media (max-width: 767px) {
  .u-pb50-sp {
    padding-bottom: 50px !important;
  }
}

.u-mb55 {
  margin-bottom: 55px !important;
}

@media (min-width: 1200px) {
  .u-mb55-pc {
    margin-bottom: 55px !important;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .u-mb55-tb {
    margin-bottom: 55px !important;
  }
}

@media (max-width: 767px) {
  .u-mb55-sp {
    margin-bottom: 55px !important;
  }
}

.u-pb55 {
  padding-bottom: 55px !important;
}

@media (min-width: 1200px) {
  .u-pb55-pc {
    padding-bottom: 55px !important;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .u-pb55-tb {
    padding-bottom: 55px !important;
  }
}

@media (max-width: 767px) {
  .u-pb55-sp {
    padding-bottom: 55px !important;
  }
}

.u-mb60 {
  margin-bottom: 60px !important;
}

@media (min-width: 1200px) {
  .u-mb60-pc {
    margin-bottom: 60px !important;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .u-mb60-tb {
    margin-bottom: 60px !important;
  }
}

@media (max-width: 767px) {
  .u-mb60-sp {
    margin-bottom: 60px !important;
  }
}

.u-pb60 {
  padding-bottom: 60px !important;
}

@media (min-width: 1200px) {
  .u-pb60-pc {
    padding-bottom: 60px !important;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .u-pb60-tb {
    padding-bottom: 60px !important;
  }
}

@media (max-width: 767px) {
  .u-pb60-sp {
    padding-bottom: 60px !important;
  }
}

.u-ml0 {
  margin-left: 0px !important;
}

@media (min-width: 1200px) {
  .u-ml0-pc {
    margin-left: 0px !important;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .u-ml0-tb {
    margin-left: 0px !important;
  }
}

@media (max-width: 767px) {
  .u-ml0-sp {
    margin-left: 0px !important;
  }
}

.u-pl0 {
  padding-left: 0px !important;
}

@media (min-width: 1200px) {
  .u-pl0-pc {
    padding-left: 0px !important;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .u-pl0-tb {
    padding-left: 0px !important;
  }
}

@media (max-width: 767px) {
  .u-pl0-sp {
    padding-left: 0px !important;
  }
}

.u-ml5 {
  margin-left: 5px !important;
}

@media (min-width: 1200px) {
  .u-ml5-pc {
    margin-left: 5px !important;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .u-ml5-tb {
    margin-left: 5px !important;
  }
}

@media (max-width: 767px) {
  .u-ml5-sp {
    margin-left: 5px !important;
  }
}

.u-pl5 {
  padding-left: 5px !important;
}

@media (min-width: 1200px) {
  .u-pl5-pc {
    padding-left: 5px !important;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .u-pl5-tb {
    padding-left: 5px !important;
  }
}

@media (max-width: 767px) {
  .u-pl5-sp {
    padding-left: 5px !important;
  }
}

.u-ml10 {
  margin-left: 10px !important;
}

@media (min-width: 1200px) {
  .u-ml10-pc {
    margin-left: 10px !important;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .u-ml10-tb {
    margin-left: 10px !important;
  }
}

@media (max-width: 767px) {
  .u-ml10-sp {
    margin-left: 10px !important;
  }
}

.u-pl10 {
  padding-left: 10px !important;
}

@media (min-width: 1200px) {
  .u-pl10-pc {
    padding-left: 10px !important;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .u-pl10-tb {
    padding-left: 10px !important;
  }
}

@media (max-width: 767px) {
  .u-pl10-sp {
    padding-left: 10px !important;
  }
}

.u-ml15 {
  margin-left: 15px !important;
}

@media (min-width: 1200px) {
  .u-ml15-pc {
    margin-left: 15px !important;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .u-ml15-tb {
    margin-left: 15px !important;
  }
}

@media (max-width: 767px) {
  .u-ml15-sp {
    margin-left: 15px !important;
  }
}

.u-pl15 {
  padding-left: 15px !important;
}

@media (min-width: 1200px) {
  .u-pl15-pc {
    padding-left: 15px !important;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .u-pl15-tb {
    padding-left: 15px !important;
  }
}

@media (max-width: 767px) {
  .u-pl15-sp {
    padding-left: 15px !important;
  }
}

.u-ml20 {
  margin-left: 20px !important;
}

@media (min-width: 1200px) {
  .u-ml20-pc {
    margin-left: 20px !important;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .u-ml20-tb {
    margin-left: 20px !important;
  }
}

@media (max-width: 767px) {
  .u-ml20-sp {
    margin-left: 20px !important;
  }
}

.u-pl20 {
  padding-left: 20px !important;
}

@media (min-width: 1200px) {
  .u-pl20-pc {
    padding-left: 20px !important;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .u-pl20-tb {
    padding-left: 20px !important;
  }
}

@media (max-width: 767px) {
  .u-pl20-sp {
    padding-left: 20px !important;
  }
}

.u-ml25 {
  margin-left: 25px !important;
}

@media (min-width: 1200px) {
  .u-ml25-pc {
    margin-left: 25px !important;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .u-ml25-tb {
    margin-left: 25px !important;
  }
}

@media (max-width: 767px) {
  .u-ml25-sp {
    margin-left: 25px !important;
  }
}

.u-pl25 {
  padding-left: 25px !important;
}

@media (min-width: 1200px) {
  .u-pl25-pc {
    padding-left: 25px !important;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .u-pl25-tb {
    padding-left: 25px !important;
  }
}

@media (max-width: 767px) {
  .u-pl25-sp {
    padding-left: 25px !important;
  }
}

.u-ml30 {
  margin-left: 30px !important;
}

@media (min-width: 1200px) {
  .u-ml30-pc {
    margin-left: 30px !important;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .u-ml30-tb {
    margin-left: 30px !important;
  }
}

@media (max-width: 767px) {
  .u-ml30-sp {
    margin-left: 30px !important;
  }
}

.u-pl30 {
  padding-left: 30px !important;
}

@media (min-width: 1200px) {
  .u-pl30-pc {
    padding-left: 30px !important;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .u-pl30-tb {
    padding-left: 30px !important;
  }
}

@media (max-width: 767px) {
  .u-pl30-sp {
    padding-left: 30px !important;
  }
}

.u-ml35 {
  margin-left: 35px !important;
}

@media (min-width: 1200px) {
  .u-ml35-pc {
    margin-left: 35px !important;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .u-ml35-tb {
    margin-left: 35px !important;
  }
}

@media (max-width: 767px) {
  .u-ml35-sp {
    margin-left: 35px !important;
  }
}

.u-pl35 {
  padding-left: 35px !important;
}

@media (min-width: 1200px) {
  .u-pl35-pc {
    padding-left: 35px !important;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .u-pl35-tb {
    padding-left: 35px !important;
  }
}

@media (max-width: 767px) {
  .u-pl35-sp {
    padding-left: 35px !important;
  }
}

.u-ml40 {
  margin-left: 40px !important;
}

@media (min-width: 1200px) {
  .u-ml40-pc {
    margin-left: 40px !important;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .u-ml40-tb {
    margin-left: 40px !important;
  }
}

@media (max-width: 767px) {
  .u-ml40-sp {
    margin-left: 40px !important;
  }
}

.u-pl40 {
  padding-left: 40px !important;
}

@media (min-width: 1200px) {
  .u-pl40-pc {
    padding-left: 40px !important;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .u-pl40-tb {
    padding-left: 40px !important;
  }
}

@media (max-width: 767px) {
  .u-pl40-sp {
    padding-left: 40px !important;
  }
}

.u-ml45 {
  margin-left: 45px !important;
}

@media (min-width: 1200px) {
  .u-ml45-pc {
    margin-left: 45px !important;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .u-ml45-tb {
    margin-left: 45px !important;
  }
}

@media (max-width: 767px) {
  .u-ml45-sp {
    margin-left: 45px !important;
  }
}

.u-pl45 {
  padding-left: 45px !important;
}

@media (min-width: 1200px) {
  .u-pl45-pc {
    padding-left: 45px !important;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .u-pl45-tb {
    padding-left: 45px !important;
  }
}

@media (max-width: 767px) {
  .u-pl45-sp {
    padding-left: 45px !important;
  }
}

.u-ml50 {
  margin-left: 50px !important;
}

@media (min-width: 1200px) {
  .u-ml50-pc {
    margin-left: 50px !important;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .u-ml50-tb {
    margin-left: 50px !important;
  }
}

@media (max-width: 767px) {
  .u-ml50-sp {
    margin-left: 50px !important;
  }
}

.u-pl50 {
  padding-left: 50px !important;
}

@media (min-width: 1200px) {
  .u-pl50-pc {
    padding-left: 50px !important;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .u-pl50-tb {
    padding-left: 50px !important;
  }
}

@media (max-width: 767px) {
  .u-pl50-sp {
    padding-left: 50px !important;
  }
}

.u-ml55 {
  margin-left: 55px !important;
}

@media (min-width: 1200px) {
  .u-ml55-pc {
    margin-left: 55px !important;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .u-ml55-tb {
    margin-left: 55px !important;
  }
}

@media (max-width: 767px) {
  .u-ml55-sp {
    margin-left: 55px !important;
  }
}

.u-pl55 {
  padding-left: 55px !important;
}

@media (min-width: 1200px) {
  .u-pl55-pc {
    padding-left: 55px !important;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .u-pl55-tb {
    padding-left: 55px !important;
  }
}

@media (max-width: 767px) {
  .u-pl55-sp {
    padding-left: 55px !important;
  }
}

.u-ml60 {
  margin-left: 60px !important;
}

@media (min-width: 1200px) {
  .u-ml60-pc {
    margin-left: 60px !important;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .u-ml60-tb {
    margin-left: 60px !important;
  }
}

@media (max-width: 767px) {
  .u-ml60-sp {
    margin-left: 60px !important;
  }
}

.u-pl60 {
  padding-left: 60px !important;
}

@media (min-width: 1200px) {
  .u-pl60-pc {
    padding-left: 60px !important;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .u-pl60-tb {
    padding-left: 60px !important;
  }
}

@media (max-width: 767px) {
  .u-pl60-sp {
    padding-left: 60px !important;
  }
}

/* ------------------------------------------------- *
 *        position
 * ------------------------------------------------- */
.u-positionS {
  position: static !important;
}

@media (min-width: 1200px) {
  .u-positionS-pc {
    position: static !important;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .u-positionS-tb {
    position: static !important;
  }
}

@media (max-width: 767px) {
  .u-positionS-sp {
    position: static !important;
  }
}

.u-positionR {
  position: relative !important;
}

@media (min-width: 1200px) {
  .u-positionR-pc {
    position: relative !important;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .u-positionR-tb {
    position: relative !important;
  }
}

@media (max-width: 767px) {
  .u-positionR-sp {
    position: relative !important;
  }
}

.u-positionA {
  position: absolute !important;
}

@media (min-width: 1200px) {
  .u-positionA-pc {
    position: absolute !important;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .u-positionA-tb {
    position: absolute !important;
  }
}

@media (max-width: 767px) {
  .u-positionA-sp {
    position: absolute !important;
  }
}

/* ------------------------------------------------- *
 *        font-size
 * ------------------------------------------------- */
.u-fs10 {
  font-size: 1rem !important;
}

@media (min-width: 1200px) {
  .u-fs10-pc {
    font-size: 1rem !important;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .u-fs10-tb {
    font-size: 1rem !important;
  }
}

@media (max-width: 767px) {
  .u-fs10-sp {
    font-size: 1rem !important;
  }
}

.u-fs12 {
  font-size: 1.2rem !important;
}

@media (min-width: 1200px) {
  .u-fs12-pc {
    font-size: 1.2rem !important;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .u-fs12-tb {
    font-size: 1.2rem !important;
  }
}

@media (max-width: 767px) {
  .u-fs12-sp {
    font-size: 1.2rem !important;
  }
}

.u-fs14 {
  font-size: 1.4rem !important;
}

@media (min-width: 1200px) {
  .u-fs14-pc {
    font-size: 1.4rem !important;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .u-fs14-tb {
    font-size: 1.4rem !important;
  }
}

@media (max-width: 767px) {
  .u-fs14-sp {
    font-size: 1.4rem !important;
  }
}

.u-fs16 {
  font-size: 1.6rem !important;
}

@media (min-width: 1200px) {
  .u-fs16-pc {
    font-size: 1.6rem !important;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .u-fs16-tb {
    font-size: 1.6rem !important;
  }
}

@media (max-width: 767px) {
  .u-fs16-sp {
    font-size: 1.6rem !important;
  }
}

.u-fs18 {
  font-size: 1.8rem !important;
}

@media (min-width: 1200px) {
  .u-fs18-pc {
    font-size: 1.8rem !important;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .u-fs18-tb {
    font-size: 1.8rem !important;
  }
}

@media (max-width: 767px) {
  .u-fs18-sp {
    font-size: 1.8rem !important;
  }
}

.u-fs20 {
  font-size: 2rem !important;
}

@media (min-width: 1200px) {
  .u-fs20-pc {
    font-size: 2rem !important;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .u-fs20-tb {
    font-size: 2rem !important;
  }
}

@media (max-width: 767px) {
  .u-fs20-sp {
    font-size: 2rem !important;
  }
}

.u-fs22 {
  font-size: 2.2rem !important;
}

@media (min-width: 1200px) {
  .u-fs22-pc {
    font-size: 2.2rem !important;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .u-fs22-tb {
    font-size: 2.2rem !important;
  }
}

@media (max-width: 767px) {
  .u-fs22-sp {
    font-size: 2.2rem !important;
  }
}

.u-fs24 {
  font-size: 2.4rem !important;
}

@media (min-width: 1200px) {
  .u-fs24-pc {
    font-size: 2.4rem !important;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .u-fs24-tb {
    font-size: 2.4rem !important;
  }
}

@media (max-width: 767px) {
  .u-fs24-sp {
    font-size: 2.4rem !important;
  }
}

.u-fs26 {
  font-size: 2.6rem !important;
}

@media (min-width: 1200px) {
  .u-fs26-pc {
    font-size: 2.6rem !important;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .u-fs26-tb {
    font-size: 2.6rem !important;
  }
}

@media (max-width: 767px) {
  .u-fs26-sp {
    font-size: 2.6rem !important;
  }
}

.u-fs28 {
  font-size: 2.8rem !important;
}

@media (min-width: 1200px) {
  .u-fs28-pc {
    font-size: 2.8rem !important;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .u-fs28-tb {
    font-size: 2.8rem !important;
  }
}

@media (max-width: 767px) {
  .u-fs28-sp {
    font-size: 2.8rem !important;
  }
}

.u-fs30 {
  font-size: 3rem !important;
}

@media (min-width: 1200px) {
  .u-fs30-pc {
    font-size: 3rem !important;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .u-fs30-tb {
    font-size: 3rem !important;
  }
}

@media (max-width: 767px) {
  .u-fs30-sp {
    font-size: 3rem !important;
  }
}

.u-fs32 {
  font-size: 3.2rem !important;
}

@media (min-width: 1200px) {
  .u-fs32-pc {
    font-size: 3.2rem !important;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .u-fs32-tb {
    font-size: 3.2rem !important;
  }
}

@media (max-width: 767px) {
  .u-fs32-sp {
    font-size: 3.2rem !important;
  }
}

/* ------------------------------------------------- *
 *        width
 * ------------------------------------------------- */
.u-w0p {
  width: 0%!important;
}

@media (min-width: 1200px) {
  .u-w0p-pc {
    width: 0%!important;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .u-w0p-tb {
    width: 0%!important;
  }
}

@media (max-width: 767px) {
  .u-w0p-sp {
    width: 0%!important;
  }
}

.u-w5p {
  width: 5%!important;
}

@media (min-width: 1200px) {
  .u-w5p-pc {
    width: 5%!important;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .u-w5p-tb {
    width: 5%!important;
  }
}

@media (max-width: 767px) {
  .u-w5p-sp {
    width: 5%!important;
  }
}

.u-w10p {
  width: 10%!important;
}

@media (min-width: 1200px) {
  .u-w10p-pc {
    width: 10%!important;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .u-w10p-tb {
    width: 10%!important;
  }
}

@media (max-width: 767px) {
  .u-w10p-sp {
    width: 10%!important;
  }
}

.u-w15p {
  width: 15%!important;
}

@media (min-width: 1200px) {
  .u-w15p-pc {
    width: 15%!important;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .u-w15p-tb {
    width: 15%!important;
  }
}

@media (max-width: 767px) {
  .u-w15p-sp {
    width: 15%!important;
  }
}

.u-w20p {
  width: 20%!important;
}

@media (min-width: 1200px) {
  .u-w20p-pc {
    width: 20%!important;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .u-w20p-tb {
    width: 20%!important;
  }
}

@media (max-width: 767px) {
  .u-w20p-sp {
    width: 20%!important;
  }
}

.u-w25p {
  width: 25%!important;
}

@media (min-width: 1200px) {
  .u-w25p-pc {
    width: 25%!important;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .u-w25p-tb {
    width: 25%!important;
  }
}

@media (max-width: 767px) {
  .u-w25p-sp {
    width: 25%!important;
  }
}

.u-w30p {
  width: 30%!important;
}

@media (min-width: 1200px) {
  .u-w30p-pc {
    width: 30%!important;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .u-w30p-tb {
    width: 30%!important;
  }
}

@media (max-width: 767px) {
  .u-w30p-sp {
    width: 30%!important;
  }
}

.u-w35p {
  width: 35%!important;
}

@media (min-width: 1200px) {
  .u-w35p-pc {
    width: 35%!important;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .u-w35p-tb {
    width: 35%!important;
  }
}

@media (max-width: 767px) {
  .u-w35p-sp {
    width: 35%!important;
  }
}

.u-w40p {
  width: 40%!important;
}

@media (min-width: 1200px) {
  .u-w40p-pc {
    width: 40%!important;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .u-w40p-tb {
    width: 40%!important;
  }
}

@media (max-width: 767px) {
  .u-w40p-sp {
    width: 40%!important;
  }
}

.u-w45p {
  width: 45%!important;
}

@media (min-width: 1200px) {
  .u-w45p-pc {
    width: 45%!important;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .u-w45p-tb {
    width: 45%!important;
  }
}

@media (max-width: 767px) {
  .u-w45p-sp {
    width: 45%!important;
  }
}

.u-w50p {
  width: 50%!important;
}

@media (min-width: 1200px) {
  .u-w50p-pc {
    width: 50%!important;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .u-w50p-tb {
    width: 50%!important;
  }
}

@media (max-width: 767px) {
  .u-w50p-sp {
    width: 50%!important;
  }
}

.u-w55p {
  width: 55%!important;
}

@media (min-width: 1200px) {
  .u-w55p-pc {
    width: 55%!important;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .u-w55p-tb {
    width: 55%!important;
  }
}

@media (max-width: 767px) {
  .u-w55p-sp {
    width: 55%!important;
  }
}

.u-w60p {
  width: 60%!important;
}

@media (min-width: 1200px) {
  .u-w60p-pc {
    width: 60%!important;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .u-w60p-tb {
    width: 60%!important;
  }
}

@media (max-width: 767px) {
  .u-w60p-sp {
    width: 60%!important;
  }
}

.u-w65p {
  width: 65%!important;
}

@media (min-width: 1200px) {
  .u-w65p-pc {
    width: 65%!important;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .u-w65p-tb {
    width: 65%!important;
  }
}

@media (max-width: 767px) {
  .u-w65p-sp {
    width: 65%!important;
  }
}

.u-w70p {
  width: 70%!important;
}

@media (min-width: 1200px) {
  .u-w70p-pc {
    width: 70%!important;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .u-w70p-tb {
    width: 70%!important;
  }
}

@media (max-width: 767px) {
  .u-w70p-sp {
    width: 70%!important;
  }
}

.u-w75p {
  width: 75%!important;
}

@media (min-width: 1200px) {
  .u-w75p-pc {
    width: 75%!important;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .u-w75p-tb {
    width: 75%!important;
  }
}

@media (max-width: 767px) {
  .u-w75p-sp {
    width: 75%!important;
  }
}

.u-w80p {
  width: 80%!important;
}

@media (min-width: 1200px) {
  .u-w80p-pc {
    width: 80%!important;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .u-w80p-tb {
    width: 80%!important;
  }
}

@media (max-width: 767px) {
  .u-w80p-sp {
    width: 80%!important;
  }
}

.u-w85p {
  width: 85%!important;
}

@media (min-width: 1200px) {
  .u-w85p-pc {
    width: 85%!important;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .u-w85p-tb {
    width: 85%!important;
  }
}

@media (max-width: 767px) {
  .u-w85p-sp {
    width: 85%!important;
  }
}

.u-w90p {
  width: 90%!important;
}

@media (min-width: 1200px) {
  .u-w90p-pc {
    width: 90%!important;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .u-w90p-tb {
    width: 90%!important;
  }
}

@media (max-width: 767px) {
  .u-w90p-sp {
    width: 90%!important;
  }
}

.u-w95p {
  width: 95%!important;
}

@media (min-width: 1200px) {
  .u-w95p-pc {
    width: 95%!important;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .u-w95p-tb {
    width: 95%!important;
  }
}

@media (max-width: 767px) {
  .u-w95p-sp {
    width: 95%!important;
  }
}

.u-w100p {
  width: 100%!important;
}

@media (min-width: 1200px) {
  .u-w100p-pc {
    width: 100%!important;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .u-w100p-tb {
    width: 100%!important;
  }
}

@media (max-width: 767px) {
  .u-w100p-sp {
    width: 100%!important;
  }
}

/* ------------------------------------------------- *
 *        text
 * ------------------------------------------------- */
.u-fNormal {
  font-weight: 400 !important;
}

@media (min-width: 1200px) {
  .u-fNormal-pc {
    font-weight: 400 !important;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .u-fNormal-tb {
    font-weight: 400 !important;
  }
}

@media (max-width: 767px) {
  .u-fNormal-sp {
    font-weight: 400 !important;
  }
}

.u-fBold {
  font-weight: 700 !important;
}

@media (min-width: 1200px) {
  .u-fBold-pc {
    font-weight: 700 !important;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .u-fBold-tb {
    font-weight: 700 !important;
  }
}

@media (max-width: 767px) {
  .u-fBold-sp {
    font-weight: 700 !important;
  }
}

.u-fColorBase {
  color: #000 !important;
}

@media (min-width: 1200px) {
  .u-fColorBase-pc {
    color: #000 !important;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .u-fColorBase-tb {
    color: #000 !important;
  }
}

@media (max-width: 767px) {
  .u-fColorBase-sp {
    color: #000 !important;
  }
}

.u-fColorRed {
  color: #b40000 !important;
}

@media (min-width: 1200px) {
  .u-fColorRed-pc {
    color: #b40000 !important;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .u-fColorRed-tb {
    color: #b40000 !important;
  }
}

@media (max-width: 767px) {
  .u-fColorRed-sp {
    color: #b40000 !important;
  }
}

.u-tUpper {
  text-transform: uppercase !important;
}

@media (min-width: 1200px) {
  .u-tUpper-pc {
    text-transform: uppercase !important;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .u-tUpper-tb {
    text-transform: uppercase !important;
  }
}

@media (max-width: 767px) {
  .u-tUpper-sp {
    text-transform: uppercase !important;
  }
}

.u-tTnone {
  text-transform: none !important;
}

@media (min-width: 1200px) {
  .u-tTnone-pc {
    text-transform: none !important;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .u-tTnone-tb {
    text-transform: none !important;
  }
}

@media (max-width: 767px) {
  .u-tTnone-sp {
    text-transform: none !important;
  }
}

.u-fontJp {
  font-family: 'Source Sans Pro', sans-serif;
}

@media (min-width: 1200px) {
  .u-fontJp-pc {
    font-family: 'Source Sans Pro', sans-serif;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .u-fontJp-tb {
    font-family: 'Source Sans Pro', sans-serif;
  }
}

@media (max-width: 767px) {
  .u-fontJp-sp {
    font-family: 'Source Sans Pro', sans-serif;
  }
}

.u-fontEn {
  font-family: "Rock Salt", cursive !important;
}

@media (min-width: 1200px) {
  .u-fontEn-pc {
    font-family: "Rock Salt", cursive !important;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .u-fontEn-tb {
    font-family: "Rock Salt", cursive !important;
  }
}

@media (max-width: 767px) {
  .u-fontEn-sp {
    font-family: "Rock Salt", cursive !important;
  }
}

@media print {
  html,
  body {
    min-width: 320px;
  }
}