/*!************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/webfonts-loader/index.js!./iconfont/_config.font.js ***!
  \************************************************************************************************************************************************/
@font-face {
	font-family: "iconfont";
	font-display: block;
	src: url("/assets/user/fonts/iconfont.eot?#iefix") format("embedded-opentype"),
url("/assets/user/fonts/iconfont.woff") format("woff"),
url("/assets/user/fonts/iconfont.woff2") format("woff2"),
url("/assets/user/fonts/iconfont.ttf") format("truetype"),
url("/assets/user/fonts/iconfont.svg#iconfont") format("svg");
}

.icon {
	line-height: 1;
}

.icon:before {
	font-family: iconfont !important;
	font-style: normal;
	font-weight: normal !important;
	vertical-align: top;
}

.m-icn001:before {
	content: "\f101";
}
.m-icn002:before {
	content: "\f102";
}
.m-icn003:before {
	content: "\f103";
}
.m-icn004:before {
	content: "\f104";
}
.m-icn005:before {
	content: "\f105";
}
.m-icn006:before {
	content: "\f106";
}
.m-icn007:before {
	content: "\f107";
}
.m-icn008:before {
	content: "\f108";
}
.m-icn009:before {
	content: "\f109";
}
.m-icn010:before {
	content: "\f10a";
}
.m-icn011:before {
	content: "\f10b";
}
.m-icn012:before {
	content: "\f10c";
}
.m-icn013:before {
	content: "\f10d";
}
.m-icn014:before {
	content: "\f10e";
}
.m-icn015:before {
	content: "\f10f";
}
.m-icn016:before {
	content: "\f110";
}
.m-icn017:before {
	content: "\f111";
}
.m-icn018:before {
	content: "\f112";
}
.m-icn019:before {
	content: "\f113";
}
.m-icn020:before {
	content: "\f114";
}
.m-icn021:before {
	content: "\f115";
}
.m-icn022:before {
	content: "\f116";
}
.m-icn023:before {
	content: "\f117";
}
.m-icn024:before {
	content: "\f118";
}
.m-icn025:before {
	content: "\f119";
}
.m-icn026:before {
	content: "\f11a";
}
.m-icn027:before {
	content: "\f11b";
}
.m-icn028:before {
	content: "\f11c";
}
.m-icn029:before {
	content: "\f11d";
}
.m-icn030:before {
	content: "\f11e";
}
.m-icn031:before {
	content: "\f11f";
}
.m-icn032:before {
	content: "\f120";
}
.m-icn033:before {
	content: "\f121";
}
.m-icn034:before {
	content: "\f122";
}
.m-icn035:before {
	content: "\f123";
}
.m-icn036:before {
	content: "\f124";
}
.m-icn037:before {
	content: "\f125";
}
.m-icn038:before {
	content: "\f126";
}
.m-icn039:before {
	content: "\f127";
}
.m-icn040:before {
	content: "\f128";
}
.m-icn041:before {
	content: "\f129";
}
.m-icn042:before {
	content: "\f12a";
}
.m-icn043:before {
	content: "\f12b";
}
.m-icn044:before {
	content: "\f12c";
}
.m-icn045:before {
	content: "\f12d";
}
.m-icn046:before {
	content: "\f12e";
}
.m-icn047:before {
	content: "\f12f";
}
.m-icn048:before {
	content: "\f130";
}
.m-icn049:before {
	content: "\f131";
}
.m-icn050:before {
	content: "\f132";
}
.m-icn051:before {
	content: "\f133";
}
.m-icn052:before {
	content: "\f134";
}
.m-icn053:before {
	content: "\f135";
}
.m-icn054:before {
	content: "\f136";
}
.m-icn055:before {
	content: "\f137";
}
.m-icn056:before {
	content: "\f138";
}
.m-icn057:before {
	content: "\f139";
}
.m-icn058:before {
	content: "\f13a";
}
.m-icn059:before {
	content: "\f13b";
}
.m-icn060:before {
	content: "\f13c";
}
.m-icn061:before {
	content: "\f13d";
}
.m-icn062:before {
	content: "\f13e";
}
.m-icn063:before {
	content: "\f13f";
}
.m-icn064:before {
	content: "\f140";
}
.m-icn065:before {
	content: "\f141";
}
.m-icn066:before {
	content: "\f142";
}
.m-icn067:before {
	content: "\f143";
}
.m-icn068:before {
	content: "\f144";
}
.m-icn069:before {
	content: "\f145";
}
.m-icn070:before {
	content: "\f146";
}
.m-icn071:before {
	content: "\f147";
}
.m-icn072:before {
	content: "\f148";
}
.m-icn073:before {
	content: "\f149";
}
.m-icn074:before {
	content: "\f14a";
}
.m-icn075:before {
	content: "\f14b";
}
.m-icn076:before {
	content: "\f14c";
}
.m-icn077:before {
	content: "\f14d";
}
.m-icn078:before {
	content: "\f14e";
}
.m-icn079:before {
	content: "\f14f";
}
.m-icn080:before {
	content: "\f150";
}
.m-icn081:before {
	content: "\f151";
}
.m-icn082:before {
	content: "\f152";
}
.m-icn083:before {
	content: "\f153";
}
.m-icn084:before {
	content: "\f154";
}
.m-icn085:before {
	content: "\f155";
}
.m-icn086:before {
	content: "\f156";
}
.m-icn087:before {
	content: "\f157";
}
.m-icn088:before {
	content: "\f158";
}
.m-icn089:before {
	content: "\f159";
}
.m-icn090:before {
	content: "\f15a";
}
.m-icn091:before {
	content: "\f15b";
}
.m-icn092:before {
	content: "\f15c";
}
.m-icn093:before {
	content: "\f15d";
}
.m-icn094:before {
	content: "\f15e";
}
.m-icn095:before {
	content: "\f15f";
}

/*!*************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/sass-loader/dist/cjs.js!./scss/main.scss ***!
  \*************************************************************************************************************************************/
@charset "UTF-8";
/* ----------------------------------------------------------------------------
 * WEBFONTS
 * ------------------------------------------------------------------------- */
[data-ifont] {
  display: block;
}
[data-ifont]::before {
  font-family: "iconfont", serif !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  margin: 0.67em 0;
  font-size: 2em;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
  border-bottom: none; /* 1 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  margin: 0; /* 2 */
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  overflow: visible; /* 1 */
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  text-transform: none; /* 1 */
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box; /* 1 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  color: inherit; /* 2 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

/* ----------------------------------------------------------------------------
 * BASE
 * ------------------------------------------------------------------------- */
* {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  font-size: 100%;
  font-style: normal;
}
*::before, *::after {
  box-sizing: border-box;
}

html,
body {
  min-height: 100vh;
}

html {
  overflow-y: scroll;
  font-size: 62.5%;
  scroll-behavior: smooth;
}

body {
  min-width: 1148px;
  font-family: "ヒラギノ角ゴ Pro W3", "ヒラギノ角ゴ W3", "Hiragino Kaku Gothic Pro", "Noto Sans JP", sans-serif;
  font-weight: 500;
  font-feature-settings: "palt";
  -webkit-text-size-adjust: 100%;
  line-height: 1.7;
  color: #292929;
  letter-spacing: 0.1em;
  word-break: break-all;
  background-color: #f8f8f8;
  font-size: 1.6rem;
}
body.top, body.pageDealsView {
  overflow-x: clip;
}

@media screen and (max-width: 767px) {
  body[data-rwd=true] {
    min-width: 320px;
  }
}
[data-maxheight=true] .l-content {
  margin: auto 0 0;
  overflow-x: initial;
}
[data-maxheight=true] .l-contentBody {
  margin: 0;
}

@media screen and (max-width: 767px) {
  [data-maxheight=true] .l-content {
    margin: 0;
  }
  [data-rwd=true] .l-content {
    flex-grow: 1;
  }
}
li {
  list-style: none;
}

a,
button {
  cursor: pointer;
  border: none;
  transition: 0.3s all ease;
}

a {
  color: #002aff;
  text-decoration: none;
}

button {
  background: none;
}

input,
select,
button,
textarea {
  font-family: "ヒラギノ角ゴ Pro W3", "ヒラギノ角ゴ W3", "Hiragino Kaku Gothic Pro", "Noto Sans JP", sans-serif;
  color: #292929;
  letter-spacing: 0.1em;
}

input,
textarea {
  display: block;
  color: #292929;
  border: none;
}
input::placeholder,
textarea::placeholder {
  color: #b0b1b2;
}

select {
  -webkit-appearance: none;
}

img {
  max-width: 100%;
  height: auto;
  vertical-align: top;
  border-radius: 7px;
  transition: 0.3s all ease;
}

/* ----------------------------------------------------------------------------
 * WRAPPER
 * ------------------------------------------------------------------------- */
/* ------------------------------------
 * STRUCTURE
 * --------------------------------- */
.l-wrapper {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

/* ----------------------------------------------------------------------------
 * HEADER
 * ------------------------------------------------------------------------- */
/* ------------------------------------
 * STRUCTURE
 * --------------------------------- */
.l-header {
  position: sticky;
  top: 0;
  left: 0;
  z-index: 1000;
  width: 100%;
  background-color: #fff;
  border-bottom: 1px solid #f2f1ea;
}
.l-headerNotes {
  position: relative;
  z-index: 1;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  height: 45px;
  background: #ff0;
}
.l-headerNotes__inner {
  width: 100%;
  max-width: 1720px;
  padding: 0 67px;
  margin: 0 auto;
}
.l-headerContent {
  position: relative;
  z-index: 1;
  background: #fff;
}
.l-headerContent__inner {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  height: 80px;
  padding: 0 30px;
  transition: 0.3s all ease;
}
.l-headerLayer {
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  visibility: hidden;
  background: rgba(0, 0, 0, 0.4);
  opacity: 0;
  transition: 0.3s all ease;
}
.l-headerLayer.is-active {
  z-index: 10;
  visibility: initial;
  opacity: 1;
}

@media screen and (max-width: 767px) {
  [data-rwd=true] .l-headerNotes {
    height: 40px;
  }
  [data-rwd=true] .l-headerNotes__inner {
    padding: 0 12px;
  }
  [data-rwd=true] .l-headerContent__inner {
    justify-content: flex-end;
    height: 55px;
    padding: 0 12px;
  }
}
/* ------------------------------------
 * MODULE
 * --------------------------------- */
.m-headerLogo {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  width: 198px;
  height: 48px;
  font-size: 0;
}
.m-headerLogo__inner {
  font-size: 0;
}
.m-headerLogo__inner img {
  width: 198px;
  height: 48px;
  border-radius: 0;
}
.m-headerLogo__inner span[data-view=pc] {
  display: block;
}
.m-headerLogo__inner span[data-view=sp] {
  display: none;
}
.m-headerUtil {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  height: 55px;
  margin-right: 0;
  margin-left: auto;
}
.m-headerUtil__hmenu {
  position: relative;
  left: 50%;
  display: block;
  width: 20px;
  height: 2px;
  margin: 0 0 0 -10px;
  text-indent: -999em;
  background: #fff;
  border-radius: 10px;
  transition: 0.3s all ease;
}
.m-headerUtil__hmenu::before, .m-headerUtil__hmenu::after {
  position: absolute;
  display: block;
  width: 20px;
  height: 2px;
  content: "";
  background: #fff;
  border-radius: 10px;
  transition: 0.3s all ease;
}
.m-headerUtil__hmenu::before {
  top: -5px;
}
.m-headerUtil__hmenu::after {
  bottom: -5px;
}
.m-headerUtil__menu {
  padding: 0 220px 0 0;
  margin: 0 0 0 20px;
}
.m-headerUtil__btn {
  height: 55px;
  margin: 0 0 0 20px;
  border-radius: 30px;
}
.m-headerUtil__btn:first-child {
  margin-left: 0;
}
.m-headerUtil__btn[data-type=buyer-contact], .m-headerUtil__btn[data-type=search], .m-headerUtil__btn[data-type=login] {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  width: 140px;
  height: 55px;
  font-weight: bold;
  color: #fff;
  letter-spacing: 0;
  background: #002aff;
  opacity: 1;
  transition: 0.3s all ease;
  font-size: 1.4rem;
}
.m-headerUtil__btn[data-type=buyer-contact] [data-ifont], .m-headerUtil__btn[data-type=search] [data-ifont], .m-headerUtil__btn[data-type=login] [data-ifont] {
  position: relative;
}
.m-headerUtil__btn[data-type=buyer-contact] [data-ifont]::before, .m-headerUtil__btn[data-type=search] [data-ifont]::before, .m-headerUtil__btn[data-type=login] [data-ifont]::before {
  position: absolute;
  top: 50%;
}
.m-headerUtil__btn[data-type=buyer-contact].is-active, .m-headerUtil__btn[data-type=search].is-active, .m-headerUtil__btn[data-type=login].is-active {
  opacity: 0.3;
}
.m-headerUtil__btn[data-type=buyer-contact] {
  position: absolute;
  right: 480px;
  bottom: 12px;
  z-index: 1;
  width: 320px;
  padding: 0 15px 0 0;
}
.m-headerUtil__btn[data-type=buyer-contact] [data-ifont]::before {
  right: -30px;
  margin: -10px 0 0;
  content: "\f138";
  font-size: 1.8rem;
}
@media screen and (max-width: 1540px) {
  .m-headerUtil__btn[data-type=buyer-contact] [data-ifont]::before {
    right: auto;
  }
}
@media screen and (max-width: 1660px) {
  .m-headerUtil__btn[data-type=buyer-contact] {
    width: 198px;
  }
}
.m-headerUtil__btn[data-type=buyer-contact] br {
  display: none;
}
@media screen and (max-width: 1660px) {
  .m-headerUtil__btn[data-type=buyer-contact] br {
    display: block;
  }
}
@media screen and (max-width: 1540px) {
  .m-headerUtil__btn[data-type=buyer-contact] {
    right: 390px;
    border-radius: 50%;
    width: 55px;
    height: 55px;
  }
  .m-headerUtil__btn[data-type=buyer-contact] .m-headerUtil__btn-txt {
    display: none;
  }
}
.m-headerUtil__btn[data-type=search] {
  position: absolute;
  right: 320px;
  bottom: 12px;
  z-index: 1;
  padding: 0 15px 0 0;
}
.m-headerUtil__btn[data-type=search] [data-ifont]::before {
  right: -30px;
  margin: -10px 0 0;
  content: "\f12e";
  font-size: 1.8rem;
}
@media screen and (max-width: 1540px) {
  .m-headerUtil__btn[data-type=search] [data-ifont]::before {
    right: auto;
  }
}
@media screen and (max-width: 1540px) {
  .m-headerUtil__btn[data-type=search] {
    border-radius: 50%;
    width: 55px;
    height: 55px;
  }
  .m-headerUtil__btn[data-type=search] .m-headerUtil__btn-txt {
    display: none;
  }
}
.m-headerUtil__btn[data-type=login] {
  padding: 0 0 0 25px;
}
.m-headerUtil__btn[data-type=login] [data-ifont]::before {
  left: -30px;
  margin: -12px 0 0;
  content: "\f150";
  font-size: 2rem;
}
.m-headerUtil__btn[data-type=menu] {
  width: 55px;
  height: 55px;
  overflow: hidden;
  background: #002aff;
  border-radius: 50%;
}
.m-headerUtil__btn[data-type=menu].is-active {
  border-color: #002aff;
}
.m-headerUtil__btn[data-type=menu].is-active .m-headerUtil__hmenu {
  background: transparent;
}
.m-headerUtil__btn[data-type=menu].is-active .m-headerUtil__hmenu::before {
  top: 0;
  transform: rotate(45deg);
}
.m-headerUtil__btn[data-type=menu].is-active .m-headerUtil__hmenu::after {
  bottom: 0;
  transform: rotate(-45deg);
}
.m-headerUtil__btn:hover, .m-headerUtil__btn:focus {
  box-shadow: 0 10px 20px rgba(0, 127, 255, 0.4);
}
.m-headerUtil__nav {
  position: relative;
}
.m-headerUtil__user {
  position: absolute;
  top: 0;
  right: 0;
  width: 228px;
  height: 110px;
  padding: 12px 12px 0;
  background: #fff;
  border-radius: 0 0 0 7px;
  box-shadow: 0 10px 20px rgba(203, 205, 206, 0.4);
}
.m-headerUtil__userRole {
  position: absolute;
  bottom: 0;
  left: 0;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  width: 100%;
  height: 28px;
  padding: 0 0 0 32px;
  line-height: 1;
  font-size: 1.4rem;
}
.m-headerUtil__userRole::before {
  position: absolute;
  top: 50%;
  z-index: 1;
  color: #fff;
}
.m-headerUtil__userRole::after {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  width: 100%;
  height: 28px;
  content: "";
  background: #ccc;
  border-radius: 0 0 0 7px;
}
.m-headerUtil__userRole[data-role=i]::before, .m-headerUtil__userRole[data-role=b]::before, .m-headerUtil__userRole[data-role=s]::before {
  left: 6px;
  margin: -9px 0 0;
  font-size: 1.8rem;
}
.m-headerUtil__userRole[data-role=i]::before {
  content: "\f15b";
}
.m-headerUtil__userRole[data-role=i]::after {
  background: #002aff;
}
.m-headerUtil__userRole[data-role=b]::before {
  content: "\f11a";
}
.m-headerUtil__userRole[data-role=b]::after {
  background: #ff7600;
}
.m-headerUtil__userRole[data-role=s]::before {
  content: "\f15a";
}
.m-headerUtil__userRole[data-role=s]::after {
  background: #2dd3cf;
}
.m-headerUtil__userRole__ttl {
  position: relative;
  z-index: 1;
  display: block;
  color: #fff;
}
.m-headerUtil__userRole__ttl__sp {
  display: none;
}
.m-headerUtil__userInfo {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 55px;
  padding: 0 0 0 65px;
}
.m-headerUtil__userInfo__corp, .m-headerUtil__userInfo__name, .m-headerUtil__userInfo__department {
  display: block;
  overflow: hidden;
  line-height: 1;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.m-headerUtil__userInfo__corp {
  margin: 0 0 12px;
  font-size: 1.4rem;
}
.m-headerUtil__userInfo__name {
  font-size: 1.2rem;
}
.m-headerUtil__userInfo__department {
  margin: 7px 0 0;
  color: #6f6f6f;
  font-size: 1rem;
}
.m-headerUtil__userIcon {
  position: absolute;
  top: 12px;
  left: 12px;
  width: 55px;
  height: 55px;
  overflow: hidden;
  border-radius: 50%;
}
.m-headerUtil__userIcon[data-type=img] img {
  object-fit: cover;
}
.m-headerUtil__userIcon[data-type=txt] {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  color: #fff;
  text-align: center;
  letter-spacing: 0.22em;
  background: #4b4b4b;
}
.m-headerUtil__userIcon[data-type=txt] * {
  position: relative;
  left: 1px;
  line-height: 1;
  font-size: 1.3rem;
}
.m-headerUtil__badge {
  position: absolute;
  top: -10px;
  right: -10px;
  box-sizing: content-box;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  min-width: 24px;
  height: 24px;
  font-family: "Lato", sans-serif;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  background: #f00;
  border: 2px solid #fff;
  border-radius: 50px;
  font-size: 1.2rem;
}
.m-headerUtil__badge span {
  position: relative;
  left: -1px;
  display: block;
  padding: 0 3px;
  letter-spacing: -0.05em;
}
.m-headerSearch {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 10;
  width: 100%;
  padding: 0 67px;
}
.m-headerSearch .m-navSearch__elem {
  max-width: 1586px;
  margin: 0 auto;
}
.m-headerMenu__inner {
  position: absolute;
  top: 100%;
  right: 0;
  z-index: -1;
  width: 265px;
  margin: -5px 0 0;
  visibility: hidden;
  background: #fff;
  border-radius: 7px;
  box-shadow: 0 10px 20px rgba(203, 205, 206, 0.4);
  opacity: 0;
  transition: 0.3s all ease;
}
.m-headerMenu.is-active .m-headerMenu__inner {
  z-index: 2;
  margin-top: 5px;
  visibility: initial;
  opacity: 1;
}
.m-headerMenu__list {
  padding: 20px 0 15px;
}
.m-headerMenu__link {
  position: relative;
  display: block;
  padding: 18px 15px 18px 30px;
  line-height: 1;
  color: #292929;
  font-size: 1.4rem;
}
.m-headerMenu__link[data-type] {
  padding-left: 55px;
}
.m-headerMenu__link[data-type=dashboard] [data-ifont], .m-headerMenu__link[data-type=profile] [data-ifont], .m-headerMenu__link[data-type=corp] [data-ifont], .m-headerMenu__link[data-type=whitelist] [data-ifont], .m-headerMenu__link[data-type=delivery] [data-ifont], .m-headerMenu__link[data-type=member-manage] [data-ifont], .m-headerMenu__link[data-type=member-add] [data-ifont], .m-headerMenu__link[data-type=material-edit] [data-ifont], .m-headerMenu__link[data-type=material-add] [data-ifont], .m-headerMenu__link[data-type=request] [data-ifont], .m-headerMenu__link[data-type=logout] [data-ifont] {
  position: relative;
  display: table;
}
.m-headerMenu__link[data-type=dashboard] [data-ifont]::before, .m-headerMenu__link[data-type=profile] [data-ifont]::before, .m-headerMenu__link[data-type=corp] [data-ifont]::before, .m-headerMenu__link[data-type=whitelist] [data-ifont]::before, .m-headerMenu__link[data-type=delivery] [data-ifont]::before, .m-headerMenu__link[data-type=member-manage] [data-ifont]::before, .m-headerMenu__link[data-type=member-add] [data-ifont]::before, .m-headerMenu__link[data-type=material-edit] [data-ifont]::before, .m-headerMenu__link[data-type=material-add] [data-ifont]::before, .m-headerMenu__link[data-type=request] [data-ifont]::before, .m-headerMenu__link[data-type=logout] [data-ifont]::before {
  position: absolute;
  top: 50%;
  left: -30px;
}
.m-headerMenu__link[data-type=dashboard] [data-ifont]::before {
  left: -32px;
  margin: -9px 0 0;
  content: "\f126";
  font-size: 2rem;
}
.m-headerMenu__link[data-type=profile] [data-ifont]::before {
  left: -32px;
  margin: -10px 0 0;
  content: "\f101";
  font-size: 2rem;
}
.m-headerMenu__link[data-type=corp] [data-ifont]::before {
  left: -32px;
  margin: -12px 0 0;
  content: "\f14c";
  font-size: 2rem;
}
.m-headerMenu__link[data-type=whitelist] [data-ifont]::before {
  left: -32px;
  margin: -11px 0 0;
  content: "\f109";
  font-size: 2rem;
}
.m-headerMenu__link[data-type=delivery] [data-ifont]::before {
  left: -32px;
  margin: -10px 0 0;
  content: "\f14e";
  font-size: 2rem;
}
.m-headerMenu__link[data-type=member-manage] [data-ifont]::before {
  margin: -11px 0 0;
  content: "\f119";
  font-size: 2rem;
}
.m-headerMenu__link[data-type=member-add] [data-ifont]::before {
  margin: -12px 0 0;
  content: "\f14d";
  font-size: 2rem;
}
.m-headerMenu__link[data-type=material-edit] [data-ifont]::before {
  left: -32px;
  margin: -10px 0 0;
  content: "\f14f";
  font-size: 2rem;
}
.m-headerMenu__link[data-type=material-add] [data-ifont]::before {
  left: -32px;
  margin: -10px 0 0;
  content: "\f139";
  font-size: 2rem;
}
.m-headerMenu__link[data-type=request] [data-ifont]::before {
  left: -31px;
  margin: -9px 0 0;
  content: "\f159";
  font-size: 1.8rem;
}
.m-headerMenu__link[data-type=logout] [data-ifont]::before {
  margin: -10px 0 0;
  content: "\f11e";
  font-size: 1.9rem;
}
.m-headerMenu__link:hover, .m-headerMenu__link:focus {
  color: #002aff;
}
.m-headerMenu__logout {
  padding: 5px 0 0;
  margin: 15px 0 0;
  border-top: 1px dotted #eee;
}
.m-headerMenu__badge {
  position: absolute;
  top: 50%;
  right: -40px;
  box-sizing: content-box;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  min-width: 26px;
  height: 26px;
  margin: -13px 0 0;
  font-family: "Lato", sans-serif;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  white-space: nowrap;
  background: #f00;
  border-radius: 50px;
  font-size: 1.3rem;
}
.m-headerMenu__badge span {
  position: relative;
  left: -1px;
  display: block;
  padding: 0 3px;
  letter-spacing: -0.05em;
}
.m-headerNav {
  margin: 0 0 0 80px;
}
.m-headerNav__list {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
}
.m-headerNav__list li {
  margin: 0 0 0 40px;
  line-height: 1;
  letter-spacing: 0.05em;
  font-size: 1.4rem;
}
@media screen and (max-width: 1280px) {
  .m-headerNav__list li {
    font-size: 1.2rem;
  }
}
.m-headerNav__list li:first-child {
  margin-left: 0;
}
.m-headerNav__list li a {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  height: 80px;
  color: #292929;
}
.m-headerNav__list li a::before {
  position: absolute;
  right: 50%;
  bottom: 0;
  left: 50%;
  box-sizing: border-box;
  display: block;
  width: 0;
  height: 4px;
  content: "";
  background: #002aff;
  border-right: 0 solid #002aff;
  border-left: 0 solid #002aff;
  transition-timing-function: ease-out;
  transition-duration: 0.2s;
  transition-property: width, left, right;
}
.m-headerNav__list li a[data-type] {
  padding: 0 0 0 25px;
}
.m-headerNav__list li a[data-type=dashboard] [data-ifont], .m-headerNav__list li a[data-type=info] [data-ifont], .m-headerNav__list li a[data-type=howto] [data-ifont], .m-headerNav__list li a[data-type=help] [data-ifont] {
  position: relative;
  display: table;
}
.m-headerNav__list li a[data-type=dashboard] [data-ifont]::before, .m-headerNav__list li a[data-type=info] [data-ifont]::before, .m-headerNav__list li a[data-type=howto] [data-ifont]::before, .m-headerNav__list li a[data-type=help] [data-ifont]::before {
  position: absolute;
  top: 50%;
  left: -25px;
  font-size: 1.5rem;
}
.m-headerNav__list li a[data-type=dashboard] [data-ifont]::before {
  margin: -8px 0 0;
  content: "\f13e";
}
.m-headerNav__list li a[data-type=info] [data-ifont]::before {
  margin: -8px 0 0;
  content: "\f13f";
}
.m-headerNav__list li a[data-type=howto] [data-ifont]::before {
  margin: -8px 0 0;
  content: "\f15c";
}
.m-headerNav__list li a[data-type=help] [data-ifont]::before {
  margin: -8px 0 0;
  content: "\f15d";
}
.m-headerNav__list li a.is-current {
  pointer-events: none;
}
.m-headerNav__list li a.is-current::before {
  right: 0;
  left: 0;
  width: 100%;
}
.m-headerNav__list li a:hover::before, .m-headerNav__list li a:focus::before {
  right: 0;
  left: 0;
  width: 100%;
}
.m-headerNotes__inner {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  color: #292929;
  text-decoration: none;
}
.m-headerNotes__date, .m-headerNotes__txt {
  display: block;
  font-weight: bold;
  font-size: 1.4rem;
}
.m-headerNotes__date {
  margin: 0 50px 0 0;
  letter-spacing: 0;
  white-space: nowrap;
}
.m-headerNotes__txt {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.m-headerNotes__item a.m-headerNotes__inner .m-headerNotes__txt {
  text-decoration: underline;
}
.m-headerNotes__item a.m-headerNotes__inner:hover .m-headerNotes__txt, .m-headerNotes__item a.m-headerNotes__inner:focus .m-headerNotes__txt {
  text-decoration: none;
}

[data-login=false] .m-headerUtil__btn[data-type=menu] {
  display: none;
}

@media screen and (max-width: 1440px) {
  .m-headerNav {
    margin-left: 40px;
  }
  .m-headerNav__list li {
    margin-left: 20px;
  }
  .m-headerSearch {
    padding: 0 30px;
  }
}
@media screen and (max-width: 1200px) {
  .m-headerNav {
    margin-left: 20px;
  }
}
@media screen and (max-width: 1145px) {
  .m-headerSearch {
    height: auto !important;
  }
}
@media screen and (max-width: 960px) {
  .m-headerUtil__btn {
    margin-left: 10px;
  }
  .m-headerUtil__btn[data-type=menu] {
    width: 55px;
  }
  .m-headerUtil__hmenu {
    left: 50%;
    margin: 0 0 0 -10px;
  }
  .m-headerUtil__user {
    display: none;
  }
  [data-rwd=true] .l-header[data-login=false] .m-headerUtil__btn[data-type=menu] {
    display: flex;
    align-items: center;
  }
  [data-rwd=true] .l-header[data-login=false] .m-headerNav {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  [data-rwd=true] .m-headerLogo {
    position: absolute;
    top: 50%;
    left: 12px;
    width: 112px;
    height: 40px;
    margin: -20px 0 0;
  }
  [data-rwd=true] .m-headerLogo__inner img {
    width: 112px;
    height: 40px;
  }
  [data-rwd=true] .m-headerUtil {
    position: static;
    margin: 0 -12px 0 0;
  }
  [data-rwd=true] .m-headerUtil__menu {
    padding: 0;
    margin: 0;
  }
  [data-rwd=true] .m-headerUtil__nav {
    display: none;
  }
  [data-rwd=true] .m-headerUtil__hmenu {
    position: absolute;
    top: 19px;
    width: 12px;
    margin: 0 0 0 -7px;
  }
  [data-rwd=true] .m-headerUtil__hmenu::before, [data-rwd=true] .m-headerUtil__hmenu::after {
    width: 12px;
  }
  [data-rwd=true] .m-headerUtil__hmenu::before {
    top: -4px;
  }
  [data-rwd=true] .m-headerUtil__hmenu::after {
    bottom: -4px;
  }
  [data-rwd=true] .m-headerUtil__badge {
    top: 3px;
    right: 3px;
    min-width: 14px;
    height: 14px;
    border: none;
    font-size: 1rem;
  }
  [data-rwd=true] .m-headerUtil__badge span {
    letter-spacing: -0.1em;
    transform: scale(0.8);
  }
  [data-rwd=true] .m-headerUtil__btn {
    position: relative;
    align-items: flex-end;
    margin: 0;
    border-radius: 0;
  }
  [data-rwd=true] .m-headerUtil__btn[data-type=search], [data-rwd=true] .m-headerUtil__btn[data-type=login] {
    width: 55px;
    height: 55px;
    font-weight: normal;
  }
  [data-rwd=true] .m-headerUtil__btn[data-type=search] [data-ifont], [data-rwd=true] .m-headerUtil__btn[data-type=login] [data-ifont] {
    position: static;
  }
  [data-rwd=true] .m-headerUtil__btn[data-type=search] [data-ifont]::before, [data-rwd=true] .m-headerUtil__btn[data-type=login] [data-ifont]::before {
    top: 14px;
  }
  [data-rwd=true] .m-headerUtil__btn[data-type=search] [data-ifont] > span, [data-rwd=true] .m-headerUtil__btn[data-type=login] [data-ifont] > span {
    position: relative;
    bottom: 8px;
    display: block;
    text-align: center;
    white-space: nowrap;
    transform: scale(0.8);
    font-size: 1rem;
  }
  [data-rwd=true] .m-headerUtil__btn[data-type=search] {
    display: none;
    padding: 0;
  }
  [data-rwd=true] .m-headerUtil__btn[data-type=search] [data-ifont]::before {
    right: inherit;
    left: 50%;
    margin: 0 0 0 -6px;
    font-size: 1.3rem;
  }
  [data-rwd=true] .m-headerUtil__btn[data-type=login] {
    padding: 0;
  }
  [data-rwd=true] .m-headerUtil__btn[data-type=login] [data-ifont]::before {
    left: 50%;
    margin: 0 0 0 -6px;
    font-size: 1.3rem;
  }
  [data-rwd=true] .m-headerUtil__btn[data-type=menu] {
    position: relative;
    display: flex;
    align-items: flex-start;
    justify-content: center;
  }
  [data-rwd=true] .m-headerUtil__btn[data-type=menu]::after {
    position: absolute;
    bottom: 8px;
    display: block;
    width: 55px;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    content: "メニュー";
    transform: scale(0.8);
    font-size: 1rem;
  }
  [data-rwd=true] .m-headerUtil__btn[data-type=menu].is-active::after {
    content: "閉じる";
  }
  [data-rwd=true] .m-headerUtil__user {
    display: block;
    width: 150px;
    height: 55px;
    padding: 0 20px 0 0;
    overflow: hidden;
    box-shadow: none;
  }
  [data-rwd=true] .m-headerUtil__userIcon {
    top: 7px;
    left: 0;
    width: 42px;
    height: 42px;
  }
  [data-rwd=true] .m-headerUtil__userInfo {
    justify-content: flex-start;
    padding: 12px 0 0 48px;
  }
  [data-rwd=true] .m-headerUtil__userRole {
    bottom: 5px;
    left: 42px;
  }
  [data-rwd=true] .m-headerUtil__userRole::after {
    display: none;
  }
  [data-rwd=true] .m-headerUtil__userRole__ttl {
    display: none;
  }
  [data-rwd=true] .m-headerUtil__userRole__ttl__sp {
    position: relative;
    z-index: 1;
    display: block;
    font-size: 1.1rem;
  }
  [data-rwd=true] .m-headerUtil__userRole[data-role=i]::before {
    color: #002aff;
  }
  [data-rwd=true] .m-headerUtil__userRole[data-role=i] .m-headerUtil__userRole__ttl__sp {
    color: #002aff;
  }
  [data-rwd=true] .m-headerUtil__userRole[data-role=s]::before {
    color: #2dd3cf;
  }
  [data-rwd=true] .m-headerUtil__userRole[data-role=s] .m-headerUtil__userRole__ttl__sp {
    color: #2dd3cf;
  }
  [data-rwd=true] .m-headerUtil__userRole[data-role=b]::before {
    color: #ff7600;
  }
  [data-rwd=true] .m-headerUtil__userRole[data-role=b] .m-headerUtil__userRole__ttl__sp {
    color: #ff7600;
  }
  [data-rwd=true] .m-headerUtil__userInfo__corp, [data-rwd=true] .m-headerUtil__userInfo__department {
    display: none;
  }
  [data-rwd=true] .m-headerMenu__inner {
    margin-top: 3px;
  }
  [data-rwd=true] .m-headerMenu.is-active .m-headerMenu__inner {
    margin-top: 8px;
  }
  [data-rwd=true] .m-headerNav {
    display: none;
    margin: 0;
  }
  [data-rwd=true] .m-headerNav__list li {
    margin-left: 0;
    letter-spacing: 0;
  }
  [data-rwd=true] .m-headerNav__list li a {
    align-items: flex-end;
    width: 55px;
    height: 55px;
  }
  [data-rwd=true] .m-headerNav__list li a::before {
    display: none;
  }
  [data-rwd=true] .m-headerNav__list li a[data-type] {
    padding: 0;
  }
  [data-rwd=true] .m-headerNav__list li a[data-type=dashboard] [data-ifont], [data-rwd=true] .m-headerNav__list li a[data-type=info] [data-ifont] {
    position: static;
  }
  [data-rwd=true] .m-headerNav__list li a[data-type=dashboard] [data-ifont]::before, [data-rwd=true] .m-headerNav__list li a[data-type=info] [data-ifont]::before {
    position: absolute;
    top: 14px;
    left: 50%;
    font-size: 1.3rem;
  }
  [data-rwd=true] .m-headerNav__list li a[data-type=dashboard] [data-ifont] > span, [data-rwd=true] .m-headerNav__list li a[data-type=info] [data-ifont] > span {
    position: relative;
    bottom: 8px;
    display: block;
    text-align: center;
    white-space: nowrap;
    transform: scale(0.8);
    font-size: 1rem;
  }
  [data-rwd=true] .m-headerNav__list li a[data-type=dashboard] [data-ifont]::before {
    margin: 0 0 0 -6px;
  }
  [data-rwd=true] .m-headerNav__list li a[data-type=info] [data-ifont]::before {
    margin: 0 0 0 -6px;
  }
  [data-rwd=true] .m-headerSearch {
    display: none;
  }
  [data-rwd=true] .m-headerNotes__date {
    margin-right: 15px;
    font-size: 1rem;
  }
  [data-rwd=true] .m-headerNotes__txt {
    font-size: 1.2rem;
  }
}
/* ----------------------------------------------------------------------------
 * FOOTER
 * ------------------------------------------------------------------------- */
/* ------------------------------------
 * STRUCTURE
 * --------------------------------- */
.l-footer {
  margin: auto 0 0;
}
.l-footerContent, .l-footerDisclaimer, .l-footerInfo {
  background-color: #fff;
}
.l-footerContent__inner, .l-footerDisclaimer__inner, .l-footerInfo__inner {
  display: flex;
  max-width: 1574px;
  padding: 0 67px;
  margin: 0 auto;
}
.l-footerContent {
  padding: 70px 0 100px;
}
.l-footerContent__inner {
  position: relative;
  flex-wrap: nowrap;
  justify-content: flex-end;
  width: 100%;
}
.l-footerDisclaimer {
  padding: 0 0 10px;
  margin: -60px 0 0;
}
.l-footerInfo {
  padding: 10px 0;
  background-color: #002aff;
}
.l-footerInfo__inner {
  align-items: center;
  justify-content: space-between;
}

@media screen and (max-width: 960px) {
  [data-rwd=true] .l-footerContent__inner, [data-rwd=true] .l-footerDisclaimer__inner, [data-rwd=true] .l-footerInfo__inner {
    padding: 0 32px;
  }
}
@media screen and (max-width: 767px) {
  [data-rwd=true] .l-footerContent__inner, [data-rwd=true] .l-footerDisclaimer__inner, [data-rwd=true] .l-footerInfo__inner {
    display: block;
  }
  [data-rwd=true] .l-footerContent {
    padding: 30px 0 20px;
  }
  [data-rwd=true] .l-footerContent__inner {
    padding: 0 20px;
  }
  [data-rwd=true] .l-footerDisclaimer {
    padding-bottom: 24px;
    margin: 0;
  }
  [data-rwd=true] .l-footerInfo {
    padding: 12px 0;
  }
  [data-rwd=true] .l-footerInfo__inner {
    padding: 0 12px;
  }
}
/* ------------------------------------
 * MODULE
 * --------------------------------- */
.m-footerPagetop {
  position: fixed;
  right: 20px;
  bottom: 20px;
  display: block;
  width: 50px;
  height: 50px;
  overflow: hidden;
  background: #fff;
  border-radius: 50%;
}
.m-footerPagetop::before {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -8px 0 0 -6px;
  color: #002aff;
  content: "\f13d";
  font-size: 1.2rem;
}
.m-footerPagetop span {
  position: absolute;
  z-index: -1;
  text-indent: -999em;
}
.m-footerPagetop:hover, .m-footerPagetop:focus {
  background: #002aff;
  box-shadow: 0 10px 20px rgb(224, 239, 255);
}
.m-footerPagetop:hover::before, .m-footerPagetop:focus::before {
  color: #fff;
}
.m-footerDisclaimer li {
  position: relative;
  padding: 0 0 0 1.2em;
  font-size: 1.4rem;
}
.m-footerDisclaimer li::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "●";
}
.m-footerCopy {
  display: block;
  font-family: "Lato", sans-serif;
  font-weight: 300;
  line-height: 1;
  color: #fff;
  text-align: center;
  letter-spacing: 0.025em;
  font-size: 1rem;
}
.m-footerLink {
  display: flex;
  align-items: center;
}
.m-footerLink__list {
  display: flex;
  align-items: center;
  margin: 0 0 0 40px;
}
.m-footerLink__list:first-child {
  margin-left: 0;
}
.m-footerLink__item {
  margin: 0 0 0 40px;
}
.m-footerLink__item:first-child {
  margin-left: 0;
}
.m-footerLink a {
  position: relative;
  display: block;
  padding: 0 0 1px;
  line-height: 1;
  color: #fff;
  font-size: 1.2rem;
}
.m-footerLink a[data-type=arrow] [data-ifont]::before, .m-footerLink a[data-type=help] [data-ifont]::before {
  position: absolute;
  top: 50%;
  left: 0;
}
.m-footerLink a[data-type=arrow] {
  padding: 0 0 0 12px;
}
.m-footerLink a[data-type=arrow] [data-ifont]::before {
  margin: -5px 0 0;
  content: "\f130";
  transform: scale(0.7);
  font-size: 1rem;
}
.m-footerLink a[data-type=help] {
  padding: 0 0 0 17px;
}
.m-footerLink a[data-type=help] [data-ifont]::before {
  margin: -6px 0 0;
  content: "\f143";
  font-size: 1.2rem;
}
.m-footerLink a:hover, .m-footerLink a:focus {
  text-decoration: underline;
  opacity: 0.8;
}
.m-footerCorp {
  position: absolute;
  top: -10px;
  left: 67px;
}
.m-footerCorp__splogo {
  display: none;
}
.m-footerCorp__logo {
  width: 200px;
}
.m-footerCorp__logo img {
  width: 100%;
}
.m-footerCorp__address, .m-footerCorp__link {
  font-weight: normal;
  letter-spacing: 0;
  font-size: 1.2rem;
}
.m-footerCorp__address {
  margin: 20px 0 0;
}
.m-footerCorp__link {
  display: table;
  margin: 5px 0 0;
  text-decoration: underline;
}
.m-footerCorp__link::after {
  content: ">";
}
.m-footerCorp__link:hover, .m-footerCorp__link:focus {
  text-decoration: none;
}
.m-footerNav {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  width: 100%;
  max-width: 850px;
  margin: 0 0 0 -30px;
}
.m-footerNav__segment {
  width: 33.3333333333%;
  padding: 0 0 0 30px;
}
.m-footerNav__hdg {
  font-weight: bold;
  line-height: 1;
  color: #6f6f6f;
  pointer-events: none;
  font-size: 1.2rem;
}
.m-footerNav__hdg + * {
  margin-top: 25px !important;
}
.m-footerNav__list li {
  margin: 10px 0 0;
  font-size: 1.4rem;
}
.m-footerNav__list li:first-child {
  margin-top: 0;
}
.m-footerNav__list a {
  position: relative;
  color: #191919;
}
.m-footerNav__list a::after {
  position: absolute;
  bottom: -5px;
  left: 0;
  width: 0;
  height: 1px;
  content: "";
  background: #002aff;
}
.m-footerNav__list a:hover, .m-footerNav__list a:focus {
  color: #002aff;
}
.m-footerNav__list a:hover::after, .m-footerNav__list a:focus::after {
  width: 100%;
}

@media screen and (min-width: 768px) {
  .m-footerNav__list {
    height: auto !important;
  }
}
@media screen and (max-width: 1440px) {
  .m-footerNav__segment {
    width: 25%;
  }
}
@media screen and (max-width: 1200px) {
  .m-footerNav__segment {
    width: 20%;
  }
}
@media screen and (max-width: 960px) {
  [data-rwd=true] .m-footerCorp {
    left: 32px;
  }
  [data-rwd=true] .m-footerNav {
    justify-content: flex-start;
    padding: 0 0 0 40%;
    margin: 0 0 -40px -20px;
  }
  [data-rwd=true] .m-footerNav__segment {
    width: 50%;
    padding-left: 20px;
    margin: 0 0 40px;
  }
}
@media screen and (max-width: 767px) {
  [data-rwd=true] .m-footerPagetop {
    right: 10px;
    bottom: 10px;
    width: 35px;
    height: 35px;
  }
  [data-rwd=true] .m-footerDisclaimer li {
    font-size: 1.2rem;
  }
  [data-rwd=true] .m-footerCopy {
    margin: 10px 0 0;
    text-align: left;
    letter-spacing: -0.04em;
  }
  [data-rwd=true] .m-footerLink__list {
    flex-wrap: nowrap;
    margin-left: 15px;
  }
  [data-rwd=true] .m-footerLink__list:first-child {
    margin-left: 0;
  }
  [data-rwd=true] .m-footerLink__item {
    margin-left: 15px;
  }
  [data-rwd=true] .m-footerLink__item:first-child {
    margin-left: 0;
  }
  [data-rwd=true] .m-footerLink a {
    font-size: 1rem;
  }
  [data-rwd=true] .m-footerLink a[data-type=arrow] {
    padding-left: 10px;
  }
  [data-rwd=true] .m-footerLink a[data-type=arrow] [data-ifont]::before {
    margin-top: -5px;
    transform: scale(0.6);
  }
  [data-rwd=true] .m-footerLink a[data-type=help] {
    padding-left: 15px;
  }
  [data-rwd=true] .m-footerLink a[data-type=help] [data-ifont]::before {
    margin-top: -6px;
    font-size: 1rem;
  }
  [data-rwd=true] .m-footerLink a:hover, [data-rwd=true] .m-footerLink a:focus {
    text-decoration: none;
    opacity: 1;
  }
  [data-rwd=true] .m-footerCorp {
    position: static;
    display: block;
    margin: 30px 0 0;
  }
  [data-rwd=true] .m-footerCorp__splogo {
    display: block;
    margin-bottom: 10px;
  }
  [data-rwd=true] .m-footerCorp__splogo > a {
    width: 158px;
  }
  [data-rwd=true] .m-footerCorp__splogo img {
    width: 158px;
  }
  [data-rwd=true] .m-footerCorp__logo {
    display: none;
    margin: 0 auto;
  }
  [data-rwd=true] .m-footerCorp__link {
    margin: 10px 0 0 0;
  }
  [data-rwd=true] .m-footerNav {
    display: block;
    padding: 0;
    margin: 0;
  }
  [data-rwd=true] .m-footerNav__segment {
    width: 100%;
    padding: 0;
    margin: 0;
  }
  [data-rwd=true] .m-footerNav__hdg {
    position: relative;
    padding: 20px 0;
    pointer-events: initial;
    cursor: pointer;
  }
  [data-rwd=true] .m-footerNav__hdg + * {
    margin-top: 0 !important;
  }
  [data-rwd=true] .m-footerNav__hdg::before, [data-rwd=true] .m-footerNav__hdg::after {
    position: absolute;
    top: 50%;
    content: "";
    background: #888;
    transition: 0.3s all ease;
  }
  [data-rwd=true] .m-footerNav__hdg::before {
    right: 5px;
    width: 12px;
    height: 2px;
    margin: -1px 0 0;
  }
  [data-rwd=true] .m-footerNav__hdg::after {
    right: 10px;
    width: 2px;
    height: 12px;
    margin: -6px 0 0;
  }
  [data-rwd=true] .m-footerNav__hdg.is-active::after {
    transform: rotate(90deg);
  }
  [data-rwd=true] .m-footerNav__list {
    height: 0;
    padding: 0;
    overflow: hidden;
    transition: 0.3s all ease;
  }
  [data-rwd=true] .m-footerNav__list.is-active {
    margin: 0 0 25px;
  }
  [data-rwd=true] .m-footerNav__list a::after {
    display: none;
  }
}
.l-spFooter {
  display: none;
}

@media screen and (max-width: 767px) {
  .is-responsive .l-footer {
    display: none;
  }
  .l-spFooter {
    position: sticky;
    bottom: 0;
    z-index: 101;
    background: rgba(255, 255, 255, 0.5);
    border-top: 1px solid #f2f1ea;
    -webkit-backdrop-filter: blur(15px);
    backdrop-filter: blur(15px);
  }
  .is-responsive .l-spFooter {
    display: block;
  }
  .l-spFooterList {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0 10px;
    padding: 0 20px;
  }
  .l-spFooterList__link {
    display: block;
    font-weight: normal;
    color: #292929;
    font-size: 1.2rem;
  }
  .l-spFooterList__link > span {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 79px;
    padding-top: 12px;
  }
  .l-spFooterList__link > span::before {
    margin-bottom: 3px;
    font-size: 2.2rem;
  }
  .l-spFooterList__link[data-type=logout] > span::before {
    content: "\f11e";
  }
  .l-spFooterList__link[data-type=dashboard] > span::before {
    content: "\f13e";
  }
  .l-spFooterList__link[data-type=dashboard].is-unread {
    position: relative;
  }
  .l-spFooterList__link[data-type=dashboard].is-unread::before {
    position: absolute;
    top: 6px;
    right: 34px;
    display: block;
    width: 12px;
    height: 12px;
    content: "";
    background: #f00;
    border: 2px solid #fff;
    border-radius: 100%;
  }
  .l-spFooterList__link[data-type=search] > span::before {
    content: "\f12e";
  }
}
/* ----------------------------------------------------------------------------
 * CONTENT
 * ------------------------------------------------------------------------- */
/* ------------------------------------
 * STRUCTURE
 * --------------------------------- */
.l-contentHead {
  margin: 0 0 60px;
}
.l-contentFoot {
  margin: 120px 0 0;
}
.l-contentBody {
  margin: 60px 0 120px;
}
.l-contentBody__inner {
  padding: 0 67px;
  margin: 0 auto;
}
.l-contentBody__inner[data-width=l] {
  max-width: 1720px;
}
.l-contentBody__inner[data-width=m] {
  max-width: 1574px;
}
.l-contentBody__inner[data-width=s] {
  max-width: 1424px;
}
.l-contentBody__inner[data-width=xs] {
  max-width: 692px;
}
.l-contentBody__inner[data-width=full] {
  width: 100%;
  padding: 0;
}
.l-contentSp {
  display: none;
}

@media screen and (max-width: 1440px) {
  .l-contentBody__inner {
    padding: 0 30px;
  }
}
@media screen and (max-width: 767px) {
  .l-contentBody {
    display: none;
  }
  .is-responsive .l-contentBody {
    display: block;
    margin: 24px 0 70px;
  }
  .l-contentBody__inner {
    padding: 0 20px;
  }
  .l-contentSp {
    display: block;
    margin: 30px 0 60px;
  }
  .is-responsive .l-contentSp {
    display: none;
  }
  .l-contentSp__inner {
    padding: 0 12px;
  }
}
/* ----------------------------------------------------------------------------
 * HEADING
 * ------------------------------------------------------------------------- */
/* ------------------------------------
 * GENERAL
 * --------------------------------- */
.m-hdg__hdg,
.m-hdg2__hdg,
.m-hdg3__hdg,
.m-hdg4__hdg {
  margin: 0;
  font-weight: bold;
}
.m-hdg[data-align=left],
.m-hdg2[data-align=left],
.m-hdg3[data-align=left],
.m-hdg4[data-align=left] {
  text-align: left;
}
.m-hdg[data-align=center],
.m-hdg2[data-align=center],
.m-hdg3[data-align=center],
.m-hdg4[data-align=center] {
  text-align: center;
}
.m-hdg[data-align=right],
.m-hdg2[data-align=right],
.m-hdg3[data-align=right],
.m-hdg4[data-align=right] {
  text-align: right;
}

/* ------------------------------------
 * HEADING1
 * --------------------------------- */
.m-hdg__hdg {
  line-height: 1;
  text-align: center;
  font-size: 3.2rem;
}
.m-hdg__txt {
  margin: 20px 0 0;
}
.m-hdg__txt em {
  font-weight: normal;
  color: #002aff;
}
.m-hdg__link {
  margin: 10px 0 0;
}
.m-hdg__link a {
  text-decoration: underline;
}
.m-hdg__link a::after {
  content: ">";
}
.m-hdg__link a:hover, .m-hdg__link a:focus {
  text-decoration: none;
}

@media screen and (max-width: 767px) {
  [data-rwd=true] .m-hdg__hdg {
    font-size: 2rem;
  }
  .pageUsersDashboard [data-rwd=true] .m-hdg__hdg {
    text-align: left;
    font-size: 1.8rem;
  }
  [data-rwd=true] .m-hdg__txt {
    margin-top: 15px;
    font-size: 1.4rem;
  }
}
/* ------------------------------------
 * HEADING2/3
 * --------------------------------- */
.m-hdg2__txt, .m-hdg2__link,
.m-hdg3__txt,
.m-hdg3__link {
  color: #4b4b4b;
  font-size: 1.4rem;
}
.m-hdg2__txt[data-align=left], .m-hdg2__link[data-align=left],
.m-hdg3__txt[data-align=left],
.m-hdg3__link[data-align=left] {
  text-align: left;
}
.m-hdg2__txt[data-align=center], .m-hdg2__link[data-align=center],
.m-hdg3__txt[data-align=center],
.m-hdg3__link[data-align=center] {
  text-align: center;
}
.m-hdg2__txt[data-align=right], .m-hdg2__link[data-align=right],
.m-hdg3__txt[data-align=right],
.m-hdg3__link[data-align=right] {
  text-align: right;
}
.m-hdg2__txt,
.m-hdg3__txt {
  color: #4b4b4b;
}
.m-hdg2__link a,
.m-hdg3__link a {
  text-decoration: underline;
}
.m-hdg2__link a::after,
.m-hdg3__link a::after {
  content: ">";
}
.m-hdg2__link a:hover, .m-hdg2__link a:focus,
.m-hdg3__link a:hover,
.m-hdg3__link a:focus {
  text-decoration: none;
}

/* ------------------------------------
 * HEADING2
 * --------------------------------- */
.m-hdg2 + * {
  margin-top: 40px;
}
.m-hdg2__hdg {
  font-size: 3.2rem;
}
.m-hdg2__txt, .m-hdg2__link {
  margin: 2px 0 0;
}
.m-hdg2__txt em {
  font-weight: normal;
  color: #002aff;
}

/* ------------------------------------
 * HEADING3
 * --------------------------------- */
.m-hdg3__hdg {
  font-size: 2.5rem;
}
.m-hdg3__hdg span {
  display: block;
  letter-spacing: 0.05em;
  font-size: 2rem;
}
.m-hdg3__txt, .m-hdg3__link {
  margin: 7px 0 0;
}

/* ------------------------------------
 * HEADING4
 * --------------------------------- */
.m-hdg4__hdg {
  font-size: 2rem;
}

/* ------------------------------------
 * DUMMY
 * --------------------------------- */
/* ----------------------------------------------------------------------------
 * HERO
 * ------------------------------------------------------------------------- */
/* ------------------------------------
 * GENERAL
 * --------------------------------- */
.m-hero {
  background: #8b8e90;
}
.m-hero__inner {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  max-width: 1574px;
  min-height: 210px;
  padding: 0 67px;
  margin: 0 auto;
}
.m-hero__hdg {
  margin: 0;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  text-align: center;
  font-size: 3.6rem;
}
.m-hero__hdg span {
  display: block;
  margin: 10px 0 0;
  font-size: 2.6rem;
}

/* ------------------------------------
 * DUMMY
 * --------------------------------- */
/* ----------------------------------------------------------------------------
 * TEXT
 * ------------------------------------------------------------------------- */
/* ------------------------------------
 * GENERAL
 * --------------------------------- */
.m-txt,
.m-txtS {
  line-height: 2;
}
.m-txt[data-align=left],
.m-txtS[data-align=left] {
  text-align: left;
}
.m-txt[data-align=center],
.m-txtS[data-align=center] {
  text-align: center;
}
.m-txt[data-align=right],
.m-txtS[data-align=right] {
  text-align: right;
}

/* NORMAL */
.m-txt {
  margin: 0;
}

/* SMALL */
.m-txtS {
  margin: 0;
  font-size: 1.4rem;
}

/* ------------------------------------
 * DUMMY
 * --------------------------------- */
/* ----------------------------------------------------------------------------
 * IMAGE
 * ------------------------------------------------------------------------- */
/* ------------------------------------
 * IMAGE
 * --------------------------------- */
.m-img {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.m-img__figure {
  display: block;
}
.m-img__caption {
  display: block;
  margin: 10px 0 0;
  font-size: 1.4rem;
}

/* ------------------------------------
 * IMAGE_LEFT / IMAGE_RIGHT
 * --------------------------------- */
.m-imgLeft,
.m-imgRight {
  display: flex;
  flex-wrap: nowrap;
}
.m-imgLeft__figure,
.m-imgRight__figure {
  width: 30%;
}
.m-imgLeft__figure img,
.m-imgRight__figure img {
  width: 100%;
}
.m-imgLeft__body,
.m-imgRight__body {
  width: 100%;
}
.m-imgLeft__body > *,
.m-imgRight__body > * {
  margin: 20px 0 0;
}
.m-imgLeft__body > *:first-child,
.m-imgRight__body > *:first-child {
  margin-top: 0 !important;
}
.m-imgLeft__body > .m-hdg3 + *,
.m-imgRight__body > .m-hdg3 + * {
  margin-top: 10px;
}
.m-imgLeft__body > .m-listBtn,
.m-imgRight__body > .m-listBtn {
  margin-top: 30px;
}

/* ------------------------------------
 * IMAGE_LEFT
 * --------------------------------- */
.m-imgLeft__figure {
  order: 1;
}
.m-imgLeft__body {
  order: 2;
  margin: 0 0 0 30px;
}

/* ------------------------------------
 * IMAGE_RIGHT
 * --------------------------------- */
.m-imgRight__figure {
  order: 2;
}
.m-imgRight__body {
  order: 1;
  margin: 0 30px 0 0;
}

/* ------------------------------------
 * DUMMY
 * --------------------------------- */
/* ----------------------------------------------------------------------------
 * BUTTON
 * ------------------------------------------------------------------------- */
/* ------------------------------------
 * GENERAL
 * --------------------------------- */
.m-btn,
.m-btnS,
.m-btnM,
.m-btnL {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 0 20px;
  font-weight: bold;
  color: #fff;
  border-radius: 45px;
  transition: 0.3s all ease;
}
.m-btn:hover, .m-btn:focus,
.m-btnS:hover,
.m-btnS:focus,
.m-btnM:hover,
.m-btnM:focus,
.m-btnL:hover,
.m-btnL:focus {
  opacity: 1;
}
.m-btn[data-color="1"],
.m-btnS[data-color="1"],
.m-btnM[data-color="1"],
.m-btnL[data-color="1"] {
  background-color: #f00;
}
.m-btn[data-color="1"]:hover, .m-btn[data-color="1"]:focus,
.m-btnS[data-color="1"]:hover,
.m-btnS[data-color="1"]:focus,
.m-btnM[data-color="1"]:hover,
.m-btnM[data-color="1"]:focus,
.m-btnL[data-color="1"]:hover,
.m-btnL[data-color="1"]:focus {
  box-shadow: 0 10px 20px rgba(255, 0, 0, 0.4);
}
.m-btn[data-color="2"],
.m-btnS[data-color="2"],
.m-btnM[data-color="2"],
.m-btnL[data-color="2"] {
  background-color: #ff7600;
}
.m-btn[data-color="2"]:hover, .m-btn[data-color="2"]:focus,
.m-btnS[data-color="2"]:hover,
.m-btnS[data-color="2"]:focus,
.m-btnM[data-color="2"]:hover,
.m-btnM[data-color="2"]:focus,
.m-btnL[data-color="2"]:hover,
.m-btnL[data-color="2"]:focus {
  box-shadow: 0 10px 20px rgba(255, 127, 80, 0.4);
}
.m-btn[data-color="3"],
.m-btnS[data-color="3"],
.m-btnM[data-color="3"],
.m-btnL[data-color="3"] {
  background-color: #002aff;
}
.m-btn[data-color="3"]:hover, .m-btn[data-color="3"]:focus,
.m-btnS[data-color="3"]:hover,
.m-btnS[data-color="3"]:focus,
.m-btnM[data-color="3"]:hover,
.m-btnM[data-color="3"]:focus,
.m-btnL[data-color="3"]:hover,
.m-btnL[data-color="3"]:focus {
  box-shadow: 0 10px 20px rgba(0, 127, 255, 0.4);
}
.m-btn[data-color="4"],
.m-btnS[data-color="4"],
.m-btnM[data-color="4"],
.m-btnL[data-color="4"] {
  background-color: #2dd3cf;
}
.m-btn[data-color="4"]:hover, .m-btn[data-color="4"]:focus,
.m-btnS[data-color="4"]:hover,
.m-btnS[data-color="4"]:focus,
.m-btnM[data-color="4"]:hover,
.m-btnM[data-color="4"]:focus,
.m-btnL[data-color="4"]:hover,
.m-btnL[data-color="4"]:focus {
  box-shadow: 0 10px 20px rgba(49, 191, 186, 0.4);
}
.m-btn[data-color="5"],
.m-btnS[data-color="5"],
.m-btnM[data-color="5"],
.m-btnL[data-color="5"] {
  background-color: #b0b1b2;
}
.m-btn[data-color="5"]:hover, .m-btn[data-color="5"]:focus,
.m-btnS[data-color="5"]:hover,
.m-btnS[data-color="5"]:focus,
.m-btnM[data-color="5"]:hover,
.m-btnM[data-color="5"]:focus,
.m-btnL[data-color="5"]:hover,
.m-btnL[data-color="5"]:focus {
  box-shadow: 0 10px 20px rgba(139, 142, 144, 0.4);
}
.m-btn[data-color="6"],
.m-btnS[data-color="6"],
.m-btnM[data-color="6"],
.m-btnL[data-color="6"] {
  color: #002aff;
  background-color: #fff;
}
.m-btn[data-color="6"]:hover, .m-btn[data-color="6"]:focus,
.m-btnS[data-color="6"]:hover,
.m-btnS[data-color="6"]:focus,
.m-btnM[data-color="6"]:hover,
.m-btnM[data-color="6"]:focus,
.m-btnL[data-color="6"]:hover,
.m-btnL[data-color="6"]:focus {
  box-shadow: 0 10px 20px rgb(224, 239, 255);
}
.m-btn[data-color="7"],
.m-btnS[data-color="7"],
.m-btnM[data-color="7"],
.m-btnL[data-color="7"] {
  background-color: #6f6f6f;
}
.m-btn[data-color="7"]:hover, .m-btn[data-color="7"]:focus,
.m-btnS[data-color="7"]:hover,
.m-btnS[data-color="7"]:focus,
.m-btnM[data-color="7"]:hover,
.m-btnM[data-color="7"]:focus,
.m-btnL[data-color="7"]:hover,
.m-btnL[data-color="7"]:focus {
  box-shadow: 0 10px 20px rgba(139, 142, 144, 0.4);
}
.m-btn[disabled],
.m-btnS[disabled],
.m-btnM[disabled],
.m-btnL[disabled] {
  color: #8b8e90;
  cursor: default;
  background: #cbcdce;
}
.m-btn[disabled]:hover, .m-btn[disabled]:focus,
.m-btnS[disabled]:hover,
.m-btnS[disabled]:focus,
.m-btnM[disabled]:hover,
.m-btnM[disabled]:focus,
.m-btnL[disabled]:hover,
.m-btnL[disabled]:focus {
  box-shadow: none;
}
.m-btn[disabled] *[data-type=arrow]::before,
.m-btnS[disabled] *[data-type=arrow]::before,
.m-btnM[disabled] *[data-type=arrow]::before,
.m-btnL[disabled] *[data-type=arrow]::before {
  border-top-color: #8b8e90;
  border-right-color: #8b8e90;
}
.m-btn [data-type=arrow]::before,
.m-btnS [data-type=arrow]::before,
.m-btnM [data-type=arrow]::before,
.m-btnL [data-type=arrow]::before {
  position: absolute;
  top: 50%;
  right: 20px;
  width: 8px;
  height: 8px;
  margin: -4px 0 0;
  content: "";
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(45deg);
}
.m-btn [data-type=return]::before,
.m-btnS [data-type=return]::before,
.m-btnM [data-type=return]::before,
.m-btnL [data-type=return]::before {
  position: absolute;
  top: 50%;
  left: 20px;
  width: 7px;
  height: 7px;
  margin: -4px 0 0;
  content: "";
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(-135deg);
}
.m-btn [data-type=add]::before,
.m-btnS [data-type=add]::before,
.m-btnM [data-type=add]::before,
.m-btnL [data-type=add]::before {
  position: absolute;
  top: calc(50% - 1px);
  right: 20px;
  width: 14px;
  height: 2px;
  content: "";
  background: #fff;
}
.m-btn [data-type=add]::after,
.m-btnS [data-type=add]::after,
.m-btnM [data-type=add]::after,
.m-btnL [data-type=add]::after {
  position: absolute;
  top: calc(50% - 1px);
  right: 20px;
  width: 14px;
  height: 2px;
  content: "";
  background: #fff;
  transform: rotate(90deg);
}
.m-btn[data-type=sub],
.m-btnS[data-type=sub],
.m-btnM[data-type=sub],
.m-btnL[data-type=sub] {
  font-size: 1.4rem;
}

/* NORMAL */
.m-btn {
  height: 50px;
}

/* SIZE_L */
.m-btnL {
  height: 90px;
  font-size: 2rem;
}

/* SIZE_M */
.m-btnM {
  height: 46px;
  font-size: 1.6rem;
}

/* SIZE_S */
.m-btnS {
  height: 36px;
  font-size: 1.2rem;
}

/* ------------------------------------
 * CALENDAR
 * --------------------------------- */
.m-btnCalendar,
.m-btnCalendar--s {
  width: 50px;
  height: 50px;
  overflow: hidden;
  text-indent: -999em;
  background: #002aff;
  border: none;
  border-radius: 50%;
}

.m-btnCalendar--s {
  width: 35px;
  height: 35px;
}

/* ------------------------------------
 * ADD
 * --------------------------------- */
.m-btnAdd {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-end;
  justify-content: center;
  width: 50px;
  height: 50px;
  padding: 0 0 10px;
  overflow: hidden;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  background: #002aff;
  border: none;
  border-radius: 50%;
  font-size: 1.2rem;
}
.m-btnAdd::before, .m-btnAdd::after {
  position: absolute;
  content: "";
  background: #fff;
  border-radius: 5px;
}
.m-btnAdd::before {
  top: 16px;
  left: 19px;
  width: 12px;
  height: 2px;
}
.m-btnAdd::after {
  top: 11px;
  left: 24px;
  width: 2px;
  height: 12px;
}
.m-btnAdd:hover, .m-btnAdd:focus {
  box-shadow: 0 10px 20px rgba(0, 127, 255, 0.4);
  opacity: 1;
}

/* ------------------------------------
 * MORE
 * --------------------------------- */
.m-btnMore,
.m-btnMore--s {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  height: 46px;
  padding: 0 50px 0 45px;
  font-weight: bold;
  color: #fff;
  background: #002aff;
  border-radius: 45px;
  font-size: 1.8rem;
}
.m-btnMore:hover, .m-btnMore:focus,
.m-btnMore--s:hover,
.m-btnMore--s:focus {
  box-shadow: 0 20px 30px rgba(54, 87, 255, 0.33);
}
.m-btnMore[data-ifont]::before,
.m-btnMore--s[data-ifont]::before {
  position: absolute;
  top: 50%;
  right: 22px;
  margin: -7px 0 0;
  content: "\f131";
  font-size: 1.4rem;
}

.m-btnMore--s {
  padding: 0 40px 0 25px;
  font-size: 1.6rem;
}

.m-txtBtnDel {
  position: relative;
  padding-right: 22px;
  font-weight: bold;
  color: #6f6f6f;
  background: transparent;
}
.m-txtBtnDel::before, .m-txtBtnDel::after {
  position: absolute;
  top: 50%;
  right: 0;
  display: block;
  width: 16px;
  height: 2px;
  margin: 0 0 0 -8px;
  content: "";
  background: currentColor;
  border-radius: 15px;
}
.m-txtBtnDel::before {
  transform: rotate(-45deg);
}
.m-txtBtnDel::after {
  transform: rotate(-135deg);
}

.initialButton {
  font-style: inherit;
  background: transparent;
}

@media screen and (max-width: 767px) {
  .m-btn {
    height: 56px;
  }
  .m-btn,
  .m-btnM,
  .m-btnL {
    font-size: 1.4rem;
  }
  .m-btnS {
    height: 24px;
    font-size: 1rem;
  }
}
/* ----------------------------------------------------------------------------
 * FORM
 * ------------------------------------------------------------------------- */
/* ------------------------------------
 * TEXTBOX
 * --------------------------------- */
.m-frmTextbox input {
  width: 100%;
  height: 50px;
  padding: 0 10px;
  font-weight: normal;
  line-height: 50px;
  background: #fff;
  border: 1px solid #cbcdce;
  border-radius: 3px;
}
.m-frmTextbox input:disabled {
  background: #cbcdce;
  border-color: #cbcdce;
}
.m-frmTextbox.is-error input {
  border-color: #f00;
}
.m-frmTextbox[data-type=search] {
  position: relative;
}
.m-frmTextbox[data-type=search][data-ifont]::before {
  position: absolute;
  top: 50%;
  right: 20px;
  z-index: -1;
  margin: -10px 0 0;
  content: "\f12e";
  font-size: 2rem;
}
.m-frmTextbox[data-type=search] input {
  padding-right: 60px;
  background: transparent;
}
.m-frmTextbox[data-size=s], .m-frmTextbox[data-type=dashboard] {
  position: relative;
}
.m-frmTextbox[data-size=s] input, .m-frmTextbox[data-type=dashboard] input {
  height: 35px;
  padding-right: 50px;
  line-height: 35px;
  border-radius: 7px;
  font-size: 1.4rem;
}
.m-frmTextbox[data-type=dashboard] .m-frmTextbox__submit {
  position: absolute;
  top: 0;
  right: 0;
  width: 50px;
  height: 35px;
  color: transparent;
  background: transparent;
  border: none;
  border-radius: 0 7px 7px 0;
}
.m-frmTextbox[data-type=dashboard] .m-frmTextbox__submit [data-ifont] {
  position: relative;
}
.m-frmTextbox[data-type=dashboard] .m-frmTextbox__submit [data-ifont]::before {
  position: absolute;
  top: 50%;
  right: 15px;
  margin: -9px 0 0;
  color: #292929;
  content: "\f12e";
  font-size: 1.8rem;
}
.m-frmTextbox[data-type=dashboard] .m-frmTextbox__tooltip {
  position: absolute;
  top: -125px;
  left: 0;
  padding: 20px;
  background-color: #fff;
  border-radius: 7px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  opacity: 0;
  transition: all 0.3s;
  font-size: 1.4rem;
}
.m-frmTextbox[data-type=dashboard]:hover .m-frmTextbox__tooltip {
  opacity: 1;
}

/* ------------------------------------
 * SELECTBOX
 * --------------------------------- */
.m-frmSelect {
  position: relative;
  background: #fff;
}
.m-frmSelect__btn {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 50px;
  padding: 0 50px 0 10px;
  font-weight: normal;
  line-height: 50px;
  color: #292929;
  text-align: left;
  cursor: default;
  background: transparent;
  border: 1px solid #cbcdce;
  border-radius: 3px;
}
.m-frmSelect__btn::before {
  position: absolute;
  top: 50%;
  right: 20px;
  width: 8px;
  height: 8px;
  margin: -6px 0 0 -4px;
  content: "";
  border-top: 2px solid #292929;
  border-right: 2px solid #292929;
  transform: rotate(135deg);
}
.m-frmSelect__btn:hover, .m-frmSelect__btn:focus {
  opacity: 1;
}
.m-frmSelect__btn span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  pointer-events: none;
}
.m-frmSelect__btn.is-active {
  color: #292929;
}
.is-error .m-frmSelect__btn {
  border-color: #f00;
}
.m-frmSelect__btn.is-disabled, .m-frmSelect__btn[disabled] {
  pointer-events: none;
  background: #cbcdce;
  border-color: #cbcdce;
  color: #8b8e90;
  cursor: default;
}
.m-frmSelect__btn.is-disabled::before, .m-frmSelect__btn[disabled]::before {
  border-top: 2px solid #8b8e90;
  border-right: 2px solid #8b8e90;
}
.m-frmSelect__list {
  position: absolute;
  top: 100%;
  left: -10px;
  z-index: -1;
  width: 100%;
  max-height: 400px;
  margin: -5px 0 0;
  overflow: auto;
  visibility: hidden;
  background: #fff;
  border-radius: 3px;
  box-shadow: 0 10px 20px rgba(0, 98, 255, 0.4);
  opacity: 0;
  transition: 0.3s all ease;
}
.m-frmSelect__list--w120 {
  width: 120px;
}
.m-frmSelect__list.is-active {
  z-index: 10;
  margin-top: 0;
  visibility: initial;
  opacity: 1;
}
.m-frmSelect__listItem {
  overflow: hidden;
}
.m-frmSelect__listItem__btn {
  display: block;
  width: 100%;
  height: 28px;
  padding: 0 10px 0 25px;
  overflow: hidden;
  line-height: 28px;
  text-align: left;
  white-space: nowrap;
  background: none;
  font-size: 1.4rem;
}
.m-frmSelect__listItem__btn:hover, .m-frmSelect__listItem__btn:focus {
  background: #e0efff;
  opacity: 1;
}
.m-frmSelect__listItem__btn.is-selected {
  position: relative;
  pointer-events: none;
  background: #e0efff;
}
.m-frmSelect__listItem__btn.is-selected::after {
  position: absolute;
  top: 50%;
  left: 8px;
  width: 11px;
  height: 6px;
  margin: -4px 0 0;
  content: "";
  border-bottom: 1px solid #292929;
  border-left: 1px solid #292929;
  border-radius: 0;
  transform: rotate(-45deg);
}
.m-frmSelect__listItem__btn span {
  pointer-events: none;
}
.m-frmSelect[data-size=s] .m-frmSelect__btn {
  height: 35px;
  line-height: 20px !important;
  white-space: nowrap;
  font-size: 1.4rem;
}

/* ------------------------------------
 * TEXTAREA
 * --------------------------------- */
.m-frmTextarea textarea {
  width: 100%;
  min-height: 140px;
  padding: 12px 10px;
  font-weight: normal;
  line-height: 1.4;
  resize: vertical;
  background: #fff;
  border: 1px solid #cbcdce;
  border-radius: 3px;
}
.m-frmTextarea--reference textarea {
  min-height: 50px;
}
.m-frmTextarea.is-error textarea {
  border-color: #f00;
}

/* ------------------------------------
 * RADIO/CHECKBOX
 * --------------------------------- */
.m-frmRadio,
.m-frmCheck {
  position: relative;
  padding: 0 0 0 25px;
}
.m-frmRadio--noCheck,
.m-frmCheck--noCheck {
  padding: 0;
}
.m-frmRadio__label,
.m-frmCheck__label {
  display: block;
  font-weight: normal;
  line-height: 1;
}
.m-frmRadio__label::before, .m-frmRadio__label::after,
.m-frmCheck__label::before,
.m-frmCheck__label::after {
  position: absolute;
  top: 50%;
  content: "";
  transition: 0.3s all ease;
}
.m-frmRadio__label::before,
.m-frmCheck__label::before {
  left: 0;
  width: 17px;
  height: 17px;
  margin: -8px 0 0;
  border: 2px solid #cbcdce;
}
.m-frmRadio__label[data-size=s],
.m-frmCheck__label[data-size=s] {
  letter-spacing: 0;
  font-size: 1.4rem;
}
.m-frmRadio__label--noCheck::before,
.m-frmCheck__label--noCheck::before {
  display: none;
}
.m-frmRadio__input,
.m-frmCheck__input {
  position: absolute;
  z-index: -1;
  visibility: hidden;
}
.m-frmRadio__help,
.m-frmCheck__help {
  position: relative;
  top: 2px;
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-left: 3px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22a%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20id%3D%22b%22%20d%3D%22M8%2C0C3.59-.01%2C.01%2C3.55%2C0%2C7.96c0%2C.01%2C0%2C.03%2C0%2C.04-.01%2C4.41%2C3.55%2C7.99%2C7.96%2C8%2C.01%2C0%2C.03%2C0%2C.04%2C0%2C4.41%2C.01%2C7.99-3.55%2C8-7.96%2C0-.01%2C0-.03%2C0-.04C16.01%2C3.59%2C12.45%2C.01%2C8.04%2C0c-.01%2C0-.03%2C0-.04%2C0Zm0%2C14.42c-3.54-.01-6.41-2.88-6.42-6.42%2C.01-3.54%2C2.88-6.41%2C6.42-6.42%2C3.54%2C.01%2C6.41%2C2.88%2C6.42%2C6.42-.01%2C3.54-2.88%2C6.41-6.42%2C6.42Zm-.79-3.23h1.58v1.62h-1.58v-1.62Zm1.28-7.96c-1.56-.25-3.07%2C.69-3.53%2C2.21-.13%2C.37%2C.06%2C.77%2C.43%2C.9%2C.08%2C.03%2C.16%2C.04%2C.24%2C.04h.16c.33%2C0%2C.61-.22%2C.71-.53%2C.27-.75%2C1.06-1.19%2C1.84-1.01%2C.78%2C.18%2C1.31%2C.89%2C1.28%2C1.69-.08%2C1.06-1.32%2C1.28-2%2C2.3v.04c-.07%2C.15-.15%2C.26-.22%2C.41t-.04%2C.07v.04c-.11%2C.33-.16%2C.67-.15%2C1.01h1.58c.01-.3%2C.09-.6%2C.22-.87%2C.04%2C0%2C.04-.04%2C.04-.07%2C.07-.11%2C.14-.21%2C.22-.3%2C.02%2C0%2C.04-.02%2C.04-.04h0c.08-.1%2C.17-.19%2C.26-.26%2C.79-.75%2C1.8-1.31%2C1.58-2.85-.18-1.41-1.26-2.54-2.67-2.78Z%22%20style%3D%22fill%3A%23292929%3B%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}
.m-frmRadio__help__tooltip,
.m-frmCheck__help__tooltip {
  position: absolute;
  bottom: -10px;
  left: 30px;
  width: 140px;
  padding: 15px 12px 12px;
  color: #fff;
  visibility: hidden;
  background: rgba(41, 41, 41, 0.7);
  border-radius: 7px;
  opacity: 0;
  transition: 0.3s all ease;
  font-size: 1.4rem;
}
.m-frmRadio__help:hover .m-frmCheck__help__tooltip, .m-frmRadio__help:focus .m-frmCheck__help__tooltip,
.m-frmCheck__help:hover .m-frmCheck__help__tooltip,
.m-frmCheck__help:focus .m-frmCheck__help__tooltip {
  z-index: 0;
  visibility: visible;
  opacity: 1;
}

.m-frmRadio__label::before, .m-frmRadio__label::after {
  border-radius: 50%;
}
.m-frmRadio__label::after {
  left: 5px;
  width: 7px;
  height: 7px;
  margin: -3px 0 0;
  background: #cbcdce;
  opacity: 0;
}
.m-frmRadio__input:checked + .m-frmRadio__label::before {
  border-color: #002aff;
}
.m-frmRadio__input:checked + .m-frmRadio__label::after {
  background-color: #002aff;
  opacity: 1;
}

.m-frmCheck__label::before, .m-frmCheck__label::after {
  border-radius: 2px;
}
.m-frmCheck__label::after {
  top: 4px;
  left: 3px;
  display: none;
  width: 11px;
  height: 6px;
  content: "";
  border-bottom: 2px solid #000;
  border-left: 2px solid #000;
  border-radius: 0;
  transform: rotate(-45deg);
}
.m-frmCheck__label[data-size=s] {
  font-size: 1.4rem;
}
.m-frmCheck__label[data-size=s]::after {
  top: 3px;
}
.m-frmCheck__input:checked + .m-frmCheck__label::before {
  background: #002aff;
  border-color: #002aff;
}
.m-frmCheck__input:checked + .m-frmCheck__label::after {
  display: block;
  border-bottom-color: #fff;
  border-left-color: #fff;
}
.m-frmCheck__user {
  position: absolute;
  top: 50%;
  left: 30px;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  margin: -25px 0 0;
  overflow: hidden;
  color: #fff;
  text-align: center;
  letter-spacing: 0.22em;
  object-fit: cover;
  background: #4b4b4b;
  border-radius: 50%;
  font-size: 1.4rem;
}
.m-frmCheck__user span {
  position: relative;
  left: 1px;
}
.m-frmCheck[data-type=user] {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  min-height: 50px;
  padding-left: 90px;
}
.m-frmCheck[data-type=user] .m-frmCheck__label::after {
  top: 21px;
}
.m-frmCheck[data-type=agree] .m-frmCheck__label {
  line-height: 1.5;
  font-size: 1.4rem;
}
.m-frmCheck[data-type=agree] .m-frmCheck__label::before {
  top: 9px;
}
.m-frmCheck[data-type=agree] .m-frmCheck__label::after {
  top: 5px;
}
.m-frmCheck[data-type=agree] .m-frmCheck__label a {
  text-decoration: underline;
}
.m-frmCheck[data-type=agree] .m-frmCheck__label a:hover, .m-frmCheck[data-type=agree] .m-frmCheck__label a:focus {
  text-decoration: none;
}
.m-frmCheck__body {
  height: 0;
  overflow: hidden;
}
.m-frmCheck__body .m-frmTextarea {
  margin-top: 10px;
}
.m-frmCheck__body--comment {
  height: auto;
  min-height: 140px;
  overflow: visible;
}
.m-frmCheck__body--reference {
  height: auto;
  overflow: visible;
}

/* ------------------------------------
 * LABEL
 * --------------------------------- */
.m-frmLabel {
  display: flex;
  flex-wrap: wrap;
  align-self: center;
}
.m-frmLabel__text {
  display: block;
  min-height: 19px;
  margin: 0 5px 0 0;
  font-weight: normal;
  line-height: 1;
  font-size: 1.4rem;
}
.m-frmLabel__text b {
  color: #6f6f6f;
}
.m-frmLabel__link {
  display: block;
  min-height: 19px;
  margin: 10px 5px 0 0;
  font-weight: normal;
  line-height: 1;
  font-size: 1.2rem;
}
.m-frmLabel__tag {
  position: relative;
  top: -2px;
  height: 19px;
  padding: 3px 5px;
  font-weight: normal;
  line-height: 1;
  letter-spacing: 0;
  background: #fff;
  border: 1px solid #292929;
  border-radius: 3px;
  font-size: 1rem;
}
.m-frmLabel__tag[data-type=any] {
  color: #fff;
  background: #8b8e90;
  border-color: #8b8e90;
}
.m-frmLabel__tag[data-type=require] {
  color: #f00;
  border-color: #f00;
}
.m-frmLabel__tag[data-type=recommend] {
  color: #002aff;
  border-color: #002aff;
}

/* ------------------------------------
 * SUBTEXT
 * --------------------------------- */
.m-frmText,
.m-frmText--l {
  margin: 8px 0 0;
}
.m-frmText strong,
.m-frmText--l strong {
  font-weight: normal;
  color: #f00;
}
.m-frmText__sub,
.m-frmText--l__sub {
  padding: 0 0 0 5px;
  font-size: 1.2rem;
}
.m-frmText__img,
.m-frmText--l__img {
  position: absolute;
  top: 50%;
  left: 0;
  width: 45px;
  height: 35px;
  margin: -17px 0 0;
}
.m-frmText__img img,
.m-frmText--l__img img {
  width: 45px;
  height: 35px;
  object-fit: cover;
  border: 1px solid #f8f8f8;
}
.m-frmText[data-type=img], .m-frmText[data-type=file],
.m-frmText--l[data-type=img],
.m-frmText--l[data-type=file] {
  position: relative;
  display: flex;
  align-items: center;
  font-weight: bold;
  line-height: 1.5;
}
.m-frmText[data-type=img],
.m-frmText--l[data-type=img] {
  min-height: 35px;
  padding: 0 0 0 60px;
}
.m-frmText[data-type=file],
.m-frmText--l[data-type=file] {
  padding: 0 0 0 30px;
}
.m-frmText[data-type=file]::before,
.m-frmText--l[data-type=file]::before {
  position: absolute;
  top: 10px;
  left: 3px;
  margin: -11px 0 0;
  content: "\f142";
  font-size: 2.2rem;
}

.m-frmText {
  font-weight: normal;
  line-height: 1.5;
  color: #8b8e90;
  letter-spacing: 0.1em;
  font-size: 1.2rem;
}
.m-frmText--sub {
  margin-left: 20px;
}
.m-frmText--black {
  color: #292929;
}
.m-frmText--blackL {
  font-weight: bold;
  color: #292929;
  font-size: 1.6rem;
}

.m-frmText--l {
  font-weight: 500;
  line-height: 1.2;
  font-size: 1.6rem;
}

/* ------------------------------------
 * FILE
 * --------------------------------- */
.m-frmUpload[data-type=icon] {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  height: 60px;
  padding: 0 0 0 70px;
}
.m-frmUpload[data-type=icon] .m-frmUpload__label {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
}
.m-frmUpload[data-type=icon] .m-frmUpload__input input {
  display: none;
}
.m-frmUpload[data-type=icon] .m-frmUpload__ttl {
  font-weight: 500;
  line-height: 1;
  color: #002aff;
}
.m-frmUpload[data-type=icon] .m-frmUpload__txt {
  margin: 10px 0 0;
  font-weight: normal;
  line-height: 1;
  color: #8b8e90;
  font-size: 1.1rem;
}
.m-frmUpload[data-type=icon] .m-frmUpload__icn {
  position: absolute;
  top: 50%;
  left: 0;
  min-width: 60px;
  max-width: 60px;
  min-height: 60px;
  max-height: 60px;
  margin: -30px 0 0;
  overflow: hidden;
  background: #b0b1b2;
  border-radius: 50%;
}
.m-frmUpload[data-type=icon] .m-frmUpload__icn > [data-ifont] {
  position: relative;
  z-index: 1;
  display: block;
  width: 60px;
  height: 60px;
}
.m-frmUpload[data-type=icon] .m-frmUpload__icn > [data-ifont]::before, .m-frmUpload[data-type=icon] .m-frmUpload__icn > [data-ifont]::after {
  position: absolute;
  width: 100%;
}
.m-frmUpload[data-type=icon] .m-frmUpload__icn > [data-ifont]::before {
  bottom: 7px;
  left: 1px;
  z-index: 2;
  color: #fff;
  text-align: center;
  content: "\f13a";
  font-size: 1.2rem;
}
.m-frmUpload[data-type=icon] .m-frmUpload__icn > [data-ifont]::after {
  bottom: 0;
  left: 0;
  z-index: 1;
  height: 24px;
  content: "";
  background: #292929;
}
.m-frmUpload[data-type=icon] .m-frmUpload__icn > [data-ifont] > [data-ifont] {
  position: relative;
  z-index: 1;
  display: block;
}
.m-frmUpload[data-type=icon] .m-frmUpload__icn > [data-ifont] > [data-ifont]::before {
  position: absolute;
  width: 100%;
  color: #fff;
  text-align: center;
}
.m-frmUpload[data-type=icon] .m-frmUpload__icn > [data-ifont] > [data-ifont][data-type=user]::before {
  top: 8px;
  content: "\f12d";
  font-size: 2.2rem;
}
.m-frmUpload[data-type=icon] .m-frmUpload__icn > [data-ifont] > [data-ifont][data-type=corp]::before {
  top: 7px;
  content: "\f13b";
  font-size: 2.4rem;
}
.m-frmUpload[data-type=icon] .m-frmUpload__icn > [data-ifont] img {
  position: relative;
  z-index: 2;
  width: 60px;
  height: 60px;
  object-fit: cover;
}
.m-frmUpload[data-type=icon] .m-frmUpload__icn > [data-ifont] img[src=""] {
  opacity: 0;
  transition: none;
}
.m-frmUpload[data-type=material] {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  padding: 10px 0 0 35px;
}
.m-frmUpload[data-type=material] .m-frmUpload__label {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
}
.m-frmUpload[data-type=material] .m-frmUpload__input input {
  display: none;
}
.m-frmUpload[data-type=material] .m-frmUpload__ttl {
  position: relative;
  font-weight: 500;
  line-height: 1;
  color: #002aff;
  text-decoration: underline;
  font-size: 1.4rem;
}
.m-frmUpload[data-type=material] .m-frmUpload__ttl::after {
  position: absolute;
  top: 50%;
  left: -35px;
  z-index: 0;
  min-width: 27px;
  max-width: 27px;
  min-height: 27px;
  max-height: 27px;
  margin: -13px 0 0;
  content: "";
  background: #002aff;
  border-radius: 50%;
}
.m-frmUpload[data-type=material] .m-frmUpload__ttl[data-ifont]::before {
  position: absolute;
  top: 50%;
  left: -35px;
  z-index: 1;
  width: 28px;
  margin: -7px 0 0;
  color: #fff;
  text-align: center;
  font-size: 1.4rem;
}
.m-frmUpload[data-type=material] .m-frmUpload__ttl[data-ifont][data-type=photo]::before {
  content: "\f13a";
}
.m-frmUpload[data-type=material] .m-frmUpload__ttl[data-ifont][data-type=file]::before {
  content: "\f142";
}
.m-frmUpload[data-type=material] .m-frmUpload__txt {
  margin: 10px 0 0;
  font-weight: normal;
  line-height: 1;
  color: #8b8e90;
  font-size: 1.1rem;
}

/* ------------------------------------
 * LIST
 * --------------------------------- */
.m-frmList > li {
  position: relative;
  padding: 0 0 0 1.2em;
  margin: 15px 0 0;
  font-weight: bold;
  line-height: 1.3;
}
.m-frmList > li::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "●";
}

/* ------------------------------------
 * AGREE
 * --------------------------------- */
.m-frmApproval {
  margin: 25px 0 0 !important;
}
.m-frmApproval__el {
  display: table;
  margin: 0 auto;
}
.m-frmApproval__el * {
  font-weight: bold !important;
  color: #292929 !important;
}
.m-frmApproval__txt {
  margin: 15px 0 0;
  line-height: 1;
  text-align: center;
  font-size: 1.2rem;
}
.m-frmApproval__error {
  position: relative;
}
.m-frmApproval__error .m-frmApproval__txt {
  position: absolute;
  top: -35px;
  left: 2px;
  margin: 0;
  color: #f00;
}

/* ------------------------------------
 * GROUP
 * --------------------------------- */
.m-frmGroup {
  display: flex;
  flex-wrap: wrap;
  margin: 5px 0 0 -30px;
}
.m-frmGroup .has-tooltip {
  position: relative;
}
.m-frmGroup .has-tooltip:hover .m-frmGroup__tooltip {
  opacity: 1;
  visibility: visible;
}
.m-frmGroup.has-tooltip {
  position: relative;
}
.m-frmGroup.has-tooltip:hover .m-frmGroup__tooltip {
  opacity: 1;
  visibility: visible;
}
.m-frmGroup__tooltip {
  position: absolute;
  top: 0;
  left: 0;
  translate: 0 calc(-100% - 6px);
  padding: 20px;
  background-color: #fff;
  border-radius: 7px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  opacity: 0;
  transition: all 0.3s;
  visibility: hidden;
  font-size: 1.4rem;
}
.m-frmGroup__tooltip--offset {
  translate: 30px calc(-100% - 6px);
}
.m-frmGroup__item {
  padding: 0 0 0 30px;
  margin: 0 0 8px 0;
}
.m-frmGroup__item > * {
  margin: 8px 0 0;
}
.m-frmGroup__item > *:first-child {
  margin-top: 0 !important;
}
.m-frmGroup__item .m-listRadio {
  padding-top: 10px;
}
.m-frmGroup__item .m-listCheckbox {
  padding-top: 5px;
}
.m-frmGroup__item .m-frmUpload {
  margin-top: 15px;
}
.m-frmGroup__item[data-col="1"] {
  width: 100%;
}
.m-frmGroup__item[data-col="2"] {
  width: 50%;
}
.m-frmGroup__item[data-col="3"] {
  width: 33.3333333333%;
}
.m-frmGroup__item[data-col=flex] {
  padding-left: 15px;
}
.m-frmGroup__item__subHdg {
  margin-left: 20px;
  font-size: 1.4rem;
}
.m-frmGroup[data-type=full] > * {
  width: 100%;
}
.m-frmGroup[data-type=reverse] {
  flex-direction: row-reverse;
}
.m-frmGroup[data-type=flex] {
  display: block;
  margin: 15px 0 0 0;
}
.m-frmGroup[data-type=flex] .m-frmTextbox input {
  height: 35px;
  line-height: 35px;
}
.m-frmGroup[data-type=flex] .m-frmTextbox input[data-height=normal] {
  height: 50px;
  line-height: 50px;
}
.m-frmGroup[data-type=flex] .m-frmSelect__btn {
  height: 35px;
  line-height: 35px;
  font-size: 1.3rem;
}
.m-frmGroup[data-type=flex] .m-frmGroup__segment--s {
  margin-top: 10px;
}
.m-frmGroup[data-type=flex] .m-frmGroup__segment {
  margin: 20px 0 0;
}
.m-frmGroup[data-type=flex] .m-frmGroup__segment, .m-frmGroup[data-type=flex] .m-frmGroup__segment--s {
  display: flex;
  flex-wrap: nowrap;
}
.m-frmGroup[data-type=flex] .m-frmGroup__segment:first-child, .m-frmGroup[data-type=flex] .m-frmGroup__segment--s:first-child {
  margin-top: 0;
}
.m-frmGroup[data-type=flex] .m-frmGroup__item {
  width: 100%;
  padding: 0;
  margin: 0 0 0 30px;
}
.m-frmGroup[data-type=flex] .m-frmGroup__item:first-child {
  padding-left: 0;
  margin-left: 0;
}
.m-frmGroup[data-type=flex] .m-frmGroup__item[data-col=flex] {
  width: auto;
  min-width: 110px;
}
.m-frmGroup[data-type=flex] .m-frmGroup__item[data-col=flex] + .m-frmGroup__item {
  margin-top: -8px;
}
.m-frmGroup[data-type=flex] .m-frmGroup__item[data-col=flex] + .m-frmGroup__item[data-height=normal] {
  margin-top: 0;
}
.m-frmGroup[data-type=flex] .m-frmGroup__item[data-col=flex] .m-frmCheck {
  top: 0;
}
.m-frmGroup[data-type=flex] .m-frmGroup__item[data-col=flex][data-width=auto] {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  min-width: inherit;
}
.m-frmGroup[data-type=flex] .m-frmGroup__item[data-col=multi], .m-frmGroup[data-type=flex] .m-frmGroup__item[data-col=stock] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
}
.m-frmGroup[data-type=flex] .m-frmGroup__item[data-col=multi] > *, .m-frmGroup[data-type=flex] .m-frmGroup__item[data-col=stock] > * {
  padding: 0 0 0 8px;
  margin: 0;
}
.m-frmGroup[data-type=flex] .m-frmGroup__item[data-col=multi] > *:first-child, .m-frmGroup[data-type=flex] .m-frmGroup__item[data-col=stock] > *:first-child {
  padding-left: 0;
}
.m-frmGroup[data-type=flex] .m-frmGroup__item[data-col=multi] .m-frmTextbox,
.m-frmGroup[data-type=flex] .m-frmGroup__item[data-col=multi] .m-frmSelect, .m-frmGroup[data-type=flex] .m-frmGroup__item[data-col=stock] .m-frmTextbox,
.m-frmGroup[data-type=flex] .m-frmGroup__item[data-col=stock] .m-frmSelect {
  width: 146px;
}
.m-frmGroup[data-type=flex] .m-frmGroup__item[data-col=multi] .m-frmLabel, .m-frmGroup[data-type=flex] .m-frmGroup__item[data-col=stock] .m-frmLabel {
  min-width: 120px;
}
.m-frmGroup[data-type=flex] .m-frmGroup__item[data-col=multi] .m-frmText, .m-frmGroup[data-type=flex] .m-frmGroup__item[data-col=stock] .m-frmText {
  width: 100%;
  margin: 8px 0 0;
}
.m-frmGroup[data-type=flex] .m-frmGroup__item[data-col=stock] {
  align-items: flex-start;
  width: 400px;
}
.m-frmGroup[data-type=flex] .m-frmGroup__item[data-col=stock] .m-frmLabel {
  position: relative;
  top: 10px;
}
.m-frmGroup[data-type=flex] .m-frmGroup__item[data-col=stock] .m-frmTextbox {
  margin-right: 10px;
}
.m-frmGroup[data-type=flex] .m-frmGroup__item[data-col=stock] .m-frmGroup__body {
  display: flex;
  flex-wrap: wrap;
  width: 200px;
  margin-bottom: 5px;
}
.m-frmGroup[data-type=flex] .m-frmGroup__txt {
  font-weight: normal;
}
.m-frmGroup[data-type=flex] .m-frmGroup__ttl {
  min-width: 110px;
}
.m-frmGroup[data-type=flex].is-flex {
  display: flex;
  flex-wrap: wrap;
  gap: 15px 30px;
}
.m-frmGroup[data-type=flex].is-flex .m-frmGroup__segment {
  margin-top: 0;
}
.m-frmGroup[data-type=flex].is-flex .m-frmGroup__segment.is-other {
  width: 100%;
}
.m-frmGroup[data-type=flex].is-flex .m-frmGroup__segment.is-other .m-frmGroup__item {
  width: auto;
  margin-top: 0;
}
.m-frmGroup[data-type=flex].is-flex .m-frmGroup__segment.is-other .m-frmGroup__item:first-child {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  min-width: inherit;
}
.m-frmGroup[data-type=flex].is-flex .m-frmTextbox input {
  height: 50px;
  line-height: 50;
}

@media screen and (min-width: 768px) {
  .m-frmRadio__label .sp,
  .m-frmCheck__label .sp {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  [data-rwd=true] .m-frmTextbox input {
    height: 48px;
    line-height: 48px;
    font-size: 1.6rem;
  }
  [data-rwd=true] .m-frmTextbox[data-size=s] input, [data-rwd=true] .m-frmTextbox[data-type=dashboard] input {
    height: 48px;
    line-height: 48px;
    font-size: 1.6rem;
  }
  [data-rwd=true] .m-frmTextbox[data-type=dashboard] .m-frmTextbox__tooltip {
    top: 55px;
    z-index: 10;
    pointer-events: none;
  }
  [data-rwd=true] .m-frmTextbox[data-type=dashboard] .m-frmTextbox__submit {
    height: 48px;
  }
  [data-rwd=true] .m-frmGroup__item[data-col="2"] {
    width: 100%;
  }
  [data-rwd=true] .m-frmGroup__item__subHdg {
    margin-left: 0;
  }
  [data-rwd=true] .m-frmGroup[data-type=flex] {
    width: calc(100% - 30px);
  }
  [data-rwd=true] .m-frmGroup[data-type=flex] .m-frmGroup__segment.is-other {
    flex-direction: column;
  }
  [data-rwd=true] .m-frmGroup[data-type=flex] .m-frmGroup__segment.is-other .m-frmGroup__item + .m-frmGroup__item {
    margin-top: 8px;
  }
  [data-rwd=true] .m-frmGroup[data-type=flex].is-flex {
    gap: 16px 12px;
  }
  [data-rwd=true] .m-frmGroup[data-type=flex] .m-frmTextbox input {
    height: 50px;
    line-height: 50px;
  }
  [data-rwd=true] .m-frmSelect {
    border-radius: 7px;
  }
  [data-rwd=true] .m-frmSelect[data-size=s] .m-frmSelect__btn {
    height: 48px;
    line-height: 48px;
  }
  [data-rwd=true] .m-frmRadio,
  [data-rwd=true] .m-frmCheck {
    padding: 0 0 0 22px;
  }
  [data-rwd=true] .m-frmRadio__label,
  [data-rwd=true] .m-frmCheck__label {
    font-size: 1.4rem;
  }
}
.form-error {
  border-color: #f00 !important;
}

.error-message {
  margin-top: 8px;
  color: #f00;
  font-size: 1.2rem;
}

/* ----------------------------------------------------------------------------
 * LIST
 * ------------------------------------------------------------------------- */
/* ------------------------------------
 * BULLET_LIST
 * --------------------------------- */
.m-listBullet > li {
  position: relative;
  padding: 0 0 0 30px;
}
.m-listBullet > li::before {
  position: absolute;
  top: 3px;
  left: 0;
  color: #002aff;
  content: "●";
  font-size: 1.4rem;
}

/* ------------------------------------
 * ORDER_LIST
 * --------------------------------- */
.m-listOrder > li {
  position: relative;
  padding: 0 0 0 30px;
}
.m-listOrder__sym {
  position: absolute;
  top: 3px;
  left: 0;
  font-family: "Lato", sans-serif;
  font-weight: bold;
  color: #002aff;
  letter-spacing: 0;
  font-size: 1.4rem;
}

/* ------------------------------------
 * RADIO_LIST / CHECKBOX_LIST
 * --------------------------------- */
.m-listRadio__item,
.m-listCheckbox__item {
  margin: 20px 0 0;
  margin-top: 20px;
}
.m-listRadio__item:first-child,
.m-listCheckbox__item:first-child {
  margin-top: 0;
}
.m-listRadio[data-col="2"],
.m-listCheckbox[data-col="2"] {
  display: flex;
  flex-wrap: wrap;
  margin: -15px 0 0 -20px !important;
}
.m-listRadio[data-col="2"] .m-listRadio__item,
.m-listRadio[data-col="2"] .m-listCheckbox__item,
.m-listCheckbox[data-col="2"] .m-listRadio__item,
.m-listCheckbox[data-col="2"] .m-listCheckbox__item {
  width: 50%;
  padding: 0 0 0 20px;
  margin: 20px 0 0;
}
.m-listRadio[data-col=flex],
.m-listCheckbox[data-col=flex] {
  display: flex;
  flex-wrap: wrap;
  margin-top: -20px !important;
}
.m-listRadio[data-col=flex] .m-listRadio__item,
.m-listRadio[data-col=flex] .m-listCheckbox__item,
.m-listCheckbox[data-col=flex] .m-listRadio__item,
.m-listCheckbox[data-col=flex] .m-listCheckbox__item {
  margin: 20px 25px 0 0;
}
.m-listRadio[data-col=flex] .m-listRadio__item:last-child,
.m-listRadio[data-col=flex] .m-listCheckbox__item:last-child,
.m-listCheckbox[data-col=flex] .m-listRadio__item:last-child,
.m-listCheckbox[data-col=flex] .m-listCheckbox__item:last-child {
  margin-right: 0;
}
.m-listRadio[data-col=flex][data-margin=narrow] .m-listRadio__item,
.m-listRadio[data-col=flex][data-margin=narrow] .m-listCheckbox__item,
.m-listCheckbox[data-col=flex][data-margin=narrow] .m-listRadio__item,
.m-listCheckbox[data-col=flex][data-margin=narrow] .m-listCheckbox__item {
  margin-right: 15px;
}

/* ------------------------------------
 * NEWS_LIST
 * --------------------------------- */
.m-listNews__item {
  padding: 15px 0;
  border-bottom: 1px solid #cbcdce;
}
.m-listNews__item:first-child {
  padding-top: 0;
}
.m-listNews__inner {
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-start;
  justify-content: space-between;
  color: #292929;
}
.m-listNews__inner:hover, .m-listNews__inner:focus {
  opacity: 1;
}
.m-listNews__date {
  min-width: 260px;
  max-width: 260px;
  letter-spacing: 0;
  font-size: 1.4rem;
}
.m-listNews__date em {
  position: relative;
  top: -1px;
  display: inline-block;
  height: 23px;
  padding: 0 10px;
  margin: 0 0 0 10px;
  line-height: 21px;
  color: #fff;
  border-radius: 15px;
  font-size: 1.2rem;
}
.m-listNews__date em[data-label=new] {
  background: #ff7600;
}
.m-listNews__body {
  width: 100%;
  margin: 0 0 0 30px;
}

/* ------------------------------------
 * QA_LIST
 * --------------------------------- */
.m-listQa__item {
  margin: 20px 0 0;
  overflow: hidden;
  background: #fff;
  border: 1px solid #f2f1ea;
  border-radius: 7px;
}
.m-listQa__item:first-child {
  margin-top: 0;
}
.m-listQa__head {
  position: relative;
}
.m-listQa__body {
  position: relative;
  padding: 45px 30px 45px 90px;
  border-top: 1px solid #f2f1ea;
}
.m-listQa__btn {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  width: 100%;
  min-height: 70px;
  padding: 10px 90px;
  font-weight: bold;
  line-height: 1.5;
  text-align: left;
  background: #fff;
  font-size: 2rem;
}
.m-listQa__btn:hover, .m-listQa__btn:focus {
  opacity: 1;
}
.m-listQa__btn::before, .m-listQa__btn::after {
  position: absolute;
  top: 50%;
  content: "";
  background: #002aff;
  border-radius: 15px;
  transition: 0.3s all ease;
}
.m-listQa__btn::before {
  right: 34px;
  width: 16px;
  height: 2px;
  margin: -1px 0 0;
}
.m-listQa__btn::after {
  right: 41px;
  width: 2px;
  height: 16px;
  margin: -8px 0 0;
}
.m-listQa__btn.is-active::after {
  transform: rotate(-90deg);
}
.m-listQa__txt {
  line-height: 2;
}

/* ------------------------------------
 * BUTTON_LIST
 * --------------------------------- */
.m-listBtn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.m-listBtn li {
  width: 100%;
  max-width: 264px;
  margin: 10px 0 0;
}
.m-listBtn li:first-child {
  margin-top: 0;
}
.m-listBtn[data-size=s] li {
  max-width: 110px;
}
.m-listBtn[data-type=row] {
  flex-direction: column;
}
.m-listBtn[data-type=col] li {
  width: 50%;
  margin: 0 0 0 30px;
}
.m-listBtn[data-type=col] li:first-child {
  margin-left: 0;
}
.m-listBtn[data-align=left] {
  justify-content: flex-start;
}
.m-listBtn[data-align=right] {
  justify-content: flex-end;
}

/* ------------------------------------
 * STEP_LIST
 * --------------------------------- */
.m-listStep__inner {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  color: #292929;
}
.m-listStep__inner:hover .m-listStep__body, .m-listStep__inner:focus .m-listStep__body {
  box-shadow: 0 20px 30px rgba(55, 56, 57, 0.14);
}
.m-listStep__inner:hover .m-listStep__btn .m-btn, .m-listStep__inner:focus .m-listStep__btn .m-btn {
  box-shadow: 0 10px 20px rgba(0, 127, 255, 0.4);
}
.m-listStep__img {
  width: 50%;
}
.m-listStep__img img {
  width: 100%;
}
.m-listStep__body {
  position: relative;
  width: 50%;
  padding: 65px 30px 50px;
  background: #fff;
  border-radius: 7px;
  transition: 0.3s all ease;
}
.m-listStep__hdg {
  margin: 0 0 25px;
  line-height: 1.2;
  font-size: 3.2rem;
}
.m-listStep__hdg span {
  position: absolute;
  top: -0.6em;
  line-height: 1;
  color: #002aff;
  letter-spacing: 0;
  font-size: 10rem;
}
.m-listStep__txt {
  line-height: 2;
}
.m-listStep__btn {
  max-width: 264px;
  margin: 30px auto 0;
}
.m-listStep__item {
  margin: 40px 0 0;
}
.m-listStep__item:first-child {
  margin-top: 0;
}
.m-listStep__item:nth-child(odd) .m-listStep__img {
  order: 2;
}
.m-listStep__item:nth-child(odd) .m-listStep__body {
  order: 1;
  margin-right: -30px;
}
.m-listStep__item:nth-child(odd) .m-listStep__hdg span {
  left: 30px;
}
.m-listStep__item:nth-child(even) .m-listStep__img {
  order: 1;
}
.m-listStep__item:nth-child(even) .m-listStep__body {
  order: 2;
  margin-left: -30px;
}
.m-listStep__item:nth-child(even) .m-listStep__hdg span {
  right: 30px;
}

/* ------------------------------------
 * TITLE_LIST
 * --------------------------------- */
.m-listTitle {
  border-bottom: 1px solid #cbcdce;
}
.m-listTitle__item {
  display: flex;
  flex-wrap: nowrap;
  padding: 50px 30px;
  border-top: 1px solid #cbcdce;
}
.m-listTitle__head {
  min-width: 265px;
  max-width: 265px;
}
.m-listTitle__body {
  width: 100%;
  margin: 0 0 0 30px;
}
.m-listTitle__body > * {
  margin: 20px 0 0;
}
.m-listTitle__body > *:first-child {
  margin-top: 0;
}
.m-listTitle__ttl {
  display: block;
  font-weight: bold;
  color: #002aff;
  font-size: 2rem;
}
.m-listTitle__hdg {
  margin: 0 0 15px;
  line-height: 1.2;
  font-size: 3.2rem;
}
.m-listTitle__grid {
  display: flex;
  flex-wrap: wrap;
  margin: 0 0 -30px -30px;
}
.m-listTitle__gridItem {
  width: 33.3333333333%;
  padding: 0 0 0 30px;
  margin: 0 0 30px;
}

/* ------------------------------------
 * FEATURE_LIST
 * --------------------------------- */
.m-listFeature {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
}
.m-listFeature__head {
  min-width: 440px;
  max-width: 440px;
}
.m-listFeature__body {
  width: 100%;
  margin: 0 0 0 30px;
  border-bottom: 1px solid #cbcdce;
}
.m-listFeature__item {
  padding: 75px 30px 75px 0;
  border-top: 1px solid #cbcdce;
}
.m-listFeature__hdg {
  font-weight: bold;
  line-height: 1.2;
  color: #002aff;
  letter-spacing: 0;
  font-size: 6rem;
}
.m-listFeature__hdg--lv4 {
  line-height: 1.4;
  font-size: 2rem;
}
.m-listFeature__txt {
  margin: 15px 0 0;
  line-height: 2;
  font-size: 1.4rem;
}

/* ------------------------------------
 * BUYER_LIST
 * --------------------------------- */
.m-listBuyer {
  padding: 10px 0 0;
  margin: 0 0 20px;
}
.m-listBuyer__item {
  position: relative;
  padding: 0 0 0 25px;
  margin: 15px 0 0;
}
.m-listBuyer__item:first-child {
  margin-top: 0;
}
.m-listBuyer__btn {
  position: absolute;
  top: 50%;
  left: 0;
  width: 18px;
  height: 18px;
  margin: -9px 0 0;
  overflow: hidden;
  text-indent: -999em;
  background: #585858;
  border-radius: 50%;
}
.m-listBuyer__btn::before {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 8px;
  height: 2px;
  margin: -1px 0 0 -4px;
  content: "";
  background: #fff;
}

/* ------------------------------------
 * UPLOAD_LIST
 * --------------------------------- */
.m-listUpload + .m-listUpload {
  margin-top: 12px;
}
.m-listUpload__item {
  display: flex;
  margin: 12px 0 0;
  line-height: 1.4;
}
.m-listUpload__item:first-child {
  margin-top: 0;
}
.m-listUpload__item .m-btn {
  flex-shrink: 0;
  width: 50px;
  height: 32px;
  padding: 0;
  margin-left: 8px;
  font-size: 1.2rem;
}
.m-listUpload__inner {
  position: relative;
  flex-grow: 1;
  padding: 3px 0 0 30px;
}
.m-listUpload__name, .m-listUpload__size {
  font-weight: bold;
}
.m-listUpload__size {
  position: relative;
  display: inline-block;
  padding: 0 30px 0 5px;
  font-size: 1.2rem;
}
.m-listUpload__size::before {
  position: absolute;
  top: 3px;
  right: 7px;
  z-index: 1;
  width: 13px;
  height: 7px;
  content: "";
  border-bottom: 2px solid #fff;
  border-left: 2px solid #fff;
  border-radius: 0;
  transform: rotate(-45deg);
}
.m-listUpload__size::after {
  position: absolute;
  top: -3px;
  right: 0;
  display: inline-block;
  width: 27px;
  height: 27px;
  margin: -2px 0 0 5px;
  content: "";
  background: #2dd3cf;
  border-radius: 50%;
}

@media screen and (max-width: 767px) {
  .m-listRadio__item,
  .m-listCheckbox__item {
    margin: 16px 0 0;
  }
  .m-listRadio__item:first-child,
  .m-listCheckbox__item:first-child {
    margin-top: 0;
  }
}
/* ----------------------------------------------------------------------------
 * CARD
 * ------------------------------------------------------------------------- */
/* ------------------------------------
 * GENERAL
 * --------------------------------- */
.m-card {
  display: flex;
  flex-wrap: wrap;
  margin: 0 0 -60px -30px;
}
.m-card__item {
  padding: 0 0 0 30px;
  margin: 0 0 60px 0;
}
.m-card__inner {
  display: block;
  height: 100%;
  color: #292929;
  background: #fff;
  border: 1px solid #f8f8f8;
  border-radius: 7px;
}
.m-card__inner:hover, .m-card__inner:focus {
  box-shadow: 0 20px 30px rgba(55, 56, 57, 0.14);
}
.m-card__img {
  margin: 0 0 20px;
}
.m-card__img img {
  width: 100%;
}
.m-card__body > * {
  margin: 20px 0 0;
}
.m-card__body > *:first-child {
  margin-top: 0 !important;
}
.m-card__body > .m-hdg3 + * {
  margin-top: 10px;
}
.m-card[data-col="2"] .m-card__item {
  width: 50%;
}
.m-card[data-col="2"] .m-card__inner {
  padding: 40px 60px;
}
.m-card[data-col="3"] .m-card__item {
  width: 33.3333333333%;
}
.m-card[data-col="3"] .m-card__inner {
  padding: 30px;
}
.m-card[data-col="4"] .m-card__item {
  width: 25%;
}
.m-card[data-col="4"] .m-card__inner {
  padding: 20px;
}

/* ------------------------------------
 * DUMMY
 * --------------------------------- */
/* ----------------------------------------------------------------------------
 * GRID
 * ------------------------------------------------------------------------- */
/* ------------------------------------
 * GENERAL
 * --------------------------------- */
.m-grid {
  display: flex;
  flex-wrap: wrap;
  margin: 0 0 -50px -30px;
}
.m-grid__item {
  padding: 0 0 0 30px;
  margin: 0 0 50px;
}
.m-grid__inner {
  display: block;
  height: 100%;
  color: #292929;
}
.m-grid a.m-grid__inner:hover .m-btn[data-color="3"],
.m-grid a.m-grid__inner:hover .m-btnS[data-color="3"], .m-grid a.m-grid__inner:focus .m-btn[data-color="3"],
.m-grid a.m-grid__inner:focus .m-btnS[data-color="3"] {
  box-shadow: 0 10px 20px rgba(0, 127, 255, 0.4);
}
.m-grid a.m-grid__inner:hover .m-btn[data-color="6"],
.m-grid a.m-grid__inner:hover .m-btnS[data-color="6"], .m-grid a.m-grid__inner:focus .m-btn[data-color="6"],
.m-grid a.m-grid__inner:focus .m-btnS[data-color="6"] {
  box-shadow: 0 10px 20px rgb(224, 239, 255);
}
.m-grid__img {
  margin: 0 0 20px;
}
.m-grid__img img {
  width: 100%;
}
.m-grid__body > * {
  margin: 20px 0 0;
}
.m-grid__body > *:first-child {
  margin-top: 0 !important;
}
.m-grid__body > .m-hdg3 + * {
  margin-top: 10px;
}
.m-grid[data-col="2"] .m-grid__item {
  width: 50%;
}
.m-grid[data-col="3"] .m-grid__item {
  width: 33.3333333333%;
}
.m-grid[data-col="4"] .m-grid__item {
  width: 25%;
}

/* ------------------------------------
 * DUMMY
 * --------------------------------- */
/* ----------------------------------------------------------------------------
 * TABLE
 * ------------------------------------------------------------------------- */
/* ------------------------------------
 * GENERAL
 * --------------------------------- */
.m-tbl {
  display: block;
}
.m-tbl thead,
.m-tbl tbody,
.m-tbl tr,
.m-tbl th,
.m-tbl td {
  display: block;
  width: 100%;
}
.m-tbl tbody tr {
  display: flex;
  flex-wrap: nowrap;
}
.m-tbl tbody tr th,
.m-tbl tbody tr td {
  padding: 23px 0;
}
.m-tbl tbody tr th {
  min-width: 260px;
  max-width: 260px;
  font-weight: bold;
  color: #002aff;
  text-align: left;
  border-bottom: 1px solid #002aff;
}
.m-tbl tbody tr td {
  width: 100%;
  margin: 0 0 0 30px;
  border-bottom: 1px solid #e0efff;
}

/* ------------------------------------
 * DUMMY
 * --------------------------------- */
/* ----------------------------------------------------------------------------
 * MODAL
 * ------------------------------------------------------------------------- */
/* ------------------------------------
 * GENERAL
 * --------------------------------- */
.m-modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2000;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
}
.m-modalContent {
  position: relative;
  z-index: 1;
  box-sizing: 0 10px 16px rgba(30, 35, 41, 0.2);
  width: 100%;
  max-width: 618px;
  max-height: calc(100vh - 40px);
  overflow: auto;
  background: #fff;
  border-radius: 7px;
}
.m-modalContent--pdf {
  max-width: 800px;
}
.m-modalContent__inner {
  padding: 30px;
}
.m-modalClose {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 26px;
  height: 26px;
  overflow: hidden;
  text-indent: -999em;
  background: transparent;
}
.m-modalClose::before, .m-modalClose::after {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 16px;
  height: 2px;
  margin: -1px 0 0 -8px;
  content: "";
  background: #292929;
  border-radius: 15px;
}
.m-modalClose::before {
  transform: rotate(-45deg);
}
.m-modalClose::after {
  transform: rotate(-135deg);
}
.m-modalFileDownLoad {
  position: absolute;
  top: 5px;
  right: 40px;
  display: block;
  font-size: 12px;
}
.m-modalFileDownLoad::before {
  color: #000;
  content: "\f149";
  margin-right: 5px;
}
.m-modalBtn {
  display: table;
  width: 100%;
  max-width: 264px;
  margin: 30px auto 0;
}
.m-modalBtn__item {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 10px 0 0;
}
.m-modalBtn__item:first-child {
  margin-top: 0;
}
.m-modalLayer {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.m-modalConfirm {
  display: flex;
  padding: 22px 0;
}
.m-modalConfirm:not(:first-child) {
  border-top: 1px dotted #ced2d5;
}
.m-modalConfirm__heading {
  flex: 0 0 120px;
  margin-right: 26px;
  font-weight: bold;
  color: #6f6f6f;
}
.m-modalConfirm__contents {
  font-weight: 500;
}
.m-modalStep {
  margin: 0 0 40px;
}
.m-modalStep__list {
  display: flex;
}
.m-modalStep__list > li {
  position: relative;
  display: flex;
  flex-direction: column;
  line-height: 1.25;
  color: #ced2d5;
  text-align: center;
  font-size: 1.2rem;
}
.m-modalStep__list > li::before {
  position: absolute;
  top: 15px;
  right: 50%;
  display: block;
  width: 100%;
  height: 3px;
  content: "";
  background: #ced2d5;
}
.m-modalStep__list > li:first-child::before {
  display: none;
}
.m-modalStep__list > li .mark {
  position: relative;
  z-index: 1;
  display: block;
  width: 34px;
  height: 34px;
  margin: 0 auto 10px;
  background-color: #ced2d5;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22a%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218%22%20height%3D%2214%22%20viewBox%3D%220%200%2018%2014%22%3E%3Cpath%20id%3D%22b%22%20d%3D%22M5.58%2C11.36L1.81%2C7.45c-.42-.42-1.09-.42-1.51%2C0-.4%2C.44-.4%2C1.13%2C0%2C1.56l4.52%2C4.64c.37%2C.43%2C1.01%2C.47%2C1.42%2C.09%2C.03-.03%2C.06-.06%2C.09-.09L17.7%2C1.88c.4-.44%2C.4-1.13%2C0-1.56-.42-.42-1.09-.42-1.51%2C0L5.58%2C11.36Z%22%20style%3D%22fill%3A%23fff%3B%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: center center;
  border-radius: 100%;
}
.m-modalStep__list > li .text {
  display: flex;
  flex-grow: 1;
  align-items: center;
  justify-content: center;
  padding: 0 10px;
}
.m-modalStep__list > li.is-current {
  color: #191919;
}
.m-modalStep__list > li.is-current::before {
  background-color: #002aff;
}
.m-modalStep__list > li.is-current .mark {
  background-color: #002aff;
}
.m-modalStep__list[data-col="4"] > li {
  width: 25%;
}
.m-modalStep__list[data-col="5"] > li {
  width: 20%;
}
.u-profileGrid__item .m-modalStep__list[data-col="5"] > li .text {
  padding-right: 0;
  padding-left: 0;
}
.m-modalBodyForm {
  padding: 30px 30px 40px;
  margin: 20px 0 0;
  background: #fff;
  filter: drop-shadow(0 10px 20px rgba(139, 142, 144, 0.4));
  border-radius: 7px;
}
.m-modalBodyForm + .m-modalBodyForm {
  margin-top: 20px;
}
.m-modalBodyForm > *:first-child {
  margin-top: 0;
}
.m-modalBodyForm--noShadow {
  position: relative;
  z-index: 1;
  padding-bottom: 30px;
  filter: none;
}
.m-modalBodyForm__hdg {
  margin: 50px 0 20px;
  font-weight: bold;
  font-size: 2.5rem;
}
.m-modalBodyForm__hdg:first-child {
  margin-top: 0;
}
.m-modalBodyForm__hdg + .u-registForm__segment {
  margin-top: 25px;
}
.m-modalBodyForm__sub {
  font-size: 1.2rem;
}
.m-modalBodyForm__txt {
  font-size: 1.4rem;
}
.m-modalBodyForm .u-profileBtn {
  margin-top: 40px;
}
.m-modalBodyForm .u-chooseInput {
  padding: 0;
}
.m-modalBodyForm .u-chooseInput__ttl {
  font-weight: bold;
}
.m-modalBodyForm__info_item {
  display: flex;
  flex-flow: row nowrap;
}
.m-modalBodyForm__info_item div {
  margin: 10px 0;
  overflow: hidden;
  text-overflow: ellipsis;
}
.m-modalBodyForm__info_item_head {
  width: 100px;
  font-weight: 700;
  font-size: 1.4rem;
}
.m-modalBodyForm__info_item_text {
  width: 26em;
  max-height: 10em;
  font-size: 1.4rem;
}
.m-modalBodyForm__info_item[data-role] {
  min-height: 24px;
}
.m-modalBodyForm__info_item[data-role][data-ifont]::before {
  margin: 9px;
  font-size: 2.4rem;
}
.m-modalBodyForm__info_item[data-role=s][data-ifont]::before {
  color: #2dd3cf;
  content: "\f139";
}
.m-modalBodyForm__info_item[data-role=m][data-ifont]::before {
  color: #6f6f6f;
  content: "\f15f";
}
.m-modalComplete__hdg, .m-modalComplete__txt {
  line-height: 1;
  text-align: center;
}
.m-modalComplete__hdg {
  font-weight: bold;
  font-size: 3.2rem;
}
.m-modalComplete__txt {
  margin: 30px 0 0;
  font-size: 1.4rem;
}
.m-modalComplete .u-profileBtn {
  max-width: 264px;
  margin: 30px auto 0;
}
.m-modal[data-type=choose] .m-modalContent {
  background: #f8f8f8;
}
.m-modal[data-type=delete] {
  visibility: hidden;
}
.m-modal[data-type=delete] .m-modalContent {
  max-width: 324px;
}
.m-modal[data-type=delete] [data-align=left] {
  text-align: left;
}
.m-modal[data-type=delete] [data-align=center] {
  text-align: center;
}
.m-modal[data-type=delete] [data-align=right] {
  text-align: right;
}
.m-modal[data-type=addMember] {
  visibility: hidden;
}
.m-modal[data-type=addMember] [data-align=left] {
  text-align: left;
}
.m-modal[data-type=addMember] [data-align=center] {
  text-align: center;
}
.m-modal[data-type=addMember] [data-align=right] {
  text-align: right;
}
.m-modal[data-type=addMember] .m-modalBody__hdg {
  margin-bottom: 20px;
  font-weight: bold;
  font-size: 3.2rem;
}
.m-modal[data-type=addMember] .m-modalBody__sub {
  margin-bottom: 30px;
}
.m-modal[data-type=addMember] .m-modalContent__inner {
  background: #f8f8f8;
}
.m-modal[data-type=addMember] .m-modalBody__inner {
  padding: 40px 30px;
  background: #fff;
  border-radius: 7px;
}
.m-modal[data-type=shipping] {
  visibility: hidden;
  opacity: 0;
}
.m-modal[data-type=shipping] [data-align=left] {
  text-align: left;
}
.m-modal[data-type=shipping] [data-align=center] {
  text-align: center;
}
.m-modal[data-type=shipping] [data-align=right] {
  text-align: right;
}
.m-modal[data-type=shipping] .m-modalBody__hdg {
  margin-bottom: 20px;
  font-weight: bold;
  font-size: 3.2rem;
}
.m-modal[data-type=shipping] .m-frmGroup__item--date {
  width: 60%;
}
.m-modal[data-type=shipping] .m-frmGroup__item--date .m-frmTextbox {
  position: relative;
}
.m-modal[data-type=shipping] .m-frmGroup__item--date .m-frmTextbox[data-ifont]::before {
  position: absolute;
  top: 50%;
  right: 10px;
  z-index: -1;
  margin: -9px 0 0;
  content: "\f112";
  font-size: 1.6rem;
}
.m-modal[data-type=shipping] .m-frmGroup__item--date .m-frmTextbox[data-ifont] input {
  background: transparent;
}
.m-modal[data-type=shipping] .m-frmGroup__item--date .m-frmTextbox .react-datepicker__input-container::before {
  display: none;
}
.m-modal[data-type=supplierRequest], .m-modal[data-type=whiteList] {
  visibility: hidden;
  opacity: 0;
}
.m-modal[data-type=supplierRequest] [data-align=left], .m-modal[data-type=whiteList] [data-align=left] {
  text-align: left;
}
.m-modal[data-type=supplierRequest] [data-align=center], .m-modal[data-type=whiteList] [data-align=center] {
  text-align: center;
}
.m-modal[data-type=supplierRequest] [data-align=right], .m-modal[data-type=whiteList] [data-align=right] {
  text-align: right;
}
.m-modal[data-type=supplierRequest] .m-modalContent, .m-modal[data-type=whiteList] .m-modalContent {
  background-color: #f8f8f8;
}
.m-modal[data-type=supplierRequest] .m-modalBody__hdg, .m-modal[data-type=whiteList] .m-modalBody__hdg {
  margin-bottom: 20px;
  font-weight: bold;
  font-size: 3.2rem;
}
.m-modal[data-type=supplierRequest] .u-chooseConfirm, .m-modal[data-type=whiteList] .u-chooseConfirm {
  visibility: hidden;
  opacity: 0;
}
.m-modal[data-type=message] {
  visibility: hidden;
  opacity: 0;
}
.m-modal[data-type=message] [data-align=left] {
  text-align: left;
}
.m-modal[data-type=message] [data-align=center] {
  text-align: center;
}
.m-modal[data-type=message] [data-align=right] {
  text-align: right;
}
.m-modal[data-type=message] p {
  font-weight: bold;
  font-size: 1.8rem;
}
.m-modal[data-type=message] p a {
  text-decoration: underline;
}
.m-modal[data-type=message] p a:hover {
  text-decoration: none;
}
.m-modal[data-type=message] .m-modalContent__note {
  font-size: 1.6rem;
  margin-top: 10px;
}
.m-modal[data-type=message] .m-modalClose {
  top: 10px;
  right: 10px;
}
.m-modal[data-type=preview] .m-modalClose {
  top: 5px;
  right: 5px;
}
.m-modal[data-type=fileUpload] .m-modalContent {
  max-width: 800px;
}
.m-modal[data-type=fileUpload] .m-modalSelection {
  display: grid;
  grid-template-columns: repeat(2, minmax(200px, 1fr));
  gap: 12px;
}
.m-modal[data-type=fileUpload] .m-modalSelection:not(:last-child) {
  margin-bottom: 12px;
}
@media (max-width: 587px) {
  .m-modal[data-type=fileUpload] .m-modalSelection {
    grid-template-columns: repeat(1, minmax(200px, 1fr));
  }
  .m-modal[data-type=fileUpload] .m-modalSelection:not(:last-child) {
    margin-bottom: 24px;
  }
}
.m-modal[data-type=fileUpload] .m-modalSelection__item {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}
@media (max-width: 587px) {
  .m-modal[data-type=fileUpload] .m-modalSelection__item {
    justify-content: center;
  }
}
.m-modal[data-type=fileUpload] .m-modalSelection__item:last-child {
  justify-content: flex-end;
}
@media (max-width: 587px) {
  .m-modal[data-type=fileUpload] .m-modalSelection__item:last-child {
    justify-content: center;
  }
}
.m-modal[data-type=fileUpload] .m-modalRadioGroup {
  display: flex;
  align-items: center;
  gap: 4px;
}
.m-modal[data-type=fileUpload] .m-frmRadio__error {
  flex-basis: 100%;
  flex-grow: 1;
  flex-shrink: 0;
  text-align: end;
  color: #FF0000;
  font-size: 1rem;
}
.m-modal[data-type=fileUpload] .m-frmRadio__input:disabled {
  pointer-events: none;
}
.m-modal[data-type=fileUpload] .m-frmRadio__input:disabled + label {
  color: #b0b1b2;
  cursor: not-allowed;
}
.m-modal[data-type=fileUpload] .m-frmSubmitButton {
  display: block;
  margin-inline: auto;
  background-color: #2dd3cf;
  padding: 1rem 2rem;
  border-radius: 50em;
  color: #FFF;
  min-width: 200px;
}
.m-modal[data-type=invalidFiles] .m-modalInvalidFiles > * {
  margin-bottom: 1rem;
  text-align: center;
}
.m-modalText {
  color: #FF0000;
  font-weight: bold;
  margin-top: 1rem;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .m-modal {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100dvh;
    padding: 20px;
  }
  .m-modalContent {
    max-height: calc(100dvh - 40px);
    margin: auto;
  }
  .m-modalContent__inner {
    padding: 30px 20px 34px;
  }
  .m-modal[data-type=shipping] .m-modalBody__hdg, .m-modal[data-type=supplierRequest] .m-modalBody__hdg, .m-modal[data-type=whiteList] .m-modalBody__hdg {
    margin-bottom: 16px;
    font-size: 2rem;
  }
  .m-modal[data-type=shipping] .m-frmGroup[data-type=flex] {
    width: 100% !important;
  }
  .m-modal[data-type=shipping] .m-frmGroup[data-type=flex] .m-frmGroup__item--short {
    min-width: 80px;
    padding-top: 6px;
    text-align: right;
  }
  .m-modal[data-type=shipping] .m-frmGroup[data-type=flex] .m-frmText--sub {
    margin-left: 34px;
  }
  .m-modal[data-type=shipping] .m-frmGroup__item--date {
    width: auto;
    margin-left: 5px;
  }
  .m-modalBodyForm {
    padding: 24px 16px;
  }
  .m-modalBodyForm + .m-modalBodyForm {
    margin-top: 14px;
  }
  .m-modalBodyForm--noShadow {
    padding: 16px;
  }
  .m-modalBodyForm__hdg {
    font-size: 1.6rem;
  }
  .m-modalBodyForm .u-profileBtn {
    margin-top: 30px;
  }
  .m-modalBodyForm__info_item_text {
    font-size: 1.3rem;
  }
  .m-modalStep {
    margin: 0 0 20px;
  }
  .m-modalStep__list > li .mark {
    width: 30px;
    height: 30px;
  }
  .m-modalStep__list > li .text {
    font-size: 1rem;
  }
  .m-modalConfirm {
    flex-direction: column;
    padding: 30px 0 12px;
  }
  .m-modalConfirm:first-child {
    padding-top: 0;
  }
  .m-modalConfirm__heading {
    flex: 1 1 auto;
    font-size: 1.4rem;
  }
  .m-modalConfirm__contents {
    margin-top: 6px;
    font-size: 1.4rem;
  }
  .m-modal[data-type=message] .m-modalContent__inner {
    padding: 30px 12px 30px;
  }
  .m-modal[data-type=message] .m-modalContent__inner p {
    font-size: 1.2rem;
  }
  .m-modal[data-type=message] .m-modalClose {
    top: 5px;
    right: 5px;
  }
}
/* ----------------------------------------------------------------------------
 * BOX
 * ------------------------------------------------------------------------- */
/* ------------------------------------
 * COMMON
 * --------------------------------- */
.m-box > *:first-child,
.m-boxForm__item > *:first-child {
  margin-top: 0;
}

/* ------------------------------------
 * GENERAL
 * --------------------------------- */
.m-box {
  padding: 50px 30px;
  background: #fff;
}

/* ------------------------------------
 * FORM_BOX
 * --------------------------------- */
.m-boxForm {
  margin: 30px 0 0;
}
.m-boxForm__item {
  padding: 30px;
  margin: 30px 0 0;
  background: #fff;
}
.m-boxForm__item:first-child {
  margin-top: 0;
}

/* ------------------------------------
 * DUMMY
 * --------------------------------- */
/* ----------------------------------------------------------------------------
 * AREA
 * ------------------------------------------------------------------------- */
/* ------------------------------------
 * CTA
 * --------------------------------- */
.m-areaCta {
  padding: 160px 0 190px;
  background: #002aff;
}
.m-areaCta__inner {
  width: 100%;
  max-width: 1340px;
  padding: 0 67px;
  margin: 0 auto;
  color: #fff;
}
.m-areaCta__inner > *:first-child {
  margin-top: 0 !important;
}
.m-areaCta__hdg {
  margin: 0;
  font-weight: bold;
  line-height: 1;
  text-align: center;
  font-size: 3.6rem;
}
.m-areaCta__txt {
  margin: 45px 0 0;
  line-height: 2;
}
.m-areaCta__btn {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  margin: 60px 0 0 -30px;
}
.m-areaCta__btn li {
  width: 50%;
  padding: 0 0 0 30px;
}

/* ------------------------------------
 * DUMMY
 * --------------------------------- */
/* ----------------------------------------------------------------------------
 * NAVIGATION
 * ------------------------------------------------------------------------- */
/* ------------------------------------
 * BREADCRUMB
 * --------------------------------- */
.m-navBreadcrumb {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  max-width: 1574px;
  padding: 0 67px;
  margin: 10px auto 0;
}
.m-navBreadcrumb__list {
  line-height: 1.2;
}
.m-navBreadcrumb__list li {
  position: relative;
  display: inline;
  margin: 0 20px 0 0;
  font-size: 1.2rem;
}
.m-navBreadcrumb__list li::after {
  position: absolute;
  top: 5px;
  right: -9px;
  width: 4px;
  height: 4px;
  content: "";
  border-top: 1px solid #292929;
  border-right: 1px solid #292929;
  transform: rotate(45deg);
}
.m-navBreadcrumb__list li:last-child {
  margin-right: 0;
}
.m-navBreadcrumb__list li:last-child::after {
  display: none;
}
.m-navBreadcrumb__list a {
  color: #292929;
  text-decoration: underline;
}
.m-navBreadcrumb__list a:hover, .m-navBreadcrumb__list a:focus {
  text-decoration: none;
}

/* ------------------------------------
 * SEARCH
 * --------------------------------- */
.m-navSearch__segment[data-view=sp] {
  display: none;
}
.m-navSearch__segment[data-view=pc] {
  display: block;
}
.m-navSearch__segment[data-view=pc] .m-navSearch__elem {
  position: relative;
  justify-content: space-between;
  height: 156px;
  padding: 5px;
  background: #002aff;
  border-radius: 10px;
}
.m-navSearch__segment[data-view=pc] .m-navSearch__elemBottom {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
}
.m-navSearch__segment[data-view=pc] .m-navSearch__submit {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  min-width: 234px;
  max-width: 50px;
  height: 50px;
  margin: 0;
  font-weight: bold;
  color: #fff;
  letter-spacing: 0;
  background: #002aff;
  border: solid 2px #fff;
  border-radius: 45px;
  font-size: 1.6rem;
}
.m-navSearch__segment[data-view=pc] .m-navSearch__submit [data-ifont]::before {
  position: absolute;
  top: 50%;
  right: 26px;
  margin: -9px 0 0;
  content: "\f12e";
  font-size: 2rem;
}
.m-navSearch__segment[data-view=pc] .m-navSearch__submit:hover, .m-navSearch__segment[data-view=pc] .m-navSearch__submit:focus {
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.4);
}
.m-navSearch__segment[data-view=pc] .m-navSearch__menu, .m-navSearch__segment[data-view=pc] .m-navSearch__utility {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
}
.m-navSearch__segment[data-view=pc] .m-navSearch__menu {
  width: 38%;
}
.m-navSearch__segment[data-view=pc] .m-navSearch__menuList {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  width: 100%;
}
.m-navSearch__segment[data-view=pc] .m-navSearch__menuList__item {
  width: 33.3333333333%;
  margin: 0 0 0 10px;
}
.m-navSearch__segment[data-view=pc] .m-navSearch__menuList__item:first-child {
  position: relative;
  margin-left: 0;
}
.m-navSearch__segment[data-view=pc] .m-navSearch__menuList__btn {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  width: 100%;
  height: 50px;
  padding: 0 10px;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  background: #002aff;
  border-radius: 7px;
  font-size: 1.6rem;
}
.m-navSearch__segment[data-view=pc] .m-navSearch__menuList__btn [data-ifont] {
  margin: 0 auto;
}
.m-navSearch__segment[data-view=pc] .m-navSearch__menuList__btn [data-ifont]::after {
  position: relative;
  top: -2px;
  left: 10px;
  font-family: "iconfont", serif !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  color: #fff;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f12f";
  font-size: 1rem;
}
.m-navSearch__segment[data-view=pc] .m-navSearch__menuList__btn.is-active [data-ifont]::before {
  color: #002aff;
}
.m-navSearch__segment[data-view=pc] .m-navSearch__menuConditions {
  display: flex;
  flex-wrap: nowrap;
}
.m-navSearch__segment[data-view=pc] .m-navSearch__menuConditions__items {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  width: 100%;
  height: 76px;
  padding-left: 25px;
  margin: 0 0 10px 0;
  background-color: #fff;
  border-radius: 5px 5px 0 0;
}
.m-navSearch__segment[data-view=pc] .m-navSearch__menuConditions__ttl {
  font-weight: bold;
  white-space: nowrap;
}
.m-navSearch__segment[data-view=pc] .m-navSearch__menuConditions__item {
  padding: 0 25px;
}
.m-navSearch__segment[data-view=pc] .m-navSearch__menuConditions__itemName {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  font-size: 1.4rem;
}
.m-navSearch__segment[data-view=pc] .m-navSearch__utility {
  display: flex;
  flex-grow: 1;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-end;
  margin: 0 0 0 20px;
}
.m-navSearch__segment[data-view=pc] .m-navSearch__utilityKeywords {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  width: 100%;
}
.m-navSearch__segment[data-view=pc] .m-navSearch__utilitySubmit {
  display: flex;
  justify-content: center;
  width: 270px;
}
.m-navSearch__segment[data-view=pc] .m-navSearch__utilityReset .u-resultView__reset {
  justify-content: center;
}
.m-navSearch__segment[data-view=pc] .m-navSearch__utilityReset .u-resultView__reset [data-ifont]::after {
  content: none;
}
.m-navSearch__segment[data-view=pc] .m-navSearch__utilityReset .u-resultView__reset button {
  color: #fff;
}
.m-navSearch__segment[data-view=pc] .m-navSearch__utilityReset .u-resultView__reset button span {
  white-space: nowrap;
}
.m-navSearch__segment[data-view=pc] .m-navSearch__label {
  font-weight: bold;
  line-height: 1;
  color: #fff;
  white-space: nowrap;
  font-size: 1.6rem;
}
.m-navSearch__segment[data-view=pc] .m-navSearch__input {
  position: relative;
  width: 100%;
  margin: 0 0 0 10px;
}
.m-navSearch__segment[data-view=pc] .m-navSearch__input input {
  width: 100%;
  min-width: 253px;
  height: 50px;
  padding: 0 20px;
  background: #fff;
  border-radius: 7px;
  font-size: 1.4rem;
}
.m-navSearch__segment[data-view=pc] .m-navSearch__close {
  position: absolute;
  top: -35px;
  right: 0;
  display: none;
  width: 20px;
  height: 20px;
  overflow: hidden;
  text-indent: -999em;
  background: none;
}
.m-navSearch__segment[data-view=pc] .m-navSearch__close::before, .m-navSearch__segment[data-view=pc] .m-navSearch__close::after {
  position: absolute;
  content: "";
  background: #fff;
}
.m-navSearch__segment[data-view=pc] .m-navSearch__close::before {
  top: 8px;
  left: 0;
  width: 20px;
  height: 2px;
  transform: rotate(45deg);
}
.m-navSearch__segment[data-view=pc] .m-navSearch__close::after {
  top: -1px;
  left: 9px;
  width: 2px;
  height: 20px;
  transform: rotate(-135deg);
}
.l-header .m-navSearch__segment[data-view=pc] .m-navSearch__close {
  display: block;
}
.m-navSearch__segment[data-view=pc] .m-navSearch__box {
  position: absolute;
  z-index: 100;
  width: 100%;
  padding: 30px 30px 20px;
  background: #fff;
  border: 5px solid #002aff;
  border-radius: 7px;
  box-shadow: 0 20px 30px rgba(54, 87, 255, 0.33);
  max-height: calc(100dvh - 220px);
  overflow: auto;
}
.m-navSearch__segment[data-view=pc] .m-navSearch__box[data-type="1"] {
  min-width: 175px;
}
.m-navSearch__segment[data-view=pc] .m-navSearch__box[data-type="2"] {
  max-width: 730px;
}
.m-navSearch__segment[data-view=pc] .m-navSearch__box[data-type="3"] {
  right: 0;
  max-width: 1080px;
}
.m-navSearch__segment[data-view=pc] .m-navSearch__box[data-type="4"] {
  padding: 30px 20px;
}
.m-navSearch__segment[data-view=pc] .m-navSearch__list[data-type=usage] {
  display: flex;
}
.m-navSearch__segment[data-view=pc] .m-navSearch__list[data-type=theme] {
  display: flex;
}
.m-navSearch__segment[data-view=pc] .m-navSearch__listSegment__head .m-frmRadio__label,
.m-navSearch__segment[data-view=pc] .m-navSearch__listSegment__head .m-frmCheck__label {
  font-weight: bold;
}
.m-navSearch__segment[data-view=pc] .m-navSearch__listSegment__body {
  padding: 0 0 0 20px;
  margin: 20px 0 0;
}
.m-navSearch__segment[data-view=pc] .m-navSearch__listSegment[data-type=general] {
  min-width: 450px;
  max-width: 450px;
}
.m-navSearch__segment[data-view=pc] .m-navSearch__listSegment[data-type=healthy] {
  width: 100%;
  margin: 0 0 0 20px;
}
.m-navSearch__segment[data-view=pc] .m-navSearch__listSegment[data-type=keyword] {
  min-width: 210px;
}
.m-navSearch__segment[data-view=pc] .m-navSearch__listSegment[data-type=purpose] {
  min-width: 300px;
}
.m-navSearch__segment[data-view=pc] .m-navSearch__listSegment[data-type=appeal] {
  width: 100%;
}
.m-navSearch__segment[data-view=pc] .m-navSearch__listItem li {
  margin: 12px 0 0;
}
.m-navSearch__segment[data-view=pc] .m-navSearch__listItem li:first-child {
  margin-top: 0;
}
.m-navSearch__segment[data-view=pc] .m-navSearch__listItem[data-col="2"] {
  display: flex;
  flex-wrap: wrap;
}
.m-navSearch__segment[data-view=pc] .m-navSearch__listItem[data-col="2"] li {
  width: 50%;
  margin: 12px 0 0;
}
.m-navSearch__segment[data-view=pc] .m-navSearch__listItem[data-col="2"] li:first-child {
  margin-top: 12px;
}
.m-navSearch__segment[data-view=pc] .m-navSearch__listItem[data-col="2"] li:nth-child(-n+2) {
  margin-top: 0;
}
.m-navSearch__segment[data-view=pc] .m-navSearch__list .m-frmRadio__label,
.m-navSearch__segment[data-view=pc] .m-navSearch__list .m-frmCheck__label {
  min-height: 17px;
  line-height: 1.3;
  font-size: 1.4rem;
}
.m-navSearch__segment[data-view=pc] .m-navSearch__list .m-frmRadio__label::before, .m-navSearch__segment[data-view=pc] .m-navSearch__list .m-frmRadio__label::after {
  top: 8px;
}
.m-navSearch__segment[data-view=pc] .m-navSearch__list .m-frmCheck__label::before {
  top: 7px;
}
.m-navSearch__segment[data-view=pc] .m-navSearch__list .m-frmCheck__label::after {
  top: 3px;
}
.m-navSearch__segment[data-view=pc] .m-navSearch__keywordHead {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
}
.m-navSearch__segment[data-view=pc] .m-navSearch__keywordBody {
  margin: 20px 0 0;
}
.m-navSearch__segment[data-view=pc] .m-navSearch__keywordBody__inner {
  max-height: 220px;
  padding: 0 20px 0 0;
  overflow-y: auto;
}
.m-navSearch__segment[data-view=pc] .m-navSearch__keywordBody__inner::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
.m-navSearch__segment[data-view=pc] .m-navSearch__keywordBody__inner::-webkit-scrollbar-thumb {
  background: #ced2d5;
  border-radius: 5px;
}
.m-navSearch__segment[data-view=pc] .m-navSearch__keywordBody__inner::-webkit-scrollbar-track, .m-navSearch__segment[data-view=pc] .m-navSearch__keywordBody__inner::-webkit-scrollbar-corner {
  display: none;
}
.m-navSearch__segment[data-view=pc] .m-navSearch__keywordTtl, .m-navSearch__segment[data-view=pc] .m-navSearch__keywordClear {
  line-height: 1;
  color: #6f6f6f;
}
.m-navSearch__segment[data-view=pc] .m-navSearch__keywordTtl {
  font-weight: bold;
  font-size: 1.4rem;
}
.m-navSearch__segment[data-view=pc] .m-navSearch__keywordClear {
  text-decoration: underline;
  background: none;
  font-size: 1.2rem;
}
.m-navSearch__segment[data-view=pc] .m-navSearch__keywordClear:hover, .m-navSearch__segment[data-view=pc] .m-navSearch__keywordClear:focus {
  text-decoration: none;
}
.m-navSearch__segment[data-view=pc] .m-navSearch__keywordList__item {
  position: relative;
  border-bottom: 1px solid #ced2d5;
}
.m-navSearch__segment[data-view=pc] .m-navSearch__keywordList__item:first-child {
  padding-top: 0;
}
.m-navSearch__segment[data-view=pc] .m-navSearch__keywordList__txt {
  display: block;
  width: 100%;
  padding: 14px 30px 14px 0;
  overflow: hidden;
  line-height: 1;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  background: none;
  font-size: 1.4rem;
}
.m-navSearch__segment[data-view=pc] .m-navSearch__keywordList__txt:hover {
  background: #e0efff;
}
.m-navSearch__segment[data-view=pc] .m-navSearch__keywordList__btn {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 30px;
  overflow: hidden;
  text-indent: -999em;
  background: none;
}
.m-navSearch__segment[data-view=pc] .m-navSearch__keywordList__btn::before, .m-navSearch__segment[data-view=pc] .m-navSearch__keywordList__btn::after {
  position: absolute;
  content: "";
  background: #292929;
}
.m-navSearch__segment[data-view=pc] .m-navSearch__keywordList__btn::before {
  top: calc(50% - 1px);
  left: 0;
  width: 14px;
  height: 2px;
  transform: rotate(45deg);
}
.m-navSearch__segment[data-view=pc] .m-navSearch__keywordList__btn::after {
  top: calc(50% - 7px);
  left: 6px;
  width: 2px;
  height: 14px;
  transform: rotate(-135deg);
}
.m-navSearch__segment[data-view=pc] .m-navSearch__btnlist {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.m-navSearch__segment[data-view=pc] .m-navSearch__btnlist__item {
  margin: 0 0 0 10px;
}
.m-navSearch__segment[data-view=pc] .m-navSearch__btnlist__item:first-child {
  margin-left: 0;
}
.m-navSearch__segment[data-view=pc] .m-navSearch__btnlist__item[data-type=set] {
  min-width: 140px;
  max-width: 140px;
}
.m-navSearch__segment[data-view=pc] .m-navSearch__btnlist__item[data-type=submit] {
  width: 100%;
}
.m-navSearch__segment[data-view=pc] .m-navSearch__btnlist[data-type=s] {
  justify-content: flex-end;
  margin: 15px 0 0;
}
.m-navSearch__segment[data-view=pc] .m-navSearch__btnlist[data-type=s] .m-navSearch__btnlist__item {
  margin: 0 0 0 5px;
}
.m-navSearch__segment[data-view=pc] .m-navSearch__btnlist[data-type=s] .m-navSearch__btnlist__item:first-child {
  margin-left: 0;
}
.m-navSearch__segment[data-view=pc] .m-navSearch__btn[data-type=ok], .m-navSearch__segment[data-view=pc] .m-navSearch__btn[data-type=clear], .m-navSearch__segment[data-view=pc] .m-navSearch__btn[data-type=set], .m-navSearch__segment[data-view=pc] .m-navSearch__btn[data-type=submit] {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  border-radius: 45px;
}
.m-navSearch__segment[data-view=pc] .m-navSearch__btn[data-type=set], .m-navSearch__segment[data-view=pc] .m-navSearch__btn[data-type=submit] {
  width: 100%;
  height: 50px;
  font-weight: bold;
}
.m-navSearch__segment[data-view=pc] .m-navSearch__btn[data-type=set] {
  padding: 0 5px;
  line-height: 1.2;
  color: #002aff;
  text-align: center;
  cursor: pointer;
  background: #f8f8f8;
  font-size: 1.2rem;
}
.m-navSearch__segment[data-view=pc] .m-navSearch__btn[data-type=submit] {
  position: relative;
  padding: 0 20px;
  color: #fff;
  background: #002aff;
  font-size: 1.6rem;
}
.m-navSearch__segment[data-view=pc] .m-navSearch__btn[data-type=submit] [data-ifont]::before {
  position: absolute;
  top: 50%;
  right: 15px;
  margin: -10px 0 0;
  color: #fff;
  content: "\f12e";
  font-size: 2rem;
}
.m-navSearch__segment[data-view=pc] .m-navSearch__btn[data-type=ok], .m-navSearch__segment[data-view=pc] .m-navSearch__btn[data-type=clear] {
  height: 35px;
  color: #fff;
  font-size: 1.4rem;
}
.m-navSearch__segment[data-view=pc] .m-navSearch__btn[data-type=ok] {
  position: relative;
  padding: 0 30px 0 25px;
  background: #002aff;
}
.m-navSearch__segment[data-view=pc] .m-navSearch__btn[data-type=ok] [data-ifont]::before {
  position: absolute;
  top: 50%;
  right: 10px;
  margin: -7px 0 0;
  content: "\f12e";
  font-size: 1.4rem;
}
.m-navSearch__segment[data-view=pc] .m-navSearch__btn[data-type=clear] {
  padding: 0 15px;
  background: #b0b1b2;
}

@media screen and (max-width: 1586px) {
  .m-navSearch__segment[data-view=pc] .m-navSearch__box[data-type="3"] {
    right: 0;
  }
  .m-navSearch__segment[data-view=pc] .m-navSearch__label {
    font-size: 1.4rem;
  }
  .m-navSearch__segment[data-view=pc] .m-navSearch__submit {
    min-width: 190px;
    font-size: 1.4rem;
  }
  .m-navSearch__segment[data-view=pc] .m-navSearch__utilitySubmit {
    width: 210px;
  }
  .m-navSearch__segment[data-view=pc] .m-navSearch__utilityReset .u-resultView__reset button span {
    font-size: 1rem;
  }
  .m-navSearch__segment[data-view=pc] .m-navSearch__menuList__btn {
    padding: 5px;
    font-size: 1.4rem;
  }
  .m-navSearch__segment[data-view=pc] .m-navSearch__menuConditions__ttl {
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 1280px) {
  .m-navSearch__segment[data-view=pc] .m-navSearch__label {
    font-size: 1.2rem;
  }
  .m-navSearch__segment[data-view=pc] .m-navSearch__submit {
    min-width: 170px;
  }
  .m-navSearch__segment[data-view=pc] .m-navSearch__utilitySubmit {
    width: 190px;
  }
  .m-navSearch__segment[data-view=pc] .m-navSearch__menuList__btn {
    font-size: 1.2rem;
  }
}
@media screen and (max-width: 1145px) {
  .u-top .m-navSearch__segment[data-view=pc], .l-header .m-navSearch__segment[data-view=pc] {
    display: none;
  }
  .m-navSearch__segment[data-view=sp] {
    display: block;
  }
  .m-navSearch__segment[data-view=sp] .m-navSearch__elem {
    position: relative;
    display: block;
    height: auto;
    padding: 20px;
    background: #002aff;
    border-radius: 7px;
  }
  .l-header .m-navSearch__segment[data-view=sp] .m-navSearch__elem {
    display: none;
  }
  .m-navSearch__segment[data-view=sp] .m-navSearch__menu, .m-navSearch__segment[data-view=sp] .m-navSearch__utility {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
  }
  .m-navSearch__segment[data-view=sp] .m-navSearch__menu {
    margin: 0 0 20px;
  }
  .m-navSearch__segment[data-view=sp] .m-navSearch__menuList {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    width: 100%;
  }
  .m-navSearch__segment[data-view=sp] .m-navSearch__menuList__item {
    width: 33.3333333333%;
    margin: 0 0 0 10px;
  }
  .m-navSearch__segment[data-view=sp] .m-navSearch__menuList__item:first-child {
    margin-left: 0;
  }
  .m-navSearch__segment[data-view=sp] .m-navSearch__menuList__btn {
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    padding: 0;
    font-weight: bold;
    line-height: 1;
    color: #fff;
    background: transparent;
    font-size: 1.2rem;
  }
  .m-navSearch__segment[data-view=sp] .m-navSearch__contentBody__segment .m-navSearch__menuList__btn {
    display: none;
  }
  .m-navSearch__segment[data-view=sp] .m-navSearch__menuList__btn [data-ifont] {
    position: relative;
    padding: 0 20px 0 0;
  }
  .m-navSearch__segment[data-view=sp] .m-navSearch__menuList__btn [data-ifont]::before {
    position: absolute;
    top: 50%;
    right: 0;
    margin: -5px 0 0;
    color: #fff;
    content: "\f12f";
    font-size: 1rem;
  }
  .m-navSearch__segment[data-view=sp] .m-navSearch__utility {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    width: 100%;
    margin: 10px 0 0;
  }
  .m-navSearch__segment[data-view=sp] .m-navSearch__utilityKeywords {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    width: 100%;
  }
  .m-navSearch__segment[data-view=sp] .m-navSearch__label {
    font-weight: bold;
    line-height: 1;
    color: #fff;
    white-space: nowrap;
    font-size: 1.2rem;
  }
  .m-navSearch__segment[data-view=sp] .m-navSearch__input {
    width: 100%;
    min-width: inherit;
    max-width: inherit;
    margin: 0 0 0 20px;
  }
  .m-navSearch__segment[data-view=sp] .m-navSearch__input input {
    width: 100%;
    height: 35px;
    padding: 0 10px;
    background: #fff;
    border: 1px solid #ced2d5;
    border-radius: 4px;
    font-size: 1.4rem;
  }
  .m-navSearch__segment[data-view=sp] .m-navSearch__submit {
    display: none;
  }
  .m-navSearch__segment[data-view=sp] .m-navSearch__content {
    position: fixed;
    top: 95px;
    left: 0;
    z-index: 1001;
    width: 100%;
    height: calc(100% - 95px);
    background: #fff;
    border-radius: 7px 7px 0 0;
  }
  .m-navSearch__segment[data-view=sp] .m-navSearch__contentInner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .m-navSearch__segment[data-view=sp] .m-navSearch__contentHead, .m-navSearch__segment[data-view=sp] .m-navSearch__contentFoot {
    position: absolute;
    left: 0;
    z-index: 0;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 0 12px;
  }
  .m-navSearch__segment[data-view=sp] .m-navSearch__contentHead {
    top: 0;
    height: 75px;
  }
  .m-navSearch__segment[data-view=sp] .m-navSearch__contentFoot {
    bottom: 0;
    height: 90px;
  }
  .m-navSearch__segment[data-view=sp] .m-navSearch__contentBody {
    position: absolute;
    top: 75px;
    z-index: 1;
    width: calc(100% - 24px);
    height: calc(100% - 165px);
    padding: 10px;
    margin: 0 12px;
    overflow: auto;
    border: 5px solid #002aff;
    border-radius: 10px;
    box-shadow: 0 10px 20px rgba(0, 127, 255, 0.4);
  }
  .m-navSearch__segment[data-view=sp] .m-navSearch__contentBody__inner {
    position: relative;
  }
  .m-navSearch__segment[data-view=sp] .m-navSearch__contentBody__segment {
    margin: 0 0 30px;
  }
  .m-navSearch__segment[data-view=sp] .m-navSearch__contentBody__segment:last-child {
    margin-top: 0;
  }
  .m-navSearch__segment[data-view=sp] .m-navSearch__hdg {
    font-weight: bold;
    line-height: 1;
    text-align: center;
    font-size: 2rem;
  }
  .m-navSearch__segment[data-view=sp] .m-navSearch__close, .m-navSearch__segment[data-view=sp] .m-navSearch__return {
    position: absolute;
    top: 0;
    width: 75px;
    height: 75px;
    background: none;
  }
  .m-navSearch__segment[data-view=sp] .m-navSearch__close span, .m-navSearch__segment[data-view=sp] .m-navSearch__return span {
    position: absolute;
    z-index: -1;
    text-indent: -999em;
  }
  .m-navSearch__segment[data-view=sp] .m-navSearch__close {
    right: 0;
  }
  .m-navSearch__segment[data-view=sp] .m-navSearch__close::before, .m-navSearch__segment[data-view=sp] .m-navSearch__close::after {
    position: absolute;
    top: 50%;
    left: 50%;
    content: "";
    background: #b0b1b2;
  }
  .m-navSearch__segment[data-view=sp] .m-navSearch__close::before {
    width: 20px;
    height: 2px;
    margin: 0 0 0 -9px;
    transform: rotate(45deg);
  }
  .m-navSearch__segment[data-view=sp] .m-navSearch__close::after {
    width: 2px;
    height: 20px;
    margin: -9px 0 0 0;
    transform: rotate(-135deg);
  }
  .m-navSearch__segment[data-view=sp] .m-navSearch__return {
    left: 0;
  }
  .m-navSearch__segment[data-view=sp] .m-navSearch__return::before {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 10px;
    height: 10px;
    margin: -5px 0 0 -5px;
    content: "";
    border-top: 2px solid #b0b1b2;
    border-right: 2px solid #b0b1b2;
    transform: rotate(-135deg);
  }
  .m-navSearch__segment[data-view=sp] .m-navSearch__btnlist {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    width: 100%;
  }
  .m-navSearch__segment[data-view=sp] .m-navSearch__btnlist__item {
    margin: 0 0 0 10px;
  }
  .m-navSearch__segment[data-view=sp] .m-navSearch__btnlist__item:first-child {
    margin-left: 0;
  }
  .m-navSearch__segment[data-view=sp] .m-navSearch__btnlist__item[data-type=set] {
    min-width: 140px;
    max-width: 140px;
  }
  .m-navSearch__segment[data-view=sp] .m-navSearch__btnlist__item[data-type=submit] {
    width: 100%;
  }
  .m-navSearch__segment[data-view=sp] .m-navSearch__btnlist[data-type=s] {
    justify-content: flex-end;
    margin: 15px 0 0;
  }
  .m-navSearch__segment[data-view=sp] .m-navSearch__btnlist[data-type=s] .m-navSearch__btnlist__item {
    margin: 0 0 0 5px;
  }
  .m-navSearch__segment[data-view=sp] .m-navSearch__btnlist[data-type=s] .m-navSearch__btnlist__item:first-child {
    margin-left: 0;
  }
  .m-navSearch__segment[data-view=sp] .m-navSearch__btn[data-type=ok], .m-navSearch__segment[data-view=sp] .m-navSearch__btn[data-type=clear], .m-navSearch__segment[data-view=sp] .m-navSearch__btn[data-type=set], .m-navSearch__segment[data-view=sp] .m-navSearch__btn[data-type=submit] {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    border-radius: 45px;
  }
  .m-navSearch__segment[data-view=sp] .m-navSearch__btn[data-type=set], .m-navSearch__segment[data-view=sp] .m-navSearch__btn[data-type=submit] {
    width: 100%;
    height: 50px;
    font-weight: bold;
  }
  .m-navSearch__segment[data-view=sp] .m-navSearch__btn[data-type=set] {
    padding: 0 5px;
    line-height: 1.2;
    color: #002aff;
    text-align: center;
    cursor: pointer;
    background: #f8f8f8;
    font-size: 1.2rem;
  }
  .m-navSearch__segment[data-view=sp] .m-navSearch__btn[data-type=submit] {
    position: relative;
    padding: 0 20px;
    color: #fff;
    background: #002aff;
    font-size: 1.6rem;
  }
  .m-navSearch__segment[data-view=sp] .m-navSearch__btn[data-type=submit] [data-ifont]::before {
    position: absolute;
    top: 50%;
    right: 15px;
    margin: -10px 0 0;
    color: #fff;
    content: "\f12e";
    font-size: 2rem;
  }
  .m-navSearch__segment[data-view=sp] .m-navSearch__btn[data-type=ok], .m-navSearch__segment[data-view=sp] .m-navSearch__btn[data-type=clear] {
    width: 60px;
    height: 27px;
    color: #fff;
    font-size: 1.2rem;
  }
  .m-navSearch__segment[data-view=sp] .m-navSearch__btn[data-type=ok] {
    background: #002aff;
  }
  .m-navSearch__segment[data-view=sp] .m-navSearch__btn[data-type=clear] {
    background: #b0b1b2;
  }
  .m-navSearch__segment[data-view=sp] .m-navSearch__listHead .m-frmRadio__label,
  .m-navSearch__segment[data-view=sp] .m-navSearch__listHead .m-frmCheck__label {
    font-weight: bold;
  }
  .m-navSearch__segment[data-view=sp] .m-navSearch__listBody {
    padding: 0 10px;
    margin: 15px 0 0;
  }
  .m-navSearch__segment[data-view=sp] .m-navSearch__listItem {
    padding: 0 10px;
  }
  .m-navSearch__segment[data-view=sp] .m-navSearch__listItem > li {
    margin: 12px 0 0;
  }
  .m-navSearch__segment[data-view=sp] .m-navSearch__listItem > li:first-child {
    margin-top: 0;
  }
  .m-navSearch__segment[data-view=sp] .m-navSearch__list .m-frmRadio__label,
  .m-navSearch__segment[data-view=sp] .m-navSearch__list .m-frmCheck__label {
    min-height: 17px;
    line-height: 1.3;
    font-size: 1.4rem;
  }
  .m-navSearch__segment[data-view=sp] .m-navSearch__list .m-frmRadio__label::before, .m-navSearch__segment[data-view=sp] .m-navSearch__list .m-frmRadio__label::after {
    top: 8px;
  }
  .m-navSearch__segment[data-view=sp] .m-navSearch__list .m-frmCheck__label::before {
    top: 7px;
  }
  .m-navSearch__segment[data-view=sp] .m-navSearch__list .m-frmCheck__label::after {
    top: 3px;
  }
  .m-navSearch__segment[data-view=sp] .m-navSearch__mainList__item {
    padding: 12px 0;
    border-bottom: 1px dotted #ced2d5;
  }
  .m-navSearch__segment[data-view=sp] .m-navSearch__mainList__item:first-child {
    padding-top: 5px;
  }
  .m-navSearch__segment[data-view=sp] .m-navSearch__mainList__btn {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    width: 100%;
    background: none;
  }
  .m-navSearch__segment[data-view=sp] .m-navSearch__mainList__ttl, .m-navSearch__segment[data-view=sp] .m-navSearch__mainList__txt {
    display: block;
    line-height: 1.5;
    font-size: 1.2rem;
  }
  .m-navSearch__segment[data-view=sp] .m-navSearch__mainList__ttl {
    min-width: 110px;
    max-width: 110px;
    font-weight: bold;
    text-align: left;
  }
  .m-navSearch__segment[data-view=sp] .m-navSearch__mainList__txt {
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-end;
    width: 100%;
    padding: 0 20px 0 0;
    overflow: hidden;
  }
  .m-navSearch__segment[data-view=sp] .m-navSearch__mainList__txt::before {
    position: absolute;
    top: 10px;
    right: 5px;
    width: 8px;
    height: 8px;
    margin: -5px 0 0;
    content: "";
    border-top: 2px solid #292929;
    border-right: 2px solid #292929;
    transition: 0.3s all ease;
    transform: rotate(45deg);
  }
  .m-navSearch__segment[data-view=sp] .m-navSearch__mainList__txt span {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-align: left;
  }
  .m-navSearch__segment[data-view=sp] .m-navSearch__keyword {
    margin: 20px 0 0;
  }
  .m-navSearch__segment[data-view=sp] .m-navSearch__keywordLabel {
    font-weight: bold;
    line-height: 1;
    font-size: 1.2rem;
  }
  .m-navSearch__segment[data-view=sp] .m-navSearch__keyword .m-frmTextbox input {
    padding-right: 10px;
  }
  .m-navSearch__segment[data-view=sp] .m-navSearch__history {
    margin: 30px 0 0;
  }
  .m-navSearch__segment[data-view=sp] .m-navSearch__historyHead {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
  }
  .m-navSearch__segment[data-view=sp] .m-navSearch__historyBody {
    margin: 20px 0 0;
  }
  .m-navSearch__segment[data-view=sp] .m-navSearch__historyTtl, .m-navSearch__segment[data-view=sp] .m-navSearch__historyClear {
    line-height: 1;
    color: #6f6f6f;
    font-size: 1.2rem;
  }
  .m-navSearch__segment[data-view=sp] .m-navSearch__historyTtl {
    font-weight: bold;
  }
  .m-navSearch__segment[data-view=sp] .m-navSearch__historyClear {
    text-decoration: underline;
    background: none;
  }
  .m-navSearch__segment[data-view=sp] .m-navSearch__historyList__item {
    position: relative;
    border-bottom: 1px solid #ced2d5;
  }
  .m-navSearch__segment[data-view=sp] .m-navSearch__historyList__item:first-child {
    padding-top: 0;
  }
  .m-navSearch__segment[data-view=sp] .m-navSearch__historyList__txt {
    display: block;
    width: 100%;
    padding: 20px 25px 10px 0;
    overflow: hidden;
    line-height: 1;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    background-color: transparent;
    font-size: 1.4rem;
  }
  .m-navSearch__segment[data-view=sp] .m-navSearch__historyList__btn {
    position: absolute;
    right: 0;
    bottom: 9px;
    width: 16px;
    height: 16px;
    overflow: hidden;
    text-indent: -999em;
    background: none;
  }
  .m-navSearch__segment[data-view=sp] .m-navSearch__historyList__btn::before, .m-navSearch__segment[data-view=sp] .m-navSearch__historyList__btn::after {
    position: absolute;
    content: "";
    background: #292929;
  }
  .m-navSearch__segment[data-view=sp] .m-navSearch__historyList__btn::before {
    top: 6px;
    left: 0;
    width: 14px;
    height: 2px;
    transform: rotate(45deg);
  }
  .m-navSearch__segment[data-view=sp] .m-navSearch__historyList__btn::after {
    top: 0;
    left: 6px;
    width: 2px;
    height: 14px;
    transform: rotate(-135deg);
  }
  .m-navSearch__segment[data-view=sp] .m-navSearch__toggle {
    padding: 0 10px;
    margin: 20px 0 0;
  }
  .m-navSearch__segment[data-view=sp] .m-navSearch__toggle:first-child {
    margin-top: 0;
  }
  .m-navSearch__segment[data-view=sp] .m-navSearch__toggleHead {
    display: block;
    width: 100%;
    font-weight: bold;
    line-height: 1;
    text-align: left;
    background: none;
    font-size: 1.4rem;
  }
  .m-navSearch__segment[data-view=sp] .m-navSearch__toggleHead span {
    position: relative;
    padding: 0 20px 0 0;
  }
  .m-navSearch__segment[data-view=sp] .m-navSearch__toggleHead span::before {
    position: absolute;
    top: 50%;
    right: 0;
    width: 8px;
    height: 8px;
    margin: -5px 0 0;
    content: "";
    border-top: 2px solid #292929;
    border-right: 2px solid #292929;
    transition: 0.3s all ease;
    transform: rotate(135deg);
  }
  .m-navSearch__segment[data-view=sp] .m-navSearch__toggleHead.is-active span::before {
    margin: -2px 0 0;
    transform: rotate(-45deg);
  }
  .m-navSearch__segment[data-view=sp] .m-navSearch__toggleBody {
    margin: 15px 0 0;
  }
  .m-navSearch__segment[data-view=sp] .m-navSearch__bg {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
  }
  .u-top .m-navSearch__segment[data-view=sp] .m-navSearch__bg, .u-top .m-navSearch__segment[data-view=sp] .m-navSearch__content {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .m-navSearch__segment[data-view=sp] .m-navSearch__hdg {
    display: none;
  }
  .m-navSearch__segment[data-view=sp] .m-navSearch__close {
    display: none;
  }
  .m-navSearch__segment[data-view=sp] .m-navSearch__elem {
    display: none;
  }
  .m-navSearch__segment[data-view=sp] .m-navSearch__history {
    display: none;
  }
  .m-navSearch__segment[data-view=sp] .m-navSearch__content {
    position: static;
    display: block !important;
    height: auto;
    visibility: visible !important;
    opacity: 1 !important;
  }
  .m-navSearch__segment[data-view=sp] .m-navSearch__contentHead {
    position: relative;
    display: block;
    height: auto;
    padding: 0;
  }
  .m-navSearch__segment[data-view=sp] .m-navSearch__contentInner {
    position: relative;
    border-radius: 7px;
    box-shadow: 0 10px 20px rgba(203, 205, 206, 0.4);
  }
  .m-navSearch__segment[data-view=sp] .m-navSearch__btnlist[data-type=s] {
    display: none;
  }
  .m-navSearch__segment[data-view=sp] .m-navSearch__contentBody {
    position: relative;
    top: 0;
    left: 0;
    display: block !important;
    width: 100%;
    height: auto;
    padding: 20px 20px 0;
    margin: 0;
    visibility: visible !important;
    border: none;
    box-shadow: none;
    opacity: 1 !important;
  }
  .m-navSearch__segment[data-view=sp] .m-navSearch__contentBody__inner {
    display: flex;
    flex-direction: column;
  }
  .m-navSearch__segment[data-view=sp] .m-navSearch__contentBody__segment {
    display: block !important;
    margin: 0;
    overflow: hidden;
    visibility: visible !important;
    opacity: 1 !important;
  }
  .m-navSearch__segment[data-view=sp] .m-navSearch__contentBody__segment:first-child {
    order: 10;
  }
  .m-navSearch__segment[data-view=sp] .m-navSearch__contentBody__segment:first-child + .u-resultRefine__hdg {
    margin-top: 0;
  }
  .m-navSearch__segment[data-view=sp] .m-navSearch__mainList {
    display: none;
  }
  .m-navSearch__segment[data-view=sp] .m-navSearch__toggleHead {
    display: none;
  }
  .m-navSearch__segment[data-view=sp] .m-navSearch__toggleHead span::before {
    display: none;
  }
  .m-navSearch__segment[data-view=sp] .m-navSearch__toggleBody {
    height: auto !important;
    margin: 20px 0 0;
    overflow: inherit !important;
  }
  .m-navSearch__segment[data-view=sp] .m-navSearch__toggle {
    padding: 0;
    margin: 0;
  }
  .m-navSearch__segment[data-view=sp] .m-navSearch__contentFoot {
    position: relative;
    height: auto;
    padding: 30px 20px 24px;
  }
  .m-navSearch__segment[data-view=sp] .m-navSearch__listBody {
    margin: 0;
  }
  .m-navSearch__segment[data-view=sp] .m-navSearch__listItem {
    display: flex;
    flex-wrap: wrap;
    gap: 0 10px;
    padding: 0;
  }
  .m-navSearch__segment[data-view=sp] .m-navSearch__listItem > li {
    width: calc(50% - 5px);
    padding: 0;
    margin: 10px 0 0 !important;
  }
  .m-navSearch__segment[data-view=sp] .m-navSearch__listItem[data-col="1"] > li:first-child, .m-navSearch__segment[data-view=sp] .m-navSearch__listItem[data-col="1"] > li:nth-child(2) {
    margin-top: 20px;
  }
  .m-navSearch__segment[data-view=sp] .m-navSearch__list .m-frmCheck__label {
    font-size: 1.4rem;
    line-height: 1.5;
  }
  .m-navSearch__segment[data-view=sp] .m-navSearch__list .m-frmCheck__label::before {
    top: 3px;
    margin-top: 0;
  }
  .m-navSearch__segment[data-view=sp] .m-navSearch__list .m-frmCheck__label::after {
    top: 7px;
  }
  .m-navSearch__segment[data-view=sp] .m-navSearch__keywordLabel {
    display: block;
    margin: 30px 0 13px 0;
    font-size: 1.6rem;
  }
  .m-navSearch__segment[data-view=sp] .m-navSearch__btn[data-type=submit] {
    max-width: 264px;
    height: 55px;
    margin: 0 auto;
    font-size: 1.4rem;
  }
  .m-navSearch__segment[data-view=sp] .m-navSearch__btn[data-type=submit][data-ifont]::before {
    top: -4px;
    right: 14px;
    margin: 0 0 0 -6px;
    font-size: 2.2rem;
  }
}
/* ----------------------------------------------------------------------------
 * ADJUST
 * ------------------------------------------------------------------------- */
/* ------------------------------------
 * Width
 * --------------------------------- */
.m-w0 {
  width: 0% !important;
}

.m-w5 {
  width: 5% !important;
}

.m-w10 {
  width: 10% !important;
}

.m-w15 {
  width: 15% !important;
}

.m-w20 {
  width: 20% !important;
}

.m-w25 {
  width: 25% !important;
}

.m-w30 {
  width: 30% !important;
}

.m-w35 {
  width: 35% !important;
}

.m-w40 {
  width: 40% !important;
}

.m-w45 {
  width: 45% !important;
}

.m-w50 {
  width: 50% !important;
}

.m-w55 {
  width: 55% !important;
}

.m-w60 {
  width: 60% !important;
}

.m-w65 {
  width: 65% !important;
}

.m-w70 {
  width: 70% !important;
}

.m-w75 {
  width: 75% !important;
}

.m-w80 {
  width: 80% !important;
}

.m-w85 {
  width: 85% !important;
}

.m-w90 {
  width: 90% !important;
}

.m-w95 {
  width: 95% !important;
}

.m-w100 {
  width: 100% !important;
}

/* ------------------------------------
 * DUMMY
 * --------------------------------- */
/* ----------------------------------------------------------------------------
 * PROFILE_EDIT
 * ------------------------------------------------------------------------- */
/* ------------------------------------
 * DUMMY
 * --------------------------------- */
.u-profileLayout {
  display: flex;
  flex-wrap: nowrap;
}
.u-profileLayout__main {
  position: relative;
  order: 2;
  width: 100%;
  margin: 0 0 0 30px;
}
.u-profileLayout__sub {
  order: 1;
  min-width: 264px;
  max-width: 264px;
}
.u-profileNav {
  position: sticky;
  top: 100px;
  padding: 20px 0 15px;
  background: #fff;
  border-radius: 7px;
  box-shadow: 0 10px 20px rgba(203, 205, 206, 0.4);
}
.u-profileNav__listItem[data-type=logout] {
  padding: 5px 0 0;
  margin: 15px 0 0;
  border-top: 1px dotted #eee;
}
.u-profileNav__listInner {
  position: relative;
  display: flex;
  align-items: center;
  padding: 18px 20px 18px 55px;
  line-height: 1;
  color: #292929;
  font-size: 1.4rem;
}
.u-profileNav__listInner[data-type] [data-ifont] {
  position: relative;
}
.u-profileNav__listInner[data-type] [data-ifont]::before {
  position: absolute;
  top: 50%;
  left: -34px;
  margin: -12px 0 0;
  line-height: 1;
  font-size: 2rem;
}
.u-profileNav__listInner[data-type=dashboard] [data-ifont]::before {
  margin-top: -10px;
  content: "\f126";
}
.u-profileNav__listInner[data-type=material-edit] [data-ifont]::before {
  content: "\f14f";
}
.u-profileNav__listInner[data-type=material-add] [data-ifont]::before {
  content: "\f139";
}
.u-profileNav__listInner[data-type=profile] [data-ifont]::before {
  left: -35px;
  margin-top: -11px;
  content: "\f101";
}
.u-profileNav__listInner[data-type=corp] [data-ifont]::before {
  content: "\f14c";
}
.u-profileNav__listInner[data-type=delivery] [data-ifont]::before {
  margin-top: -10px;
  content: "\f14e";
}
.u-profileNav__listInner[data-type=member-manage] [data-ifont]::before {
  left: -33px;
  margin-top: -11px;
  content: "\f119";
}
.u-profileNav__listInner[data-type=member-add] [data-ifont]::before {
  left: -33px;
  content: "\f14d";
}
.u-profileNav__listInner[data-type=whitelist] [data-ifont]::before {
  left: -35px;
  content: "\f109";
}
.u-profileNav__listInner[data-type=request] [data-ifont]::before {
  left: -34px;
  margin-top: -10px;
  content: "\f159";
  font-size: 1.9rem;
}
.u-profileNav__listInner[data-type=logout] [data-ifont]::before {
  content: "\f11e";
}
.u-profileNav__listInner:hover, .u-profileNav__listInner:focus {
  color: #002aff;
}
.u-profileNav__listInner.is-current {
  color: #002aff;
  pointer-events: none;
}
.u-profileNav__badge {
  position: absolute;
  top: 50%;
  right: -40px;
  box-sizing: content-box;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  min-width: 26px;
  height: 26px;
  margin: -13px 0 0;
  font-family: "Lato", sans-serif;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  white-space: nowrap;
  background: #f00;
  border-radius: 50px;
  font-size: 1.3rem;
}
.u-profileNav__badge span {
  position: relative;
  left: -1px;
  display: block;
  padding: 0 3px;
  letter-spacing: -0.05em;
}
.u-profileGrid {
  display: flex;
  justify-content: center;
  margin: 30px 0 0;
}
.u-profileGrid[data-col="1"] .u-profileGrid__item {
  width: 100%;
  max-width: 558px;
}
.u-profileGrid[data-col="2"] {
  margin-left: -30px;
}
.u-profileGrid[data-col="2"] .u-profileGrid__item {
  width: 50%;
  padding: 0 0 0 30px;
}
.u-profileBtn {
  display: table;
  width: 100%;
  max-width: 264px;
  margin: 60px auto 0;
}
.u-profileBtn__item {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 10px 0 0;
}
.u-profileBtn__item:first-child {
  margin-top: 0;
}
.u-profileBox__item {
  padding: 30px;
  margin: 30px 0 0;
  background: #fff;
  border-radius: 7px;
}
.u-profileBox__item:first-child {
  margin-top: 0;
}
.u-profileBox__item .u-profileBtn {
  margin-top: 30px;
}
.u-profileBox__note {
  padding: 17px;
  margin-bottom: 50px;
  font-size: 14px;
  font-weight: bold;
  border: 4px solid #002aff;
}
.u-profileCorplist__item {
  margin: 25px 0 0;
}
.u-profileCorplist__item:first-child {
  margin-top: 0;
}
.u-profileCorplist__inner {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  height: 86px;
  padding: 0 60px 0 90px;
  color: #292929;
  background: #fff;
  border-radius: 7px;
  box-shadow: 0 2px 14px rgba(55, 56, 57, 0.14);
}
.u-profileCorplist__inner::after {
  position: absolute;
  top: 50%;
  right: 30px;
  width: 8px;
  height: 8px;
  margin: -4px 0 0;
  content: "";
  border-top: 2px solid #292929;
  border-right: 2px solid #292929;
  transition: 0.3s all ease;
  transform: rotate(45deg);
}
.u-profileCorplist__inner:hover, .u-profileCorplist__inner:focus {
  color: #002aff;
}
.u-profileCorplist__inner:hover::after, .u-profileCorplist__inner:focus::after {
  border-top-color: #002aff;
  border-right-color: #002aff;
}
.u-profileCorplist__icon {
  position: absolute;
  top: 50%;
  left: 30px;
  min-width: 50px;
  max-width: 50px;
  min-height: 50px;
  max-height: 50px;
  margin: -25px 0 0;
  overflow: hidden;
  border-radius: 50%;
  object-fit: cover;
}
.u-profileCorplist__name {
  font-weight: bold;
  line-height: 1.2;
  font-size: 2rem;
}
.u-profileHdg {
  padding: 0 0 15px;
  margin: 50px 0 20px;
  font-weight: bold;
  line-height: 1;
  border-bottom: 3px solid #002aff;
}
.u-profileHdg:first-of-type {
  margin-top: 0;
}
.u-profileHdg[data-type=login], .u-profileHdg[data-type=admin], .u-profileHdg[data-type=name] {
  padding-left: 40px;
}
.u-profileHdg[data-type=label] {
  display: table;
  height: 24px;
  padding: 0 7px;
  margin: 30px 0 0;
  line-height: 24px;
  color: #585858;
  background: #f2f1ea;
  border-bottom: none;
  border-radius: 3px;
  font-size: 1.2rem;
}
.m-frmLabel .u-profileHdg[data-type=label] {
  margin-top: 0;
}
.u-profileHdg[data-type=label] + .m-frmLabel__tag {
  top: 3px;
  margin-left: 5px;
}
.u-profileForm__segment {
  margin: 30px 0 0;
}
.u-profileForm__segment:first-child {
  margin-top: 0 !important;
}
.u-profileForm__segment[data-type=flex] {
  display: flex;
  flex-wrap: nowrap;
}
.u-profileForm__segment[data-type=flex] .u-profileForm__item {
  margin: 0 0 0 30px;
}
.u-profileForm__segment[data-type=flex] .u-profileForm__item:first-child {
  margin: 0 !important;
}
.u-profileForm__segment[data-type=flex] .u-profileForm__item > *:first-child {
  margin-top: 0 !important;
}
.u-profileForm__segment > .m-frmUpload {
  padding-left: 85px;
}
.u-profileForm__segment > .m-frmUpload[data-type=icon] .m-frmUpload__icn {
  min-width: 73px;
  max-width: 73px;
  min-height: 73px;
  max-height: 73px;
}
.u-profileForm__segment > .m-frmLabel + .m-frmUpload {
  margin-top: 10px !important;
}
.u-profileForm__segment > .m-frmLabel + .u-profileHdg {
  margin-top: 10px !important;
}
.u-profileForm[data-type=confirm] .u-profileForm__segment {
  padding: 0 0 20px;
  margin-top: 30px;
  border-bottom: 1px dotted #cbcdce;
}
.u-profileForm .u-uploadForm__label {
  display: flex;
  gap: 20px;
  align-items: center;
}
.u-profileForm .u-uploadForm__area {
  flex-grow: 1;
  height: auto;
  padding: 15px;
  font-size: 1.4rem;
  line-height: 1.4;
}
.u-profileForm .u-uploadForm__area span[data-ifont][data-type=file]::before {
  left: 4px;
  content: "\f142";
}
.u-profileForm .u-uploadForm__area span[data-ifont][data-type=photo]::before {
  content: "\f13a";
}
.u-profileForm .u-uploadForm__subTxt {
  margin-top: 10px;
  font-size: 1rem;
}
.u-profileForm .u-uploadForm__txt {
  margin: 0;
  line-height: 2;
  white-space: nowrap;
}
.u-profileForm .u-uploadForm__txt span {
  display: block;
}
.u-profileStep {
  max-width: 558px;
  margin: 50px auto 30px;
}
.u-profileStep__list {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  margin: 0 0 0 -1px;
}
.u-profileStep__list li {
  position: relative;
  width: 20%;
  padding: 0 0 15px 1px;
  line-height: 1;
  color: #cbcdce;
  text-align: center;
  font-size: 1.4rem;
}
.u-profileStep__list li::before {
  bottom: 0;
  left: 0;
  width: calc(100% - 1px);
}
.u-profileStep__list li::after {
  right: 0;
  bottom: 3px;
  width: 9px;
  transform: rotate(45deg);
}
.u-profileStep__list li::before, .u-profileStep__list li::after {
  position: absolute;
  height: 2px;
  content: "";
  background: #cbcdce;
  border-radius: 7px;
}
.u-profileStep__list li.is-selected {
  color: #8b8e90;
}
.u-profileStep__list li.is-selected::before, .u-profileStep__list li.is-selected::after {
  background: #8b8e90;
}
.u-profileStep__list li.is-current {
  color: #002aff;
}
.u-profileStep__list li.is-current::before, .u-profileStep__list li.is-current::after {
  background: #002aff;
}
.u-profileMaterial__item {
  display: flex;
  flex-wrap: nowrap;
  margin: 12px 0 0;
}
.u-profileMaterial__item:first-child {
  margin-top: 0;
}
.u-profileMaterial__ttl {
  min-width: 120px;
  max-width: 120px;
  font-weight: bold;
  line-height: 1.8;
  font-size: 1.4rem;
}
.u-profileMaterial__txt {
  width: 100%;
  margin: 0 0 0 30px;
  line-height: 1.4;
}
.u-profileIngredients {
  display: flex;
  flex-wrap: nowrap;
  margin: -10px 0 0 -30px;
}
.u-profileIngredients.has-tooltip {
  position: relative;
}
.u-profileIngredients.has-tooltip:hover .u-profileIngredients__tooltip {
  opacity: 1;
  visibility: visible;
}
.u-profileIngredients__item {
  width: 50%;
  padding: 0 0 0 30px;
}
.u-profileIngredients__list {
  margin: 10px 0 0;
}
.u-profileIngredients__list li {
  position: relative;
  margin: 20px 0 0;
}
.u-profileIngredients__list li:first-child {
  margin-top: 0;
}
.u-profileIngredients__list--left li::after {
  position: absolute;
  top: 0;
  right: -30px;
  width: 30px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  content: "・";
}
.u-profileIngredients__tooltip {
  position: absolute;
  top: 0;
  left: 30px;
  translate: 0 -60px;
  padding: 20px;
  background-color: #fff;
  border-radius: 7px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  opacity: 0;
  transition: all 0.3s;
  visibility: hidden;
  font-size: 1.4rem;
}
.u-profileIngredients__tooltip--offset {
  translate: 30px calc(-100% - 6px);
}

@media screen and (max-width: 1440px) {
  .u-profileGrid[data-col="2"] {
    display: block;
    width: 100%;
    max-width: 558px;
    margin: 30px auto 0;
  }
  .u-profileGrid[data-col="2"] .u-profileGrid__item {
    width: 100%;
    padding: 0;
    margin: 30px 0 0;
  }
  .u-profileGrid[data-col="2"] .u-profileGrid__item:first-child {
    margin-top: 0;
  }
}
@media screen and (max-width: 767px) {
  .u-profileBtn {
    margin-top: 30px;
  }
}
/* ----------------------------------------------------------------------------
 * CHOOSE
 * ------------------------------------------------------------------------- */
.u-chooseHdg {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  line-height: 1;
  text-align: center;
}
.u-chooseHdg[data-level="2"] {
  padding: 10px 0 0;
  font-weight: bold;
  font-size: 3.2rem;
}
.u-chooseHdg[data-level="3"] {
  height: 75px;
  margin: -30px -30px 30px;
  color: #fff;
  background: #292929;
  border-radius: 7px 7px 0 0;
  font-size: 2.5rem;
}
.u-chooseHdg[data-level="4"] {
  position: relative;
  margin: 30px 0 0;
  font-weight: normal;
  color: #8b8e90;
  font-size: 1.2rem;
}
.u-chooseHdg[data-level="4"]::before {
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 0;
  width: 100%;
  height: 1px;
  content: "";
  background: #cbcdce;
}
.u-chooseHdg[data-level="4"] span {
  position: relative;
  z-index: 1;
  padding: 0 10px;
  background: #fff;
}
.u-chooseNav {
  margin: 40px 0 0;
}
.u-chooseNav__list {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  margin: 0 0 0 -1px;
}
.u-chooseNav__list li {
  position: relative;
  padding: 0 0 15px 1px;
  line-height: 1;
  color: #cbcdce;
  text-align: center;
  font-size: 1.4rem;
}
.u-chooseNav__list li::before {
  bottom: 0;
  left: 0;
  width: calc(100% - 1px);
}
.u-chooseNav__list li::after {
  right: 0;
  bottom: 3px;
  width: 9px;
  transform: rotate(45deg);
}
.u-chooseNav__list li::before, .u-chooseNav__list li::after {
  position: absolute;
  height: 2px;
  content: "";
  background: #cbcdce;
  border-radius: 7px;
}
.u-chooseNav__list li.is-selected {
  color: #8b8e90;
}
.u-chooseNav__list li.is-selected::before, .u-chooseNav__list li.is-selected::after {
  background: #8b8e90;
}
.u-chooseNav__list[data-col="3"] li {
  width: 33.3333333333%;
}
.u-chooseNav__list[data-col="4"] li {
  width: 25%;
}
.u-chooseStep {
  margin: 35px 0 0;
}
.u-chooseStep__item > *:first-child {
  margin-top: 0 !important;
}
.u-chooseInput {
  padding: 30px;
  margin: 30px 0 0;
  background: #fff;
  border-radius: 7px;
}
.u-chooseInput__item {
  display: flex;
  flex-wrap: nowrap;
  padding: 18px 0 16px;
  border-top: 1px dotted #cbcdce;
}
.u-chooseInput__item:first-child {
  padding-top: 0;
  border-top: none;
}
.u-chooseInput__item:last-child {
  padding-bottom: 0;
}
.u-chooseInput__ttl {
  min-width: 155px;
  max-width: 155px;
  font-weight: bold;
  line-height: 1.4;
  color: #4b4b4b;
  font-size: 1.4rem;
}
.u-chooseInput__txt {
  width: 100%;
  margin: 0 0 0 20px;
  line-height: 1.2;
}
.u-chooseBox {
  padding: 30px;
  margin: 40px 0 0;
  background: #fff;
  border-radius: 7px;
  box-shadow: 0 10px 20px rgba(139, 142, 144, 0.4);
}
.u-chooseBox .u-chooseInput {
  padding: 0;
  margin: 0;
}
.u-chooseNotes {
  line-height: 1.5;
  text-align: center;
  font-size: 1.2rem;
}
.u-chooseSearch {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
}
.u-chooseSearch__input {
  width: 100%;
  max-width: 400px;
}
.u-chooseSearch__input input {
  width: 100%;
  height: 40px;
  padding: 0 30px 0 45px;
  font-weight: normal;
  background: #f8f8f8;
  border-radius: 20px;
  font-size: 1.2rem;
}
.u-chooseSearch__input input::placeholder {
  color: #cbcdce;
}
.u-chooseSearch__check {
  margin: 0 0 0 20px;
  white-space: nowrap;
}
.u-chooseMember {
  width: calc(100% + 20px);
  min-height: 500px;
  max-height: 500px;
  margin: 30px 0 0;
  overflow: auto;
}
.u-chooseMember--hasButton {
  min-height: 280px;
  max-height: calc(100vh - 540px);
}
.u-chooseMember__list {
  margin: 0 20px 0 0;
}
.u-chooseMember__item {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  padding: 15px 0 0;
  margin: 15px 0 0;
  border-top: 1px dotted #cbcdce;
}
.u-chooseMember__item:first-child {
  padding-top: 0;
  margin-top: 0;
  border-top: none;
}
.u-chooseMember__name {
  order: 2;
  min-width: 110px;
  max-width: 110px;
  font-weight: normal;
}
.u-chooseMember__icon {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  order: 1;
  min-width: 50px;
  max-width: 50px;
  min-height: 50px;
  max-height: 50px;
  padding: 0 0 0 2px;
  margin: 0 8px 0 0;
  color: #fff;
  text-align: center;
  letter-spacing: 0.22em;
  object-fit: cover;
  background: #585858;
  border-radius: 50%;
  font-size: 1.4rem;
}
.u-chooseMember__role {
  order: 3;
  min-width: 235px;
  max-width: 235px;
  font-size: 1.2rem;
}
.u-chooseMember__role em {
  padding: 0 0 0 10px;
  font-weight: bold;
  color: #8b8e90;
}
.u-chooseMember__btn {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  order: 4;
  min-width: 80px;
  max-width: 80px;
  height: 35px;
  padding: 0 0 0 38px;
  margin: 0 0 0 10px;
  font-weight: bold;
  color: #fff;
  text-align: center;
  border-radius: 45px;
  font-size: 1.2rem;
}
.u-chooseMember__btn::before, .u-chooseMember__btn::after {
  position: absolute;
  top: 50%;
  content: "";
  background: #fff;
  border-radius: 15px;
}
.u-chooseMember__btn::before {
  left: 20px;
  width: 12px;
  height: 2px;
  margin: -1px 0 0;
}
.u-chooseMember__btn::after {
  left: 25px;
  width: 2px;
  height: 12px;
  margin: -6px 0 0;
}
.u-chooseMember__btn:hover, .u-chooseMember__btn:focus {
  opacity: 1;
}
.u-chooseMember__btn[data-type=add] {
  background: #002aff;
}
.u-chooseMember__btn[data-type=add]:hover, .u-chooseMember__btn[data-type=add]:focus {
  box-shadow: 0 10px 20px rgba(0, 127, 255, 0.4);
}
.u-chooseMember__btn[data-type=remove] {
  background: #8b8e90;
}
.u-chooseMember__btn[data-type=remove]::after {
  display: none;
}
.u-chooseMember__btn[data-type=remove]:hover, .u-chooseMember__btn[data-type=remove]:focus {
  box-shadow: 0 10px 20px rgba(139, 142, 144, 0.4);
}
.u-chooseConfirm {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background: rgba(248, 248, 248, 0.8);
}
.u-chooseConfirm__box {
  min-width: 325px;
  max-width: 325px;
  padding: 20px 30px;
  background: #fff;
  border-radius: 7px;
  box-shadow: 0 20px 30px rgba(0, 98, 255, 0.33);
}
.u-chooseConfirm__txt {
  font-weight: normal;
  line-height: 2;
  text-align: center;
  font-size: 1.2rem;
}
.u-chooseConfirm__btn {
  padding: 20px 0 0;
  margin: 15px 0 0;
  border-top: 1px solid #cbcdce;
}
.u-chooseConfirm__btnItem {
  margin: 10px 0 0;
}
.u-chooseConfirm__btnItem:first-child {
  margin-top: 0 !important;
}
.u-chooseSelect {
  position: relative;
  margin: 20px 0 0;
}
.u-chooseSelect__input {
  position: relative;
  z-index: 0;
}
.u-chooseSelect__input input {
  width: 100%;
  height: 50px;
  padding: 0 65px 0 15px;
  border: 1px solid #002aff;
  border-radius: 3px;
}
.u-chooseSelect__btn {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  width: 50px;
  height: 50px;
  overflow: hidden;
  text-indent: -999em;
  background: none;
  border: none;
}
.u-chooseSelect__btn::before {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 8px;
  height: 8px;
  margin: -6px 0 0 -4px;
  content: "";
  border-top: 2px solid #002aff;
  border-right: 2px solid #002aff;
  transform: rotate(135deg);
}
.u-chooseSelect__list {
  position: absolute;
  top: 10px;
  left: -10px;
  z-index: 2;
  width: 100%;
  padding: 15px 0 30px;
  margin: -5px 0 0;
  visibility: hidden;
  background: #fff;
  border-radius: 3px;
  box-shadow: 0 10px 20px rgba(0, 98, 255, 0.4);
  opacity: 0;
  transition: 0.3s all ease;
}
.u-chooseSelect__list.is-active {
  margin-top: 0;
  visibility: initial;
  opacity: 1;
}
.u-chooseSelect__listItem {
  overflow: hidden;
}
.u-chooseSelect__listItem__btn {
  display: block;
  width: 100%;
  height: 28px;
  padding: 0 10px 0 25px;
  overflow: hidden;
  line-height: 28px;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  background: none;
  font-size: 1.4rem;
}
.u-chooseSelect__listItem__btn:hover, .u-chooseSelect__listItem__btn:focus {
  background: #e0efff;
  opacity: 1;
}
.u-chooseSelect__listItem__btn.is-selected {
  position: relative;
  pointer-events: none;
  background: #e0efff;
}
.u-chooseSelect__listItem__btn.is-selected::after {
  position: absolute;
  top: 50%;
  left: 8px;
  width: 11px;
  height: 6px;
  margin: -4px 0 0;
  content: "";
  border-bottom: 1px solid #292929;
  border-left: 1px solid #292929;
  border-radius: 0;
  transform: rotate(-45deg);
}
.u-chooseBtn {
  max-width: 265px;
  margin: 30px auto 0;
}
.u-chooseBtn__item {
  margin: 10px 0 0;
}
.u-chooseBtn__item:first-child {
  margin-top: 0;
}
.u-chooseRadio {
  margin: 30px 0 0;
}
.u-chooseRadio__item {
  margin: 20px 0 0;
}
.u-chooseRadio__item:first-child {
  margin-top: 0;
}
.u-chooseCheck {
  margin: 25px 0 0;
}
.u-chooseCheck__item {
  margin: 20px 0 0;
}
.u-chooseCheck__item:first-child {
  margin-top: 0;
}
.u-chooseCheck__item--member {
  position: relative;
  margin-left: 25px;
}
.u-chooseCheck__item--member .m-frmCheck__label {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.u-chooseCheck__item--member .m-frmCheck__label::after {
  top: calc(50% - 4px);
}
.u-chooseCheck[data-col="2"] {
  display: flex;
  flex-wrap: wrap;
  margin: 25px 0 -20px -30px;
}
.u-chooseCheck[data-col="2"] .u-chooseCheck__item {
  width: 50%;
  padding: 0 0 0 30px;
  margin: 0 0 20px;
}
.u-chooseCheck[data-col=flex] {
  display: flex;
  flex-wrap: wrap;
  margin: 30px 0 0;
}
.u-chooseCheck[data-col=flex] .u-chooseCheck__item {
  margin: 0 30px 0 0;
}
.u-chooseCheck[data-col=flex] .u-chooseCheck__item:last-child {
  margin-right: 0;
}
.u-choose .m-frmRadio__input:checked + .m-frmRadio__label::before {
  border-color: #002aff;
}
.u-choose .m-frmRadio__input:checked + .m-frmRadio__label::after {
  background-color: #002aff;
}
.u-choose[data-type=member] .u-chooseHdg[data-level="3"] {
  background: #002aff;
}
.u-choose[data-type=supplier] .u-chooseHdg[data-level="3"] {
  background: #2dd3cf;
}
.u-choose[data-type=supplier] .u-chooseNav__list li.is-current {
  color: #2dd3cf;
}
.u-choose[data-type=supplier] .u-chooseNav__list li.is-current::before, .u-choose[data-type=supplier] .u-chooseNav__list li.is-current::after {
  background: #2dd3cf;
}
.u-choose[data-type=supplier] .u-chooseNotes {
  color: #2dd3cf;
}
.u-choose[data-type=supplier] .u-chooseRadio .m-frmRadio__input:checked + .m-frmRadio__label::before {
  border-color: #2dd3cf;
}
.u-choose[data-type=supplier] .u-chooseRadio .m-frmRadio__input:checked + .m-frmRadio__label::after {
  background-color: #2dd3cf;
}
.u-choose[data-type=supplier] .u-chooseCheck .m-frmCheck__input:checked + .m-frmCheck__label::before {
  background: #2dd3cf;
  border-color: #2dd3cf;
}
.u-choose[data-type=whitelist] .u-chooseHdg[data-level="3"] {
  background: #002aff;
}
.u-choose[data-type=whitelist] .u-chooseNav__list li.is-current {
  color: #002aff;
}
.u-choose[data-type=whitelist] .u-chooseNav__list li.is-current::before, .u-choose[data-type=whitelist] .u-chooseNav__list li.is-current::after {
  background: #002aff;
}
.u-choose[data-type=whitelist] .u-chooseNotes {
  color: #002aff;
}

@media screen and (max-width: 767px) {
  .u-chooseCheck {
    margin: 16px 0 0;
  }
  .u-chooseCheck__item:not(:first-child) {
    margin: 16px 0 0;
  }
  .u-chooseCheck__item .u-memberUser {
    grid-template-columns: 42px 1fr;
    padding-left: 22px;
  }
  .u-chooseCheck__item--member {
    margin-left: 10px !important;
  }
  .u-chooseInput__item {
    flex-direction: column;
    padding: 30px 0 12px;
  }
  .u-chooseInput__item:first-child {
    padding-top: 0;
  }
  .u-chooseInput__txt {
    margin: 6px 0 0 0;
    line-height: 1.43;
    font-size: 1.4rem;
  }
  .u-chooseMember {
    width: 100%;
  }
  .u-chooseMember--hasButton {
    min-height: inherit;
    max-height: calc(100vh - 500px);
    margin-top: 16px;
  }
  .u-chooseConfirm {
    position: fixed;
  }
  .u-chooseConfirm__btn {
    padding: 0;
    margin: 24px 0 0;
    border-top: none;
  }
}
/* ----------------------------------------------------------------------------
 * COMPLETE
 * ------------------------------------------------------------------------- */
.u-completeBox {
  max-width: 618px;
  padding: 40px 30px;
  margin: 0 auto;
  background: #fff;
  border-radius: 7px;
  box-shadow: 0 10px 20px rgba(139, 142, 144, 0.4);
}
.u-completeBox__hdg, .u-completeBox__txt {
  margin: 0;
  line-height: 1;
  text-align: center;
}
.u-completeBox__hdg {
  font-weight: bold;
  font-size: 3.2rem;
}
.u-completeBox__txt {
  margin: 30px 0 0;
  font-size: 1.4rem;
}
.u-completeBox__btn {
  max-width: 264px;
  margin: 30px auto 0;
}

@media screen and (max-width: 767px) {
  [data-rwd=true] .u-completeBox {
    padding: 24px;
  }
  [data-rwd=true] .u-completeBox__hdg {
    font-size: 2rem;
  }
  [data-rwd=true] .u-completeBox__txt {
    margin: 15px 0 0;
  }
}
/* ----------------------------------------------------------------------------
 * LOGIN
 * ------------------------------------------------------------------------- */
.u-login {
  position: relative;
  display: table;
  width: 100%;
  max-width: 1250px;
  margin: 0 auto;
}
.u-login::before, .u-login::after {
  position: fixed;
  top: 0;
  z-index: -1;
  width: 50%;
  height: 100%;
  content: "";
}
.u-login::before {
  left: 0;
  background: #fff;
}
.u-login::after {
  right: 0;
  background: url(/assets/user/img/D-01/bg_content.jpg) center center;
  background-size: cover;
}
.u-loginGrid {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  margin: 0 0 0 -250px;
}
.u-loginGrid__item {
  position: relative;
  width: 50%;
  padding: 0 0 0 250px;
}
.u-loginLogo {
  display: table;
  width: 205px;
  margin: -30px auto 30px;
}
.u-loginLogo img {
  width: 100%;
  border-radius: 0;
}
.u-loginHdg, .u-loginHdg--center {
  margin: 0 0 25px;
  font-weight: bold;
  line-height: 1.4;
  font-size: 2rem;
}
.u-loginHdg--center {
  text-align: center;
}
.u-loginText {
  margin: 15px 0 0;
  text-align: left;
  font-size: 1.2rem;
}
.u-loginInput__item {
  margin: 20px 0 0;
}
.u-loginInput__item:first-child {
  margin-top: 0;
}
.u-loginInput__item .m-frmLabel {
  margin: 0 0 8px;
}
.u-loginInput__item .m-frmTextbox input {
  height: 34px;
  padding: 0 15px;
  letter-spacing: 0;
  border-color: #cbcdce;
  font-size: 1.2rem;
}
.u-loginInput__item .m-frmTextbox.is-error input {
  border-color: #f00;
}
.u-loginLink {
  margin: 12px 0 0;
}
.u-loginLink li {
  margin: 6px 0 0;
  text-align: center;
  font-size: 1.2rem;
}
.u-loginLink li:first-child {
  margin-top: 0;
}
.u-loginLink li a {
  color: #292929;
  text-decoration: underline;
}
.u-loginLink li a:hover, .u-loginLink li a:focus {
  text-decoration: none;
}
.u-loginCheck {
  margin: 15px 0 0;
}
.u-loginCheck .m-frmCheck {
  padding-left: 23px;
}
.u-loginCheck .m-frmCheck__label {
  letter-spacing: 0;
  font-size: 1.2rem;
}
.u-loginCheck .m-frmCheck__label::before {
  border-width: 1px;
}
.u-loginCheck .m-frmCheck__label::after {
  top: 2px;
}
.u-loginButton {
  margin: 20px 0 0;
}
.u-loginButton .m-btn {
  display: table;
  width: 100%;
  max-width: 264px;
  margin: 0 auto;
}
.u-login__loading {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2000;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  background: rgba(255, 255, 255, 0.5);
}
.u-login__loading .loader {
  position: relative;
  width: 64px;
  height: 64px;
  margin-inline: auto;
}
.u-login__loading .loader div {
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  opacity: 0.8;
}
.u-login__loading .one {
  border-top: 2px solid #8fb259;
  animation: rotate-left 1s linear infinite;
}
.u-login__loading .two {
  border-right: 2px solid #cccc52;
  animation: rotate-right 1s linear infinite;
}
.u-login__loading .three {
  border-bottom: 2px solid #ffd933;
  animation: rotate-right 1s linear infinite;
}
.u-login__loading .four {
  border-left: 2px solid #ff7f00;
  animation: rotate-right 1s linear infinite;
}
.u-loginWarning {
  margin-top: 10px;
  font-size: 14px;
  color: #f00;
}
.u-loginReCaptcha {
  display: flex;
  justify-content: center;
}

@media screen and (max-width: 767px) {
  .u-login::before {
    width: 100%;
  }
  .u-login::after {
    display: none;
  }
  .u-loginGrid {
    margin: 36px 0 0 0;
  }
  .u-loginGrid__item {
    width: 100%;
    padding: 0;
  }
  .u-loginGrid__item:last-child {
    display: none;
  }
  .u-loginInput__item .m-frmTextbox input {
    height: 48px;
    line-height: 48px;
    font-size: 1.6rem;
  }
  .u-loginWarning {
    font-size: 12px;
  }
}
/* ----------------------------------------------------------------------------
 * INQUIRY
 * ------------------------------------------------------------------------- */
.u-inquiry {
  margin: 30px 0 0;
}
.u-inquiryLayout {
  display: flex;
}
.u-inquiryLayout__main {
  order: 2;
  min-width: 410px;
  max-width: 410px;
  margin: 0 0 0 30px;
}
.u-inquiryLayout__sub {
  order: 1;
  width: 100%;
}
.u-inquiryLayout__sub .m-hdg3 {
  margin-bottom: 60px;
}
.u-inquiryBox {
  margin: 40px 0 0;
}
.u-inquiryBox__item {
  margin-top: 60px;
}
.u-inquiryBox__item.is-hide {
  display: none;
}
.u-inquiryBox__item--s {
  margin-top: 30px;
}
.u-inquiryBox__item, .u-inquiryBox__item--s {
  padding: 30px 30px 40px;
  background: #fff;
  border-radius: 8px;
}
.u-inquiryBox__item:first-child, .u-inquiryBox__item--s:first-child {
  margin-top: 0;
}
.u-inquiryBox__item > *:first-child, .u-inquiryBox__item--s > *:first-child {
  margin-top: 0 !important;
}
.u-inquiryForm__segment {
  margin: 30px 0 0;
}
.u-inquiryForm__segment:first-child {
  margin-top: 0;
}
.u-inquiryInput {
  margin: 23px 0 0;
}
.u-inquiryInput__item {
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-start;
  padding: 20px 0 0;
  margin: 20px 0 0;
  border-top: 1px dotted #ced2d5;
}
.u-inquiryInput__item:first-child {
  padding-top: 0;
  margin-top: 0;
  border-top: none;
}
.u-inquiryInput__ttl, .u-inquiryInput__txt {
  display: block;
}
.u-inquiryInput__ttl {
  min-width: 130px;
  max-width: 130px;
  margin: 0 30px 0 0;
  font-weight: normal;
  line-height: 1.6;
  color: #6f6f6f;
  font-size: 1.4rem;
}
.u-inquiryInput__txt {
  width: 100%;
  line-height: 1.5;
  font-size: 1.6rem;
}
.u-inquiryInput__txt pre {
  font-family: inherit;
  font-size: inherit;
  white-space: pre-wrap;
}
.u-inquirySubmit {
  max-width: 264px;
  margin: 30px auto 0;
}
.u-inquirySubmit__item {
  margin: 10px 0 0;
}
.u-inquirySubmit__item:first-child {
  margin-top: 0;
}
.u-inquiryChoose {
  margin: 40px 0 0;
}
.u-inquiryChoose__body {
  height: 0;
  margin: 30px 0 0;
  overflow: hidden;
}
.u-inquiryChoose .u-inquiryForm {
  padding-top: 2px;
  margin: 0 0 50px;
}
.u-inquiryChoose .u-inquiryForm .m-frmGroup[data-type=flex] .m-frmGroup__item[data-col=flex]:not(.m-frmGroup__item--short) {
  min-width: 200px;
}
.u-inquiryChoose .u-inquiryForm .m-frmGroup__item--date {
  max-width: 307px;
}
.u-inquiryChoose .m-frmCheck input:checked + label {
  color: #002aff;
}
.u-inquiryChoose.is-selected .u-inquiryChoose__segment {
  display: block;
  margin-top: 70px;
}
.u-inquiryChoose.is-selected .u-inquiryChoose__item {
  margin: 70px 0 0;
}
.u-inquiryChoose.is-selected .u-inquiryChoose__item:first-child {
  margin-top: 0;
}
.u-inquiryChoose.is-selected .u-inquiryForm {
  display: block;
  margin: 30px 0 0;
}
.u-inquiryMaterial {
  position: sticky;
  top: 150px;
  padding: 30px;
  background: #fff;
  border-radius: 7px;
  box-shadow: 0 10px 20px rgba(139, 142, 144, 0.4);
}
.u-inquiryMaterial__hdg {
  display: flex;
  flex-wrap: nowrap;
}
.u-inquiryMaterial__hdgTxt {
  order: 2;
  margin: 0 0 0 15px;
  font-weight: bold;
  line-height: 1.4;
}
.u-inquiryMaterial__hdgImg {
  order: 1;
  width: 117px;
  height: 90px;
  object-fit: cover;
}
.u-inquiryMaterial__hdgNoImg-ttl {
  display: flex;
  align-items: center;
  justify-content: center;
  order: 1;
  width: 117px;
  height: 90px;
  padding: 8px;
  background-color: #e6e8ea;
  border-radius: 7px;
}
.u-inquiryMaterial__hdgNoImg-name {
  display: -webkit-box;
  order: 1;
  width: 117px;
  overflow: hidden;
  font-weight: bold;
  line-height: 1.2;
  color: #292929;
  text-align: center;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  font-size: 1.2rem;
}
.u-inquiryMaterial__txt {
  font-weight: normal;
  line-height: 1.7;
  color: #4b4b4b;
  text-align: justify;
  letter-spacing: 0.07em;
  font-size: 1.4rem;
}
.u-inquiryMaterial__detail {
  padding: 15px 0 0;
  margin: 15px 0 0;
  border-top: 1px solid #cbcdce;
}
.u-inquiryMaterial__detailItem {
  display: flex;
  flex-wrap: nowrap;
  margin: 15px 0 0;
}
.u-inquiryMaterial__detailItem:first-child {
  margin-top: 0;
}
.u-inquiryMaterial__detailItem__ttl {
  min-width: 60px;
  max-width: 60px;
  font-weight: bold;
  line-height: 2;
  color: #8b8e90;
  font-size: 1.2rem;
}
.u-inquiryMaterial__detailItem__txt {
  margin: 0 0 0 20px;
  font-size: 1.4rem;
}
.u-inquiryMaterial__detailItem__txt a {
  color: #292929;
  text-decoration: underline;
}
.u-inquiryMaterial__detailItem__txt a:hover, .u-inquiryMaterial__detailItem__txt a:focus {
  text-decoration: none;
}
.u-inquiryMaterial__btn {
  margin: 20px 0 0;
}
.u-inquiryErrorBox {
  padding: 10px;
  margin: 20px 0 30px;
  text-align: center;
  background: #ffd8d8;
}
.u-inquiryErrorBox p {
  position: relative;
  display: inline-block;
  padding: 0 0 0 25px;
  font-size: 14px;
  font-weight: bold;
  color: #f00;
}
.u-inquiryErrorBox p [data-ifont]::before {
  position: absolute;
  top: 50%;
  left: 0;
  margin: -12px 0 0;
  content: "\f153";
  font-size: 1.8rem;
}
.u-inquiryHdg[data-type="1"] .u-inquiryHdg__main, .u-inquiryHdg[data-type="1"] .u-inquiryHdg__sub {
  display: block;
}
.u-inquiryHdg[data-type="1"] .u-inquiryHdg__main {
  line-height: 1;
}
.u-inquiryHdg[data-type="1"] .u-inquiryHdg__sub {
  line-height: inherit;
}
.u-inquiryHdg[data-type="1"] .u-inquiryHdg__main {
  margin-bottom: 22px;
  font-weight: bold;
  font-size: 2rem;
}
.u-inquiryHdg[data-type="1"] .u-inquiryHdg__sub {
  margin: 15px 0 0;
  font-weight: normal;
  font-size: 1.4rem;
}
.u-inquiryHdg[data-type="1"] + [data-type="2"] {
  margin-top: 35px;
}
.u-inquiryHdg[data-type="2"] {
  margin: 50px 0 0;
}
.u-inquiryHdg[data-type="2"] .u-inquiryHdg__main {
  position: relative;
  z-index: 1;
  font-weight: bold;
  line-height: 1;
  color: #002aff;
  background: #fff;
  font-size: 1.6rem;
}
.u-inquiryHdg[data-type="2"] .u-inquiryHdg__main [data-ifont] {
  position: relative;
  display: block;
  padding: 0 0 0 20px;
}
.u-inquiryHdg[data-type="2"] .u-inquiryHdg__main [data-ifont]::before {
  position: absolute;
  top: 50%;
  left: 0;
  margin: -8px 0 0;
  font-size: 1.6rem;
}
.u-inquiryHdg[data-type="2"] .u-inquiryHdg__main[data-type=sample] [data-ifont]::before {
  content: "\f154";
}
.u-inquiryHdg[data-type="2"] .u-inquiryHdg__main[data-type=estimate] [data-ifont]::before {
  content: "\f110";
}
.u-inquiryHdg[data-type="2"] .u-inquiryHdg__main[data-type=spec] [data-ifont]::before {
  content: "\f117";
}

@media screen and (max-width: 1280px) {
  .u-inquiryLayout__main {
    min-width: 264px;
    max-width: 264px;
  }
  .u-inquiryMaterial {
    padding: 20px;
  }
  .u-inquiryMaterial__hdg {
    flex-direction: column;
  }
  .u-inquiryMaterial__hdgTxt {
    margin: 23px 0 0;
  }
  .u-inquiryMaterial__hdgImg {
    width: 222px;
    height: 164px;
  }
  .u-inquiryMaterial__hdgNoImg-ttl {
    width: 222px;
    height: 164px;
    padding: 18px;
  }
  .u-inquiryMaterial__hdgNoImg-name {
    width: 100%;
    font-size: 2.5rem;
  }
  .u-inquiryMaterial__txt {
    margin: 20px 0 0;
  }
}
@media screen and (max-width: 767px) {
  .u-inquiry {
    margin-top: 36px;
  }
  .u-inquiryMaterial__hdg {
    flex-direction: row;
  }
  .u-inquiryMaterial__hdgImg {
    width: 55px;
    height: 42px;
  }
  .u-inquiryMaterial__hdgTxt {
    margin: 0 0 0 9px;
    font-size: 1.4rem;
  }
  .u-inquiryMaterial__txt {
    margin-top: 12px;
    font-size: 1.3rem;
  }
  .u-inquiryMaterial__detailItem__txt {
    font-size: 1.3rem;
  }
  .u-inquiryMaterial__detailItem:not(:first-child) {
    margin-top: 1px;
  }
  .u-inquiryLayout {
    flex-direction: column;
  }
  .u-inquiryLayout__main {
    width: 100%;
    max-width: 100%;
    margin: 24px auto 0;
  }
  .u-inquiryHdg[data-type="1"] .u-inquiryHdg__main {
    margin-bottom: 12px;
    font-size: 1.6rem;
  }
  .u-inquiryHdg[data-type="2"] {
    margin: 40px 0 0;
  }
  .u-inquiryHdg__sub {
    line-height: 1.5 !important;
  }
  .u-inquiryChoose {
    margin-top: 24px;
  }
  .u-inquiryBox__item, .u-inquiryBox__item--s {
    padding: 24px 20px 30px;
    margin-top: 24px;
  }
  .u-inquirySubmit {
    margin-top: 24px;
  }
  .u-inquiryForm__segment[data-type=zipcode] .m-frmGroup {
    position: relative;
  }
  .u-inquiryForm__segment[data-type=zipcode] .m-frmGroup .m-frmGroup__item[data-col="2"] .m-frmTextbox {
    width: 140px;
  }
  .u-inquiryForm__segment[data-type=zipcode] .m-frmGroup .m-frmGroup__item[data-col=flex] {
    position: absolute;
    left: 178px;
    padding-left: 0;
  }
  .u-inquiryForm__segment[data-type=zipcode] .m-frmGroup .m-frmGroup__item[data-col=flex] .m-btn {
    height: 48px;
  }
  .u-inquiryForm__segment span.m-frmText {
    display: inline-block;
  }
  .u-inquiryInput {
    margin: 6px 0 0;
  }
  .u-inquiryInput__item {
    flex-direction: column;
    padding: 30px 0 0;
    margin: 12px 0 0;
  }
  .u-inquiryInput__item:first-child {
    padding-top: 0;
    margin-top: 0;
  }
  .u-inquiryInput__ttl {
    max-width: inherit;
  }
  .u-inquiryInput__txt {
    margin-top: 6px;
    font-size: 1.4rem;
  }
}
/* ----------------------------------------------------------------------------
 * TOPPAGE
 * ------------------------------------------------------------------------- */
.u-topNotice {
  background: #fff;
  border-radius: 7px;
}
.u-topNotice__listItem__inner {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  width: 100%;
  height: 56px;
  padding: 0 80px 0 65px;
}
.u-topNotice__listItem__inner[data-ifont]::before {
  position: absolute;
  top: 50%;
  left: 25px;
  margin: -15px 0 0;
  color: #292929;
  content: "\f10d";
  font-size: 3rem;
}
.u-topNotice__listItem__inner:hover .u-topNotice__listItem__txt, .u-topNotice__listItem__inner:focus .u-topNotice__listItem__txt {
  color: #002aff;
}
.u-topNotice__listItem__date, .u-topNotice__listItem__txt {
  line-height: 1;
  transition: 0.3s all ease;
}
.u-topNotice__listItem__date {
  color: #4b4b4b;
  white-space: nowrap;
  font-size: 1.4rem;
}
.u-topNotice__listItem__txt {
  margin: 0 0 0 25px;
  overflow: hidden;
  color: #292929;
}
.u-topNotice__listItem__txt [data-ifont] {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.u-topNotice__listItem__txt [data-ifont]::before {
  position: absolute;
  top: 50%;
  right: 35px;
  margin: -5px 0 0;
  content: "\f130";
  font-size: 1rem;
}
.u-topNotice__listItem__badge {
  position: absolute;
  top: 50%;
  left: 40px;
  box-sizing: content-box;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  min-width: 20px;
  height: 20px;
  margin: -20px 0 0;
  font-family: "Lato", sans-serif;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  background: #f00;
  border: 1px solid #fff;
  border-radius: 50px;
  font-size: 1.1rem;
}
.u-topNotice__listItem__badge span {
  position: relative;
  left: -1px;
  display: block;
  padding: 0 3px;
  letter-spacing: -0.05em;
}
.u-topIntro {
  display: flex;
  flex-wrap: nowrap;
  width: calc(100% - 588px);
  margin: 30px 0 0;
}
.u-topIntro__slider {
  width: 100%;
}
.u-topIntro__info {
  min-width: 558px;
  max-width: 558px;
  margin: 0 0 0 30px;
}
.u-topSlider {
  position: relative;
}
.u-topSlider__listItem {
  width: 100%;
  height: 400px;
  outline: none;
}
.u-topSlider__listItem img {
  width: 100%;
  height: 400px;
  object-fit: cover;
}
.u-topSlider__nav {
  position: absolute;
  bottom: -30px;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.u-topSlider__navItem {
  margin: 0 0 0 12px;
}
.u-topSlider__navItem:first-child {
  margin-left: 0;
}
.u-topSlider__navItem__btn {
  width: 22px;
  height: 2px;
  overflow: hidden;
  background: #ced2d5;
  border-radius: 15px;
}
.u-topSlider__navItem__btn.is-current {
  background: #002aff;
}
.u-topSlider .slick-dots {
  position: absolute;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 2px;
}
.u-topSlider .slick-dots li {
  width: 22px;
  height: 2px;
  margin: 0 0 0 12px;
  overflow: hidden;
}
.u-topSlider .slick-dots li:first-child {
  margin-left: 0;
}
.u-topSlider .slick-dots li button {
  display: block;
  width: 22px;
  height: 2px;
  padding: 0;
  overflow: hidden;
  background: #ced2d5;
  border-radius: 15px;
}
.u-topSlider .slick-dots li.slick-active button {
  background: #002aff;
}
.u-topSearch {
  margin: 70px 0 0;
}
.u-topSearch__hdg {
  font-weight: bold;
  line-height: 1;
  text-align: center;
  font-size: 4rem;
}
.u-topSearch__elem {
  margin: 30px 0 0;
}
.u-topArrival {
  position: relative;
  padding: 50px 0;
  margin: 60px 0 0;
  background: #fff;
  border-radius: 7px;
}
.u-topArrival__hdg {
  font-weight: bold;
  line-height: 1;
  text-align: center;
  font-size: 2.5rem;
}
.u-topArrival__body {
  padding: 0 18px;
  margin: 20px 0 0;
}
.u-topArrival__more {
  position: absolute;
  bottom: 0;
  left: 0;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin: 0 0 -23px;
}
.u-topArrival__card {
  display: flex;
  flex-wrap: wrap;
}
.u-topArrival__cardItem {
  position: relative;
  width: 20%;
  margin: 60px 0 0;
  background: #fff;
}
.u-topArrival__cardItem:nth-child(-n+5) {
  margin-top: 0;
}
.u-topArrival__cardItem__inner, .u-topArrival__cardItem__hdg, .u-topArrival__cardItem__txt {
  transition: 0.3s all ease;
}
.u-topArrival__cardItem__inner {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 18px 18px 36px;
  border-radius: 7px;
}
.u-topArrival__cardItem__inner:hover, .u-topArrival__cardItem__inner:focus {
  z-index: 1;
  box-shadow: 0 10px 20px rgba(0, 98, 255, 0.4);
}
.u-topArrival__cardItem__inner:hover .u-topArrival__cardItem__hdg, .u-topArrival__cardItem__inner:focus .u-topArrival__cardItem__hdg {
  color: #002aff;
}
.u-topArrival__cardItem__hdg, .u-topArrival__cardItem__txt {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  margin: 15px 0 0;
  overflow: hidden;
  color: #292929;
}
.u-topArrival__cardItem__hdg {
  order: 3;
  height: 3em;
}
.u-topArrival__cardItem__txt {
  order: 4;
  height: 3.5em;
  font-size: 1.4rem;
}
.u-topArrival__cardItem__date {
  display: block;
  order: 2;
  margin: 15px 0 0;
  line-height: 1;
  color: #6f6f6f;
  text-align: right;
  font-size: 1.2rem;
}
.u-topArrival__cardItem__img {
  order: 1;
}
.u-topArrival__cardItem__img img {
  width: 100%;
  height: 185px;
  object-fit: cover;
}
.u-topArrival__cardItem__noImg-ttl {
  display: flex;
  align-items: center;
  justify-content: center;
  order: 1;
  height: 185px;
  padding: 15px;
  background-color: #e6e8ea;
  border-radius: 7px;
}
.u-topArrival__cardItem__noImg-name {
  display: -webkit-box;
  order: 1;
  overflow: hidden;
  font-weight: bold;
  line-height: 1.4;
  color: #292929;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  font-size: 3.2rem;
}
.u-topArrival__cardItem__list {
  order: 5;
  margin: 10px 0 0 0;
}
.u-topArrival__cardItem__listItem {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  padding: 15px 0;
  border-top: 1px dotted #e7e9ea;
}
.u-topArrival__cardItem__listItem:first-child {
  padding-top: 0;
  border-top: none;
}
.u-topArrival__cardItem__listItem:last-child {
  padding-bottom: 0;
}
.u-topArrival__cardItem__listItem__ttl, .u-topArrival__cardItem__listItem__txt {
  line-height: 1.2;
  color: #292929;
}
.u-topArrival__cardItem__listItem__ttl {
  min-width: 50px;
  max-width: 50px;
  font-size: 1.2rem;
}
.u-topArrival__cardItem__listItem__txt {
  width: 100%;
  margin: 0 0 0 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 1.4rem;
}
.u-topArrival__cardItem__favorite {
  position: absolute;
  top: 28px;
  right: 28px;
  z-index: 2;
  width: 28px;
  height: 28px;
  overflow: hidden;
  background: #f8f8f8;
  border: 1px solid #fff;
  border-radius: 50%;
}
.u-topArrival__cardItem__favorite [data-ifont] {
  pointer-events: none;
}
.u-topArrival__cardItem__favorite [data-ifont]::before {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -6px 0 0 -0.5em;
  color: #ced2d5;
  content: "\f132";
  transition: 0.3s all ease;
  font-size: 1.2rem;
}
.u-topArrival__cardItem__favorite [data-ifont] span {
  position: absolute;
  z-index: -1;
  text-indent: -999em;
}
.u-topArrival__cardItem__favorite.is-selected > span[data-ifont]::before {
  color: #002aff;
}
.u-topReport {
  padding: 40px 40px 0;
  margin: 80px 0 0;
  background: #fff;
  border-radius: 7px;
}
.u-topReport__head {
  position: relative;
  display: flex;
  flex-direction: column;
}
.u-topReport__body {
  position: relative;
}
.u-topReport__navPrev, .u-topReport__navNext {
  position: absolute;
  top: 50%;
  width: 46px;
  height: 46px;
  margin: -23px 0 0;
  background: #fff;
  border-radius: 50%;
}
.u-topReport__navPrev {
  left: -23px;
}
.u-topReport__navPrev [data-ifont]::before {
  margin-left: -8px !important;
  transform: rotate(180deg);
}
.u-topReport__navNext {
  right: -23px;
}
.u-topReport__navBtn {
  display: block;
  width: 46px;
  height: 46px;
  overflow: hidden;
  background: #fff;
  border-radius: 50%;
}
.u-topReport__navBtn[data-ifont]::before {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -8px 0 0 -3px;
  color: #002aff;
  content: "\f130";
  font-size: 1.6rem;
}
.u-topReport__navBtn[data-ifont] span {
  position: absolute;
  z-index: -1;
  text-indent: -999em;
}
.u-topReport__navBtn:hover, .u-topReport__navBtn:focus {
  box-shadow: 0 10px 20px rgb(224, 239, 255);
}
.u-topReport__hdg, .u-topReport__sub, .u-topReport__link {
  font-weight: bold;
  line-height: 1;
  text-align: center;
}
.u-topReport__hdg {
  order: 1;
  font-size: 2.5rem;
}
.u-topReport__sub {
  order: 2;
  margin: 12px 0 0;
  font-size: 1.2rem;
}
.u-topReport__link {
  position: absolute;
  right: 0;
  bottom: 0;
  order: 3;
  font-size: 1.2rem;
}
.u-topReport__link [data-ifont] {
  position: relative;
  padding: 0 18px 0 0;
  display: inline-block;
}
.u-topReport__link [data-ifont]::before {
  position: absolute;
  top: 50%;
  right: 0;
  margin: -4px 0 0;
  content: "\f151";
  font-size: 1.2rem;
}
.u-topReport__linkQue {
  position: relative;
  display: inline-block;
  margin-right: 20px;
  color: #002aff;
}
.u-topReport__linkQue__tooltip {
  position: absolute;
  bottom: 20px;
  right: 0px;
  width: 525px;
  font-weight: normal;
  padding: 15px 12px 12px;
  color: #fff;
  visibility: hidden;
  background: rgba(41, 41, 41, 0.7);
  border-radius: 7px;
  opacity: 0;
  transition: 0.3s all ease;
  line-height: 1.7;
  text-align: left;
  font-size: 1.4rem;
}
.u-topReport__linkQue:hover .u-topReport__linkQue__tooltip, .u-topReport__linkQue:focus .u-topReport__linkQue__tooltip {
  z-index: 0;
  visibility: visible;
  opacity: 1;
}
.u-topReport__cardItem {
  margin: 0 16px;
}
.u-topReport__cardItem:first-child {
  margin-left: 0;
}
.u-topReport__cardItem:last-child {
  margin-right: 0;
}
.u-topReport__cardItem__inner {
  display: block;
  padding: 10px;
  margin: 0 8px;
  background: #f2f1ea;
  border-radius: 7px;
  transition: 0.3s all ease;
}
.u-topReport__cardItem__inner:hover, .u-topReport__cardItem__inner:focus {
  background: #fff;
  box-shadow: 0 10px 20px rgba(0, 98, 255, 0.4);
}
.u-topReport__cardItem__inner:hover .u-topReport__cardItem__date, .u-topReport__cardItem__inner:hover .u-topReport__cardItem__hdg, .u-topReport__cardItem__inner:hover .u-topReport__cardItem__dsc, .u-topReport__cardItem__inner:focus .u-topReport__cardItem__date, .u-topReport__cardItem__inner:focus .u-topReport__cardItem__hdg, .u-topReport__cardItem__inner:focus .u-topReport__cardItem__dsc {
  color: #002aff;
}
.u-topReport__cardItem__date, .u-topReport__cardItem__hdg {
  transition: 0.3s all ease;
}
.u-topReport__cardItem__date {
  font-weight: bold;
  line-height: 1;
  color: #b0b1b2;
  font-size: 1.2rem;
}
.u-topReport__cardItem__hdg {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  height: 5.5em;
  margin: 5px 0;
  overflow: hidden;
  color: #292929;
  font-size: 1.6rem;
}
.u-topReport__cardItem__dsc {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  color: #292929;
  font-size: 1.3rem;
}
.u-topReport__cardItem__list {
  display: flex;
  flex-wrap: wrap;
  margin: 15px 0 -3px;
}
.u-topReport__cardItem__label {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  height: 25px;
  padding: 0 5px;
  margin: 0 3px 3px 0;
  line-height: 1;
  color: #6f6f6f;
  background: #fff;
  border: 1px solid #292929;
  border-radius: 3px;
  font-size: 1.3rem;
}
.u-topReport__cardItem__label:last-child {
  margin-right: 0;
}
.u-topReport__cardItem__img {
  margin: 0;
}
.u-topReport__cardItem__img img {
  width: 100%;
  height: 170px;
  object-fit: cover;
}
.u-topReport__card .slick-slide {
  padding: 40px 0 60px;
}
.u-topReport__card .slick-arrow {
  position: absolute;
  top: 50%;
  z-index: 1;
  width: 46px;
  height: 46px;
  margin: -23px 0 0;
  background: #fff;
  border-radius: 50%;
}
.u-topReport__card .slick-arrow.slick-prev::before, .u-topReport__card .slick-arrow.slick-next::before {
  display: none;
}
.u-topReport__card .slick-arrow.slick-prev::after, .u-topReport__card .slick-arrow.slick-next::after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 10px;
  height: 10px;
  content: "";
  border-top: 2px solid #002aff;
  border-right: 2px solid #002aff;
  transition: 0.3s all ease;
}
.u-topReport__card .slick-arrow.slick-prev::after {
  margin: -6px 0 0 -4px;
  transform: rotate(-135deg);
}
.u-topReport__card .slick-arrow.slick-next::after {
  margin: -6px 0 0 -6px;
  transform: rotate(45deg);
}
.u-topReport__card .slick-arrow:hover, .u-topReport__card .slick-arrow:focus {
  background: #002aff;
  box-shadow: 0 10px 20px rgba(54, 87, 255, 0.33);
  opacity: 1;
}
.u-topReport__card .slick-arrow:hover.slick-prev::after, .u-topReport__card .slick-arrow:hover.slick-next::after, .u-topReport__card .slick-arrow:focus.slick-prev::after, .u-topReport__card .slick-arrow:focus.slick-next::after {
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
}
.u-topPopular {
  padding: 50px 0;
  margin: 60px 0 0;
  background: #fff;
  border-radius: 7px;
}
.u-topPopular__hdg {
  font-weight: bold;
  line-height: 1;
  text-align: center;
  pointer-events: none;
  font-size: 2.5rem;
}
.u-topPopular__body {
  padding: 0 18px;
  margin: 20px 0 0;
}
.u-topPopular__card {
  display: flex;
  flex-wrap: nowrap;
}
.u-topPopular__cardItem {
  position: relative;
  width: 20%;
}
.u-topPopular__cardItem__inner {
  position: relative;
  z-index: 0;
  display: flex;
  flex-direction: column;
  padding: 18px;
  background: #fff;
  border-radius: 7px;
}
.u-topPopular__cardItem__inner:hover, .u-topPopular__cardItem__inner:focus {
  z-index: 1;
  box-shadow: 0 10px 20px rgba(0, 98, 255, 0.4);
}
.u-topPopular__cardItem__inner:hover .u-topPopular__cardItem__hdg, .u-topPopular__cardItem__inner:focus .u-topPopular__cardItem__hdg {
  color: #002aff;
}
.u-topPopular__cardItem__hdg {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  order: 2;
  height: 3.5em;
  margin: 10px 0 0;
  overflow: hidden;
  color: #292929;
  transition: 0.3s all ease;
}
.u-topPopular__cardItem__img {
  order: 1;
}
.u-topPopular__cardItem__img img {
  width: 100%;
  height: 185px;
  object-fit: cover;
}
.u-topPopular__cardItem__noImg-ttl {
  display: flex;
  align-items: center;
  justify-content: center;
  order: 1;
  height: 185px;
  padding: 15px;
  background-color: #e6e8ea;
  border-radius: 7px;
}
.u-topPopular__cardItem__noImg-name {
  display: -webkit-box;
  order: 1;
  overflow: hidden;
  font-weight: bold;
  line-height: 1.4;
  color: #292929;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  font-size: 3.2rem;
}
.u-topPopular__cardItem__favorite {
  position: absolute;
  top: 28px;
  right: 28px;
  z-index: 2;
  width: 28px;
  height: 28px;
  overflow: hidden;
  background: #f8f8f8;
  border: 1px solid #fff;
  border-radius: 50%;
}
.u-topPopular__cardItem__favorite [data-ifont] {
  pointer-events: none;
}
.u-topPopular__cardItem__favorite [data-ifont]::before {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -6px 0 0 -0.5em;
  color: #ced2d5;
  content: "\f132";
  transition: 0.3s all ease;
  font-size: 1.2rem;
}
.u-topPopular__cardItem__favorite [data-ifont] span {
  position: absolute;
  z-index: -1;
  text-indent: -999em;
}
.u-topPopular__cardItem__favorite.is-selected {
  background: #f1d9dd;
}
.u-topPopular__cardItem__favorite.is-selected > span[data-ifont]::before {
  color: #c93651;
}
.u-topRecommend {
  position: relative;
  margin: 80px 0 0;
  background: #fff;
}
.u-topRecommend::before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  padding: 0 10000%;
  margin: 0 -10000%;
  content: "";
  background: #fff;
}
.u-topRecommend__head {
  padding: 40px 0;
}
.u-topRecommend__body {
  padding: 0 0 60px;
}
.u-topRecommend__hdg[data-level="2"] {
  font-weight: bold;
  line-height: 1;
  text-align: center;
  pointer-events: none;
  font-size: 2.5rem;
}
.u-topRecommend__hdg[data-level="3"] {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  column-gap: 10px;
}
.u-topRecommend__hdg[data-level="3"] .u-topRecommend__hdg__reason {
  background-color: #ffff00;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.2;
  padding: 7px 15px 7px 17px;
  border-radius: 7px;
}
.u-topRecommend__hdg[data-level="3"] .u-topRecommend__hdg__reason--id1 {
  background-color: #FFEB00;
}
.u-topRecommend__hdg[data-level="3"] .u-topRecommend__hdg__reason--id2 {
  background-color: #FFBA00;
}
.u-topRecommend__hdg[data-level="3"] .u-topRecommend__hdg__reason--id3 {
  background-color: #74F2A0;
}
.u-topRecommend__hdg[data-level="3"] .u-topRecommend__hdg__reason--id4 {
  background-color: #FF8888;
}
.u-topRecommend__hdg[data-level="3"] .u-topRecommend__hdg__reason--id5 {
  background-color: #37ECF4;
}
.u-topRecommend__hdg[data-level="3"] .u-topRecommend__hdg__reason--id6 {
  background-color: #D8B1FF;
}
.u-topRecommend__hdg[data-level="3"] .u-topRecommend__hdg__text {
  font-size: 2.5rem;
  font-weight: bold;
  line-height: 1.2;
}
.u-topRecommend__txt {
  margin: 20px 0 0;
}
.u-topRecommend__overview {
  padding: 40px 30px 35px;
  background: #f2f1ea;
  border-radius: 7px;
}
.u-topRecommend__info {
  margin: 45px 0 0;
}
.u-topRecommend__infoItem {
  display: flex;
  flex-wrap: nowrap;
  padding: 13px 0;
  border-bottom: 1px dotted #ced2d5;
}
.u-topRecommend__infoItem:first-child {
  padding-top: 0;
}
.u-topRecommend__infoItem__ttl {
  width: 30%;
  font-weight: bold;
  line-height: 1.8;
  color: #6f6f6f;
  white-space: nowrap;
  font-size: 1.4rem;
}
.u-topRecommend__infoItem__txt {
  width: 70%;
  margin: 0 0 0 20px;
  line-height: 1.5;
}
.u-topRecommend__slide {
  max-width: 410px;
  margin: 0 auto;
}
.u-topRecommend__slideMain {
  position: relative;
  min-width: 410px;
  max-width: 410px;
  min-height: 305px;
  max-height: 305px;
}
.u-topRecommend__slideMain__item {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  opacity: 0;
  transition: 0.5s all ease;
}
.u-topRecommend__slideMain__item.is-current {
  z-index: 0;
  opacity: 1;
}
.u-topRecommend__slideMain__item img {
  width: 410px;
  height: 305px;
  object-fit: cover;
  border: none;
}
.u-topRecommend__slideThumb {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  margin: 15px 0 0;
}
.u-topRecommend__slideThumb__item {
  margin: 0 0 0 7px;
}
.u-topRecommend__slideThumb__item:first-child {
  margin-left: 0;
}
.u-topRecommend__slideThumb__btn {
  display: block;
  min-width: 68px;
  max-width: 68px;
  min-height: 50px;
  max-height: 50px;
  opacity: 0.4;
}
.u-topRecommend__slideThumb__btn.is-current {
  pointer-events: none;
  opacity: 1;
}
.u-topRecommend__slideThumb__btn img {
  width: 68px;
  height: 50px;
  object-fit: cover;
  pointer-events: none;
}
.u-topRecommend__btn {
  max-width: 300px;
  margin: 30px auto 0;
}
.u-topRecommend__menu {
  position: relative;
  margin: 0 0 90px;
}
.u-topRecommend__menu::after {
  position: absolute;
  bottom: -19px;
  left: 0;
  z-index: 2;
  display: block;
  width: 100%;
  height: 20px;
  content: "";
  background: #fff;
}
.u-topRecommend__menuList {
  position: relative;
  z-index: 1;
  display: flex;
  flex-wrap: nowrap;
  border: 1px solid #f8f8f8;
}
.u-topRecommend__menuList__btn {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  padding: 20px;
  color: #6f6f6f;
  pointer-events: none;
  background: #f8f8f8;
  position: relative;
}
.u-topRecommend__menuList__item {
  position: relative;
  z-index: 0;
  flex: 1;
  max-width: 33.34%;
  cursor: pointer;
  border-left: 1px solid #fff;
}
.u-topRecommend__menuList__item:first-child {
  border-left: none;
}
.u-topRecommend__menuList__item.is-current {
  pointer-events: none;
}
.u-topRecommend__menuList__item.is-current .u-topRecommend__menuList__btn {
  color: #292929;
  background: #fff;
}
.u-topRecommend__menuList__item:hover, .u-topRecommend__menuList__item:focus {
  z-index: 1;
}
.u-topRecommend__menuList__item:hover .u-topRecommend__menuList__btn, .u-topRecommend__menuList__item:focus .u-topRecommend__menuList__btn {
  background: #fff;
  box-shadow: 0 -8px 30px rgba(54, 87, 255, 0.33);
}
.u-topRecommend__menuList__img {
  display: table;
  min-width: 91px;
  max-width: 91px;
  min-height: 68px;
  max-height: 68px;
  margin: 0 auto;
  pointer-events: none;
}
.u-topRecommend__menuList__img img {
  width: 91px;
  height: 68px;
  object-fit: cover;
}
.u-topRecommend__menuList__reason {
  color: #000;
  background-color: #ffff00;
  font-size: 1.4rem;
  font-weight: 700;
  white-space: nowrap;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  padding: 7px 10px 7px 12px;
  border-radius: 7px;
  position: absolute;
  left: 50%;
  top: -20px;
  translate: -50% 0;
}
.u-topRecommend__menuList__reason--id1 {
  background-color: #FFEB00;
}
.u-topRecommend__menuList__reason--id2 {
  background-color: #FFBA00;
}
.u-topRecommend__menuList__reason--id3 {
  background-color: #74F2A0;
}
.u-topRecommend__menuList__reason--id4 {
  background-color: #FF8888;
}
.u-topRecommend__menuList__reason--id5 {
  background-color: #37ECF4;
}
.u-topRecommend__menuList__reason--id6 {
  background-color: #D8B1FF;
}
.u-topRecommend__menuList__txt {
  display: -webkit-box;
  margin: 25px 0 0;
  overflow: hidden;
  font-weight: bold;
  line-height: 1.4;
  text-align: left;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  pointer-events: none;
}
.u-topRecommend__menuList__comment {
  background-color: #002AFF;
  width: 230px;
  padding: 10px;
  border-radius: 7px;
  box-shadow: 0 20px 30px rgba(54, 87, 255, 0.33);
  position: absolute;
  top: 100%;
  z-index: 50;
  transition: left 300ms ease;
}
.u-topRecommend__menuList__comment:before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
  border-bottom: 14px solid #002AFF;
  border-top: 0;
  position: absolute;
  top: -7px;
  left: calc(50% - 7px);
}
.u-topRecommend__menuList__comment p {
  color: #fff;
  font-size: 1.3rem;
  font-weight: bold;
  line-height: 1.4;
  height: 4.2em;
  padding-right: 60px;
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.u-topRecommend__menuList__comment img {
  width: 78px;
  position: absolute;
  right: -24px;
  bottom: 0;
}
.u-topRecommend__menuList__comment.is-last {
  left: calc(100% - 230px) !important;
}
.u-topRecommend__menuList__comment.is-last p {
  padding-left: 60px;
  padding-right: 0;
}
.u-topRecommend__menuList__comment.is-last img {
  left: -24px;
  right: unset;
  transform: scaleX(-1);
}
.u-topRecommend__segment {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  overflow: hidden;
  visibility: hidden;
  opacity: 0;
}
.u-topRecommend__segment.is-current {
  position: relative;
  z-index: 0;
  overflow: initial;
  visibility: visible;
  opacity: 1;
}
.u-topRecommend__layout {
  display: flex;
  flex-wrap: nowrap;
}
.u-topRecommend__layoutMain {
  width: 100%;
}
.u-topRecommend__layoutSub {
  min-width: 410px;
  max-width: 410px;
  margin: 0 0 0 30px;
}
.u-topInfo {
  height: 400px;
  padding: 30px 25px 16px;
  background: #fff;
  border-radius: 7px;
}
.u-topInfo__head {
  position: relative;
}
.u-topInfo__body {
  margin: 12px 0 0;
}
.u-topInfo__hdg, .u-topInfo__link {
  line-height: 1;
}
.u-topInfo__hdg {
  position: relative;
  padding: 0 100px 18px 40px;
  border-bottom: 3px solid #002aff;
}
.u-topInfo__hdg [data-ifont] {
  position: relative;
}
.u-topInfo__hdg [data-ifont]::before {
  position: absolute;
  top: 50%;
  left: -40px;
  margin: -17px 0 0;
  color: #002aff;
  content: "\f10f";
  font-size: 3.4rem;
}
.u-topInfo__link {
  position: absolute;
  top: 50%;
  right: 0;
  padding: 0 23px 0 0;
  margin: -1em 0 0;
  font-size: 1.2rem;
}
.u-topInfo__link [data-ifont]::before {
  position: absolute;
  top: 50%;
  right: 8px;
  margin: -5px 0 0;
  content: "\f130";
  font-size: 1rem;
}
.u-topInfo__listItem {
  margin: 30px 0 0;
}
.u-topInfo__listItem:first-child {
  margin-top: 0;
}
.u-topInfo__listItem__inner {
  display: flex;
  flex-wrap: nowrap;
}
.u-topInfo__listItem__inner:hover .u-topInfo__listItem__ttl, .u-topInfo__listItem__inner:hover .u-topInfo__listItem__txt, .u-topInfo__listItem__inner:focus .u-topInfo__listItem__ttl, .u-topInfo__listItem__inner:focus .u-topInfo__listItem__txt {
  color: #002aff;
}
.u-topInfo__listItem__body {
  order: 2;
  width: calc(100% - 196px);
}
.u-topInfo__listItem__img {
  order: 1;
  min-width: 176px;
  max-width: 176px;
  margin: 0 20px 0 0;
}
.u-topInfo__listItem__img img {
  width: 176px;
  height: 130px;
  object-fit: cover;
}
.u-topInfo__listItem__info {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
}
.u-topInfo__listItem__date {
  display: block;
  font-weight: bold;
  line-height: 1;
  color: #292929;
  font-size: 1rem;
}
.u-topInfo__listItem__label {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  height: 24px;
  padding: 0 10px;
  margin: 0 0 0 10px;
  font-weight: bold;
  line-height: 1;
  color: #6f6f6f;
  background: #f2f1ea;
  border-radius: 12px;
  font-size: 1.2rem;
}
.u-topInfo__listItem__label--alert {
  display: inline-flex;
  color: #fff;
  background: #f00;
  font-weight: normal;
  margin: 0 5px 0 0;
  display: none;
}
[data-new=true] .u-topInfo__listItem__label--alert {
  display: inline-flex;
}
.u-topInfo__listItem__label--alert [data-ifont]::before {
  display: none !important;
}
.u-topInfo__listItem__label [data-ifont]::before {
  position: absolute;
  top: 50%;
  right: -33px;
  display: none;
  margin: -14px 0 0;
  color: #f00;
  content: "\f11f";
  font-size: 2.5rem;
}
.u-topInfo__listItem__ttl, .u-topInfo__listItem__txt {
  display: block;
  line-height: 1.6;
  color: #292929;
  transition: 0.3s all ease;
  font-size: 1.4rem;
}
.u-topInfo__listItem__ttl {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  margin: 10px 0 0;
  overflow: hidden;
  font-weight: bold;
}
.u-topInfo__listItem__txt {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  margin: 5px 0 0;
  overflow: hidden;
}
.u-topInfo__listItem[data-important=true] .u-topInfo__listItem__label [data-ifont]::before {
  display: block;
}
.u-topInfo__listItem[data-important=true] .u-topInfo__listItem__ttl {
  color: #f00;
}

@media screen and (min-width: 768px) {
  .u-topPopular__body, .u-topRecommend__body {
    height: auto !important;
  }
  .u-topRecommend__img {
    display: none !important;
  }
}
@media screen and (max-width: 1440px) {
  .u-topRecommend__gridSub {
    display: block;
  }
  .u-topRecommend__gridSub__info {
    max-width: inherit;
  }
  .u-topRecommend__gridSub__comment {
    margin: 35px 0 0;
  }
}
@media screen and (max-width: 1280px) {
  .u-topIntro {
    display: block;
    width: 100%;
  }
  .u-topIntro__info {
    min-width: inherit;
    max-width: inherit;
    margin: 60px 0 0;
  }
  .u-topSlider {
    margin: 0 -30px;
  }
  .u-topSlider__listItem {
    padding: 0 15px;
  }
  .u-topInfo {
    height: auto;
  }
  .u-topInfo__listItem {
    margin: 15px 0 0;
  }
  .u-topInfo__listItem:first-child {
    margin-top: 0;
  }
  .u-topInfo__listItem__inner {
    display: flex;
    flex-wrap: nowrap;
  }
  .u-topInfo__listItem__inner:hover .u-topInfo__listItem__ttl, .u-topInfo__listItem__inner:hover .u-topInfo__listItem__txt, .u-topInfo__listItem__inner:focus .u-topInfo__listItem__ttl, .u-topInfo__listItem__inner:focus .u-topInfo__listItem__txt {
    color: #002aff;
  }
  .u-topInfo__listItem__body {
    width: calc(100% - 230px);
  }
  .u-topInfo__listItem__img {
    width: 100%;
    min-width: 210px;
    max-width: 210px;
  }
  .u-topPopular__card {
    flex-wrap: wrap;
  }
  .u-topPopular__cardItem {
    width: 33.3333333333%;
    margin: 60px 0 0;
  }
  .u-topPopular__cardItem:nth-child(-n+3) {
    margin-top: 0;
  }
  .u-topArrival__cardItem {
    width: 33.3333333333%;
  }
  .u-topArrival__cardItem:nth-child(-n+5) {
    margin-top: 60px;
  }
  .u-topArrival__cardItem:nth-child(-n+3) {
    margin-top: 0;
  }
}
@media screen and (max-width: 767px) {
  .u-topNotice {
    display: none;
  }
  .u-topNotice__listItem__inner {
    display: block;
    height: auto;
    padding: 10px 30px 10px 45px;
  }
  .u-topNotice__listItem__inner[data-ifont]::before {
    left: 15px;
    margin-top: -9px;
    font-size: 1.8rem;
  }
  .u-topNotice__listItem__date {
    display: block;
    font-size: 1.2rem;
  }
  .u-topNotice__listItem__txt {
    margin: 8px 0 0;
    font-size: 1.2rem;
  }
  .u-topNotice__listItem__txt [data-ifont]::before {
    right: 15px;
    font-size: 1rem;
  }
  .u-topNotice__listItem__badge {
    top: 10px;
    left: 20px;
    min-width: 14px;
    height: 14px;
    margin-top: 0;
    transform: scale(0.8);
    font-size: 1rem;
  }
  .u-topIntro {
    display: none;
  }
  .u-topSlider {
    display: none;
    margin: 0 -12px;
  }
  .u-topSlider__listItem {
    height: 215px;
    padding: 0 4px;
  }
  .u-topSlider__listItem img {
    height: 215px;
  }
  .u-topSlider__nav {
    bottom: -20px;
  }
  .u-topSlider__navItem {
    margin-left: 8px;
  }
  .u-topSlider__navItem__btn {
    width: 15px;
  }
  .u-topSlider .slick-dots {
    bottom: 13px;
  }
  .u-topSlider .slick-dots li {
    width: 15px;
    margin-left: 8px;
  }
  .u-topSlider .slick-dots li button {
    width: 15px;
  }
  .u-topInfo {
    height: auto;
    padding: 20px 15px;
  }
  .u-topInfo__body {
    margin-top: 20px;
  }
  .u-topInfo__hdg {
    padding: 0 100px 10px 30px;
    font-size: 1.4rem;
  }
  .u-topInfo__hdg [data-ifont]::before {
    left: -30px;
    margin-top: -15px;
    font-size: 2.6rem;
  }
  .u-topInfo__listItem__body {
    width: calc(100% - 105px);
    padding: 0;
    margin-left: 10px;
  }
  .u-topInfo__listItem__img {
    min-width: 95px;
    max-width: 95px;
  }
  .u-topInfo__listItem__img img {
    height: 65px;
  }
  .u-topInfo__listItem__ttl {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    height: 3.5em;
    white-space: normal;
  }
  .u-topInfo__listItem__txt {
    display: none;
  }
  .u-topPopular {
    display: none;
    padding: 0;
  }
  .u-topPopular__hdg {
    position: relative;
    padding: 30px 0;
    pointer-events: inherit;
    cursor: pointer;
    font-size: 2rem;
  }
  .u-topPopular__hdg [data-ifont] {
    pointer-events: none;
  }
  .u-topPopular__hdg [data-ifont]::before {
    position: absolute;
    top: 50%;
    right: 20px;
    margin: 0 0 0;
    content: "\f13d";
    transition: 0.3s all ease;
    transform: rotate(180deg);
    font-size: 1rem;
  }
  .u-topPopular__hdg.is-active [data-ifont]::before {
    margin-top: -5px;
    transform: rotate(0);
  }
  .u-topPopular__head {
    padding: 0;
  }
  .u-topPopular__body {
    height: 0;
    padding: 0 18px;
    margin: 0;
    overflow: hidden;
    transition: 0.3s all ease;
  }
  .u-topPopular__body.is-active {
    padding: 0 18px 30px;
  }
  .u-topPopular__card {
    flex-wrap: wrap;
    margin-left: -15px;
  }
  .u-topPopular__cardItem {
    width: 50%;
    padding: 0 0 0 15px;
    margin: 20px 0 0;
  }
  .u-topPopular__cardItem:nth-child(-n+3) {
    margin-top: 20px;
  }
  .u-topPopular__cardItem:nth-child(-n+2) {
    margin-top: 0;
  }
  .u-topPopular__cardItem__inner {
    padding: 0;
  }
  .u-topPopular__cardItem__inner:hover, .u-topPopular__cardItem__inner:focus {
    box-shadow: none;
  }
  .u-topPopular__cardItem__hdg {
    font-size: 1.4rem;
  }
  .u-topPopular__cardItem__img {
    padding: 10px 10px 0;
  }
  .u-topPopular__cardItem__img img {
    height: 100px;
  }
  .u-topPopular__cardItem__favorite {
    top: 0;
    right: 0;
  }
  .u-topSearch {
    margin: 24px 0 0;
  }
  .u-topSearch__hdg {
    display: none;
    font-size: 2.5rem;
  }
  .u-topSearch__elem {
    margin-top: 0;
  }
  .u-topArrival {
    display: none;
    padding: 35px 0 50px;
  }
  .u-topArrival__hdg {
    font-size: 2rem;
  }
  .u-topArrival__body {
    padding: 0 15px;
    margin-top: 35px;
  }
  .u-topArrival__card {
    margin-left: -15px;
  }
  .u-topArrival__cardItem {
    width: 50%;
    padding: 0 0 0 15px;
    margin-top: 50px;
  }
  .u-topArrival__cardItem:nth-child(-n+5) {
    margin-top: 50px;
  }
  .u-topArrival__cardItem:nth-child(-n+3) {
    margin-top: 50px;
  }
  .u-topArrival__cardItem:nth-child(-n+2) {
    margin-top: 0;
  }
  .u-topArrival__cardItem__inner {
    padding: 0;
  }
  .u-topArrival__cardItem__inner:hover, .u-topArrival__cardItem__inner:focus {
    box-shadow: none;
  }
  .u-topArrival__cardItem__hdg, .u-topArrival__cardItem__txt {
    margin-top: 10px;
  }
  .u-topArrival__cardItem__hdg {
    font-size: 1.4rem;
  }
  .u-topArrival__cardItem__txt {
    font-size: 1.2rem;
  }
  .u-topArrival__cardItem__date {
    font-size: 1rem;
  }
  .u-topArrival__cardItem__img {
    padding: 10px 10px 0;
  }
  .u-topArrival__cardItem__img img {
    height: 100px;
  }
  .u-topArrival__cardItem__list {
    margin-top: 15px;
  }
  .u-topArrival__cardItem__listItem {
    padding: 10px 0;
  }
  .u-topArrival__cardItem__listItem__ttl {
    font-size: 1rem;
  }
  .u-topArrival__cardItem__favorite {
    top: 0;
    right: 0;
  }
  .u-topReport {
    display: none;
    padding: 35px 0 20px;
    margin-right: -12px;
    margin-left: -12px;
    overflow: hidden;
    border-radius: 0;
  }
  .u-topReport__head {
    padding: 0 12px 20px;
  }
  .u-topReport__navPrev, .u-topReport__navNext {
    width: 34px;
    height: 34px;
    margin-top: -17px;
  }
  .u-topReport__navPrev {
    left: 10px;
  }
  .u-topReport__navNext {
    right: 10px;
  }
  .u-topReport__navBtn {
    width: 34px;
    height: 34px;
  }
  .u-topReport__navBtn:hover, .u-topReport__navBtn:focus {
    box-shadow: none;
  }
  .u-topReport__hdg {
    font-size: 2rem;
  }
  .u-topReport__link {
    position: static;
    display: table;
    margin: 25px 0 0 auto;
    line-height: 1;
  }
  .u-topReport__card {
    padding: 0;
  }
  .u-topReport__cardItem {
    min-width: 80%;
  }
  .u-topReport__cardItem__inner {
    margin: 0 5px;
  }
  .u-topReport__cardItem__inner:hover, .u-topReport__cardItem__inner:focus {
    background: #f2f1ea;
    box-shadow: none;
  }
  .u-topReport__card .slick-slide {
    padding: 0;
  }
  .u-topReport__card .slick-arrow {
    width: 34px;
    height: 34px;
    margin-top: -17px;
  }
  .u-topReport__card .slick-arrow.slick-prev {
    left: 10px;
  }
  .u-topReport__card .slick-arrow.slick-next {
    right: 10px;
  }
  .u-topRecommend {
    display: none;
    padding: 0 12px;
    margin: 60px -12px 0;
  }
  .u-topRecommend::before {
    display: none;
  }
  .u-topRecommend__head {
    padding: 30px 0;
  }
  .u-topRecommend__body {
    height: 0;
    padding: 0;
    margin: 0;
    overflow: hidden;
    transition: 0.3s all ease;
  }
  .u-topRecommend__body.is-active {
    height: auto !important;
    overflow: visible;
  }
  .u-topRecommend__hdg[data-level="2"] {
    position: relative;
    pointer-events: initial;
    font-size: 2rem;
  }
  .u-topRecommend__hdg[data-level="2"][data-ifont]::before {
    position: absolute;
    top: 50%;
    right: 20px;
    margin: -5px 0 0;
    color: #292929;
    content: "\f13d";
    transition: 0.3s all ease;
    transform: rotate(180deg);
    font-size: 1rem;
  }
  .u-topRecommend__hdg[data-level="2"].is-active[data-ifont]::before {
    margin-top: 0;
    transform: rotate(0);
  }
  .u-topRecommend__hdg[data-level="3"] {
    font-size: 2rem;
  }
  .u-topRecommend__txt {
    font-size: 1.4rem;
  }
  .u-topRecommend__overview {
    padding: 30px 15px 25px;
  }
  .u-topRecommend__info {
    padding: 0 15px;
    margin-top: 35px;
  }
  .u-topRecommend__infoItem {
    padding-bottom: 10px;
  }
  .u-topRecommend__infoItem__ttl {
    width: 80px;
    min-width: 80px;
    max-width: 80px;
    font-size: 1.2rem;
  }
  .u-topRecommend__infoItem__txt {
    width: 100%;
    font-size: 1.4rem;
  }
  .u-topRecommend__slide {
    display: flex;
    flex-wrap: nowrap;
    max-width: inherit;
  }
  .u-topRecommend__slideMain {
    min-width: calc(100% - 76px);
    max-width: calc(100% - 76px);
    min-height: 180px;
    max-height: 180px;
  }
  .u-topRecommend__slideMain__item {
    width: 100%;
  }
  .u-topRecommend__slideMain__item img {
    width: 100%;
    height: 180px;
  }
  .u-topRecommend__slideThumb {
    display: block;
    margin: 0;
  }
  .u-topRecommend__slideThumb__item {
    margin: 5px 0 0;
  }
  .u-topRecommend__slideThumb__item:first-child {
    margin-top: 0;
  }
  .u-topRecommend__slideThumb__btn {
    min-width: 56px;
    max-width: 56px;
    min-height: 42px;
    max-height: 42px;
    margin: 0 0 0 20px;
  }
  .u-topRecommend__slideThumb__btn img {
    width: 56px;
    height: 42px;
  }
  .u-topRecommend__btn {
    width: 100%;
    max-width: inherit;
  }
  .u-topRecommend__menu {
    margin-bottom: 30px;
  }
  .u-topRecommend__menuList {
    border-width: 2px;
  }
  .u-topRecommend__menuList__item {
    width: 33.3333333333%;
    border-left-width: 2px;
  }
  .u-topRecommend__menuList__item:nth-child(n+4) {
    display: none;
  }
  .u-topRecommend__menuList__btn {
    padding: 10px;
  }
  .u-topRecommend__menuList__btn::before {
    left: 10px;
    width: calc(100% - 20px);
  }
  .u-topRecommend__menuList__img {
    min-width: 100%;
    max-width: 100%;
  }
  .u-topRecommend__menuList__img img {
    width: 100%;
    height: 68px;
  }
  .u-topRecommend__menuList__txt {
    margin-top: 13px;
    font-size: 1rem;
  }
  .u-topRecommend__layout {
    display: block;
  }
  .u-topRecommend__layoutSub {
    min-width: inherit;
    max-width: inherit;
    padding: 0 15px;
    margin: 30px 0 0;
  }
}
/* ----------------------------------------------------------------------------
 * DETAIL
 * ------------------------------------------------------------------------- */
.u-detailLayout__segment {
  display: flex;
}
.u-detailLayout__main {
  order: 1;
  width: 100%;
}
.u-detailLayout__sub {
  position: sticky;
  top: 100px;
  right: 0;
  order: 2;
  min-width: 410px;
  max-width: 410px;
  height: 100%;
  margin: 0 0 0 30px;
}
.u-detailLayout__related {
  width: 100%;
}
.u-detailBox__item {
  position: relative;
  padding: 30px;
  margin: 30px 0 0;
  background: #fff;
  border-radius: 7px;
}
.u-detailBox__item:first-child {
  margin-top: 0;
}
.u-detailBox__item > *:first-child {
  margin-top: 0 !important;
}
.u-detailHdg {
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-start;
  justify-content: space-between;
}
.u-detailHdg__hdg {
  margin: 0;
  line-height: 1.4;
  font-size: 3.2rem;
}
.u-detailHdg__update {
  margin: 0 0 0 30px;
  line-height: 1;
  text-align: right;
  white-space: nowrap;
  font-size: 1.4rem;
}
.u-detailHdg__update > em {
  font-weight: bold;
}
.u-detailHdg__update > span {
  display: block;
  margin: 12px 0 0;
}
.u-detailAc {
  margin: 80px 0 0;
}
.u-detailAc__item {
  margin: 70px 0 0;
}
.u-detailAc__item:first-child {
  margin-top: 0;
}
.u-detailAc__head {
  margin: 0 0 25px;
}
.u-detailAc__body {
  padding: 0 18px;
  margin: 0;
  overflow: hidden;
}
.u-detailAc__btn {
  position: relative;
  display: block;
  width: 100%;
  padding: 0 40px 12px 0;
  font-weight: bold;
  line-height: 1;
  text-align: left;
  background: none;
  border-bottom: 3px solid #002aff;
  font-size: 2.5rem;
}
.u-detailAc__btn::before {
  position: absolute;
  top: 50%;
  right: 12px;
  width: 12px;
  height: 12px;
  margin: -9px 0 0;
  content: "";
  border-top: 3px solid #292929;
  border-right: 3px solid #292929;
  transition: 0.3s all ease;
  transform: rotate(-45deg);
}
.u-detailAc__btn.is-active::before {
  margin-top: -13px;
  transform: rotate(130deg);
}
.u-detailMaterial {
  padding: 30px;
  background: #fff;
  border-radius: 7px;
  box-shadow: 0 10px 20px rgba(203, 205, 206, 0.4);
}
.u-detailMaterial__hdg {
  display: block;
  margin: 25px 0 0;
  font-weight: bold;
  line-height: 1.4;
  font-size: 2rem;
}
.u-detailMaterial__head {
  position: relative;
}
.u-detailMaterial__main {
  position: relative;
  height: 260px;
}
.u-detailMaterial__mainItem {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  opacity: 0;
  transition: 0.5s all ease;
}
.u-detailMaterial__mainItem.is-current {
  z-index: 0;
  opacity: 1;
}
.u-detailMaterial__mainItem img {
  width: 350px;
  height: 260px;
  object-fit: cover;
}
.u-detailMaterial__thumb {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  margin: 10px 0 0;
}
.u-detailMaterial__thumb li {
  margin: 0 3px;
  line-height: 1;
}
.u-detailMaterial__thumb img {
  width: 68px;
  height: 50px;
  object-fit: cover;
  border: 1px solid #eee;
}
.u-detailMaterial__thumbBtn {
  position: relative;
  box-sizing: border-box;
  background: none;
}
.u-detailMaterial__thumbBtn::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  border: 2px solid #002aff;
  border-radius: 7px;
  opacity: 0;
  transition: 0.3s all ease;
}
.u-detailMaterial__thumbBtn.is-current::before {
  opacity: 1;
}
.u-detailMaterial__noImg-ttl {
  display: flex;
  align-items: center;
  justify-content: center;
  order: 1;
  height: 260px;
  padding: 18px;
  background-color: #e6e8ea;
  border-radius: 7px;
}
.u-detailMaterial__noImg-name {
  display: -webkit-box;
  order: 1;
  overflow: hidden;
  font-weight: bold;
  line-height: 1.4;
  color: #292929;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  font-size: 3.2rem;
}
.u-detailMaterial__webmtg {
  display: table;
  margin: 0 auto;
  font-weight: bold;
  line-height: 1;
  color: #585858;
  text-align: center;
  font-size: 1.4rem;
}
.u-detailMaterial__webmtg [data-ifont] {
  position: relative;
  display: block;
  padding: 0 12px 0 35px;
}
.u-detailMaterial__webmtg [data-ifont]::before {
  position: absolute;
  top: 50%;
  left: 0;
  margin: -17px 0 0;
  content: "\f146";
  font-size: 2.6rem;
}
.u-detailMaterial__webmtg [data-ifont]::after {
  position: absolute;
  top: 50%;
  right: 0;
  width: 7px;
  height: 7px;
  margin: -4px 0 0;
  content: "";
  border-top: 2px solid #585858;
  border-right: 2px solid #585858;
  transform: rotate(45deg);
}
.u-detailMaterial__favorite {
  display: table;
  margin: 25px 0 0 auto;
  line-height: 1;
  color: #585858;
  text-align: right;
  background: none;
  font-size: 1.2rem;
}
.u-detailMaterial__favorite span[data-ifont] {
  position: relative;
  display: block;
  padding: 0 0 0 35px;
  pointer-events: none;
}
.u-detailMaterial__favorite span[data-ifont]::before, .u-detailMaterial__favorite span[data-ifont]::after {
  position: absolute;
  top: 50%;
  transition: 0.3s all ease;
}
.u-detailMaterial__favorite span[data-ifont]::before {
  left: 9px;
  z-index: 1;
  margin: -7px 0 0;
  color: #ced2d5;
  content: "\f132";
  font-size: 1.2rem;
}
.u-detailMaterial__favorite span[data-ifont]::after {
  left: 0;
  z-index: 0;
  width: 30px;
  height: 30px;
  margin: -16px 0 0;
  content: "";
  background: #f8f8f8;
  border-radius: 50%;
}
.u-detailMaterial__favorite.is-selected span[data-ifont]::before {
  color: #002aff;
}
.u-detailMaterial__utility {
  margin: 20px 0 0;
}
.u-detailMaterial__utility li {
  margin: 10px 0 0;
  text-align: center;
}
.u-detailMaterial__utility li:first-child {
  margin-top: 0;
}
.u-detailMaterial__notice {
  font-weight: bold;
}
.u-detailMaterial__notice[data-color="2"] {
  color: #ff7600;
}
.u-detailMaterial__notice[data-color="3"] {
  color: #002aff;
}
.u-detailMaterial__comment {
  font-size: 1.4rem;
}
.u-detailMaterial__commentHeading {
  margin: 16px 0 8px;
  font-weight: bold;
  color: #002aff;
  font-size: 1.4rem;
}
.u-detailMaterial__commentHeading img {
  width: 24px;
  margin-right: 8px;
}
.u-detailMaterial__text-link {
  margin-top: 20px;
  margin-bottom: 10px;
  display: inline-block;
  font-weight: bold;
  text-decoration: underline;
  font-size: 1.4rem;
}
.u-detailMaterial__text-link:hover {
  text-decoration: none;
}
.u-detailMaterial__supplier {
  margin: 16px 0 8px;
  font-size: 1.4rem;
}
.u-detailRelated {
  position: relative;
  padding: 40px 30px;
  margin: 60px 0 0;
  background: #fff;
  border-radius: 7px;
}
.u-detailRelated__hdg {
  font-weight: bold;
  line-height: 1;
  text-align: center;
  font-size: 2.5rem;
}
.u-detailRelated__grid {
  display: flex;
  flex-wrap: wrap;
  margin: 20px 0 0;
}
.u-detailRelated__gridItem {
  position: relative;
  width: 20%;
}
.u-detailRelated__gridItem__inner {
  position: relative;
  display: block;
  padding: 20px 20px 30px;
  color: #292929;
  background: #fff;
}
.u-detailRelated__gridItem__inner:hover, .u-detailRelated__gridItem__inner:focus {
  z-index: 10;
  border-radius: 7px;
  box-shadow: 0 20px 30px rgba(0, 98, 255, 0.33);
}
.u-detailRelated__gridItem__inner:hover .u-detailRelated__gridItem__ttl, .u-detailRelated__gridItem__inner:focus .u-detailRelated__gridItem__ttl {
  color: #002aff;
}
.u-detailRelated__gridItem__ttl, .u-detailRelated__gridItem__txt, .u-detailRelated__gridItem__date, .u-detailRelated__gridItem__favorite, .u-detailRelated__gridItem__list {
  display: block;
}
.u-detailRelated__gridItem__noImg-ttl {
  display: flex;
  align-items: center;
  justify-content: center;
  order: 1;
  height: 185px;
  padding: 30px 20px;
  background-color: #e6e8ea;
  border-radius: 7px;
}
.u-detailRelated__gridItem__noImg-name {
  display: -webkit-box;
  order: 1;
  overflow: hidden;
  font-weight: bold;
  line-height: 1.4;
  color: #292929;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  font-size: 3.2rem;
}
.u-detailRelated__gridItem__ttl {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  height: 3em;
  margin: 15px 0 0;
  font-weight: bold;
}
.u-detailRelated__gridItem__txt {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  margin: 10px 0 0;
  overflow: hidden;
  font-size: 1.4rem;
}
.u-detailRelated__gridItem__date {
  margin: 15px 0 0;
  font-weight: normal;
  line-height: 1;
  text-align: right;
  font-size: 1.2rem;
}
.u-detailRelated__gridItem__favorite {
  position: absolute;
  top: 35px;
  right: 35px;
  z-index: 11;
  width: 28px;
  height: 28px;
  overflow: hidden;
  color: transparent;
  background: #f8f8f8;
  border: 1px solid #fff;
  border-radius: 50%;
  transition: 0.3s all ease;
}
.u-detailRelated__gridItem__favorite[data-ifont]::before {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -6px 0 0 -0.5em;
  color: #ced2d5;
  content: "\f132";
  transition: 0.3s all ease;
  font-size: 1.2rem;
}
.u-detailRelated__gridItem__favorite.is-selected[data-ifont]::before {
  color: #002aff;
}
.u-detailRelated__gridItem__img img {
  width: 100%;
  height: 185px;
  object-fit: cover;
}
.u-detailRelated__gridItem__list {
  margin: 15px 0 0;
}
.u-detailRelated__gridItem__listItem {
  display: flex;
  flex-wrap: nowrap;
  padding: 0 0 7px;
  margin: 0 0 7px;
  border-bottom: 1px dotted #cbcdce;
}
.u-detailRelated__gridItem__listItem:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: none;
}
.u-detailRelated__gridItem__listTtl {
  min-width: 50px;
  max-width: 50px;
  font-weight: normal;
  line-height: 2.2;
  font-size: 1.2rem;
}
.u-detailRelated__gridItem__listTxt {
  width: 100%;
  margin: 0 0 0 20px;
  font-size: 1.4rem;
}
.u-detailList__item {
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-start;
  padding: 12px 0 10px;
  border-bottom: 1px dotted #eaeced;
}
.u-detailList__item:first-child {
  padding-top: 0;
}
.u-detailList__notes {
  display: block;
  font-weight: normal;
  font-size: 1rem;
}
.u-detailList__head {
  min-width: 200px;
  max-width: 200px;
  font-weight: bold;
  color: #585858;
  font-size: 1.4rem;
}
.u-detailList__headLabel {
  display: table;
  height: 22px;
  padding: 0 7px;
  margin: 5px 0 0;
  font-weight: normal;
  line-height: 22px;
  background: #f2f1ea;
  border-radius: 3px;
  font-size: 1.1rem;
}
.u-detailList__headNotes {
  font-weight: normal;
}
.u-detailList__body {
  width: 100%;
  margin: 0 0 0 20px;
  white-space: pre-wrap;
}
.u-detailList__attention {
  font-size: 1.3rem;
  color: #8b8e90;
  padding-left: 10px;
}
.u-detailList__link {
  color: #292929;
  text-decoration: underline;
}
.u-detailList__link:hover, .u-detailList__link:focus {
  text-decoration: none;
}
.u-detailList__link [data-ifont] {
  position: relative;
  display: table;
  padding: 0 20px 0 0;
}
.u-detailList__link [data-ifont]::before {
  position: absolute;
  top: 50%;
  right: 0;
  margin: -6px 0 0;
  content: "\f145";
  font-size: 1.2rem;
}
.u-detailList__labelItem {
  display: flex;
  flex-wrap: nowrap;
  margin: 10px 0 0;
}
.u-detailList__labelItem:first-child {
  margin-top: 0;
}
.u-detailList__labelItem__ttl, .u-detailList__labelItem__txt {
  display: block;
}
.u-detailList__labelItem__ttl {
  min-width: 160px;
  max-width: 160px;
}
.u-detailList__labelItem__ttl em {
  display: table;
  height: 24px;
  padding: 0 7px;
  line-height: 24px;
  background: #f2f1ea;
  border-radius: 3px;
  font-size: 1.2rem;
}
.u-detailList__labelItem__txt {
  margin: 0 0 0 30px;
}
.u-detailList__photo {
  display: flex;
  flex-wrap: wrap;
}
.u-detailList__photoItem {
  margin: 0 10px 0 0;
}
.u-detailList__photoItem:last-child {
  margin-right: 0;
}
.u-detailList__photoItem a,
.u-detailList__photoItem button {
  position: relative;
  display: block;
  overflow: hidden;
}
.u-detailList__photoItem a [data-ifont],
.u-detailList__photoItem button [data-ifont] {
  pointer-events: none;
}
.u-detailList__photoItem a [data-ifont]::before, .u-detailList__photoItem a [data-ifont]::after,
.u-detailList__photoItem button [data-ifont]::before,
.u-detailList__photoItem button [data-ifont]::after {
  position: absolute;
}
.u-detailList__photoItem a [data-ifont]::before,
.u-detailList__photoItem button [data-ifont]::before {
  right: 6px;
  bottom: 8px;
  z-index: 1;
  color: #fff;
  content: "\f147";
  font-size: 1.2rem;
}
.u-detailList__photoItem a [data-ifont]::after,
.u-detailList__photoItem button [data-ifont]::after {
  right: 0;
  bottom: 0;
  z-index: 0;
  width: 27px;
  height: 27px;
  content: "";
  background: rgba(41, 41, 41, 0.7);
  border-radius: 3px;
}
.u-detailList__photoItem img {
  width: 120px;
  height: 90px;
  object-fit: cover;
  pointer-events: none;
  border: 1px solid #eee;
}
.u-detailList__photoView {
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  visibility: hidden;
  background: rgba(0, 0, 0, 0.6);
  opacity: 0;
  transition: 0.3s all ease;
}
.u-detailList__photoView__inner {
  max-width: 600px;
  padding: 20px;
  transition: 0.3s all ease;
  transform: scale(0);
}
.u-detailList__photoView__inner img {
  width: 100%;
  height: auto;
  border: none;
}
.u-detailList__photoView.is-active {
  z-index: 3000;
  visibility: visible;
  opacity: 1;
}
.u-detailList__photoView.is-active .u-detailList__photoView__inner {
  transform: scale(1);
}
.u-detailMore {
  position: absolute;
  bottom: 0;
  left: 0;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin: 0 0 -23px;
}

@media screen and (max-width: 1440px) {
  .u-detailRelated {
    padding-right: 20px;
    padding-left: 20px;
  }
  .u-detailRelated__gridItem {
    width: 33.3333333333%;
  }
}
@media screen and (max-width: 1280px) {
  .u-detailLayout__sub {
    order: 2;
    min-width: 264px;
    max-width: 264px;
  }
  .u-detailMaterial {
    padding: 20px;
  }
  .u-detailMaterial__hdg {
    font-size: 1.6rem;
  }
  .u-detailMaterial__main {
    height: 166px;
  }
  .u-detailMaterial__mainItem img {
    width: 224px;
    height: 166px;
  }
  .u-detailMaterial__noImg-ttl {
    height: 166px;
  }
  .u-detailMaterial__noImg-name {
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 767px) {
  .u-detail {
    margin: 0;
  }
  .u-detailLayout__segment {
    display: block;
  }
  .u-detailLayout__segment[data-type=related] {
    display: none;
  }
  .u-detailLayout__main {
    width: auto;
    margin-right: -20px;
    margin-left: -20px;
  }
  .u-detailLayout__sub {
    position: static;
    min-width: inherit;
    max-width: inherit;
    margin: 0 0 24px;
  }
  .u-detailHdg {
    display: none;
  }
  .u-detailHdg__hdg {
    margin: 0;
    font-size: 2.5rem;
  }
  .u-detailHdg__update {
    display: block;
    margin: 12px 0 0;
    text-align: right;
    font-size: 1rem;
  }
  .u-detailHdg__update > span {
    margin-top: 5px;
  }
  .u-detailBox__item {
    padding: 30px 20px 40px;
  }
  .u-detailAc {
    margin-top: 0;
  }
  .u-detailAc__item {
    margin-top: 40px;
  }
  .u-detailAc__head {
    margin-bottom: 16px;
  }
  .u-detailAc__body {
    padding: 0;
  }
  .u-detailAc__btn {
    padding: 0 30px 10px 0;
    font-size: 1.6rem;
  }
  .u-detailAc__btn::before {
    right: 8px;
    width: 8px;
    height: 8px;
    margin: -5px 0 0;
    border-top: 2px solid #292929;
    border-right: 2px solid #292929;
  }
  .u-detailAc__btn.is-active::before {
    margin-top: -9px;
  }
  .u-detailList__item {
    display: block;
    padding: 12px 0 10px;
  }
  .u-detailList__head {
    min-width: inherit;
    max-width: inherit;
    font-size: 1.3rem;
  }
  .u-detailList__headLabel {
    display: none;
  }
  .u-detailList__body {
    margin: 5px 0 0;
    font-size: 1.3rem;
  }
  .u-detailList__bodyText[data-label] {
    display: flex;
    align-items: center;
  }
  .u-detailList__bodyText[data-label]::before {
    display: table;
    min-width: 56px;
    height: 22px;
    padding: 0 7px;
    margin: 10px 38px 5px 0;
    font-weight: normal;
    line-height: 22px;
    text-align: center;
    content: attr(data-label);
    background: #f2f1ea;
    border-radius: 3px;
    font-size: 1.1rem;
  }
  .u-detailList__attention {
    font-size: 1.2rem;
  }
  .u-detailList__label + .u-detailList__label {
    margin-top: 10px;
  }
  .u-detailRelated {
    padding: 30px 20px;
    margin-top: 80px;
  }
  .u-detailRelated__hdg {
    font-size: 1.6rem;
  }
  .u-detailRelated__grid {
    display: block;
    width: 50%;
    margin-top: 25px;
  }
  .u-detailRelated__gridItem {
    width: 100%;
    margin: 20px 0 0 -10px;
  }
  .u-detailRelated__gridItem:first-child {
    margin-top: 0;
  }
  .u-detailRelated__gridItem__inner {
    display: flex;
    flex-wrap: nowrap;
    padding: 0;
  }
  .u-detailRelated__gridItem__inner:hover, .u-detailRelated__gridItem__inner:focus {
    border-radius: 0;
    box-shadow: none;
  }
  .u-detailRelated__gridItem__inner:hover .u-detailRelated__gridItem__ttl, .u-detailRelated__gridItem__inner:focus .u-detailRelated__gridItem__ttl {
    color: #292929;
  }
  .u-detailRelated__gridItem__head, .u-detailRelated__gridItem__body {
    width: 50%;
    padding: 0 0 0 10px;
  }
  .u-detailRelated__gridItem__head {
    position: relative;
  }
  .u-detailRelated__gridItem__ttl {
    margin-top: 7px;
    overflow: hidden;
    font-size: 1.4rem;
  }
  .u-detailRelated__gridItem__txt {
    display: none;
  }
  .u-detailRelated__gridItem__date {
    margin: 0;
    text-align: left;
  }
  .u-detailRelated__gridItem__favorite {
    top: 5px;
    right: inherit;
    left: 50%;
    width: 25px;
    height: 25px;
    margin: 0 0 0 -29px;
    border-width: 1px;
  }
  .u-detailRelated__gridItem__favorite[data-ifont]::before {
    top: 5px;
    right: 4px;
    font-size: 1.2rem;
  }
  .u-detailRelated__gridItem__list {
    display: none;
  }
  .u-detailRelated__gridItem__img img {
    height: 110px;
  }
  .u-detailMaterial {
    padding: 0;
  }
  .u-detailMaterial__main {
    height: 180px;
  }
  .u-detailMaterial__mainItem img {
    width: 100%;
    height: 180px;
  }
  .u-detailMaterial__hdg {
    display: block;
    margin: 15px 0 0;
    line-height: 1.4;
    font-size: 1.6rem;
  }
  .u-detailMaterial__head {
    padding: 20px 20px 26px;
    margin: 0;
  }
  .u-detailMaterial__thumb {
    margin-top: 15px;
  }
  .u-detailMaterial__thumb li {
    max-width: 50px;
  }
  .u-detailMaterial__thumb img {
    width: 50px;
    height: 37px;
  }
  .u-detailMaterial__favorite {
    margin-top: 20px;
    font-size: 1.1rem;
  }
  .u-detailMaterial__utility {
    display: flex;
    flex-direction: column;
  }
  .u-detailMaterial__utility li {
    width: 100%;
  }
  .u-detailMaterial__utility li:not(:first-child) {
    margin-bottom: 6px;
  }
  .u-detailMaterial__utility li .m-btn {
    height: 56px;
  }
  .u-detailMaterial__comment {
    font-size: 1.2rem;
  }
}
/* ----------------------------------------------------------------------------
 * RESULT
 * ------------------------------------------------------------------------- */
.u-resultLayout {
  display: flex;
  flex-wrap: nowrap;
}
.u-resultLayout__main {
  order: 2;
  width: 100%;
  margin: 0 0 0 30px;
}
.u-resultLayout__sub {
  order: 1;
  min-width: 264px;
  max-width: 264px;
}
.u-resultList [data-type].is-hide {
  display: none !important;
}
.u-resultMain__head {
  padding: 30px;
  background: #fff;
  border-radius: 7px 7px 0 0;
}
.u-resultMain__body {
  position: relative;
  background: #fff;
  border-radius: 0 0 7px 7px;
}
.u-resultMain__body.is-hide {
  display: none;
}
.u-resultConditions {
  padding: 0 30px 20px;
  background-color: #fff;
}
.u-resultConditions__hdg {
  margin-bottom: 10px;
  font-size: 1.4rem;
}
.u-resultConditions__rows {
  display: flex;
  padding-bottom: 10px;
}
.u-resultConditions__spRows {
  display: none;
}
.u-resultConditions__text {
  width: 100%;
  padding-left: 145px;
  font-size: 1.2rem;
}
.u-resultConditions__head {
  width: 145px;
  font-size: 1.2rem;
}
.u-resultConditions__head + .u-resultConditions__text {
  width: calc(100% - 145px);
  padding-left: 0;
}
.u-resultConditions__toggle {
  color: #000;
  text-decoration: underline;
  font-size: 1.2rem;
}
.u-resultConditions__toggleContents {
  height: 0;
  overflow: hidden;
}
.u-resultConditions__bottom .u-resultConditions__toggle .is-close {
  display: none;
}
.u-resultConditions__bottom.is-active .u-resultConditions__toggle .is-close {
  display: block;
}
.u-resultConditions__bottom.is-active .u-resultConditions__toggle .is-open {
  display: none;
}
.u-resultView {
  display: flex;
  flex-wrap: nowrap;
}
.u-resultView__hdg {
  font-weight: bold;
  line-height: 1;
  white-space: nowrap;
  font-size: 2rem;
}
.u-resultView__item {
  padding: 25px 0 0;
  margin: 25px 0 0;
  border-top: 1px solid #ced2d5;
}
.u-resultView__txt {
  margin: 0 0 25px;
  line-height: 1.5;
}
.u-resultView__txt + .u-resultView__item {
  padding-top: 0;
  margin-top: 0;
  border-top: none;
}
.u-resultView__body {
  margin: 0 0 0 30px;
}
.u-resultView__list {
  display: flex;
  flex-wrap: wrap;
  margin: 0 0 -15px;
}
.u-resultView__listItem {
  margin: 0 70px 15px 0;
}
.u-resultView__listItem:last-child {
  margin-right: 0;
}
.u-resultView__reset {
  display: flex;
  justify-content: flex-end;
  margin: 20px 0 0 auto;
  font-weight: bold;
  line-height: 1;
  background: none;
  font-size: 1.4rem;
}
.u-resultView__reset a {
  color: #6f6f6f;
}
.u-resultView__reset [data-ifont] {
  position: relative;
  display: table;
  padding: 0 10px 0 22px;
}
.u-resultView__reset [data-ifont]::before {
  position: absolute;
  top: 50%;
  left: 0;
  margin: -8px 0 0;
  content: "\f136";
  font-size: 1.6rem;
}
.u-resultView__reset [data-ifont]::after {
  position: absolute;
  top: 50%;
  right: 0;
  width: 8px;
  height: 8px;
  margin: -4px 0 0;
  content: "";
  border-top: 2px solid #6f6f6f;
  border-right: 2px solid #6f6f6f;
  transform: rotate(45deg);
}
.u-resultView .m-frmCheck__label {
  line-height: 1.5;
  font-size: 1.4rem;
}
.u-resultView .m-frmCheck__label::before {
  top: 0;
  margin-top: 0;
}
.u-resultView .m-frmCheck__label::after {
  top: 4px;
}
.u-resultGuide {
  position: relative;
  z-index: 100;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-end;
  height: 90px;
  padding: 0 30px;
  border-top: 1px solid #e6e8ea;
}
.u-resultGuide__result {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  font-weight: bold;
  line-height: 1;
  color: #b0b1b2;
  text-align: center;
  font-size: 1.4rem;
}
.u-resultGuide__resultTotal {
  color: #292929;
  letter-spacing: -0.02em;
  font-size: 2.2rem;
}
.u-resultGuide__resultLabel::after {
  padding: 0 3px 0 5px;
  content: "/";
}
.u-resultGuide__utility {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  height: 95px;
  margin: 0 0 0 30px;
}
.u-resultGuide__mode {
  display: flex;
  flex-wrap: nowrap;
  margin: 0 0 0 25px;
}
.u-resultGuide__mode li {
  height: 35px;
  padding: 0 0 0 10px;
  margin: 0 0 0 10px;
  border-left: 1px dashed #ced2d5;
}
.u-resultGuide__mode li:first-child {
  padding-left: 0;
  margin-left: 0;
  border-left: none;
}
.u-resultGuide__btn {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  width: 35px;
  height: 35px;
  overflow: hidden;
  color: transparent;
  background: none;
}
.u-resultGuide__btn[data-ifont]::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  line-height: 35px;
  color: #ced2d5;
  text-align: center;
  transition: 0.3s all ease;
  font-size: 2.5rem;
}
.u-resultGuide__btn[data-ifont][data-type=grid]::before {
  content: "\f14a";
}
.u-resultGuide__btn[data-ifont][data-type=list]::before {
  content: "\f14b";
}
.u-resultGuide__btn.is-current {
  pointer-events: none;
}
.u-resultGuide__btn.is-current[data-ifont]::before {
  color: #002aff;
}
.u-resultMore {
  position: absolute;
  bottom: -23px;
  left: 0;
  z-index: 20;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.u-resultMore.is-hide {
  display: none;
}
.u-resultDl {
  position: fixed;
  top: 141px;
  right: 20px;
  z-index: 100;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  width: 137px;
  height: 105px;
  font-weight: bold;
  line-height: 1.4;
  color: #ff7600;
  text-align: center;
  letter-spacing: 0;
  background: #fff;
  border-radius: 7px;
  transition: 0.3s all ease;
  font-size: 1.4rem;
}
.u-resultDl [data-ifont] {
  position: relative;
  padding: 30px 0 0;
}
.u-resultDl [data-ifont]::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  color: #ff7600;
  text-align: center;
  content: "\f149";
  font-size: 2rem;
}
.u-resultDl:hover, .u-resultDl:focus {
  box-shadow: 0 10px 20px rgba(255, 161, 80, 0.33);
}
.u-resultDl__total {
  position: absolute;
  top: -15px;
  right: 8px;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  background: #ff7600;
  border: 2px solid #fff;
  border-radius: 50%;
  opacity: 1;
  transition: 0.3s all ease;
  font-size: 1.2rem;
}
.u-resultDl__total:empty {
  opacity: 0;
}
.u-resultDl.is-active {
  color: #fff;
  background: #ff7600;
}
.u-resultDl.is-active [data-ifont]::before {
  color: #fff;
}
.u-resultRefine__body {
  padding: 35px 20px 50px;
  background: #fff;
  border-radius: 0 0 7px 7px;
  box-shadow: 0 10px 20px rgba(203, 205, 206, 0.4);
}
.u-resultRefine__submit {
  margin: 30px -5px 0;
}
.u-resultRefine__submit *[data-ifont]::before {
  position: absolute;
  top: 50%;
  right: 20px;
  margin: -10px 0 0;
  content: "\f12e";
  font-size: 2rem;
}
.u-resultRefine__hdg[data-level="2"], .u-resultRefine__hdg[data-level="3"], .u-resultRefine__hdg[data-level="4"] {
  font-weight: bold;
  line-height: 1.2;
}
.u-resultRefine__hdg[data-level="2"] {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  height: 60px;
  padding: 0 0 0 45px;
  background: #ced2d5;
  border-radius: 7px 7px 0 0;
  font-size: 1.6rem;
}
.u-resultRefine__hdg[data-level="2"] [data-ifont]::before {
  position: absolute;
  top: 50%;
  left: 20px;
  margin: -8px 0 0;
  content: "\f152";
  font-size: 1.6rem;
}
.u-resultRefine__hdg[data-level="3"] {
  margin: 55px 0 15px;
  font-size: 2rem;
}
.u-resultRefine__hdg[data-level="3"]:first-child {
  margin-top: 0;
}
.u-resultRefine__hdg[data-level="3"] + [data-level="4"] {
  margin-top: 15px;
}
.u-resultRefine__hdg[data-level="3"] button {
  font-weight: bold;
  letter-spacing: 0;
}
.u-resultRefine__hdg[data-level="4"] {
  margin: 25px 0 0;
  font-size: 1.4rem;
}
.u-resultRefine__keywords {
  margin: 13px 0 0;
}
.u-resultRefine__keywords .m-frmTextbox {
  position: relative;
}
.u-resultRefine__keywords .m-frmTextbox .m-btn {
  position: absolute;
  top: 50%;
  right: 0;
  z-index: 2;
  width: 35px;
  height: 35px;
  padding: 0;
  color: #b0b1b2;
  background-color: transparent;
  transform: translateY(-50%);
}
.u-resultRefine__keywords .m-frmTextbox .m-btn:hover, .u-resultRefine__keywords .m-frmTextbox .m-btn:focus, .u-resultRefine__keywords .m-frmTextbox .m-btn:active {
  box-shadow: none;
  opacity: 0.5;
}
.u-resultRefine__keywords .m-frmTextbox .m-btn .ifont::before {
  margin: 0;
  color: #292929;
  content: "\f12e";
  font-size: 1.8rem;
}
.u-resultRefine__ac {
  position: relative;
  display: block;
  width: 100%;
  padding: 0 20px 0 0;
  font-weight: bold;
  line-height: 1;
  text-align: left;
  background: transparent;
  font-size: 1.4rem;
}
.u-resultRefine__ac > span {
  pointer-events: none;
}
.u-resultRefine__ac > span::before {
  position: absolute;
  top: 50%;
  right: 0;
  width: 8px;
  height: 8px;
  margin: -6px 0 0;
  content: "";
  border-top: 2px solid #292929;
  border-right: 2px solid #292929;
  transition: 0.3s all ease;
  transform: rotate(135deg);
}
.u-resultRefine__ac.is-active > span::before {
  margin-top: -1px;
  transform: rotate(-45deg);
}
.u-resultRefine__category {
  height: 0;
  margin: 0;
  overflow: hidden;
}
.u-resultRefine__categoryList {
  margin: 20px 0 0;
}
.u-resultRefine__category[data-ac="1"] {
  height: auto;
}
.u-resultRefine__category[data-ac="1"] .u-resultRefine__categoryList {
  margin: 0;
}
.u-resultRefine__category[data-ac="1"]:first-child {
  margin-top: 20px;
}
.u-resultRefine__categoryItem {
  padding: 0 0 0 20px;
  margin: 10px 0 0;
}
.u-resultRefine__categoryItem:first-child {
  margin-top: 0;
}
.u-resultRefine__categoryItem[data-type=all] {
  padding: 0;
  margin: 0 0 15px;
}
.u-resultRefine__category .m-frmCheck__label {
  line-height: 1.5;
  font-size: 1.4rem;
}
.u-resultRefine__category .m-frmCheck__label::before {
  top: 0;
  margin-top: 0;
}
.u-resultRefine__category .m-frmCheck__label::after {
  top: 4px;
}
.u-resultRefine__btn {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-end;
  margin: 20px 0 0;
}
.u-resultRefine__btnItem {
  margin: 0 0 0 5px;
}
.u-resultRefine__btnItem:first-child {
  margin-left: 0;
}
.u-resultRefine__btnItem .m-headerUtil__btn {
  position: static;
  margin-right: 44px;
}
.u-resultRefine__btn .m-btnS {
  width: 60px;
  height: 28px;
  padding: 0;
}
.u-resultRefine__btn .m-btnS span {
  pointer-events: none;
}
.u-result[data-mode=list] .u-resultList__input {
  position: absolute;
  z-index: -1;
  visibility: hidden;
}
.u-result[data-mode=list] .u-resultList__input:checked + label::before {
  background: #ff7600;
  border: 1px solid #ff7600;
}
.u-result[data-mode=list] .u-resultList__input:checked + label::after {
  opacity: 1;
}
.u-result[data-mode=grid] .u-resultView__listItem[data-type=capacity], .u-result[data-mode=grid] .u-resultView__listItem[data-type=auth], .u-result[data-mode=grid] .u-resultView__listItem[data-type=spec] {
  display: none;
}
.u-result[data-mode=grid] .u-resultList {
  border-top: 1px solid #e6e8ea;
}
.u-result[data-mode=grid] .u-resultList__head {
  display: none;
}
.u-result[data-mode=grid] .u-resultList__body {
  display: flex;
  flex-wrap: wrap;
}
.u-result[data-mode=grid] .u-resultList__item {
  position: relative;
  width: 25%;
}
.u-result[data-mode=grid] .u-resultList__item::before {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 1px;
  content: "";
  background: #e6e8ea;
}
.u-result[data-mode=grid] .u-resultList__item::after {
  position: absolute;
  top: 0;
  right: 0;
  width: 1px;
  height: 100%;
  content: "";
  border-left: 1px dotted #dfe1e3;
}
.u-result[data-mode=grid] .u-resultList__inner {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 30px 35px 90px;
  color: #292929;
  background: #fff;
  transition: 0.3s all ease;
}
.u-result[data-mode=grid] .u-resultList__inner:hover, .u-result[data-mode=grid] .u-resultList__inner:focus {
  z-index: 1;
  border-radius: 7px;
  box-shadow: 0 20px 30px rgba(0, 98, 255, 0.4);
}
.u-result[data-mode=grid] .u-resultList__data[data-type=photo] {
  order: 1;
}
.u-result[data-mode=grid] .u-resultList__data[data-type=date] {
  display: block;
  padding: 15px 0 0;
  line-height: 1;
  color: #6f6f6f;
  text-align: right;
  font-size: 1.2rem;
}
.u-result[data-mode=grid] .u-resultList__data[data-type=itemname] {
  order: 2;
  margin: 15px 0 0;
}
.u-result[data-mode=grid] .u-resultList__data[data-type=point] {
  order: 3;
  margin: 10px 0 0;
}
.u-result[data-mode=grid] .u-resultList__data[data-type=category] {
  order: 4;
}
.u-result[data-mode=grid] .u-resultList__data[data-type=maker] {
  order: 5;
}
.u-result[data-mode=grid] .u-resultList__data[data-type=name] {
  order: 6;
}
.u-result[data-mode=grid] .u-resultList__data[data-type=shape] {
  order: 7;
}
.u-result[data-mode=grid] .u-resultList__data[data-type=function] {
  order: 8;
}
.u-result[data-mode=grid] .u-resultList__data[data-type=capacity], .u-result[data-mode=grid] .u-resultList__data[data-type=auth], .u-result[data-mode=grid] .u-resultList__data[data-type=spec] {
  display: none;
}
.u-result[data-mode=grid] .u-resultList__itemname > span, .u-result[data-mode=grid] .u-resultList__point > span, .u-result[data-mode=grid] .u-resultList__category > span, .u-result[data-mode=grid] .u-resultList__maker > span, .u-result[data-mode=grid] .u-resultList__name > span, .u-result[data-mode=grid] .u-resultList__shape > span, .u-result[data-mode=grid] .u-resultList__function > span {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  line-height: 1.5;
  font-size: 1.4rem;
}
.u-result[data-mode=grid] .u-resultList__category, .u-result[data-mode=grid] .u-resultList__name, .u-result[data-mode=grid] .u-resultList__shape, .u-result[data-mode=grid] .u-resultList__function {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  margin: 12px 0 0;
}
.u-result[data-mode=grid] .u-resultList__category::before, .u-result[data-mode=grid] .u-resultList__name::before, .u-result[data-mode=grid] .u-resultList__shape::before, .u-result[data-mode=grid] .u-resultList__function::before {
  min-width: 75px;
  max-width: 75px;
  margin: 0 20px 0 0;
  font-weight: bold;
  line-height: 1.4;
  color: #6f6f6f;
  content: attr(data-title);
  font-size: 1.2rem;
}
.u-result[data-mode=grid] .u-resultList__category > span, .u-result[data-mode=grid] .u-resultList__name > span, .u-result[data-mode=grid] .u-resultList__shape > span, .u-result[data-mode=grid] .u-resultList__function > span {
  width: 100%;
}
.u-result[data-mode=grid] .u-resultList__category {
  margin-top: 20px;
}
.u-result[data-mode=grid] .u-resultList__maker {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  margin: 12px 0 0;
}
.u-result[data-mode=grid] .u-resultList__makerTitle {
  min-width: 75px;
  max-width: 75px;
  margin: 0 20px 0 0;
  font-weight: bold;
  line-height: 1.2;
  color: #6f6f6f;
  font-size: 1.2rem;
}
.u-result[data-mode=grid] .u-resultList__makerTitle > span {
  display: block;
  transform: scale(0.9);
  font-size: 1rem;
}
.u-result[data-mode=grid] .u-resultList__makerText {
  width: 100%;
}
.u-result[data-mode=grid] .u-resultList__itemname > span, .u-result[data-mode=grid] .u-resultList__point > span {
  height: 3em;
  -webkit-line-clamp: 2;
}
.u-result[data-mode=grid] .u-resultList__itemname {
  font-weight: bold;
  font-size: 1.6rem;
}
.u-result[data-mode=grid] .u-resultList__photo {
  width: 100%;
  height: 185px;
  object-fit: cover;
}
.u-result[data-mode=grid] .u-resultList__noImg-ttl {
  display: flex;
  align-items: center;
  justify-content: center;
  order: 1;
  height: 185px;
  padding: 18px;
  background-color: #e6e8ea;
  border-radius: 7px;
}
.u-result[data-mode=grid] .u-resultList__noImg-name {
  display: -webkit-box;
  order: 1;
  overflow: hidden;
  font-weight: bold;
  line-height: 1.4;
  color: #292929;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  font-size: 3.2rem;
}
.u-result[data-mode=grid] .u-resultList__csv {
  position: absolute;
  bottom: 40px;
  left: 0;
  z-index: 2;
  width: 100%;
}
.u-result[data-mode=grid] .u-resultList__label {
  position: relative;
  display: table;
  padding: 0 22px 0 27px;
  margin: 0 auto;
  font-weight: bold;
  line-height: 1;
  color: #ffa150;
  text-align: center;
  font-size: 1.4rem;
}
.u-result[data-mode=grid] .u-resultList__label::before, .u-result[data-mode=grid] .u-resultList__label::after {
  position: absolute;
  top: 50%;
  content: "";
  transition: 0.3s all ease;
}
.u-result[data-mode=grid] .u-resultList__label::before {
  left: 0;
  width: 18px;
  height: 18px;
  margin: -9px 0 0;
  background: #fff;
  border: 2px solid #ced2d5;
  border-radius: 4px;
}
.u-result[data-mode=grid] .u-resultList__label::after {
  top: 3px;
  left: 4px;
  width: 10px;
  height: 6px;
  content: "";
  border-bottom: 2px solid #fff;
  border-left: 2px solid #fff;
  border-radius: 0;
  opacity: 0;
  transform: rotate(-45deg);
}
.u-result[data-mode=grid] .u-resultList__label [data-ifont]::before {
  position: absolute;
  top: 50%;
  right: 0;
  margin: -10px 0 0;
  content: "\f149";
  font-size: 1.6rem;
}
.u-result[data-mode=grid] .u-resultList__input {
  position: absolute;
  z-index: -1;
  visibility: hidden;
}
.u-result[data-mode=grid] .u-resultList__input:checked + label::before {
  background: #ff7600;
  border: 1px solid #ff7600;
}
.u-result[data-mode=grid] .u-resultList__input:checked + label::after {
  opacity: 1;
}
.u-result[data-mode=grid] .u-resultList__favorite {
  position: absolute;
  top: 40px;
  right: 45px;
  z-index: 2;
  width: 30px;
  height: 30px;
  overflow: hidden;
  color: transparent;
  background: #f8f8f8;
  border: 2px solid #fff;
  border-radius: 50%;
}
.u-result[data-mode=grid] .u-resultList__favorite [data-ifont] {
  pointer-events: none;
}
.u-result[data-mode=grid] .u-resultList__favorite [data-ifont]::before {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  color: #ced2d5;
  text-align: center;
  content: "\f132";
  font-size: 1.2rem;
}
.u-result[data-mode=grid] .u-resultList__favorite[data-state=true] [data-ifont]::before {
  color: #002aff;
}
.u-result[data-mode=grid] .u-resultList__favorite.is-selected [data-ifont]::before {
  color: #002aff;
}
.u-result[data-mode=list] .u-resultList__item {
  position: relative;
  background: #fff;
  transition: 0.3s all ease;
}
.u-result[data-mode=list] .u-resultList__item::after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  content: "";
  background: #f2f1ea;
  transition: 0.3s all ease;
}
.u-result[data-mode=list] .u-resultList__item:hover, .u-result[data-mode=list] .u-resultList__item:focus {
  z-index: 10;
  padding: 0 8px;
  margin: 0 -8px;
  border-bottom: none;
  border-radius: 7px;
  box-shadow: 0 20px 30px rgba(0, 98, 255, 0.33);
}
.u-result[data-mode=list] .u-resultList__item:hover::after, .u-result[data-mode=list] .u-resultList__item:focus::after {
  border-radius: 0 0 7px 7px;
}
.u-result[data-mode=list] .u-resultList__outer {
  position: relative;
}
.u-result[data-mode=list] .u-resultList__inner {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 0 50px 0 0;
  color: #292929;
}
.u-result[data-mode=list] .u-resultList__data {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 130px;
  padding: 0 10px;
}
.u-result[data-mode=list] .u-resultList__data::after {
  position: absolute;
  top: 0;
  right: 0;
  width: 1px;
  height: 100%;
  content: "";
  border-right: 1px dotted #ced2d5;
}
.u-result[data-mode=list] .u-resultList__data[data-type=date] {
  display: block;
  height: auto;
  padding: 0;
  margin: 10px 0 0;
  line-height: 1.4;
  color: #6f6f6f;
  text-align: right;
  letter-spacing: 0;
  font-size: 1.1rem;
}
.u-result[data-mode=list] .u-resultList__data[data-type=date]::after {
  display: none;
}
.u-result[data-mode=list] .u-resultList__data[data-type=date] .u-resultList__dataTitle {
  display: block;
}
.u-result[data-mode=list] .u-resultList__data[data-type=photo] {
  flex-direction: column;
  align-items: center;
  min-width: 100px;
  max-width: 100px;
}
.u-result[data-mode=list] .u-resultList__data[data-type=itemname], .u-result[data-mode=list] .u-resultList__data[data-type=point], .u-result[data-mode=list] .u-resultList__data[data-type=name] {
  width: 100%;
}
.u-result[data-mode=list] .u-resultList__data[data-type=category] {
  min-width: 100px;
  max-width: 100px;
}
.u-result[data-mode=list] .u-resultList__data[data-type=maker] {
  flex-direction: column;
  min-width: 120px;
  max-width: 120px;
}
.u-result[data-mode=list] .u-resultList__data[data-type=maker] b {
  font-size: 1rem;
}
.u-result[data-mode=list] .u-resultList__data[data-type=capacity], .u-result[data-mode=list] .u-resultList__data[data-type=shape] {
  padding: 0 5px;
}
.u-result[data-mode=list] .u-resultList__data[data-type=capacity] {
  min-width: 40px;
  max-width: 40px;
}
.u-result[data-mode=list] .u-resultList__data[data-type=shape] {
  min-width: 70px;
  max-width: 70px;
}
.u-result[data-mode=list] .u-resultList__data[data-type=auth] {
  min-width: 120px;
  max-width: 120px;
}
.u-result[data-mode=list] .u-resultList__data[data-type=spec] {
  min-width: 100px;
  max-width: 100px;
}
.u-result[data-mode=list] .u-resultList__data[data-type=function] {
  min-width: 100px;
  max-width: 100px;
}
.u-result[data-mode=list] .u-resultList__data[data-type=csv] {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  min-width: 50px;
  max-width: 50px;
  min-height: 45px;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  background: #ff7600;
  border-radius: 0 5px 0 0;
  font-size: 1.4rem;
}
.u-result[data-mode=list] .u-resultList__data[data-type=csv]::after {
  right: inherit;
  left: -1px;
  border-right: none;
  border-left: 1px solid #fff;
}
.u-result[data-mode=list] .u-resultList__data[data-type=csv] [data-ifont] {
  position: relative;
  padding: 0 0 16px;
}
.u-result[data-mode=list] .u-resultList__data[data-type=csv] [data-ifont]::before {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 100%;
  margin: 0;
  text-align: center;
  content: "\f149";
  font-size: 1.6rem;
}
.u-result[data-mode=list] .u-resultList__head {
  position: sticky;
  top: 90px;
  left: 0;
  z-index: 20;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 57px;
  padding: 0 50px 0 0;
  background: #b0b1b2;
  border-radius: 5px 5px 0 0;
}
.u-result[data-mode=list] .u-resultList__head .u-resultList__data {
  justify-content: center;
  height: 57px;
  line-height: 1.4;
  color: #fff;
  text-align: center;
  letter-spacing: 0;
  font-size: 1.2rem;
}
.u-result[data-mode=list] .u-resultList__head .u-resultList__data::after {
  border-right-color: #fff;
}
.u-result[data-mode=list] .u-resultList__itemname > span, .u-result[data-mode=list] .u-resultList__point > span, .u-result[data-mode=list] .u-resultList__category > span, .u-result[data-mode=list] .u-resultList__maker > span, .u-result[data-mode=list] .u-resultList__name > span, .u-result[data-mode=list] .u-resultList__capacity > span, .u-result[data-mode=list] .u-resultList__shape > span, .u-result[data-mode=list] .u-resultList__auth > span, .u-result[data-mode=list] .u-resultList__spec > span, .u-result[data-mode=list] .u-resultList__function > span {
  display: block;
  line-height: 1.5;
  text-align: left;
  letter-spacing: 0;
  font-size: 1.4rem;
}
.u-result[data-mode=list] .u-resultList__itemname > span, .u-result[data-mode=list] .u-resultList__point > span, .u-result[data-mode=list] .u-resultList__name > span {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.u-result[data-mode=list] .u-resultList__spec {
  overflow: hidden;
}
.u-result[data-mode=list] .u-resultList__spec > span {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.u-result[data-mode=list] .u-resultList__makerTitle {
  display: none;
}
.u-result[data-mode=list] .u-resultList__itemname > span {
  font-weight: bold;
  font-size: 1.6rem;
}
.u-result[data-mode=list] .u-resultList__photo {
  width: 75px;
  height: 60px;
  object-fit: cover;
}
.u-result[data-mode=list] .u-resultList__noImg-ttl {
  display: flex;
  align-items: center;
  justify-content: center;
  order: 1;
  width: 75px;
  height: 60px;
  padding: 8px;
  background-color: #e6e8ea;
  border-radius: 7px;
}
.u-result[data-mode=list] .u-resultList__noImg-name {
  display: -webkit-box;
  order: 1;
  overflow: hidden;
  font-weight: bold;
  line-height: 1.2;
  color: #292929;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  font-size: 1rem;
}
.u-result[data-mode=list] .u-resultList__sort {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  width: calc(100% + 20px);
  height: 57px;
  margin: 0 -10px;
  color: #fff;
  background: #b0b1b2;
}
.u-result[data-mode=list] .u-resultList__sort span[data-ifont] {
  position: relative;
  padding: 0 10px 0 0;
  pointer-events: none;
}
.u-result[data-mode=list] .u-resultList__sort span[data-ifont]::before {
  position: absolute;
  top: 50%;
  right: -5px;
  margin: -5px 0 0;
  content: "\f135";
  font-size: 1rem;
}
.u-result[data-mode=list] .u-resultList__sort.is-active {
  color: #002aff;
  background: #fff;
}
.u-result[data-mode=list] .u-resultList__favorite {
  display: none;
}
.u-result[data-mode=list] .u-resultList__csv {
  position: absolute;
  top: 0;
  right: 0;
  min-width: 50px;
  max-width: 50px;
  height: 100%;
  overflow: hidden;
  text-indent: -999em;
}
.u-result[data-mode=list] .u-resultList__label {
  position: absolute;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.u-result[data-mode=list] .u-resultList__label::before, .u-result[data-mode=list] .u-resultList__label::after {
  position: absolute;
  top: 50%;
  left: 50%;
  content: "";
  transition: 0.3s all ease;
}
.u-result[data-mode=list] .u-resultList__label::before {
  width: 18px;
  height: 18px;
  margin: -9px 0 0 -9px;
  background: #fff;
  border: 2px solid #ced2d5;
  border-radius: 4px;
}
.u-result[data-mode=list] .u-resultList__label::after {
  width: 10px;
  height: 6px;
  margin: -4px 0 0 -5px;
  content: "";
  border-bottom: 2px solid #fff;
  border-left: 2px solid #fff;
  border-radius: 0;
  opacity: 0;
  transform: rotate(-45deg);
}
.u-result[data-mode=list] .u-resultGuide {
  background: #f8f8f8;
}
.u-result[data-mode=list] .u-resultSort {
  position: absolute;
  top: 48px;
  left: 50%;
  z-index: -1;
  padding: 30px 20px;
  margin: 0 0 0 -57px;
  visibility: hidden;
  background: #fff;
  border-radius: 7px;
  box-shadow: 0 10px 20px rgba(0, 98, 255, 0.4);
  opacity: 0;
  transition: 0.3s all ease;
  font-size: 1.4rem;
}
.u-result[data-mode=list] .u-resultSort.is-active {
  top: 53px;
  z-index: 10;
  margin-top: 0;
  visibility: initial;
  opacity: 1;
}
.u-result[data-mode=list] .u-resultSort__submit {
  display: table;
  margin: 20px auto 0;
}
.u-result[data-mode=list] .u-resultSort__submit .m-btnS {
  padding: 0 17px;
}
.u-result[data-mode=list] .u-resultSort__submit .m-btnS span {
  pointer-events: none;
}
.u-result[data-mode=list] .u-resultSort__head .m-frmCheck, .u-result[data-mode=list] .u-resultSort__list .m-frmCheck {
  color: #292929;
  text-align: left;
}
.u-result[data-mode=list] .u-resultSort__head .m-frmCheck label, .u-result[data-mode=list] .u-resultSort__list .m-frmCheck label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.u-result[data-mode=list] .u-resultSort__head .m-frmCheck label::before, .u-result[data-mode=list] .u-resultSort__list .m-frmCheck label::before {
  margin-top: -9px;
}
.u-result[data-mode=list] .u-resultSort__head .m-frmCheck label::after, .u-result[data-mode=list] .u-resultSort__list .m-frmCheck label::after {
  top: 2px;
}
.u-result[data-mode=list] .u-resultSort__head .m-frmCheck label {
  font-weight: bold;
}
.u-result[data-mode=list] .u-resultSort__body {
  max-height: 200px;
  padding: 1px 0 1px 25px;
  margin: 30px 0 0;
  overflow: auto;
}
.u-result[data-mode=list] .u-resultSort__sub {
  display: block;
  margin: 7px 0 0;
  line-height: 1;
  color: #6f6f6f;
  font-size: 1.4rem;
}
.u-result[data-mode=list] .u-resultSort__list li {
  margin: 13px 0 0;
}
.u-result[data-mode=list] .u-resultSort__list li:first-child {
  margin-top: 0 !important;
}
.u-result[data-mode=list] .u-resultSort__list .m-frmCheck label::before {
  top: 0;
  margin-top: 0;
}
.u-result[data-mode=list] .u-resultSort__list .m-frmCheck label::after {
  top: 4px;
}
.u-result[data-mode=list] .u-resultSort__list .m-frmCheck input:disabled + label {
  color: #b0b1b2 !important;
}
.u-result[data-mode=list] .u-resultSort__list .m-frmCheck input:disabled + label::before, .u-result[data-mode=list] .u-resultSort__list .m-frmCheck input:disabled + label::after {
  display: none;
}
.u-result[data-mode=list] .u-resultSort__list .m-frmCheck input:disabled + label .u-dashboardSort__sub {
  color: #b0b1b2 !important;
}
.u-result[data-mode=list] .u-resultSort[data-type="1"] {
  width: 240px;
}
.u-result[data-mode=list] .u-resultSort[data-type="2"] {
  width: 240px;
}
.u-result[data-mode=list] .u-resultSort[data-type="3"] {
  right: 0;
  left: inherit;
  width: 240px;
}
.u-result[data-mode=list] .u-resultSort[data-type="4"] {
  width: 240px;
}
.u-resultZero {
  margin-top: 60px;
}
.u-resultZeroHdg {
  margin-bottom: 20px;
  color: #002aff;
  text-align: center;
  font-size: 2rem;
}
.u-resultZeroTxt {
  margin-bottom: 40px;
  text-align: center;
  font-size: 1.4rem;
}
.u-resultZeroTxt br {
  display: none;
}
.u-resultZeroManager {
  display: flex;
  max-width: 540px;
  margin: 0 auto;
  font-size: 1.4rem;
}
.u-resultZeroManager__hdg {
  flex-shrink: 0;
  margin-right: 8px;
}
.u-resultZeroManager__listItem {
  display: flex;
}
.u-resultZeroManager__listItem + .u-resultZeroManager__listItem {
  margin-top: 12px;
}
.u-resultZeroManager__listItem__name {
  flex-shrink: 0;
  width: 70px;
  padding-right: 8px;
}
.u-resultZeroManager__listItem__link {
  color: inherit;
  text-decoration: underline;
}
.u-resultZeroManager__listItem__link:hover {
  text-decoration: none;
}
.u-resultZeroBtn {
  margin-top: 40px;
}
.u-resultZeroBtn a {
  max-width: 264px;
  margin: 0 auto;
}
.u-resultZeroHelp {
  margin-top: 10px;
  text-align: center;
  font-size: 1.2rem;
}
.u-resultZero .u-resultZeroHelp a {
  color: inherit;
  text-decoration: underline;
}
.u-resultZero .u-resultZeroHelp a:hover {
  text-decoration: none;
}

@media screen and (max-width: 1440px) {
  .u-result[data-mode=grid] .u-resultList__item {
    width: 33.3333333333%;
  }
}
@media screen and (min-width: 768px) {
  .u-resultRefine__hdg[data-level="3"] button {
    pointer-events: none;
  }
  .u-resultRefine__spToggle {
    height: auto !important;
    min-height: auto !important;
  }
}
@media screen and (max-width: 767px) {
  .u-resultLayout {
    flex-direction: column;
  }
  .u-resultLayout__main {
    order: 2;
    margin: 0;
  }
  .u-resultLayout__sub {
    display: none;
    order: 1;
    min-width: inherit;
    max-width: inherit;
  }
  .u-resultMain__body {
    margin-right: -20px;
    margin-left: -20px;
    background: #fff;
  }
  .u-resultMain__head {
    display: none;
  }
  .u-resultGuide {
    justify-content: space-between;
    height: auto;
    padding: 20px;
    border-top: none;
  }
  .u-resultGuide__utility {
    position: static;
    height: auto;
  }
  .u-resultGuide__result {
    font-size: 1.2rem;
  }
  .u-resultGuide__resultTotal {
    font-size: 2rem;
  }
  .u-resultGuide__resultLine {
    padding: 0;
  }
  .u-resultGuide__mode {
    display: none;
    margin-left: 15px;
  }
  .u-resultGuide__mode li {
    padding-left: 12px;
    margin-left: 12px;
  }
  .u-resultZero {
    display: flex;
    flex-direction: column;
    margin-top: 26px;
  }
  .u-resultZeroHdg {
    font-size: 1.4rem;
  }
  .u-resultZeroTxt {
    margin-bottom: 30px;
    text-align: left;
    font-size: 1.3rem;
  }
  .u-resultZeroTxt br {
    display: block;
  }
  .u-resultZeroManager {
    display: flex;
    max-width: 540px;
    margin: 0 auto;
    font-size: 1.3rem;
  }
  .u-resultZeroManager__hdg {
    margin-right: 8px;
  }
  .u-resultZeroManager__listItem {
    display: flex;
  }
  .u-resultZeroManager__listItem__name {
    flex-shrink: 0;
    width: 70px;
    padding-right: 8px;
  }
  .u-resultZeroManager__listItem__link {
    color: inherit;
    text-decoration: underline;
  }
  .u-resultZeroManager__listItem__link:hover {
    text-decoration: none;
  }
  .u-resultZeroBtn {
    margin-top: 30px;
  }
  .u-resultList__body {
    background: #fff;
  }
  .u-resultList__dataTitle {
    display: none;
  }
  .u-resultList__data[data-type=photo] {
    position: absolute;
    top: 12px;
    left: 20px;
    width: 62px;
    height: 48px;
    overflow: hidden;
    border-radius: 7px;
  }
  .u-resultList__data[data-type=photo] img {
    width: 100% !important;
    height: 100% !important;
  }
  .u-resultList__data[data-type=point] {
    display: none;
  }
  .u-resultList__data[data-type=category] {
    display: none;
  }
  .u-resultList__data[data-type=name] {
    display: none;
  }
  .u-resultList__data[data-title=一般名] {
    display: none;
  }
  .u-resultList__data[data-type=capacity] {
    display: none;
  }
  .u-resultList__data[data-title=容量] {
    display: none;
  }
  .u-resultList__data[data-type=shape] {
    display: none;
  }
  .u-resultList__data[data-title=性状] {
    display: none;
  }
  .u-resultList__data[data-type=auth] {
    display: none;
  }
  .u-resultList__data[data-type=spec] {
    display: none;
  }
  .u-resultList__data[data-title=主な規格成分] {
    display: none;
  }
  .u-resultList__data[data-type=function] {
    display: none;
  }
  .u-resultList__data[data-type=itemname] {
    margin-top: 0 !important;
    font-size: 1.2rem !important;
  }
  .u-resultList__data .u-resultList__itemname > span {
    height: auto !important;
    -webkit-line-clamp: 1 !important;
  }
  .u-resultList__data .u-resultList__maker {
    margin-top: 5px;
  }
  .u-resultList__data .u-resultList__makerText {
    font-size: 1.1rem !important;
  }
  .u-resultList__makerTitle {
    display: none;
  }
  .u-resultList__inner {
    min-height: 76px;
    padding: 10px 20px 10px 95px !important;
  }
  .u-resultList__inner::before {
    display: none;
  }
  .u-resultList__noImg-ttl {
    height: 48px !important;
    padding: 18px 4px !important;
  }
  .u-resultList__noImg-name {
    font-size: 1rem !important;
  }
  .u-result[data-mode=list] .u-resultScroll {
    overflow-x: scroll;
    overflow-y: hidden;
  }
  .u-result[data-mode=list] .u-resultList {
    width: 1146px;
  }
  .u-result[data-mode=list] .u-resultList__head {
    position: relative;
    top: 0;
  }
  .u-result[data-mode=grid] .u-resultList__item {
    width: 100%;
  }
  .u-result[data-mode=grid] .u-resultList__inner {
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 20px 15px 25px;
  }
  .u-result[data-mode=grid] .u-resultList__inner:hover, .u-result[data-mode=grid] .u-resultList__inner:focus {
    z-index: inherit;
    background: none;
    box-shadow: none;
  }
  .u-result[data-mode=grid] .u-resultList__name, .u-result[data-mode=grid] .u-resultList__capacity, .u-result[data-mode=grid] .u-resultList__shape, .u-result[data-mode=grid] .u-resultList__auth, .u-result[data-mode=grid] .u-resultList__spec, .u-result[data-mode=grid] .u-resultList__storage, .u-result[data-mode=grid] .u-resultList__limit, .u-result[data-mode=grid] .u-resultList__maker {
    display: block;
    margin: 10px 0 0;
  }
  .u-result[data-mode=grid] .u-resultList__name::before, .u-result[data-mode=grid] .u-resultList__capacity::before, .u-result[data-mode=grid] .u-resultList__shape::before, .u-result[data-mode=grid] .u-resultList__auth::before, .u-result[data-mode=grid] .u-resultList__spec::before, .u-result[data-mode=grid] .u-resultList__storage::before, .u-result[data-mode=grid] .u-resultList__limit::before, .u-result[data-mode=grid] .u-resultList__maker::before {
    min-width: inherit;
    max-width: inherit;
    margin: 0;
  }
  .u-result[data-mode=grid] .u-resultList__photo {
    height: 110px;
  }
  .u-result[data-mode=grid] .u-resultList__csv {
    display: none;
  }
  .u-result[data-mode=grid] .u-resultList__favorite {
    display: none;
  }
  .u-result[data-mode=grid] .u-resultLayout__sub {
    display: none;
    margin-bottom: 20px;
  }
  .u-resultRefine__body {
    padding: 20px 20px 24px;
  }
  .u-resultRefine__hdg[data-level="3"] {
    margin: 30px 0 0 0;
    font-size: 1.6rem;
  }
  .u-resultRefine__hdg[data-level="3"] button {
    position: relative;
    display: block;
    width: 100%;
    text-align: left;
  }
  .u-resultRefine__hdg[data-level="3"] button::before {
    position: absolute;
    top: 50%;
    right: 0;
    width: 8px;
    height: 8px;
    margin: -6px 0 0;
    content: "";
    border-top: 2px solid #292929;
    border-right: 2px solid #292929;
    transition: 0.3s all ease;
    transform: rotate(135deg);
  }
  .u-resultRefine__hdg[data-level="3"] button.is-active::before {
    margin-top: -1px;
    transform: rotate(-45deg);
  }
  .u-resultRefine__hdg[data-level="4"] {
    display: none;
  }
  .u-resultRefine__spToggle {
    height: 0;
    overflow: hidden;
  }
  .u-resultRefine__ac {
    pointer-events: none;
  }
  .u-resultRefine__ac > span::before {
    display: none;
  }
  .u-resultRefine__category {
    height: auto !important;
    min-height: auto !important;
  }
  .u-resultRefine__category .m-frmCheck__label::before {
    top: 3px;
  }
  .u-resultRefine__category .m-frmCheck__label::after {
    top: 7px;
  }
  .u-resultRefine__category[data-ac="2"] {
    display: flex;
    flex-wrap: wrap;
    gap: 0 10px;
  }
  .u-resultRefine__category[data-ac="1"] {
    width: calc(50% - 5px);
    margin-top: 10px;
  }
  .u-resultRefine__category[data-ac="1"]:first-child {
    margin-top: 20px;
  }
  .u-resultRefine__category[data-ac="1"]:nth-child(2) {
    margin-top: 20px;
  }
  .u-resultRefine__category[data-ac="1"] .m-frmCheck__label {
    font-weight: normal !important;
  }
  .u-resultRefine__categoryList {
    display: flex;
    flex-wrap: wrap;
    gap: 0 10px;
  }
  .u-resultRefine__categoryItem {
    width: calc(50% - 5px);
    padding: 0 0 0 5px;
  }
  .u-resultRefine__categoryItem[data-type=all] {
    width: 100%;
    margin-bottom: 0;
  }
  .u-resultRefine__categoryItem[data-type=all] .m-frmCheck__label {
    font-weight: bold;
  }
  .u-resultRefine__btn {
    justify-content: center;
    margin-top: 30px;
  }
  .u-resultRefine__btn .m-headerUtil__btn {
    display: block !important;
    width: 100vw !important;
    max-width: 264px;
    margin: 0;
    border-radius: 30px;
  }
  .u-resultRefine__btn .m-headerUtil__btn [data-ifont] {
    position: relative !important;
  }
  .u-resultRefine__btn .m-headerUtil__btn [data-ifont]::before {
    position: absolute;
    top: -4px !important;
    right: 14px !important;
    left: auto !important;
    font-size: 2.2rem !important;
  }
  .u-resultRefine__btn .m-headerUtil__btn [data-ifont] > span {
    position: static !important;
    font-size: 1.4rem !important;
    font-weight: bold !important;
    transform: none !important;
  }
  .u-resultConditions {
    padding: 30px 20px;
    margin-bottom: 20px;
    border-radius: 7px;
    box-shadow: 0 10px 20px rgba(203, 205, 206, 0.4);
  }
  .u-resultConditions__rows {
    display: none;
  }
  .u-resultConditions__spRows {
    display: -webkit-box;
    overflow: hidden;
    line-height: 1.45;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    font-size: 1.1rem;
  }
  .u-resultDl {
    display: none;
  }
}
/* ----------------------------------------------------------------------------
 * REGIST
 * ------------------------------------------------------------------------- */
.u-registBox {
  margin: 30px 0 0;
}
.u-registBox__item {
  padding: 30px 30px 60px;
  margin: 30px 0 0;
  background: #fff;
}
.u-registBox__item:first-child {
  margin-top: 0;
}
.u-registBox__item > *:first-child {
  margin-top: 0 !important;
}
.u-registBox .m-frmList {
  font-size: 1.4rem;
}
.u-registBox__itemHdgTxt {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
}
.u-registBox__itemHdgTxt .left-item {
  justify-self: start;
}
.u-registBox__itemHdgTxt .center-item {
  justify-self: center;
}
.u-registHdg[data-type="1"] {
  line-height: 1;
  text-align: center;
  font-size: 2.5rem;
}
.u-registHdg[data-type="2"] {
  position: relative;
  padding: 0 0 12px;
  margin: 50px 0 0;
  font-weight: bold;
  line-height: 1;
}
.u-registHdg[data-type="2"]::after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3px;
  content: "";
  background: #002aff;
  border-radius: 5px;
}
.u-registHdg[data-type="2"] + * {
  margin-top: 30px !important;
}
.u-registHdg[data-type="3"] {
  font-weight: normal;
  line-height: 1;
}
.u-registHdg[data-type="3"] + * {
  margin-top: 15px !important;
}
.u-registHdg[data-type="3"] + .u-registInput {
  margin-top: 5px !important;
}
.u-registForm {
  margin: 30px 0 0;
}
.u-registForm__segment {
  margin: 30px 0 0;
}
.u-registForm__segment + .m-listCheckbox {
  padding: 0 0 8px;
  margin: 5px 0 0;
}
.u-registForm__segment + .u-profileBox__note {
  margin-top: 8px;
}
.u-registForm__segment:first-child {
  margin-top: 0 !important;
}
.u-registForm__segment[data-type=flex] {
  display: flex;
  flex-wrap: nowrap;
}
.u-registForm__segment[data-type=flex] .u-registForm__item {
  margin: 0 0 0 30px;
}
.u-registForm__segment[data-type=flex] .u-registForm__item:first-child {
  margin: 0 !important;
}
.u-registForm__segment[data-type=flex] .u-registForm__item > *:first-child {
  margin-top: 0 !important;
}
.u-registForm__segment[data-type=frame] {
  padding: 20px;
  margin: 40px 0 50px;
  border: 4px solid #002aff;
}
.u-registLine {
  margin: 30px 0;
  border: none;
  border-top: 1px solid #cbcdce;
}
.u-registLink {
  display: flex;
  flex-wrap: wrap;
  margin: 20px 0 0;
}
.u-registLink li {
  padding: 0 10px 0 0;
  margin: 0 10px 0 0;
  line-height: 1;
  border-right: 1px solid #292929;
  font-size: 1.4rem;
}
.u-registLink li:last-child {
  padding-right: 0;
  margin-right: 0;
  border-right: none;
}
.u-registLink a {
  text-decoration: underline;
}
.u-registLink a:hover, .u-registLink a:focus {
  text-decoration: none;
}
.u-registBtn {
  max-width: 264px;
  margin: 30px auto 0;
}
.u-registBtn__item {
  margin: 10px 0 0;
}
.u-registBtn__item:first-child {
  margin-top: 0;
}
.u-registTxt {
  margin: 10px 0 0;
  line-height: 1.5;
  font-size: 1.4rem;
}
.u-registTxt strong {
  font-weight: normal;
  color: #f00;
}
.u-registConfirm {
  margin: 0 0 35px;
}
.u-registConfirm__item {
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-start;
  padding: 20px 0 17px;
  border-top: 1px dotted #ced2d5;
}
.u-registConfirm__item:first-child {
  padding-top: 0;
  border-top: none;
}
.u-registConfirm__item:last-child {
  padding-bottom: 0;
}
.u-registConfirm__ttl {
  min-width: 130px;
  max-width: 130px;
  margin: 0 30px 0 0;
  font-weight: bold;
  line-height: 2;
  color: #6f6f6f;
  font-size: 1.4rem;
}
.u-registConfirm__txt {
  display: flex;
  align-items: center;
  width: 100%;
}
.u-registConfirm__txt img {
  min-width: 43px;
  max-width: 43px;
  min-height: 43px;
  max-height: 43px;
  margin: 0 15px 0 0;
  object-fit: cover;
  border-radius: 50%;
}
.u-regist[data-type=request] .m-listRadio {
  display: flex;
  flex-wrap: wrap;
  margin-top: -20px !important;
}
.u-regist[data-type=request] .m-listRadio .m-listRadio__item,
.u-regist[data-type=request] .m-listRadio .m-listCheckbox__item {
  margin: 20px 15px 0 0;
}
.u-regist[data-type=request] .m-listRadio .m-listRadio__item:last-child,
.u-regist[data-type=request] .m-listRadio .m-listCheckbox__item:last-child {
  margin-right: 0;
}

@media screen and (max-width: 767px) {
  [data-rwd=true] .u-registBox__item {
    padding: 30px 15px;
  }
  [data-rwd=true] .u-registForm__segment[data-type=frame] {
    margin-bottom: 30px;
    border-width: 2px;
    border-radius: 7px;
  }
  [data-rwd=true] .u-registForm__segment .m-frmLabel {
    flex-wrap: nowrap;
  }
  [data-rwd=true] .u-registForm__segment .m-frmLabel__text {
    font-size: 1.3rem;
  }
  [data-rwd=true] .u-registForm__segment .m-frmLabel__tag {
    top: 0;
    align-self: center;
    white-space: nowrap;
  }
  [data-rwd=true] .u-registForm__segment .m-frmCheck__label::after {
    top: 3px;
  }
  [data-rwd=true] .u-registForm__segment .m-frmList {
    font-size: 1.3rem;
  }
  [data-rwd=true] .u-registForm__segment .m-frmApproval__el * {
    font-size: 1.4rem;
  }
  [data-rwd=true] .u-registForm__segment .m-frmApproval__txt {
    line-height: 1.5;
    text-align: left;
  }
}
/* ----------------------------------------------------------------------------
 * MEMBER
 * ------------------------------------------------------------------------- */
/* ------------------------------------
 * DUMMY
 * --------------------------------- */
.u-member__subTxt {
  margin-top: 20px;
  font-size: 1.2rem;
}
.u-member__subTxt a {
  color: inherit;
  text-decoration: underline;
}
.u-member__subTxt a:hover {
  text-decoration: none;
}
.u-memberBtn {
  display: table;
  width: 100%;
  max-width: 264px;
  margin: 60px auto 0;
}
.u-memberBtn__item {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 10px 0 0;
}
.u-memberBtn__item:first-child {
  margin-top: 0;
}
.u-memberGrid {
  display: grid;
  grid-template-columns: 1fr 558px 1fr;
  gap: 0 30px;
}
.u-memberGrid__button:last-child {
  min-width: 264px;
}
.u-memberGrid__button .u-memberBtn {
  position: sticky;
  top: 150px;
  margin-top: 0;
}
.u-memberUserBox {
  margin-top: 30px;
}
.u-memberTeam {
  display: flex;
  gap: 0 20px;
}
.u-memberTeam__heading {
  flex: 0 0 auto;
  color: #6f6f6f;
}
.u-memberTeam__name {
  flex: 1 1 auto;
  font-weight: bold;
}
.u-memberUser {
  display: grid;
  grid-template-columns: 50px 1fr 150px;
  gap: 0 20px;
}
.u-chooseCheck__item .u-memberUser {
  grid-template-columns: 50px 1fr;
  padding-left: 28px;
}
.u-chooseCheck__item--hasButton .u-memberUser {
  grid-template-columns: 50px 1fr 67px;
  padding-left: 0;
}
.u-memberUser__info {
  max-width: 278px;
}
.u-memberUser__button {
  display: flex;
  align-items: center;
  padding-right: 17px;
}
.u-memberUser__button .m-btnS {
  padding-right: 0;
  padding-left: 0;
}
.u-memberUser__button .m-btnS[data-type=roundPlus] {
  height: 50px;
  padding-top: 10px;
  border-radius: 100%;
}
.u-memberUser__button .m-btnS[data-type=roundPlus]::before {
  position: absolute;
  top: 14px;
  left: calc(50% - 6px);
  display: block;
  width: 12px;
  height: 2px;
  content: "";
  background: #fff;
  border-radius: 2px;
}
.u-memberUser__button .m-btnS[data-type=roundPlus]::after {
  position: absolute;
  top: 14px;
  left: calc(50% - 6px);
  display: block;
  width: 12px;
  height: 2px;
  content: "";
  background: #fff;
  border-radius: 2px;
  transform: rotate(90deg);
}
.u-memberUser__button .m-btnS[data-color="5"] {
  background-color: #6f6f6f;
}
.u-memberUser__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 50px;
  overflow: hidden;
  color: #fff;
  background: #6f6f6f;
  border-radius: 100%;
}
.u-memberUser__icon > span {
  font-weight: bold;
  font-size: 1.4rem;
}
.u-memberUser__position {
  overflow: hidden;
  color: #6f6f6f;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 1.4rem;
}
.u-memberUser__select .m-frmSelect__btn.is-disabled {
  background-color: #f8f8f8;
  border-color: #ced2d5;
}
.u-memberUser__select .m-frmSelect__btn.is-disabled::before {
  display: none;
}
.u-memberUser__select .m-frmCheck {
  margin-top: 10px;
}
.u-memberUser__select .m-frmCheck__input.is-disabled {
  background-color: #f8f8f8;
  border-color: #ced2d5;
}
.u-memberUser__select .m-frmCheck__input.is-disabled::before {
  display: none;
}
.u-memberUser__select .m-frmCheck__label.is-disabled::before {
  background-color: #999;
  border-color: #ced2d5;
}
.u-memberBuyer {
  margin-top: 30px;
}
.u-memberBuyer__heading {
  margin-bottom: 5px;
  color: #6f6f6f;
  font-size: 1.4rem;
}
.u-memberBuyer__listItem {
  display: flex;
  gap: 0 20px;
  align-items: baseline;
  justify-content: space-between;
  margin-bottom: 5px;
}
.u-memberBuyer__listItem:last-child {
  margin-bottom: 0;
}
.u-memberBuyer__listItem__btn {
  flex-shrink: 0;
  width: 50px;
  height: 32px;
  padding: 0;
  font-size: 1.2rem;
}
.u-memberBuyer__listItem__btn.m-btn {
  background-color: #6f6f6f;
}
.u-memberBuyerSelect {
  position: relative;
  z-index: 2;
  margin-top: 20px;
}
.u-memberBuyerSelect[data-ifont]::before {
  position: absolute;
  top: 50%;
  right: 12px;
  z-index: 0;
  margin: -10px 0 0;
  content: "\f12e";
  font-size: 2rem;
}
.u-memberBuyerSelect .buyer__placeholder {
  color: #b0b1b2;
}
.u-memberBuyerSelect .buyer__menu {
  margin-top: 0;
  background: #fff;
}
.u-memberBuyerSelect .buyer__menu-list {
  padding: 20px;
  border: none;
  box-shadow: 0 10px 20px rgba(0, 98, 255, 0.4);
}
.m-modalBodyForm .u-memberBuyerSelect .buyer__menu-list {
  max-height: 200px;
}
.u-memberBuyerSelect .buyer__indicators {
  position: relative;
}
.u-memberBuyerSelect .buyer__indicator {
  position: relative;
}
.u-memberBuyerSelect .buyer__indicator svg {
  display: none;
}
.u-memberBuyerSelect .buyer__indicator.buyer__dropdown-indicator {
  display: none;
}
.u-memberBuyerSelect .buyer__indicator.buyer__clear-indicator {
  position: relative;
  width: 50px;
  height: 50px;
}
.u-memberBuyerSelect .buyer__indicator.buyer__clear-indicator::before, .u-memberBuyerSelect .buyer__indicator.buyer__clear-indicator::after {
  position: absolute;
  top: calc(50% - 2px);
  right: 12px;
  display: block;
  width: 20px;
  height: 2px;
  margin: 0;
  content: "";
  background: #333;
  border-radius: 15px;
}
.u-memberBuyerSelect .buyer__indicator.buyer__clear-indicator::before {
  transform: rotate(-45deg);
}
.u-memberBuyerSelect .buyer__indicator.buyer__clear-indicator::after {
  transform: rotate(-135deg);
}
.u-memberBuyerSelect .buyer__option {
  position: relative;
  width: auto;
  padding-right: 55px;
  padding-left: 20px;
  margin-right: -20px;
  margin-left: -20px;
  cursor: pointer;
}
.u-memberBuyerSelect .buyer__option::before {
  position: absolute;
  right: 20px;
  bottom: 0;
  left: 20px;
  display: block;
  height: 1px;
  content: "";
  background: #ced2d5;
}
.u-memberBuyerSelect .buyer__option::after {
  position: absolute;
  top: calc(50% - 14px);
  right: 20px;
  display: block;
  width: 20px;
  height: 20px;
  pointer-events: none;
  content: "";
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2248%22%20width%3D%2248%22%3E%3Cpath%20d%3D%22m36.5%2039.3-23-23.05V28.3q0%20.85-.575%201.425-.575.575-1.425.575-.85%200-1.425-.575Q9.5%2029.15%209.5%2028.3V11.5q0-.85.575-1.425Q10.65%209.5%2011.5%209.5h16.8q.85%200%201.425.575.575.575.575%201.425%200%20.85-.575%201.425-.575.575-1.425.575H16.25l23.05%2023q.6.6.6%201.4%200%20.8-.6%201.4-.6.6-1.4.6-.8%200-1.4-.6Z%22%2F%3E%3C%2Fsvg%3E");
  background-size: contain;
}
.u-memberBuyerSelect .buyer__option:hover {
  background-color: #e0efff;
}
.u-memberBuyerSelect .buyer__control {
  min-height: 50px;
  background: transparent;
}
.u-memberBuyerSelect .buyer__control--menu-is-open::before {
  position: absolute;
  top: 0;
  right: 0;
  width: 50px;
  height: 50px;
  content: "";
  background: #fff;
}
.u-memberBuyerSelect .buyer__control--menu-is-open .buyer__indicators::before, .u-memberBuyerSelect .buyer__control--menu-is-open .buyer__indicators::after {
  display: block;
}
.u-memberBuyerSelect .buyer__control--menu-is-open .buyer__indicator {
  display: none;
}
.u-memberDelete {
  margin-top: 10px;
  text-align: right;
}
.u-memberDelete button {
  font-size: 1.4rem;
}

@media screen and (max-width: 767px) {
  .u-memberUser {
    gap: 0 4px;
  }
  .u-memberUser__icon {
    width: 42px;
    height: 42px;
  }
  .u-memberUser__icon > span {
    font-size: 1.2rem;
  }
  .u-memberUser__name {
    font-size: 1.3rem;
  }
  .u-memberUser__position {
    white-space: initial;
    font-size: 1.1rem;
  }
  .u-memberUser__button {
    padding-right: 0;
  }
  .u-memberUser__button .m-btnS[data-type=roundPlus] {
    height: 34px;
  }
  .u-memberUser__button .m-btnS[data-type=roundPlus]::before {
    top: 9px;
  }
  .u-memberUser__button .m-btnS[data-type=roundPlus]::after {
    top: 9px;
  }
  .u-chooseCheck__item--hasButton .u-memberUser {
    grid-template-columns: 42px 1fr 34px;
  }
}
/* ----------------------------------------------------------------------------
 * PASSWORD
 * ------------------------------------------------------------------------- */
.u-password {
  display: table;
  width: 100%;
  max-width: 362px;
  padding: 40px 0 20px;
  margin: 0 auto;
}
.u-passwordLogo {
  display: table;
  max-width: 158px;
  margin: 0 auto 35px;
}
.u-passwordLogo img {
  width: 100%;
}
.u-passwordInput__item {
  margin: 15px 0 0;
}
.u-passwordInput__item:first-child {
  margin-top: 0;
}
.u-passwordInput__item .m-frmLabel {
  margin: 0 0 8px;
}
.u-passwordInput__item .m-frmLabel__text {
  font-weight: bold;
  color: #6f6f6f;
  font-size: 1.4rem;
}
.u-passwordInput__item .m-frmTextbox input {
  height: 34px;
  padding: 0 15px;
  letter-spacing: 0;
  border-color: #cbcdce;
  font-size: 1.2rem;
}
.u-passwordInput__item .m-frmTextbox.is-error input {
  border-color: #f00;
}
.u-passwordText {
  text-align: center;
  letter-spacing: 0;
  font-size: 1.4rem;
}
.u-passwordText + * {
  margin-top: 20px;
}
.u-passwordLink {
  margin: 12px 0 0;
}
.u-passwordLink li {
  margin: 6px 0 0;
  text-align: center;
  font-size: 1.2rem;
}
.u-passwordLink li:first-child {
  margin-top: 0;
}
.u-passwordLink li a {
  color: #292929;
  text-decoration: underline;
}
.u-passwordLink li a:hover, .u-passwordLink li a:focus {
  text-decoration: none;
}
.u-passwordSubmit {
  max-width: 264px;
  margin: 20px auto 0;
}

@media screen and (max-width: 767px) {
  .u-passwordInput__item .m-frmTextbox input {
    height: 48px;
    font-size: 1.6rem;
  }
}
/* ----------------------------------------------------------------------------
 * SAMPLE
 * ------------------------------------------------------------------------- */
.u-sampleBody {
  margin: 50px 0 0;
}
.u-sampleHdg {
  font-weight: bold;
  line-height: 1;
  text-align: center;
  font-size: 3.2rem;
}
.u-sampleForm__ttl {
  position: relative;
  top: 5px;
  min-width: 130px;
  max-width: 130px;
}
.u-sampleForm__body {
  width: 100%;
  margin: 0 0 -8px 20px;
}
.u-sampleForm__body > *:first-child {
  margin-top: 0 !important;
}
.u-sampleForm__segment {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  margin: 30px 0 0;
}
.u-sampleForm__segment:first-child {
  margin-top: 0;
}
.u-sampleForm__segment[data-type=number] .u-sampleForm__ttl, .u-sampleForm__segment[data-type=date] .u-sampleForm__ttl {
  top: 20px;
}
.u-sampleForm__segment[data-type=date] .m-frmGroup__item, .u-sampleForm__segment[data-type=transport] .m-frmGroup__item {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  width: 100%;
}
.u-sampleForm__segment[data-type=date] .m-frmGroup__item > *, .u-sampleForm__segment[data-type=transport] .m-frmGroup__item > * {
  margin: 0 0 0 10px;
}
.u-sampleForm__segment[data-type=date] .m-frmGroup__item > *:first-child, .u-sampleForm__segment[data-type=transport] .m-frmGroup__item > *:first-child {
  padding-top: 0;
  margin-left: 0;
}
.u-sampleForm__segment[data-type=date] .m-listRadio, .u-sampleForm__segment[data-type=transport] .m-listRadio {
  padding-top: 0;
}
.u-sampleForm__segment[data-type=date] .m-listRadio__item, .u-sampleForm__segment[data-type=transport] .m-listRadio__item {
  margin-top: 0;
  white-space: nowrap;
}
.u-sampleForm__segment[data-type=date] .m-frmTextbox,
.u-sampleForm__segment[data-type=date] .m-frmSelect, .u-sampleForm__segment[data-type=transport] .m-frmTextbox,
.u-sampleForm__segment[data-type=transport] .m-frmSelect {
  min-width: 264px;
  max-width: 264px;
}
.u-sampleForm__segment[data-type=transport] .m-frmGroup {
  margin-top: 12px;
}
.u-sampleForm__segment[data-type=transport] .m-frmTextbox {
  width: 100%;
  min-width: inherit;
  max-width: inherit;
}
.u-sampleBtn {
  max-width: 264px;
  margin: 30px auto 0;
}

/* ----------------------------------------------------------------------------
 * UPLOAD
 * ------------------------------------------------------------------------- */
.u-uploadBody {
  margin: 10px 0 0;
}
.u-uploadBody__txt {
  font-weight: normal;
  text-align: center;
}
.u-uploadHdg {
  font-weight: bold;
  line-height: 1;
  text-align: center;
  font-size: 3.2rem;
}
.u-uploadForm__label {
  position: relative;
  display: block;
}
.u-uploadForm__area {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  height: 120px;
  font-weight: bold;
  line-height: 1;
  color: #b0b1b2;
  border: 1px solid #ced2d5;
  border-radius: 3px;
  font-size: 2rem;
}
.u-uploadForm__input {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}
.u-uploadForm__input input {
  position: absolute;
  top: 0;
  right: 0;
  display: none;
  width: 100%;
  height: 100%;
}
.u-uploadForm__button {
  flex-basis: auto;
  flex-shrink: 0;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 4px;
  font-size: 1.5rem;
}
@media (max-width: 767px) {
  .u-uploadForm__button {
    gap: 8px;
  }
  .u-uploadForm__button > button {
    flex-basis: 45%;
    flex-grow: 1;
    flex-shrink: 0;
    font-size: 1.3rem;
  }
}
.u-uploadForm__button .u-uploadButton__item {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  background-color: #002aff;
  border-radius: 50em;
  padding: 18px;
  color: #fff;
  cursor: pointer;
}
.u-uploadForm__button .u-uploadButton__item > ::before {
  display: inline-block;
  position: relative;
  font-size: 1.5rem;
}
.u-uploadForm__button .u-uploadButton__item[data-type=file]::before {
  content: "\f117";
}
.u-uploadForm__button .u-uploadButton__item[data-type=information]::before {
  content: "\f115";
}
.u-uploadForm__button .u-uploadButton__item:hover {
  box-shadow: 0 10px 20px rgba(0, 127, 255, 0.4);
}
.u-uploadForm__button .u-uploadButton__item:disabled {
  background-color: #b0b1b2;
  pointer-events: none;
}
@media (max-width: 587px) {
  .u-uploadForm__button .u-uploadButton__item {
    padding: 10px;
  }
  .u-uploadForm__button .u-uploadButton__item > ::before {
    display: none;
  }
}
.u-uploadForm__txt {
  display: table;
  margin: 25px auto 0;
  line-height: 1;
  text-align: center;
  font-size: 1.4rem;
}
.u-uploadForm__txt span {
  padding: 0 0 0 5px;
  color: #002aff;
  text-decoration: underline;
}
.u-uploadForm__subTxt {
  margin: 15px 0 0 0;
  font-weight: normal;
  line-height: 1.5;
  color: #000;
  font-size: 1.1rem;
}
.u-uploadForm__file {
  position: relative;
  box-sizing: border-box;
  display: flex;
  padding: 12px 10px 12px 40px;
  margin: 20px 0 0;
  font-weight: bold;
  color: #000;
  border: 3px solid #e0efff;
  font-size: 1.6rem;
}
.u-uploadForm__file[data-ifont]::before {
  position: absolute;
  top: 50%;
  left: 12px;
  transform: translateY(-50%);
  font-size: 2.2rem;
}
.u-uploadForm__file[data-ifont][data-type=file]::before {
  left: 14px;
  content: "\f142";
}
.u-uploadForm__file[data-ifont][data-type=photo]::before {
  content: "\f13a";
}
.u-uploadForm__fileText {
  flex-grow: 1;
  line-height: 1.8;
}
.u-uploadForm__file .m-btn {
  flex-shrink: 0;
  width: 50px;
  height: 32px;
  padding: 0;
  margin-left: 8px;
  font-size: 1.2rem;
}
.u-uploadForm__size {
  position: relative;
  display: inline-block;
  padding: 0 30px 0 5px;
  font-size: 1.2rem;
}
.u-uploadForm__size::before {
  position: absolute;
  top: 5px;
  right: 7px;
  z-index: 1;
  width: 13px;
  height: 7px;
  content: "";
  border-bottom: 2px solid #fff;
  border-left: 2px solid #fff;
  border-radius: 0;
  transform: rotate(-45deg);
}
.u-uploadForm__size::after {
  position: absolute;
  right: 0;
  z-index: 0;
  display: inline-block;
  width: 27px;
  height: 27px;
  margin: -3px 0 0 5px;
  content: "";
  background: #2dd3cf;
  border-radius: 50%;
}
.u-uploadBtn {
  max-width: 264px;
  margin: 30px auto 0;
  font-size: 1.6rem;
}
.u-uploadCaution {
  display: grid;
  grid-template-columns: 30px 1fr;
  align-items: center;
  column-gap: 10px;
  margin-top: 20px;
}
.u-uploadCaution span {
  aspect-ratio: 1/1;
  color: #fff;
  background-color: #002aff;
  border-radius: 9999px;
  display: flex;
  justify-content: center;
  align-items: center;
  letter-spacing: 0;
  font-size: 1.6rem;
  font-weight: 700;
}
.u-uploadCaution p {
  color: #002aff;
  font-size: 1.4rem;
  font-weight: 700;
}

@media screen and (max-width: 767px) {
  .u-uploadHdg {
    font-size: 2rem;
  }
  .u-uploadBody {
    margin: 16px 0 0;
  }
  .u-uploadBody__txt {
    font-size: 1.4rem;
  }
  .u-uploadForm__area {
    font-size: 0 !important;
  }
  .u-uploadForm__area [data-ifont] {
    display: grid;
    padding: 0 0 0 28px;
    font-size: 0 !important;
  }
  .u-uploadForm__area [data-ifont]::before {
    margin: -10px 0 0;
    font-size: 2rem;
  }
  .u-uploadForm__area [data-ifont]::after {
    font-size: 1.6rem !important;
    content: "画像やファイルを選択";
  }
  .u-uploadForm__subTxt {
    padding: 0 12px;
  }
  .u-uploadForm__txt {
    display: none;
  }
  .u-uploadFormBtn {
    margin: 24px 0 0;
  }
  .u-uploadForm__file {
    align-items: center;
    margin: 24px 0 0;
    font-size: 1.2rem;
  }
  .u-uploadForm__file[data-ifont]::before {
    font-size: 1.6rem;
  }
  .u-uploadForm__file .m-btn {
    align-self: center;
  }
  .u-uploadForm__size {
    padding: 0 24px 0 0;
    font-size: 1rem;
  }
  .u-uploadForm__size::before {
    right: 5px;
    width: 10px;
    height: 6px;
  }
  .u-uploadForm__size::after {
    width: 20px;
    height: 20px;
    margin: -1px 0 0 5px;
  }
  .u-uploadCaution {
    grid-template-columns: 20px 1fr;
  }
  .u-uploadCaution span {
    font-size: 1rem;
  }
  .u-uploadCaution p {
    font-size: 1.2rem;
  }
}
.informationFormPreview {
  display: flex;
  align-items: center;
  padding: 1rem 0.5rem;
}

.informationFormPreview > button[data-type=file] {
  display: flex;
  align-items: center;
  gap: 12px;
  color: #FF0000;
}
.informationFormPreview > button[data-type=file]::before {
  content: "\f115";
  display: inline-block;
  font-size: 2.5rem;
}
.informationFormPreview > button[data-type=file] span {
  font-weight: bold;
  text-decoration: underline;
}

/* ----------------------------------------------------------------------------
 * WHITELIST
 * ------------------------------------------------------------------------- */
.u-whitelist {
  margin: 0;
}
.u-whitelistResult {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  margin: 10px 0 0;
}
.u-whitelistResult__total, .u-whitelistResult__label {
  font-weight: bold;
  line-height: 1;
  color: #b0b1b2;
  letter-spacing: -0.03em;
  font-size: 1.4rem;
}
.u-whitelistResult__total {
  color: #292929;
  font-size: 2.2rem;
}
.u-whitelistResult__label::after {
  padding: 0 3px 0 5px;
  content: "/";
}
.u-whitelistGuide {
  position: relative;
  z-index: 100;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-end;
  height: 36px;
  margin: 30px 0 15px;
}
.u-whitelistGuide__sort {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
}
.u-whitelistGuide__sort .m-frmSelect__btn {
  border-radius: 7px;
}
.u-whitelistGuide__sort .m-frmSelect__listItem__btn {
  color: #292929;
}
.u-whitelistRegist {
  display: table;
  width: 100%;
  max-width: 264px;
  margin: 80px auto 0;
}
.u-whitelistRegist[data-type=top] {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
}
.u-whitelistUtil {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 35px;
}
.u-whitelistUtil__result {
  font-weight: bold;
  line-height: 1;
}
.u-whitelistUtil__select {
  position: absolute;
  top: 0;
  right: 0;
}
.u-whitelistUtil__select .m-frmSelect__btn {
  width: 145px;
  height: 35px;
  padding: 0 45px 0 15px;
  line-height: 35px;
  border-radius: 7px;
  font-size: 1.4rem;
}
.u-whitelistSort {
  position: absolute;
  top: 48px;
  left: 50%;
  z-index: -1;
  padding: 30px 20px !important;
  margin: 0 0 0 -57px;
  visibility: hidden;
  background: #fff;
  border-radius: 7px;
  box-shadow: 0 10px 20px rgba(0, 98, 255, 0.4);
  opacity: 0;
  transition: 0.3s all ease;
}
.u-whitelistSort.is-active {
  top: 53px;
  z-index: 10;
  margin-top: 0;
  visibility: initial;
  opacity: 1;
}
.u-whitelistSort__submit {
  display: table;
  margin: 20px auto 0;
}
.u-whitelistSort__submit .m-btnS {
  padding: 0 17px;
}
.u-whitelistSort__submit .m-btnS * {
  pointer-events: none;
}
.u-whitelistSort__head .m-frmCheck label, .u-whitelistSort__list .m-frmCheck label {
  overflow: hidden;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.u-whitelistSort__head .m-frmCheck label::before, .u-whitelistSort__list .m-frmCheck label::before {
  margin-top: -9px;
}
.u-whitelistSort__head .m-frmCheck label::after, .u-whitelistSort__list .m-frmCheck label::after {
  top: 2px;
}
.u-whitelistSort__head .m-frmCheck label {
  font-weight: bold;
}
.u-whitelistSort__body {
  max-height: 200px;
  padding: 1px 0 1px 25px;
  margin: 30px 0 0;
  overflow: auto;
}
.u-whitelistSort__list li {
  margin: 13px 0 0;
}
.u-whitelistSort__list li:first-child {
  margin-top: 0 !important;
}
.u-whitelistSort[data-type="1"] {
  width: 290px;
  margin: 0 0 0 -145px;
}
.u-whitelistSort[data-type="2"] {
  right: 0;
  left: inherit;
  width: 145px;
}
.u-whitelistTable {
  position: relative;
  width: 100%;
  max-width: 1146px;
  border-radius: 0 0 7px 7px;
}
.u-whitelistTable__item {
  border-top: 1px solid #000;
}
.u-whitelistTable__item td {
  border-top: 1px solid #cbcdce;
}
.u-whitelistTable__buyer {
  width: 200px;
  min-width: 200px;
  font-weight: bold;
  background: #fff;
  font-size: 1.2rem;
}
.u-whitelistTable__buyer > div {
  padding: 20px;
}
.u-whitelistTable__user {
  width: 200px;
  font-size: 1.2rem;
}
.u-whitelistTable__user span {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.u-whitelistTable__supplier {
  width: 200px;
  font-size: 1.2rem;
}
.u-whitelistTable__material {
  width: 230px;
  font-size: 1.2rem;
}
.u-whitelistTable__material span {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.u-whitelistTable__address {
  width: 140px;
  min-width: 140px;
  font-weight: normal;
  font-size: 1.2rem;
}
.u-whitelistTable__action {
  width: 80px;
  min-width: 80px;
  text-align: center;
  font-size: 1.2rem;
}
.u-whitelistTable__date {
  width: 80px;
  min-width: 80px;
  font-weight: normal;
  letter-spacing: 0;
  font-size: 1.2rem;
}
.u-whitelistTable__status {
  width: 100px;
  min-width: 100px;
}
.u-whitelistTable__remove {
  width: 65px;
  min-width: 65px;
  background: #f2f1ea;
}
.u-whitelistTable__sort {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 58px;
  color: #585858;
  background: #f2f1ea;
  border-radius: 7px 0 0 0;
}
.u-whitelistTable__sort [data-ifont] {
  position: relative;
  padding: 0 14px 0 0;
  pointer-events: none;
}
.u-whitelistTable__sort [data-ifont]::before {
  position: absolute;
  top: 50%;
  right: 0;
  margin: -5px 0 0;
  content: "\f135";
  font-size: 1rem;
}
.u-whitelistTable__select {
  position: absolute;
  top: 80%;
  right: 10px;
  z-index: 2;
  width: 200px;
  padding: 15px 0;
  margin: -25px 0 0;
  visibility: hidden;
  background: #fff;
  border-radius: 3px;
  box-shadow: 0 10px 20px rgba(0, 98, 255, 0.4);
  opacity: 0;
  transition: 0.3s all ease;
}
.u-whitelistTable__select.is-active {
  margin-top: -20px;
  visibility: initial;
  opacity: 1;
}
.u-whitelistTable__selectBtn {
  display: block;
  width: 100%;
  height: 28px;
  padding: 0 10px 0 25px;
  overflow: hidden;
  line-height: 28px;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  background: none;
  font-size: 1.4rem;
}
.u-whitelistTable__selectBtn:hover, .u-whitelistTable__selectBtn:focus {
  background: #e0efff;
  opacity: 1;
}
.u-whitelistTable__selectBtn.is-selected {
  position: relative;
  pointer-events: none;
  background: #e0efff;
}
.u-whitelistTable__selectBtn.is-selected::after {
  position: absolute;
  top: 50%;
  left: 8px;
  width: 11px;
  height: 6px;
  margin: -4px 0 0;
  content: "";
  border-bottom: 1px solid #292929;
  border-left: 1px solid #292929;
  border-radius: 0;
  transform: rotate(-45deg);
}
.u-whitelistTable__btn {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.u-whitelistTable__btn[data-type=remove] {
  position: relative;
  background: #fff;
}
.u-whitelistTable__btn[data-type=remove][data-ifont]::before {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -9px 0 0 -9px;
  content: "\f157";
  font-size: 1.8rem;
}
.u-whitelistTable__btn[data-type=remove] > * {
  position: absolute;
  z-index: -1;
  text-indent: -999em;
}
.u-whitelistTable__btn:hover, .u-whitelistTable__btn:focus {
  color: #002aff;
}
.u-whitelistTable__btn[data-type=status] {
  position: relative;
  background: #fff;
}
.u-whitelistTable__btn[data-type=status] span {
  position: relative;
  padding: 0 15px 0 0;
  pointer-events: none;
}
.u-whitelistTable__btn[data-type=status] span::before {
  position: absolute;
  top: 50%;
  right: 0;
  width: 8px;
  height: 8px;
  margin: -5px 0 0 -4px;
  content: "";
  border-top: 2px solid #292929;
  border-right: 2px solid #292929;
  transform: rotate(135deg);
}
.u-whitelistTable__btn[data-type=status].is-active {
  color: #002aff;
}
.u-whitelistTable__btn[data-type=status].is-active span::before {
  border-top-color: #002aff;
  border-right-color: #002aff;
}
.u-whitelistTable__btn[data-type=status].is-disabled {
  color: #b0b1b2;
  pointer-events: none;
}
.u-whitelistTable__btn[data-type=status].is-disabled span::before {
  border-top-color: #b0b1b2;
  border-right-color: #b0b1b2;
}
.u-whitelistTable__list {
  display: flex;
  flex-direction: column-reverse;
  margin: 20px 0 0;
  border-collapse: collapse;
  border-radius: 7px;
}
.u-whitelistTable__list thead,
.u-whitelistTable__list tbody,
.u-whitelistTable__list tr,
.u-whitelistTable__list th,
.u-whitelistTable__list td {
  display: block;
}
.u-whitelistTable__list thead tr,
.u-whitelistTable__list tbody tr {
  font-size: 1.4rem;
}
.u-whitelistTable__list thead th,
.u-whitelistTable__list thead td,
.u-whitelistTable__list tbody th,
.u-whitelistTable__list tbody td {
  vertical-align: middle;
}
.u-whitelistTable__list thead {
  position: sticky;
  top: 90px;
  left: 0;
  z-index: 1;
  display: table;
  order: 1;
  width: 100%;
}
.u-whitelistTable__list thead tr {
  display: table;
  width: 100%;
  background: #f2f1ea;
}
.u-whitelistTable__list thead tr th {
  display: table-cell;
  height: 58px;
  font-weight: 500;
  color: #585858;
  border-right: 1px dotted #d1d1ce;
}
.u-whitelistTable__list thead tr th:first-child {
  border-radius: 7px 0 0 0;
}
.u-whitelistTable__list thead tr th:last-child {
  position: relative;
  border-right: none;
  border-radius: 0 7px 0 0;
}
.u-whitelistTable__list thead tr th.u-whitelistTable__buyer, .u-whitelistTable__list thead tr th.u-whitelistTable__supplier {
  position: relative;
}
.u-whitelistTable__list thead tr th.u-whitelistTable__buyer, .u-whitelistTable__list thead tr th.u-whitelistTable__user, .u-whitelistTable__list thead tr th.u-whitelistTable__supplier, .u-whitelistTable__list thead tr th.u-whitelistTable__material, .u-whitelistTable__list thead tr th.u-whitelistTable__address, .u-whitelistTable__list thead tr th.u-whitelistTable__action, .u-whitelistTable__list thead tr th.u-whitelistTable__date, .u-whitelistTable__list thead tr th.u-whitelistTable__status, .u-whitelistTable__list thead tr th.u-whitelistTable__remove {
  line-height: 1.5;
  letter-spacing: 0;
  font-size: 1.4rem;
}
.u-whitelistTable__list tbody {
  position: relative;
  width: 100%;
  padding: 0 0 0 200px;
  border-bottom: 1px solid #f2f1ea;
}
.u-whitelistTable__list tbody tr {
  display: table;
  width: 100%;
  background: #fff;
}
.u-whitelistTable__list tbody tr.u-whitelistTable__item {
  border-top: 1px solid #f2f1ea;
}
.u-whitelistTable__list tbody tr.u-whitelistTable__item:first-child {
  border-top: none;
}
.u-whitelistTable__list tbody tr td {
  position: relative;
  display: table-cell;
  height: 65px;
  line-height: 1.5;
  border-top: 1px solid #f2f1ea;
  border-right: 1px dotted #e7e9ea;
}
.u-whitelistTable__list tbody tr td:last-child {
  border-right: none;
}
.u-whitelistTable__list tbody tr td .u-whitelistTable__buyer {
  position: absolute;
  top: 0;
  left: -200px;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  height: 100%;
  border-right: 1px dotted #e7e9ea;
}
.u-whitelistTable__list tbody tr td .u-whitelistTable__detail {
  position: relative;
  display: table;
}
.u-whitelistTable__list tbody tr td .u-whitelistTable__detail::before {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  content: "";
  border-bottom: 1px solid #f2f1ea;
}
.u-whitelistTable__list tbody tr td .u-whitelistTable__detail:last-child::before {
  display: none;
}
.u-whitelistTable__list tbody tr td .u-whitelistTable__detail > div {
  display: table-cell;
  height: 65px;
  padding: 12px;
  text-align: center;
  vertical-align: middle;
  border-right: 1px dotted #e7e9ea;
}
.u-whitelistTable__list tbody tr td .u-whitelistTable__detail > div:last-child {
  border-right: none;
}
.u-whitelistTable__list tbody tr td .u-whitelistTable__remove {
  background: none;
}
.u-whitelistTable__more {
  position: absolute;
  bottom: -23px;
  left: 0;
  z-index: -1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  visibility: hidden;
  opacity: 0;
  transition: 0.3s all ease;
}
.u-whitelistTable__more.is-show {
  z-index: 0;
  visibility: visible;
  opacity: 1;
}
.u-whitelistModal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  visibility: hidden;
  opacity: 0;
  transition: 0.3s all ease;
}
.u-whitelistModal.is-active {
  z-index: 10000;
  visibility: visible;
  opacity: 1;
}
.u-whitelistModal__content {
  position: relative;
  z-index: 1;
  box-sizing: 0 10px 16px rgba(30, 35, 41, 0.2);
  min-width: 325px;
  max-width: 325px;
  padding: 20px 30px;
  background: #fff;
  border-radius: 7px;
}
.u-whitelistModal__bg {
  position: fixed;
  z-index: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
}
.u-whitelistModal__txt {
  font-weight: normal;
  line-height: 2;
  text-align: center;
  font-size: 1.4rem;
}
.u-whitelistModal__btn {
  padding: 20px 0 0;
  margin: 15px 0 0;
  border-top: 1px solid #cbcdce;
}
.u-whitelistModal__btnItem {
  margin: 10px 0 0;
}
.u-whitelistModal__btnItem:first-child {
  margin-top: 0 !important;
}

@media screen and (max-width: 1280px) {
  .u-whitelistTable__buyer {
    width: 150px;
    min-width: 150px;
    font-size: 1.4rem;
  }
  .u-whitelistTable__user {
    width: 150px;
    font-size: 1.2rem;
  }
  .u-whitelistTable__supplier {
    width: 150px;
    font-size: 1.2rem;
  }
  .u-whitelistTable__material {
    width: 150px;
    font-size: 1.2rem;
  }
  .u-whitelistTable__address {
    width: 100px;
    min-width: 100px;
    font-size: 1.1rem;
  }
  .u-whitelistTable__action {
    width: 80px;
    min-width: 80px;
    text-align: center;
    font-size: 1.2rem;
  }
  .u-whitelistTable__date {
    width: 60px;
    min-width: 60px;
    font-size: 1.1rem;
  }
  .u-whitelistTable__status {
    width: 80px;
    min-width: 80px;
  }
  .u-whitelistTable__remove {
    width: 45px;
    min-width: 45px;
  }
  .u-whitelistTable__btn[data-type=status] span {
    font-size: 1.4rem;
  }
  .u-whitelistTable__list thead tr,
  .u-whitelistTable__list tbody tr {
    font-size: 1.4rem;
  }
  .u-whitelistTable__list thead tr th.u-whitelistTable__buyer, .u-whitelistTable__list thead tr th.u-whitelistTable__user, .u-whitelistTable__list thead tr th.u-whitelistTable__supplier, .u-whitelistTable__list thead tr th.u-whitelistTable__material, .u-whitelistTable__list thead tr th.u-whitelistTable__address, .u-whitelistTable__list thead tr th.u-whitelistTable__action, .u-whitelistTable__list thead tr th.u-whitelistTable__date, .u-whitelistTable__list thead tr th.u-whitelistTable__status, .u-whitelistTable__list thead tr th.u-whitelistTable__remove {
    font-size: 1.2rem;
  }
  .u-whitelistTable__list tbody {
    padding-left: 150px;
  }
  .u-whitelistTable__list tbody tr td .u-whitelistTable__buyer {
    left: -150px;
  }
}
/* ----------------------------------------------------------------------------
 * MATERIAL
 * ------------------------------------------------------------------------- */
.u-materialHead {
  position: relative;
  margin: 0 0 40px;
}
.u-materialBody {
  padding: 25px 20px;
  background: #fff;
  border-radius: 7px;
}
.u-materialBody > *:first-child {
  margin-top: 0 !important;
}
.u-materialAdd {
  position: fixed;
  top: 150px;
  right: 20px;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  width: 137px;
  height: 105px;
  font-weight: bold;
  line-height: 1.4;
  color: #2dd3cf;
  text-align: center;
  letter-spacing: 0;
  background: #fff;
  border: 1px solid #f9f9f9;
  border-radius: 7px;
  transition: 0.3s all ease;
  font-size: 1.4rem;
}
.u-materialAdd [data-ifont] {
  position: relative;
  padding: 38px 0 0;
}
.u-materialAdd [data-ifont]::before {
  position: absolute;
  top: 0;
  left: 50%;
  margin: 0 0 0 -15px;
  color: #2dd3cf;
  content: "\f139";
  font-size: 2.8rem;
}
.u-materialAdd:hover, .u-materialAdd:focus {
  box-shadow: 0 10px 20px rgba(49, 191, 186, 0.33);
}
.u-materialHdg {
  padding: 0 0 15px;
  margin: 50px 0 0;
  line-height: 1;
  text-align: center;
  border-bottom: 3px solid #00d7d0;
  font-size: 2.5rem;
}
.u-materialHdg.is-hide {
  display: none;
}
.u-materialList {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  padding: 0 20px;
  margin: 0 -20px;
}
.u-materialList::before, .u-materialList::after {
  position: absolute;
  z-index: 1;
  content: "";
  background: #fff;
}
.u-materialList::before {
  top: 0;
  right: 0;
  width: 1px;
  height: 100%;
}
.u-materialList::after {
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
}
.u-materialList__item {
  position: relative;
  width: 25%;
  padding: 0 20px;
}
.u-materialList__item::before, .u-materialList__item::after {
  position: absolute;
  content: "";
}
.u-materialList__item::before {
  top: 30px;
  right: 0;
  width: 1px;
  height: calc(100% - 30px);
  content: "";
  border-right: 1px dotted #ced2d5;
}
.u-materialList__item::after {
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  border-bottom: 1px solid #ced2d5;
}
.u-materialList__item:last-child::before {
  display: none;
}
.u-materialList__inner {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 30px 0 110px;
  color: #292929;
}
.u-materialList__inner:hover .u-materialList__add, .u-materialList__inner:focus .u-materialList__add {
  background: #fff;
  box-shadow: 0 10px 20px rgba(49, 191, 186, 0.33);
}
.u-materialList__img img {
  width: 100%;
  height: 185px;
  object-fit: cover;
}
.u-materialList__add {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  height: 185px;
  font-weight: bold;
  line-height: 1.4;
  color: #2dd3cf;
  text-align: center;
  background: #f8f8f8;
  border-radius: 7px;
  transition: 0.3s all ease;
  font-size: 1.4rem;
}
.u-materialList__add [data-ifont] {
  position: relative;
  padding: 40px 0 0;
}
.u-materialList__add [data-ifont]::before {
  position: absolute;
  top: 0;
  left: 50%;
  margin: 0 0 0 -15px;
  color: #2dd3cf;
  content: "\f139";
  font-size: 2.8rem;
}
.u-materialList__date {
  display: block;
  margin: 10px 0 0;
  color: #585858;
  text-align: right;
  font-size: 1.2rem;
}
.u-materialList__ttl {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  height: 3em;
  margin: 10px 0 0;
  overflow: hidden;
  font-weight: bold;
  line-height: 1.5;
}
.u-materialList__txt {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  margin: 10px 0 0;
  overflow: hidden;
  font-size: 1.4rem;
}
.u-materialList__info {
  margin: 15px 0 0;
}
.u-materialList__infoItem {
  display: flex;
  padding: 12px 0;
  border-bottom: 1px dotted #ced2d5;
}
.u-materialList__infoItem:first-child {
  padding-top: 0;
}
.u-materialList__infoItem:last-child {
  padding-bottom: 0;
  border-bottom: none;
}
.u-materialList__infoTtl {
  min-width: 60px;
  max-width: 60px;
  color: #585858;
  font-size: 1.2rem;
}
.u-materialList__infoTxt {
  width: 100%;
  margin: 0 0 0 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 1.4rem;
}
.u-materialList__state {
  position: absolute;
  top: 30px;
  left: 0;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 185px;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  font-size: 2rem;
}
.u-materialList__state[data-type=private], .u-materialList__state[data-type=edit], .u-materialList__state[data-type=draft] {
  overflow: hidden;
  border-radius: 7px;
}
.u-materialList__state[data-type=private] [data-ifont], .u-materialList__state[data-type=edit] [data-ifont], .u-materialList__state[data-type=draft] [data-ifont] {
  position: relative;
  z-index: 1;
}
.u-materialList__state[data-type=private]::before, .u-materialList__state[data-type=edit]::before, .u-materialList__state[data-type=draft]::before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  width: 100%;
  height: 185px;
  content: "";
  background: #292929;
  filter: blur(3px);
  border-radius: 7px;
  opacity: 0.3;
}
.u-materialList__state[data-type=edit] [data-ifont], .u-materialList__state[data-type=draft] [data-ifont] {
  padding: 0 0 0 25px;
}
.u-materialList__state[data-type=edit] [data-ifont]::before, .u-materialList__state[data-type=draft] [data-ifont]::before {
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 1;
  margin: -9px 0 0;
  line-height: 1;
  content: "\f107";
  font-size: 1.8rem;
}
.u-materialList__menu {
  position: absolute;
  bottom: 30px;
  left: 0;
  z-index: 2;
  width: 100%;
  padding: 0 20px;
}
.u-materialList__menuBtn {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 50px;
  font-weight: bold;
  color: #fff;
  background: #2dd3cf;
  border-radius: 50px;
  transition: 0.3s all ease;
}
.u-materialList__menuBtn::before {
  position: absolute;
  top: 50%;
  right: 25px;
  width: 8px;
  height: 8px;
  margin: -6px 0 0;
  content: "";
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transition: 0.3s all ease;
  transform: rotate(135deg);
}
.u-materialList__menuBtn span {
  pointer-events: none;
}
.u-materialList__menuBtn.is-active::before {
  margin-top: -1px;
  transform: rotate(-45deg);
}
.u-materialList__menuBtn:hover, .u-materialList__menuBtn:focus {
  box-shadow: 0 10px 20px rgba(49, 191, 186, 0.4);
}
.u-materialList__menuList {
  position: absolute;
  top: 50px;
  left: 20px;
  width: calc(100% - 40px);
  padding: 10px 0;
  margin: -5px 0 0;
  visibility: hidden;
  background: #fff;
  border-radius: 7px;
  box-shadow: 0 10px 20px rgba(49, 191, 186, 0.33);
  opacity: 0;
  transition: 0.3s all ease;
}
.u-materialList__menuList.is-active {
  z-index: 10;
  margin-top: 0;
  visibility: initial;
  opacity: 1;
}
.u-materialList__menuList__btn {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  height: 40px;
  padding: 0 20px 0 40px;
  background: #fff;
}
.u-materialList__menuList__btn.is-selected {
  color: #fff;
  pointer-events: none;
  background: #2dd3cf;
}
.u-materialList__menuList__btn.is-selected::before {
  position: absolute;
  top: 50%;
  left: 15px;
  width: 11px;
  height: 6px;
  margin: -4px 0 0;
  content: "";
  border-bottom: 1px solid #fff;
  border-left: 1px solid #fff;
  border-radius: 0;
  transform: rotate(-45deg);
}
.u-materialList__menuList__btn span {
  pointer-events: none;
}
.u-materialList__menuList__btn:hover, .u-materialList__menuList__btn:focus {
  color: #fff;
  background: #2dd3cf;
}
.u-materialModal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  visibility: hidden;
  opacity: 0;
  transition: 0.3s all ease;
}
.u-materialModal.is-active {
  z-index: 10000;
  visibility: visible;
  opacity: 1;
}
.u-materialModal__content {
  position: relative;
  z-index: 1;
  box-sizing: 0 10px 16px rgba(30, 35, 41, 0.2);
  min-width: 325px;
  max-width: 325px;
  padding: 20px 30px;
  background: #fff;
  border-radius: 7px;
}
.is-message .u-materialModal__content {
  max-width: 425px;
}
.u-materialModal__bg {
  position: fixed;
  z-index: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
}
.u-materialModal__txt {
  font-weight: normal;
  line-height: 2;
  text-align: center;
  font-size: 1.4rem;
}
.is-message .u-materialModal__txt {
  min-width: 340px;
  text-align: left;
}
.u-materialModal__btn {
  padding: 20px 0 0;
  margin: 15px 0 0;
  border-top: 1px solid #cbcdce;
}
.u-materialModal__btnItem {
  margin: 10px 0 0;
}
.u-materialModal__btnItem:first-child {
  margin-top: 0 !important;
}
.is-message .u-materialModal__btn {
  max-width: 265px;
  padding: 0;
  margin-inline: auto;
  border-top: none;
}

@media screen and (max-width: 1280px) {
  .u-materialList__item {
    width: 33.3333333333%;
  }
}
/* ----------------------------------------------------------------------------
 * DASHBOARD
 * ------------------------------------------------------------------------- */
.u-dashboardLayout {
  display: flex;
}
.u-dashboardLayout__main {
  order: 2;
  width: 100%;
}
.u-dashboardLayout__sub {
  order: 1;
  min-width: 410px;
  max-width: 410px;
  margin: -60px 30px 0 0;
}
.u-dashboardRegist {
  position: fixed;
  top: 150px;
  right: 20px;
  z-index: 100;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  width: 137px;
  height: 105px;
  font-weight: bold;
  line-height: 1.4;
  color: #2dd3cf;
  text-align: center;
  letter-spacing: 0;
  background: #fff;
  border: 1px solid #f9f9f9;
  border-radius: 7px;
  transition: 0.3s all ease;
  font-size: 1.4rem;
}
.u-dashboardRegist [data-ifont] {
  position: relative;
  padding: 38px 0 0;
}
.u-dashboardRegist [data-ifont]::before {
  position: absolute;
  top: 0;
  left: 50%;
  margin: 0 0 0 -15px;
  color: #2dd3cf;
  content: "\f139";
  font-size: 2.8rem;
}
.u-dashboardRegist:hover, .u-dashboardRegist:focus {
  box-shadow: 0 10px 20px rgba(49, 191, 186, 0.33);
}
.u-dashboardActivity {
  display: flex;
  flex-wrap: nowrap;
  margin: 15px 0 0 -20px;
}
.u-dashboardActivity__item {
  position: relative;
  width: 33.3333333333%;
  padding: 0 0 0 20px;
}
.u-dashboardActivity__item::before {
  position: absolute;
  top: 0;
  right: -10px;
  width: 2px;
  height: 100%;
  content: "";
  border-right: 1px dashed #d5d9db;
}
.u-dashboardActivity__item:last-child::before {
  display: none;
}
.u-dashboardActivity__inner {
  position: relative;
  padding: 55px 0 15px;
}
.u-dashboardActivity__ttl {
  position: absolute;
  top: 5px;
  left: 0;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  width: 100%;
  height: 32px;
  padding: 0 0 0 25px;
  font-weight: bold;
  line-height: 1.3;
  letter-spacing: 0;
  font-size: 1.2rem;
}
.u-dashboardActivity__ttl [data-ifont] {
  position: relative;
}
.u-dashboardActivity__ttl [data-ifont]::before {
  position: absolute;
  top: 50%;
  left: -23px;
}
.u-dashboardActivity__ttl [data-ifont][data-type="1"]::before {
  margin: -9px 0 0;
  content: "\f121";
  font-size: 1.6rem;
}
.u-dashboardActivity__ttl [data-ifont][data-type="2"]::before {
  margin: -10px 0 0;
  content: "\f11a";
  font-size: 1.8rem;
}
.u-dashboardActivity__ttl [data-ifont][data-type="3"]::before {
  left: -25px;
  margin: -11px 0 0;
  content: "\f120";
  font-size: 2rem;
}
.u-dashboardActivity__count {
  display: block;
  font-weight: bold;
  line-height: 1;
  color: #002aff;
  text-align: center;
  letter-spacing: 0;
  font-size: 3.2rem;
}
.u-dashboardRead {
  position: relative;
  padding: 30px 25px 0;
  margin: 0 -25px -30px;
  background: #f8f8f8;
}
.u-dashboardRead::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 30px;
  content: "";
  background: #fff;
  border-radius: 0 0 7px 7px;
}
.u-dashboardRead__btn {
  position: relative;
  display: table;
  padding: 0 0 0 25px;
  margin: 20px 0 0;
  line-height: 1;
  background: none;
  font-size: 1.2rem;
}
.u-dashboardRead__btn [data-ifont] {
  pointer-events: none;
}
.u-dashboardRead__btn [data-ifont]::before {
  position: absolute;
  top: 50%;
  left: 0;
  margin: -10px 0 0;
  content: "\f12a";
  font-size: 1.8rem;
}
.u-dashboardMain {
  margin: 0;
}
.u-dashboardResult {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  margin: 10px 0 0;
}
.u-dashboardResult__total, .u-dashboardResult__label {
  font-weight: bold;
  line-height: 1;
  letter-spacing: -0.03em;
}
.u-dashboardResult__total {
  font-size: 2.2rem;
}
.u-dashboardResult__label {
  color: #b0b1b2;
  font-size: 1.4rem;
}
.u-dashboardResult__label::after {
  padding: 0 7px;
  content: "/";
}
.u-dashboardList {
  position: relative;
}
.u-dashboardList__data {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  padding: 0 10px;
  line-height: 1.4;
  border-right: 1px dashed #cbcdce;
  font-size: 1.4rem;
}
.u-dashboardList__data:last-child {
  border-right: none;
}
.u-dashboardList__data[data-type=state] {
  min-width: 65px;
  max-width: 65px;
  padding: 0 5px;
}
.u-dashboardList__data[data-type=id], .u-dashboardList__data[data-type=date], .u-dashboardList__data[data-type=state] {
  min-width: 65px;
  max-width: 65px;
  padding: 0 5px;
}
.u-dashboardList__data[data-type=sample], .u-dashboardList__data[data-type=estimate], .u-dashboardList__data[data-type=spec], .u-dashboardList__data[data-type=other] {
  min-width: 75px;
  max-width: 75px;
  padding: 0 5px;
}
.u-dashboardList__data[data-type=buyer], .u-dashboardList__data[data-type=material], .u-dashboardList__data[data-type=comment] {
  width: 100%;
}
.u-dashboardList__data[data-type=sp] {
  display: none;
}
.u-dashboardList__head {
  position: sticky;
  top: 90px;
  left: 0;
  z-index: 20;
  display: flex;
  flex-wrap: nowrap;
  width: 100%;
  height: 58px;
  background: #f2f1ea;
  border-radius: 7px 7px 0 0;
}
.u-dashboardList__head .u-dashboardList__data {
  position: relative;
  justify-content: center;
  color: #585858;
  letter-spacing: 0;
  font-size: 1.2rem;
}
.u-dashboardList__body {
  position: relative;
  z-index: 10;
}
.u-dashboardList__body .u-dashboardList__data[data-type=date], .u-dashboardList__body .u-dashboardList__data[data-type=state], .u-dashboardList__body .u-dashboardList__data[data-type=sample], .u-dashboardList__body .u-dashboardList__data[data-type=estimate], .u-dashboardList__body .u-dashboardList__data[data-type=spec], .u-dashboardList__body .u-dashboardList__data[data-type=other], .u-dashboardList__body .u-dashboardList__data[data-type=buyer], .u-dashboardList__body .u-dashboardList__data[data-type=material], .u-dashboardList__body .u-dashboardList__data[data-type=comment] {
  transition: 0.3s all ease;
}
.u-dashboardList__body .u-dashboardList__data[data-type=date].is-latest, .u-dashboardList__body .u-dashboardList__data[data-type=state].is-latest, .u-dashboardList__body .u-dashboardList__data[data-type=sample].is-latest, .u-dashboardList__body .u-dashboardList__data[data-type=estimate].is-latest, .u-dashboardList__body .u-dashboardList__data[data-type=spec].is-latest, .u-dashboardList__body .u-dashboardList__data[data-type=other].is-latest, .u-dashboardList__body .u-dashboardList__data[data-type=buyer].is-latest, .u-dashboardList__body .u-dashboardList__data[data-type=material].is-latest, .u-dashboardList__body .u-dashboardList__data[data-type=comment].is-latest {
  font-weight: bold;
  color: #002aff;
}
.u-dashboardList__body .u-dashboardList__data[data-type=date], .u-dashboardList__body .u-dashboardList__data[data-type=state] {
  line-height: 1;
  text-align: center;
  letter-spacing: 0;
  font-size: 1rem;
}
.u-dashboardList__body .u-dashboardList__data[data-type=sample], .u-dashboardList__body .u-dashboardList__data[data-type=estimate], .u-dashboardList__body .u-dashboardList__data[data-type=spec], .u-dashboardList__body .u-dashboardList__data[data-type=other] {
  color: #8b8e90;
  text-align: center;
  letter-spacing: 0;
}
.u-dashboardList__body .u-dashboardList__data[data-type=buyer], .u-dashboardList__body .u-dashboardList__data[data-type=material], .u-dashboardList__body .u-dashboardList__data[data-type=comment] {
  justify-content: flex-start;
}
.u-dashboardList__body .u-dashboardList__data[data-type=comment] {
  color: #8b8e90;
}
.u-dashboardList__body .u-dashboardList__data[data-type=date] {
  color: #585858;
}
.u-dashboardList__sort {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  width: calc(100% + 20px);
  height: 58px;
  padding: 0 10px;
  margin: 0 -10px;
  color: #585858;
  background: #f2f1ea;
}
.u-dashboardList__sort [data-ifont] {
  position: relative;
  padding: 0 14px 0 0;
  pointer-events: none;
}
.u-dashboardList__sort [data-ifont]::before {
  position: absolute;
  top: 50%;
  right: 0;
  margin: -5px 0 0;
  content: "\f135";
  font-size: 1rem;
}
.u-dashboardList__material, .u-dashboardList__comment {
  position: relative;
}
.u-dashboardList__material {
  padding: 0 0 0 60px;
}
.u-dashboardList__comment {
  width: 100%;
  padding: 0 45px 0 0;
}
.u-dashboardList__itemname, .u-dashboardList__lead {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .u-dashboardList__itemname {
    -webkit-line-clamp: 1;
  }
}
.u-dashboardList__img, .u-dashboardList__user {
  position: absolute;
  top: 50%;
  display: block;
  margin: -18px 0 0;
}
.u-dashboardList__img {
  left: 0;
  width: 47px;
  height: 36px;
}
.u-dashboardList__img img {
  width: 47px;
  height: 36px;
  object-fit: cover;
}
.u-dashboardList__noImg-ttl {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  order: 1;
  width: 47px;
  height: 36px;
  padding: 5px;
  background-color: #e6e8ea;
  border-radius: 7px;
}
.u-dashboardList__noImg-name {
  display: -webkit-box;
  order: 1;
  overflow: hidden;
  font-weight: bold;
  line-height: 1.2;
  color: #292929;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  font-size: 0.8rem;
}
.u-dashboardList__state {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  width: 45px;
  height: 45px;
  color: #585858;
  background: #fff;
  border-radius: 7px;
}
.u-dashboardList__state [data-ifont] {
  position: relative;
  padding: 22px 0 0;
}
.u-dashboardList__state [data-ifont]::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  text-align: center;
  font-size: 1.5rem;
}
.u-dashboardList__state[data-type="1"] [data-ifont]::before {
  content: "\f109";
}
.u-dashboardList__state[data-type="2"] [data-ifont]::before {
  content: "\f109";
}
.u-dashboardList__state[data-type="3"] [data-ifont]::before {
  content: "\f11b";
}
.u-dashboardList__state[data-type="4"] [data-ifont]::before {
  content: "\f113";
}
.u-dashboardList__state[data-type="5"] [data-ifont]::before {
  content: "\f12b";
}
.u-dashboardList__user {
  right: 0;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  width: 36px;
  font-weight: bold;
  color: #fff;
  text-align: center;
  letter-spacing: 0.22em;
  background: #4b4b4b;
  border-radius: 50%;
  font-size: 1rem;
}
.u-dashboardList__user span {
  position: relative;
  left: 1px;
}
.u-dashboardList__userIcon {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  overflow: hidden;
}
.u-dashboardList__userIcon img {
  border-radius: 50%;
}
.u-dashboardList__userIcon > span {
  position: relative;
  left: 1px;
}
.u-dashboardList__userName {
  left: -5px;
  width: 50px;
  margin-top: 2px;
  overflow: hidden;
  color: #8b8e90;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.u-dashboardList__user[data-type=img] {
  margin-top: -18px;
  background: none;
}
.u-dashboardList__user[data-type=img] span {
  left: 0;
}
.u-dashboardList__user[data-type=img] span img {
  width: 36px;
  height: 36px;
  object-fit: cover;
  border-radius: 50%;
}
.u-dashboardList__corp, .u-dashboardList__name, .u-dashboardList__supplier {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  line-height: 1;
}
.u-dashboardList__name {
  margin: 10px 0 0;
  line-height: 1;
  color: #8b8e90;
  font-size: 1.2rem;
}
.u-dashboardList__supplier {
  margin: 10px 0 0;
  line-height: 1;
  color: #8b8e90;
  font-size: 1.2rem;
}
.u-dashboardList__inner {
  display: flex;
  flex-wrap: nowrap;
  width: 100%;
  height: 80px;
  color: #292929;
  background: #fff;
  border-bottom: 1px solid #f2f1ea;
}
.u-dashboardList__inner.is-close {
  color: #b0b1b2 !important;
  background: rgba(111, 111, 111, 0.1);
}
.u-dashboardList__inner.is-close .u-dashboardList__data, .u-dashboardList__inner.is-close .u-dashboardList__corp, .u-dashboardList__inner.is-close .u-dashboardList__name, .u-dashboardList__inner.is-close .u-dashboardList__itemname {
  font-weight: 500 !important;
  color: #b0b1b2 !important;
}
.u-dashboardList__inner.is-close .u-dashboardList__data[data-type=state] {
  background: transparent;
}
.u-dashboardList__inner.is-close .u-dashboardList__data[data-type=state]::after {
  background: rgba(233, 233, 233, 0.1) !important;
}
.u-dashboardList__inner.is-close .u-dashboardList__state {
  background: transparent;
}
@media screen and (min-width: 768px) {
  .u-dashboardList__inner.is-close:hover .u-dashboardList__corp, .u-dashboardList__inner.is-close:hover .u-dashboardList__name, .u-dashboardList__inner.is-close:hover .u-dashboardList__itemname, .u-dashboardList__inner.is-close:focus .u-dashboardList__corp, .u-dashboardList__inner.is-close:focus .u-dashboardList__name, .u-dashboardList__inner.is-close:focus .u-dashboardList__itemname {
    color: #b0b1b2 !important;
  }
  .u-dashboardList__inner.is-close:hover .u-dashboardList__data[data-type=state]::after, .u-dashboardList__inner.is-close:focus .u-dashboardList__data[data-type=state]::after {
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
    width: 16px;
    height: 100%;
    content: "";
    background: #6f6f6f;
    border-radius: 0 7px 7px 0;
  }
}
@media screen and (min-width: 768px) {
  .u-dashboardList__inner:hover, .u-dashboardList__inner:focus {
    position: relative;
    z-index: 1;
    width: calc(100% + 16px);
    padding: 0 8px;
    margin: 0 -8px;
    border-radius: 7px;
    box-shadow: 0 20px 30px rgba(0, 98, 255, 0.33);
  }
}
.u-dashboardList__more {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 11;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin: 0 0 -23px;
  transition: 0.3s all ease;
}
.u-dashboardList__more.is-hide {
  display: none;
}
.u-dashboardList__zero {
  padding: 25px 20px;
  font-weight: bold;
  text-align: center;
  font-size: 1.8rem;
}
.u-dashboardList__loading {
  margin-top: 40px;
}
.u-dashboardList__loading .loader {
  position: relative;
  width: 64px;
  height: 64px;
  margin-inline: auto;
}
.u-dashboardList__loading .loader div {
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  opacity: 0.8;
}
.u-dashboardList__loading .one {
  border-top: 2px solid #8fb259;
  animation: rotate-left 1s linear infinite;
}
.u-dashboardList__loading .two {
  border-right: 2px solid #cccc52;
  animation: rotate-right 1s linear infinite;
}
.u-dashboardList__loading .three {
  border-bottom: 2px solid #ffd933;
  animation: rotate-right 1s linear infinite;
}
.u-dashboardList__loading .four {
  border-left: 2px solid #ff7f00;
  animation: rotate-right 1s linear infinite;
}
@keyframes rotate-left {
  0% {
    transform: rotate(360deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
@keyframes rotate-right {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.u-dashboardList .is-latest .is-attention {
  color: #c00;
}
.u-dashboardList__spLabel {
  display: none;
}
.u-dashboardGuide {
  position: relative;
  z-index: 100;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  height: 36px;
  margin: 30px 0 15px;
}
.u-dashboardGuide__reset {
  position: absolute;
  top: 0;
  right: 0;
}
.u-dashboardGuide__btn {
  white-space: nowrap;
  margin-left: 10px;
}
.u-dashboardGuide__util {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
}
.u-dashboardGuide__sort {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
}
.u-dashboardGuide__sort[data-type=join-deal] {
  margin-left: 10px;
}
.u-dashboardGuide__sort .m-frmSelect__btn {
  border-radius: 7px;
}
.u-dashboardGuide__sort .m-frmSelect__list[data-id=view2] {
  width: 160px;
}
.u-dashboardGuide__sort .m-frmSelect__listItem__btn {
  color: #292929 !important;
}
.u-dashboardGuide__sort .m-frmSelect__listItem__btn span {
  pointer-events: none;
}
.u-dashboardGuide__label {
  position: relative;
  top: 1px;
  margin: 0 3px 0 0;
  line-height: 1;
  font-size: 1.4rem;
}
.u-dashboardGuide__label [data-type=sort][data-ifont] {
  position: relative;
  padding: 0 14px 0 0;
  pointer-events: none;
}
.u-dashboardGuide__label [data-type=sort][data-ifont]::before {
  position: absolute;
  top: 50%;
  right: 0;
  margin: -5px 0 0;
  color: #6f6f6f;
  content: "\f135";
  font-size: 1rem;
}
.u-dashboardGuide__search {
  width: 100%;
  max-width: 330px;
}
.u-dashboardGuide__search .m-frmTextbox {
  width: 100%;
}
.u-dashboardGuide__sort, .u-dashboardGuide__search {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  margin: 0 0 0 20px;
}
.u-dashboardGuide__sort:first-child, .u-dashboardGuide__search:first-child {
  margin-left: 0;
}
.u-dashboardGuide__notes {
  display: none;
}
.u-dashboardGuide__check {
  display: none;
}
.u-dashboardClip {
  display: flex;
  flex-wrap: wrap;
  margin: 15px 0 0 -15px;
}
.u-dashboardClip.hoge {
  display: none;
}
.u-dashboardClip__item {
  position: relative;
  width: 33.3333333333%;
  padding: 0 0 0 15px;
  margin: 15px 0 0;
}
.u-dashboardClip__item:nth-child(-n+3) {
  margin-top: 0;
}
.u-dashboardClip__inner {
  display: block;
  position: relative;
}
.u-dashboardClip__inner:hover .u-dashboardClip__tooltip {
  opacity: 1;
  visibility: visible;
}
.u-dashboardClip__tooltip {
  color: rgb(41, 41, 41);
  background-color: #fff;
  padding: 3px 10px;
  border-radius: 4px;
  font-size: 1.4rem;
  white-space: nowrap;
  position: absolute;
  left: 0.5em;
  bottom: -0.5em;
  z-index: 10;
  box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.05);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.5s ease, visibility 0.5s ease;
}
.u-dashboardClip__img {
  width: 100%;
  height: 77px;
  object-fit: cover;
}
.u-dashboardClip__noImg-ttl {
  display: flex;
  align-items: center;
  justify-content: center;
  order: 1;
  width: 100%;
  height: 77px;
  padding: 8px;
  background-color: #e6e8ea;
  border-radius: 7px;
}
.u-dashboardClip__noImg-name {
  display: -webkit-box;
  order: 1;
  overflow: hidden;
  font-weight: bold;
  line-height: 1.2;
  color: #292929;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  font-size: 1.2rem;
}
.u-dashboardClip__icon {
  color: transparent;
  pointer-events: none;
}
.u-dashboardClip__icon::before {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -5px 0 0 -0.5em;
  color: #ced2d5;
  content: "\f132";
  transition: 0.3s all ease;
  font-size: 1rem;
}
.u-dashboardClip__favorite {
  position: absolute;
  top: 5px;
  right: 5px;
  z-index: 2;
  width: 20px;
  height: 20px;
  overflow: hidden;
  background: #f8f8f8;
  border: 1px solid #fff;
  border-radius: 50%;
}
.u-dashboardClip__favorite.is-selected .u-dashboardClip__icon::before {
  color: #002aff;
}
.u-dashboardRecent__tooltip {
  color: rgb(41, 41, 41);
  background-color: #fff;
  padding: 3px 10px;
  border-radius: 4px;
  font-size: 1.4rem;
  white-space: nowrap;
  position: absolute;
  left: calc(15px + 0.5em);
  bottom: -0.5em;
  z-index: 10;
  box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.05);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.5s ease, visibility 0.5s ease;
}
.u-dashboardRecent__slider {
  position: relative;
  display: flex;
  margin: 15px 0 0 -15px;
}
.u-dashboardRecent__slider.is_slide {
  display: block;
}
.u-dashboardRecent__sliderItem {
  position: relative;
  padding: 0 0 0 15px;
  margin: 15px 0 0;
}
.u-dashboardRecent__sliderItem:nth-child(-n+3) {
  margin-top: 0;
}
.u-dashboardRecent__sliderItem__inner {
  display: block;
  position: relative;
}
.u-dashboardRecent__sliderItem__inner:hover .u-dashboardRecent__tooltip {
  opacity: 1;
  visibility: visible;
}
.u-dashboardRecent__sliderItem__img {
  width: 100%;
  height: 77px;
  object-fit: cover;
}
.u-dashboardRecent__sliderItem__noImg-ttl {
  display: flex;
  align-items: center;
  justify-content: center;
  order: 1;
  width: 100%;
  height: 77px;
  padding: 8px;
  background-color: #e6e8ea;
  border-radius: 7px;
}
.u-dashboardRecent__sliderItem__noImg-name {
  display: -webkit-box;
  order: 1;
  width: 117px;
  overflow: hidden;
  font-weight: bold;
  line-height: 1.2;
  color: #292929;
  text-align: center;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  font-size: 1.2rem;
}
.u-dashboardRecent__sliderGuide__btn {
  width: 45px;
  height: 45px;
  color: transparent;
  background: #fff;
  border-radius: 50%;
}
.u-dashboardRecent__sliderGuide__btn:hover, .u-dashboardRecent__sliderGuide__btn:focus {
  box-shadow: 0 10px 20px rgb(224, 239, 255);
}
.u-dashboardRecent__sliderGuide__prev, .u-dashboardRecent__sliderGuide__next {
  position: absolute;
  top: 50%;
  width: 45px;
  height: 45px;
  margin: -23px 0 0;
}
.u-dashboardRecent__sliderGuide__prev .u-dashboardRecent__sliderGuide__btn::before, .u-dashboardRecent__sliderGuide__next .u-dashboardRecent__sliderGuide__btn::before {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 10px;
  height: 10px;
  content: "";
  border-top: 3px solid #002aff;
  border-right: 3px solid #002aff;
}
.u-dashboardRecent__sliderGuide__prev {
  left: -8px;
}
.u-dashboardRecent__sliderGuide__prev .u-dashboardRecent__sliderGuide__btn::before {
  margin: -5px 0 0 -4px;
  transform: rotate(-135deg);
}
.u-dashboardRecent__sliderGuide__next {
  right: -23px;
}
.u-dashboardRecent__sliderGuide__next .u-dashboardRecent__sliderGuide__btn::before {
  margin: -5px 0 0 -6px;
  transform: rotate(45deg);
}
.u-dashboardRecent__slider .slick-prev,
.u-dashboardRecent__slider .slick-next {
  position: absolute;
  top: 50%;
  z-index: 1;
  width: 40px;
  height: 40px;
  margin: -5px 0 0;
  color: transparent;
  background: #fff;
  border-radius: 50%;
}
.u-dashboardRecent__slider .slick-prev::before,
.u-dashboardRecent__slider .slick-next::before {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 10px;
  height: 10px;
  content: "";
  border-top: 3px solid #002aff;
  border-right: 3px solid #002aff;
}
.u-dashboardRecent__slider .slick-prev:hover, .u-dashboardRecent__slider .slick-prev:focus,
.u-dashboardRecent__slider .slick-next:hover,
.u-dashboardRecent__slider .slick-next:focus {
  background: #002aff;
  box-shadow: 0 10px 20px rgba(54, 87, 255, 0.33);
}
.u-dashboardRecent__slider .slick-prev:hover::before, .u-dashboardRecent__slider .slick-prev:focus::before,
.u-dashboardRecent__slider .slick-next:hover::before,
.u-dashboardRecent__slider .slick-next:focus::before {
  border-top-color: #fff;
  border-right-color: #fff;
}
.u-dashboardRecent__slider .slick-prev {
  left: -8px;
}
.u-dashboardRecent__slider .slick-prev::before {
  margin: -5px 0 0 -4px;
  transform: rotate(-135deg);
}
.u-dashboardRecent__slider .slick-next {
  right: -23px;
}
.u-dashboardRecent__slider .slick-next::before {
  margin: -5px 0 0 -6px;
  transform: rotate(45deg);
}
.u-dashboardSort {
  position: absolute;
  top: 48px;
  left: 50%;
  z-index: -1;
  padding: 30px 20px;
  margin: 0 0 0 -57px;
  visibility: hidden;
  background: #fff;
  border-radius: 7px;
  box-shadow: 0 10px 20px rgba(0, 98, 255, 0.4);
  opacity: 0;
  transition: 0.3s all ease;
  font-size: 1.4rem;
}
.u-dashboardSort.is-active {
  top: 53px;
  z-index: 10;
  margin-top: 0;
  visibility: initial;
  opacity: 1;
}
.u-dashboardSort__submit {
  display: table;
  margin: 20px auto 0;
}
.u-dashboardSort__submit .m-btnS {
  padding: 0 17px;
}
.u-dashboardSort__submit .m-btnS span {
  pointer-events: none;
}
.u-dashboardSort__head .m-frmCheck label, .u-dashboardSort__list .m-frmCheck label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.u-dashboardSort__head .m-frmCheck label::before, .u-dashboardSort__list .m-frmCheck label::before {
  margin-top: -9px;
}
.u-dashboardSort__head .m-frmCheck label::after, .u-dashboardSort__list .m-frmCheck label::after {
  top: 2px;
}
.u-dashboardSort__head {
  /* stylelint-disable */
}
.u-dashboardSort__head .m-frmCheck label {
  font-weight: bold;
}
.u-dashboardSort__head .m-frmCheck + .m-frmCheck {
  margin-top: 10px;
}
.u-dashboardSort__body {
  max-height: 200px;
  padding: 1px 0 1px 25px;
  margin: 30px 0 0;
  overflow: auto;
}
.u-dashboardSort__sub {
  display: block;
  margin: 7px 0 0;
  line-height: 1;
  color: #6f6f6f;
  font-size: 1.4rem;
}
.u-dashboardSort__list li {
  margin: 13px 0 0;
}
.u-dashboardSort__list li:first-child {
  margin-top: 0 !important;
}
.u-dashboardSort__list .m-frmCheck label::before {
  top: 0;
  margin-top: 0;
}
.u-dashboardSort__list .m-frmCheck label::after {
  top: 4px;
}
.u-dashboardSort__list .m-frmCheck input:disabled + label {
  color: #b0b1b2 !important;
}
.u-dashboardSort__list .m-frmCheck input:disabled + label::before, .u-dashboardSort__list .m-frmCheck input:disabled + label::after {
  display: none;
}
.u-dashboardSort__list .m-frmCheck input:disabled + label .u-dashboardSort__sub {
  color: #b0b1b2 !important;
}
.u-dashboardSort[data-type="1"] {
  width: 290px;
  margin: 0 0 0 -145px;
}
.u-dashboardSort[data-type="2"] {
  right: 0;
  left: inherit;
  width: 145px;
}
.u-dashboardSort[data-type="3"] {
  top: 25px;
  left: 0;
  width: 290px;
  margin: 0 0 0 0;
}
.u-dashboardSort[data-type="3"].is-active {
  top: 30px;
}
.u-dashboardNotice__segment {
  margin: 30px 0 0;
}
.u-dashboardNotice__segment:first-child {
  margin-top: 0;
}
.u-dashboardNotice__item {
  padding: 35px 25px 30px;
  margin: 30px 0 0;
  background: #fff;
  border-radius: 7px;
}
.u-dashboardNotice__item:first-child {
  margin-top: 0;
}
.u-dashboardNotice__content {
  max-height: 380px;
  margin: 15px 0 0;
  overflow: auto;
}
.u-dashboardNotice__segment[data-type="3"] .u-dashboardNotice__content {
  max-height: 520px;
}
.u-dashboardNotice__noresult {
  margin: 5px 0 0;
  font-size: 1.4rem;
}
.u-dashboardNotice__listItem {
  position: relative;
  padding: 15px 0 0;
  margin: 15px 0 0;
  border-top: 1px dotted #e6e8ea;
}
.u-dashboardNotice__listItem:first-child {
  padding-top: 0;
  margin-top: 0;
  border-top: none;
}
.u-dashboardNotice__listItem:last-child {
  padding-bottom: 15px;
}
.u-dashboardNotice__listItem[data-read=false] {
  font-weight: bold;
}
.u-dashboardNotice__listItem a.u-dashboardNotice__listItem__inner {
  display: block;
  color: #292929;
}
.u-dashboardNotice__listItem a.u-dashboardNotice__listItem__inner:hover .u-dashboardNotice__listTxt, .u-dashboardNotice__listItem a.u-dashboardNotice__listItem__inner:focus .u-dashboardNotice__listTxt {
  text-decoration: underline;
}
.u-dashboardNotice__listItem.is-hide {
  display: none;
}
.u-dashboardNotice__listHead {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
}
.u-dashboardNotice__listLabel {
  display: table;
  height: 24px;
  padding: 0 10px;
  margin: 0 0 0 10px;
  line-height: 24px;
  border-radius: 12px;
  font-size: 1.2rem;
}
.u-dashboardNotice__listLabel[data-type="1"] {
  color: #fff;
  background: #002aff;
}
.u-dashboardNotice__listLabel[data-type="2"] {
  color: #6f6f6f;
  background: #f2f1ea;
}
.u-dashboardNotice__listInner {
  position: relative;
  display: block;
  overflow: hidden;
  pointer-events: none;
}
.u-dashboardNotice__listCheck {
  text-indent: -999em;
}
.u-dashboardNotice__listCheck__label {
  display: block;
  height: 0;
  font-weight: normal;
  line-height: 1;
}
.u-dashboardNotice__listCheck__label::before, .u-dashboardNotice__listCheck__label::after {
  position: absolute;
  top: 46px;
  content: "";
  border-radius: 2px;
  transition: 0.3s all ease;
}
.u-dashboardNotice__listCheck__label::before {
  left: 0;
  width: 17px;
  height: 17px;
  border: 2px solid #cbcdce;
}
.u-dashboardNotice__listCheck__label::after {
  top: 50px;
  left: 3px;
  display: none;
  width: 11px;
  height: 6px;
  content: "";
  border-bottom: 2px solid #000;
  border-left: 2px solid #000;
  border-radius: 0;
  transform: rotate(-45deg);
}
.u-dashboardNotice__listCheck__input {
  position: absolute;
  z-index: -1;
  visibility: hidden;
}
.u-dashboardNotice__listCheck__input:checked + .u-dashboardNotice__listCheck__label::before {
  background: #002aff;
  border-color: #002aff;
}
.u-dashboardNotice__listCheck__input:checked + .u-dashboardNotice__listCheck__label::after {
  display: block;
  border-bottom-color: #fff;
  border-left-color: #fff;
}
.u-dashboardNotice__listDate {
  margin: 0 5px 0 0;
  line-height: 1;
  letter-spacing: 0;
  font-size: 1.2rem;
}
.u-dashboardNotice__listDate em {
  font-weight: bold;
}
.u-dashboardNotice__listTxt {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  margin: 7px 0 0;
  overflow: hidden;
  line-height: 1.5;
  font-size: 1.4rem;
}
.u-dashboardNotice__listTxt em {
  font-weight: bold;
}
.u-dashboardNotice__list[data-type=info] .u-dashboardNotice__listItem:first-child .u-dashboardNotice__listCheck__label::before {
  top: 33px;
}
.u-dashboardNotice__list[data-type=info] .u-dashboardNotice__listItem:first-child .u-dashboardNotice__listCheck__label::after {
  top: 37px;
}
.u-dashboardInfo__content {
  max-height: 380px;
  margin: 15px 0 0;
  overflow: auto;
}
.u-dashboardInfo__noresult {
  margin: 5px 0 0;
  font-size: 1.4rem;
}
.u-dashboardInfo__listItem {
  margin: 25px 0 0;
}
.u-dashboardInfo__listItem:first-child {
  margin-top: 0;
}
.u-dashboardInfo__listItem__inner {
  display: flex;
  flex-wrap: nowrap;
  color: #292929;
}
.u-dashboardInfo__listItem__inner:hover .u-dashboardInfo__listItem__ttl, .u-dashboardInfo__listItem__inner:focus .u-dashboardInfo__listItem__ttl {
  color: #002aff;
}
.u-dashboardInfo__listItem__img {
  width: 104px;
  height: 77px;
  object-fit: cover;
}
.u-dashboardInfo__listItem__body {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 0 0 0 15px;
}
.u-dashboardInfo__listItem__date {
  font-weight: bold;
  line-height: 1;
  font-size: 1rem;
}
.u-dashboardInfo__listItem__label {
  position: relative;
  margin: 0 0 0 10px;
}
.u-dashboardInfo__listItem__label * {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  height: 23px;
  padding: 0 10px;
  font-weight: bold;
  line-height: 1;
  color: #6f6f6f;
  background: #f2f1ea;
  border-radius: 15px;
  font-size: 1.2rem;
}
.u-dashboardInfo__listItem__label *[data-ifont]::before {
  position: absolute;
  top: 50%;
  right: -33px;
  display: none;
  margin: -14px 0 0;
  color: #f00;
  content: "\f11f";
  font-size: 2.5rem;
}
.u-dashboardInfo__listItem__ttl {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  width: 100%;
  overflow: hidden;
  font-weight: bold;
  line-height: 1.4;
  font-size: 1.6rem;
}
.u-dashboardInfo__listItem[data-important=true] .u-dashboardInfo__listItem__label *[data-ifont]::before {
  display: block;
}
.u-dashboardInfo__listItem[data-important=true] .u-dashboardInfo__listItem__ttl {
  color: #f00;
}
.u-dashboardStatus__list {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  line-height: 1.5;
  font-size: 1.4rem;
}
.u-dashboardStatus__listTtl {
  font-weight: bold;
  width: 30%;
  margin: 10px 0 0;
}
.u-dashboardStatus__listTtl:first-of-type {
  margin-top: 0;
}
.u-dashboardStatus__listTxt {
  width: 70%;
  margin: 10px 0 0;
}
.u-dashboardStatus__listTxt:first-of-type {
  margin-top: 0;
}
.u-dashboardStatus__notice {
  margin: 10px 0 0;
  font-size: 1.4rem;
  font-weight: bold;
}
.u-dashboardStatus__caution {
  color: #002aff;
}
.u-dashboardStatus__attention {
  color: #c00;
}
.u-dashboardHdg[data-type="1"] {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  padding: 0 0 18px;
}
.u-dashboardHdg[data-type="1"]::after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3px;
  content: "";
  background: #002aff;
  border-radius: 5px;
}
.u-dashboardHdg[data-type="1"] .u-dashboardHdg__hdg {
  font-weight: bold;
  line-height: 1.2;
}
.u-dashboardHdg[data-type="1"] .u-dashboardHdg__hdg[data-ifont] {
  position: relative;
  padding: 0 0 0 40px;
}
.u-dashboardHdg[data-type="1"] .u-dashboardHdg__hdg[data-ifont]::before {
  position: absolute;
  top: 50%;
  left: 4px;
  margin: -20px 0 0;
  color: #002aff;
  font-size: 3.4rem;
}
.u-dashboardHdg[data-type="1"] .u-dashboardHdg__hdg[data-ifont][data-type="1"]::before {
  content: "\f10d";
}
.u-dashboardHdg[data-type="1"] .u-dashboardHdg__hdg[data-ifont][data-type="2"]::before {
  content: "\f118";
}
.u-dashboardHdg[data-type="1"] .u-dashboardHdg__hdg[data-ifont][data-type="3"]::before {
  left: 2px;
  content: "\f10f";
}
.u-dashboardHdg[data-type="1"] .u-dashboardHdg__link {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  width: 84px;
  height: 33px;
  font-weight: bold;
  line-height: 1;
  color: #002aff;
  background: #fff;
  border-radius: 45px;
  font-size: 1.2rem;
}
.u-dashboardHdg[data-type="1"] .u-dashboardHdg__link span {
  position: relative;
  display: block;
  padding: 0 10px;
}
.u-dashboardHdg[data-type="1"] .u-dashboardHdg__link span::before {
  position: absolute;
  top: 50%;
  right: 0;
  width: 6px;
  height: 6px;
  margin: -2px 0 0;
  content: "";
  border-top: 2px solid #002aff;
  border-right: 2px solid #002aff;
  transform: rotate(45deg);
}
.u-dashboardHdg[data-type="1"] .u-dashboardHdg__link:hover, .u-dashboardHdg[data-type="1"] .u-dashboardHdg__link:focus {
  box-shadow: 0 10px 20px rgba(54, 87, 255, 0.33);
}
.u-dashboardHdg[data-type="2"] {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  padding: 0 0 18px;
  margin: 40px 0 0;
}
.u-dashboardHdg[data-type="2"]:first-child {
  margin-top: 0;
}
.u-dashboardHdg[data-type="2"] .u-dashboardHdg__hdg {
  position: relative;
  padding: 2px 0 2px 10px;
  font-weight: bold;
  line-height: 1;
}
.u-dashboardHdg[data-type="2"] .u-dashboardHdg__hdg::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 5px;
  height: 100%;
  content: "";
  background: #002aff;
  border-radius: 5px;
}
.u-dashboardHdg[data-type="2"] .u-dashboardHdg__link {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  height: 33px;
  font-weight: bold;
  line-height: 1;
  color: #002aff;
  background: #fff;
  border-radius: 45px;
  padding: 0 15px 0 10px;
  font-size: 1.2rem;
}
.u-dashboardHdg[data-type="2"] .u-dashboardHdg__link span {
  position: relative;
  display: block;
  padding: 0 10px;
}
.u-dashboardHdg[data-type="2"] .u-dashboardHdg__link span::before {
  position: absolute;
  top: 50%;
  right: 0;
  width: 6px;
  height: 6px;
  margin: -2px 0 0;
  content: "";
  border-top: 2px solid #002aff;
  border-right: 2px solid #002aff;
  transform: rotate(45deg);
}
.u-dashboardHdg[data-type="2"] .u-dashboardHdg__link:hover, .u-dashboardHdg[data-type="2"] .u-dashboardHdg__link:focus {
  box-shadow: 0 10px 20px rgba(54, 87, 255, 0.33);
}
.u-dashboardHdg[data-type="3"] {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  margin: 0 0 30px;
}
.u-dashboardHdg[data-type="3"] .u-dashboardHdg__hdg {
  display: block;
  font-weight: bold;
  line-height: 1;
  font-size: 2rem;
}
.u-dashboardHdg[data-type="3"] .u-dashboardHdg__link {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  width: 84px;
  height: 33px;
  font-weight: bold;
  line-height: 1;
  color: #002aff;
  background: #fff;
  border-radius: 45px;
  font-size: 1.2rem;
}
.u-dashboardHdg[data-type="3"] .u-dashboardHdg__link [data-ifont] {
  position: relative;
  display: block;
  padding: 0 10px;
}
.u-dashboardHdg[data-type="3"] .u-dashboardHdg__link [data-ifont]::after {
  position: absolute;
  top: 50%;
  right: 0;
  width: 6px;
  height: 6px;
  margin: -2px 0 0;
  content: "";
  border-top: 2px solid #002aff;
  border-right: 2px solid #002aff;
  transform: rotate(45deg);
}
.u-dashboardHdg[data-type="3"] .u-dashboardHdg__link:hover, .u-dashboardHdg[data-type="3"] .u-dashboardHdg__link:focus {
  box-shadow: 0 10px 20px rgba(54, 87, 255, 0.33);
}
.u-dashboardLink {
  position: relative;
  display: table;
  padding: 0 13px 0 0;
  margin: 25px 0 0 auto;
  font-weight: bold;
  line-height: 1;
  letter-spacing: 0;
  font-size: 1.2rem;
}
.u-dashboardLink::before {
  position: absolute;
  top: 50%;
  right: 0;
  width: 6px;
  height: 6px;
  margin: -2px 0 0;
  content: "";
  border-top: 2px solid #002aff;
  border-right: 2px solid #002aff;
  transform: rotate(45deg);
}
.u-dashboardAdd__inner {
  display: flex;
  flex-wrap: nowrap;
  color: #292929;
}
.u-dashboardAdd__img {
  min-width: 104px;
  height: 77px;
  object-fit: cover;
}
.u-dashboardAdd__body {
  width: 100%;
  margin: 0 0 0 15px;
}
.u-dashboardAdd__status {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 28px;
  line-height: 1;
  letter-spacing: 0;
  background: #f8f8f8;
  border: 1px solid #ced2d5;
  border-radius: 3px;
  font-size: 1.4rem;
}
.u-dashboardAdd__ttl {
  display: block;
  margin: 10px 0 0;
  line-height: 1.4;
  font-size: 1.4rem;
}
.u-dashboardAdd__item {
  position: relative;
  padding: 0 0 18px;
  margin: 0 0 18px;
  border-bottom: 1px dotted #e6e8ea;
}
.u-dashboardAdd__item:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: none;
}
.u-dashboardAdd__item.is-hide {
  display: none;
}

@media screen and (max-width: 1440px) {
  .u-dashboardLayout {
    flex-direction: column;
  }
  .u-dashboardLayout__main {
    order: 2;
    margin: 60px 0 0;
  }
  .u-dashboardLayout__sub {
    order: 1;
    min-width: inherit;
    max-width: inherit;
    margin-right: 0;
  }
  .u-dashboardNotice {
    display: flex;
    margin: 0 0 0 -30px;
  }
  .u-dashboardNotice__segment {
    width: 33.3333333333%;
    padding: 0 0 0 30px;
    margin: 0;
  }
  .u-dashboardNotice__item {
    display: flex;
    flex-direction: column;
  }
  .u-dashboardNotice[data-role=i] .u-dashboardNotice__segment {
    height: 600px;
  }
  .u-dashboardNotice[data-role=i] .u-dashboardNotice__segment .u-dashboardNotice__item {
    height: 100%;
  }
  .u-dashboardNotice[data-role=i] .u-dashboardNotice__segment .u-dashboardNotice__content {
    height: auto;
    max-height: inherit;
  }
  .u-dashboardNotice[data-role=s] .u-dashboardNotice__segment {
    height: 600px;
  }
  .u-dashboardNotice[data-role=s] .u-dashboardNotice__segment[data-type="1"] .u-dashboardNotice__item {
    height: 100%;
  }
  .u-dashboardNotice[data-role=s] .u-dashboardNotice__segment[data-type="1"] .u-dashboardNotice__content {
    max-height: inherit;
  }
  .u-dashboardNotice[data-role=s] .u-dashboardNotice__segment[data-type="2"] .u-dashboardNotice__item {
    height: 100%;
  }
  .u-dashboardNotice[data-role=s] .u-dashboardNotice__segment[data-type="2"] .u-dashboardNotice__content {
    height: 480px;
  }
  .u-dashboardNotice[data-role=s] .u-dashboardNotice__segment[data-type="3"] .u-dashboardNotice__item {
    height: 350px;
  }
  .u-dashboardNotice[data-role=s] .u-dashboardNotice__segment[data-type="3"] .u-dashboardNotice__content {
    height: 200px;
  }
  .u-dashboardNotice[data-role=s] .u-dashboardNotice__segment[data-type="3"] [data-type=activity] {
    height: 220px;
  }
  .u-dashboardNotice[data-role=b] .u-dashboardNotice__segment {
    height: 600px;
  }
  .u-dashboardNotice[data-role=b] .u-dashboardNotice__segment[data-type="1"] .u-dashboardNotice__item {
    height: 100%;
  }
  .u-dashboardNotice[data-role=b] .u-dashboardNotice__segment[data-type="1"] .u-dashboardNotice__content {
    height: 480px;
  }
  .u-dashboardNotice[data-role=b] .u-dashboardNotice__segment[data-type="3"] .u-dashboardNotice__item {
    height: 100%;
  }
  .u-dashboardNotice[data-role=b] .u-dashboardNotice__segment[data-type="2"] .u-dashboardNotice__content {
    height: 130px;
  }
  .u-dashboardNotice[data-role=b] .u-dashboardNotice__segment[data-type="2"] .u-dashboardNotice__item {
    height: 285px;
  }
  .u-dashboardNotice[data-role=b] .u-dashboardNotice__segment[data-type="2"] .u-dashboardNotice__item:first-child .u-dashboardNotice__content {
    height: 160px;
  }
}
@media screen and (max-width: 767px) {
  .u-dashboard .m-hdg__hdg {
    text-align: left;
  }
  .u-dashboardLayout__main {
    margin: 0;
  }
  .u-dashboardLayout__sub {
    display: none;
  }
  .u-dashboardMain {
    margin: 20px 0 0;
  }
  .u-dashboardSort {
    right: 0 !important;
    left: 0 !important;
    width: auto !important;
    padding: 20px;
    margin: 0 !important;
  }
  .u-dashboardSort.is-active {
    top: 58px;
    z-index: 11;
  }
  .u-dashboardSort__body {
    padding: 5px 0 5px 25px;
  }
  .u-dashboardResult {
    display: none;
  }
  .u-dashboardGuide {
    flex-wrap: wrap;
    height: auto;
    margin: 20px 0 0;
  }
  .u-dashboardGuide__search, .u-dashboardGuide__select {
    position: relative;
    margin: 0;
  }
  .u-dashboardGuide__search {
    flex: 1 1 auto;
    width: auto;
    padding: 0;
    margin: 0 12px 0 0;
  }
  .u-dashboardGuide__select {
    order: 2;
    width: 50%;
  }
  .u-dashboardGuide__select .m-frmSelect {
    width: 145px;
    margin: 0 0 0 auto;
  }
  .u-dashboardGuide__sort {
    display: none;
    margin: 0 15px 0 0;
  }
  .u-dashboardGuide__sort[data-item="1"] {
    display: none;
  }
  .u-dashboardGuide__sort[data-item="2"] {
    display: block;
    flex: 0 0 auto;
    margin: 0;
  }
  .u-dashboardGuide__sort .m-frmSelect__list {
    right: -10px;
    left: auto;
  }
  .u-dashboardGuide__reset {
    position: relative;
    margin: 12px 0 0 auto;
  }
  .u-dashboardGuide__btn[data-view=sp] {
    display: none;
  }
  .u-dashboardGuide__result {
    order: 1;
    width: 50%;
  }
  .u-dashboardGuide__notes {
    display: none;
    order: 4;
    width: 100%;
    margin: 20px 0 0;
    line-height: 1;
    color: #585858;
    text-align: right;
    font-size: 1.2rem;
  }
  .u-dashboardGuide__notes [data-ifont] {
    position: relative;
    display: table;
    padding: 0 0 0 20px;
    margin: 0 0 0 auto;
  }
  .u-dashboardGuide__notes [data-ifont]::before {
    position: absolute;
    top: 50%;
    left: 0;
    margin: -7px 0 0;
    content: "\f148";
    font-size: 1.4rem;
  }
  .u-dashboardGuide__label {
    display: none;
  }
  .u-dashboardGuide__util {
    flex-wrap: nowrap;
  }
  .u-dashboardGuide .m-btnS {
    height: 36px;
    padding: 0 14px;
  }
  .u-dashboardGuide .m-btnS span {
    line-height: 1;
  }
  .u-dashboardGuide__check {
    display: block;
    margin: 15px 4px 0 0;
  }
  .u-dashboardGuide__check .m-frmCheck__label {
    font-size: 1.2rem;
  }
  .u-dashboardGuide__check .m-frmCheck__label::after {
    top: 2px;
  }
  .u-dashboardGuide__check .m-frmCheck + .m-frmCheck {
    margin-top: 14px;
  }
  .u-dashboardList {
    width: 100%;
    margin: 20px 0 0;
  }
  .u-dashboardList__sort {
    width: auto;
  }
  .u-dashboardList__head {
    top: 55px;
  }
  .u-dashboardList__head::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    display: block;
    width: 1px;
    content: "";
    background: #f2f1ea;
  }
  .u-dashboardList__head .u-dashboardList__data {
    position: static;
    flex: 1;
    max-width: inherit !important;
  }
  .u-dashboardList__head .u-dashboardList__data[data-type=id], .u-dashboardList__head .u-dashboardList__data[data-type=date], .u-dashboardList__head .u-dashboardList__data[data-type=sample], .u-dashboardList__head .u-dashboardList__data[data-type=estimate], .u-dashboardList__head .u-dashboardList__data[data-type=spec], .u-dashboardList__head .u-dashboardList__data[data-type=other], .u-dashboardList__head .u-dashboardList__data[data-type=comment] {
    display: none;
  }
  .u-dashboardList__head .u-dashboardList__data[data-type=sp] {
    display: flex;
  }
  .u-dashboardList__name {
    margin-top: 5px;
  }
  .u-dashboardList__more {
    position: relative;
    margin: 30px 0 0;
  }
  .u-dashboardList__body .u-dashboardList__data {
    padding: 0;
    border-right: none;
  }
  .u-dashboardList__body .u-dashboardList__data[data-type=date] {
    align-self: flex-end;
    order: 0;
    min-width: inherit;
    max-width: inherit;
  }
  .u-dashboardList__body .u-dashboardList__data[data-type=material] {
    align-self: flex-start;
    order: 1;
    font-size: 1.2rem;
  }
  .u-dashboardList__body .u-dashboardList__data[data-type=buyer] {
    order: 2;
    font-size: 1.1rem;
  }
  .u-dashboardList__body .u-dashboardList__data[data-type=buyer] .u-dashboardList__buyer .u-dashboardList__name {
    display: none;
  }
  .u-dashboardList__body .u-dashboardList__data[data-type=id], .u-dashboardList__body .u-dashboardList__data[data-type=sample], .u-dashboardList__body .u-dashboardList__data[data-type=estimate], .u-dashboardList__body .u-dashboardList__data[data-type=spec], .u-dashboardList__body .u-dashboardList__data[data-type=other], .u-dashboardList__body .u-dashboardList__data[data-type=comment], .u-dashboardList__body .u-dashboardList__data[data-type=state] {
    display: none;
  }
  .u-dashboardList__material {
    position: static;
    padding: 0;
    margin-top: 5px;
  }
  .u-dashboardList__inner {
    position: relative;
    flex-direction: column;
    height: 80px;
    padding: 20px 20px 12px 90px;
  }
  .u-dashboardList__img {
    left: 20px;
    width: 62px;
    height: 48px;
    margin-top: -24px;
  }
  .u-dashboardList__img img {
    width: 62px;
    height: 48px;
    border-radius: 7px;
  }
  .u-dashboardList__noImg-ttl {
    top: 50%;
    left: 20px;
    width: 62px;
    height: 48px;
    margin-top: -24px;
  }
  .u-dashboardList__corp {
    display: none;
  }
  .u-dashboardList__spLabel {
    position: absolute;
    top: 12px;
    display: flex;
  }
  .u-dashboardList__spLabel--label {
    display: block;
    height: 21px;
    padding: 0 10px;
    margin-right: 4px;
    font-weight: bold;
    line-height: 21px;
    color: #fff;
    background: #002aff;
    border-radius: 45px;
    font-size: 1rem;
  }
  .u-dashboardRegist {
    display: none;
  }
}
/* ----------------------------------------------------------------------------
 * DEAL
 * ------------------------------------------------------------------------- */
.u-deal {
  position: relative;
  margin: -60px 0 0;
}
.u-dealGrid {
  display: flex;
  flex-wrap: wrap;
  margin: 85px 0 0 -30px;
}
.u-dealGrid__item {
  width: 50%;
  padding: 0 0 0 30px;
  margin: 60px 0 0;
}
.u-dealGrid__item:nth-child(-n+2) {
  margin-top: 0;
}
.u-dealGrid__item[data-type=file] {
  display: grid;
  grid-template-rows: 1fr auto;
}
.u-dealTab {
  display: none;
}
.u-dealChat, .u-dealFile {
  background: #fff;
  border-radius: 7px;
  box-shadow: 0 10px 20px rgba(203, 205, 206, 0.4);
}
.u-dealBuyercaution {
  display: flex;
  align-items: center;
  gap: 10px;
}
.u-dealBuyercaution__icon {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  background-color: #002aff;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: 0;
  width: 30px;
  min-width: 30px;
  aspect-ratio: 1/1;
  border-radius: 9999px;
}
.u-dealBuyercaution__text {
  color: #002aff;
  font-size: 1.6rem;
  font-weight: 700;
}
.u-dealBuyercaution + .u-dealIteminfo {
  margin-top: 30px;
}
.u-dealIteminfo__inner {
  position: relative;
  display: block;
  min-height: 90px;
  padding: 0 0 0 130px;
  color: #292929;
}
.u-dealIteminfo__inner:hover .u-dealIteminfo__hdg, .u-dealIteminfo__inner:focus .u-dealIteminfo__hdg {
  text-decoration: none;
}
.u-dealIteminfo__hdg {
  margin: 0;
  line-height: 1.2;
  text-decoration: underline;
  font-size: 2.5rem;
}
.u-dealIteminfo__hdg a {
  color: inherit;
}
.u-dealIteminfo__txt {
  margin: 12px 0 0;
  color: #6f6f6f;
  font-size: 1.4rem;
}
.u-dealIteminfo__img {
  position: absolute;
  top: 0;
  left: 0;
}
.u-dealIteminfo__img img {
  width: 115px;
  height: 90px;
  object-fit: cover;
}
.u-dealIteminfo__noImg-ttl {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  order: 1;
  width: 115px;
  height: 90px;
  padding: 10px;
  background-color: #e6e8ea;
  border-radius: 7px;
}
.u-dealIteminfo__noImg-name {
  display: -webkit-box;
  order: 1;
  overflow: hidden;
  font-weight: bold;
  line-height: 1.4;
  color: #292929;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  font-size: 1.4rem;
}
.u-dealProfile {
  position: absolute;
  top: 55px;
  left: 0;
  z-index: -1;
  min-width: 390px;
  padding: 35px 20px;
  margin: -3px 0 0;
  color: #292929;
  visibility: hidden;
  background: #fff;
  border-radius: 7px;
  box-shadow: 0 20px 30px rgba(203, 205, 206, 0.4);
  opacity: 0;
  transition: 0.3s all ease;
}
.u-dealProfile__name {
  display: block;
  font-weight: bold;
  line-height: 1;
}
.u-dealProfile__list {
  display: grid;
  grid-template-columns: auto 1fr;
  margin: 20px 0 -10px;
  width: 100%;
}
.u-dealProfile__listTtl, .u-dealProfile__listTxt {
  line-height: 1;
  color: #6f6f6f;
}
.u-dealProfile__listTtl.is-hide, .u-dealProfile__listTxt.is-hide {
  display: none;
}
.u-dealProfile__listTtl {
  padding-bottom: 20px;
  white-space: nowrap;
  font-size: 1.2rem;
}
.u-dealProfile__listTtl:not(:has(~ .u-dealProfile__listTtl)) {
  padding-bottom: 0;
}
.u-dealProfile__listTxt {
  padding: 0 0 20px 15px;
  white-space: nowrap;
  font-size: 1.4rem;
}
.u-dealProfile__listTxt:not(:has(~ .u-dealProfile__listTxt)) {
  padding-bottom: 0;
}
.u-dealFile {
  display: grid;
  grid-template-rows: auto 1fr;
  padding: 35px 30px 0;
}
.u-dealFile__body {
  max-height: 548px;
  margin: 30px 0;
  overflow-y: auto;
}
.u-dealFile__body::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
.u-dealFile__body::-webkit-scrollbar-thumb {
  background: #ced2d5;
  border-radius: 5px;
}
.u-dealFile__body::-webkit-scrollbar-track, .u-dealFile__body::-webkit-scrollbar-corner {
  display: none;
}
.u-dealFile__scroll {
  display: grid;
  grid-template-rows: 1fr auto;
}
.u-dealFile__foot {
  min-height: 115px;
  padding: 10px;
  margin: auto -30px 0;
  border-top: 1px solid #ced2d5;
}
.u-dealFile__hdg {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  padding: 0 0 15px;
  border-bottom: 3px solid #002aff;
}
.u-dealFile__hdgName {
  font-weight: bold;
  line-height: 1;
  font-size: 1.6rem;
}
.u-dealFile__hdgName [data-ifont] {
  position: relative;
  padding: 0 0 0 42px;
}
.u-dealFile__hdgName [data-ifont]::before {
  position: absolute;
  top: 50%;
  left: 5px;
  margin: -15px 0 0;
  color: #002aff;
  content: "\f107";
  font-size: 3rem;
}
.u-dealFile__hdgQue[data-ifont] {
  position: relative;
  padding: 0 22px 0 0;
}
.u-dealFile__hdgQue[data-ifont]::before {
  position: absolute;
  top: 50%;
  right: 0;
  margin: -8px 0 0;
  content: "\f143";
  font-size: 1.6rem;
}
.u-dealFile__hdgQue__tooltip {
  position: absolute;
  bottom: -10px;
  left: 30px;
  width: 520px;
  padding: 15px 12px 12px;
  color: #fff;
  visibility: hidden;
  background: rgba(41, 41, 41, 0.7);
  border-radius: 7px;
  opacity: 0;
  transition: 0.3s all ease;
  font-size: 1.4rem;
}
.u-dealFile__hdgQue:hover .u-dealFile__hdgQue__tooltip, .u-dealFile__hdgQue:focus .u-dealFile__hdgQue__tooltip {
  z-index: 0;
  visibility: visible;
  opacity: 1;
}
.u-dealFile__list {
  min-height: 300px;
  padding: 0 20px 0 0;
  margin: -20px 0 0;
}
.u-dealFile__list.is-reverse {
  display: flex;
  flex-direction: column-reverse;
}
.u-dealFile__list.is-memo {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap-reverse;
  align-items: stretch;
  column-gap: 30px;
  margin: 0 !important;
}
.u-dealFile__list.is-memo .u-dealFile__listItem {
  width: calc(50% - 15px);
}
.u-dealFile__listMemo__line {
  width: 100%;
  border: none;
  border-top: solid 2px #CED2D5;
  margin-block: 20px;
}
.u-dealFile__listMemo__data a:nth-of-type(n + 2) {
  margin-top: 20px;
}
.u-dealFile__listMemo__dataItem {
  display: grid;
  grid-template-columns: 48px 1fr;
  column-gap: 10px;
  align-items: center;
}
.u-dealFile__listMemo__dataItem--icon {
  grid-row: span 2;
}
.u-dealFile__listMemo__dataItem--icon[data-type][data-ifont]::before {
  color: #002AFF;
  font-size: 3rem;
}
.u-dealFile__listMemo__dataItem--icon[data-type=pdf][data-ifont]::before {
  content: "\f125";
}
.u-dealFile__listMemo__dataItem--icon[data-type=img][data-ifont]::before {
  content: "\f155";
}
.u-dealFile__listMemo__dataItem--img {
  grid-row: span 2;
  border-radius: 4px;
}
.u-dealFile__listMemo__dataItem--name {
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1.4;
}
.u-dealFile__listMemo__dataItem--size {
  color: #6F6F6F;
  font-size: 1rem;
  font-weight: 400;
  line-height: 2;
}
.u-dealFile__listMemo__user {
  margin-top: 20px;
}
.u-dealFile__listMemo__userItem {
  display: grid;
  grid-template-columns: 48px 1fr;
  column-gap: 10px;
  align-items: center;
}
.u-dealFile__listMemo__userItem--comment {
  background-color: #F5F7FF;
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.5;
  padding: 6px 12px;
  border-radius: 10px 10px 10px 0;
}
.u-dealFile__listMemo__userTime {
  display: block;
  color: #B0B1B2;
  font-size: 1rem;
  font-weight: 400;
  line-height: 2;
  text-align: right;
}
.u-dealFile__listItem__inner {
  position: relative;
  display: flex;
  padding: 0 0 15px 0;
  margin: 20px 0 0;
  color: #6f6f6f;
  border-bottom: 1px dotted #ced2d5;
}
.u-dealFile__listItem__user {
  flex-shrink: 0;
  width: 50px;
}
.u-dealFile__listItem__userName {
  display: block;
  max-width: 50px;
  margin: 8px 0 0;
  overflow: hidden;
  line-height: 1;
  text-align: center;
  text-overflow: ellipsis;
  letter-spacing: 0;
  white-space: nowrap;
  font-size: 1.2rem;
}
.u-dealFile__listItem__userIcon {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  color: #fff;
  letter-spacing: 0.22em;
  background: #6f6f6f;
  border-radius: 50%;
  font-size: 1.2rem;
}
.u-dealFile__listItem__userIcon[data-type=txt] span {
  position: relative;
  left: 1px;
  border-radius: 50%;
}
.u-dealFile__listItem__userIcon[data-type=img] img {
  width: 36px;
  height: 36px;
  object-fit: cover;
  border-radius: 50%;
}
.u-dealFile__listItem__userIcon .u-dealProfile {
  top: 45px;
}
.u-dealFile__listItem__userIcon:hover .u-dealProfile, .u-dealFile__listItem__userIcon:focus .u-dealProfile {
  z-index: 100;
  margin: 0;
  visibility: visible;
  opacity: 1;
}
.u-dealFile__listItem__data.type-image {
  display: grid !important;
  grid-template-columns: 40px 1fr;
  grid-row-gap: 0;
  grid-column-gap: 9px;
}
.u-dealFile__listItem__dataImg {
  position: relative;
  width: 40px;
  height: 40px;
}
.type-image .u-dealFile__listItem__dataImg {
  grid-area: 1/1/3/2;
  padding-top: 6px;
}
.u-dealFile__listItem__dataImg .img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.u-dealFile__listItem__dataWrapper {
  flex-grow: 1;
}
.u-dealFile__listItem__dataName {
  position: relative;
  padding: 0 0 0 23px;
  font-weight: bold;
  line-height: 1.5;
  color: #002aff;
  text-decoration: underline;
  letter-spacing: 0;
  font-size: 1.4rem;
}
.u-dealFile__listItem__dataName[data-type][data-ifont] {
  font-size: 1.6rem;
}
.u-dealFile__listItem__dataName[data-type][data-ifont]::before {
  position: absolute;
  top: 5px;
  left: 0;
}
.u-dealFile__listItem__dataName[data-type=pdf][data-ifont]::before {
  content: "\f125";
}
.u-dealFile__listItem__dataName[data-type=img][data-ifont]::before {
  content: "\f155";
}
.type-image .u-dealFile__listItem__dataName {
  grid-area: 1/2/2/3;
  padding-left: 0;
}
.type-image .u-dealFile__listItem__dataName::before {
  display: none;
}
.u-dealFile__listItem__dataSize {
  display: block;
  margin: 10px 0 0;
  line-height: 1;
  color: #6f6f6f;
  font-size: 1rem;
}
.u-dealFile__listItem__dataSize + * {
  margin-top: 10px;
}
.type-image .u-dealFile__listItem__dataSize {
  grid-area: 2/2/3/3;
}
.u-dealFile__listItem__dataText {
  display: block;
  line-height: 1.5;
  font-size: 1.2rem;
}
.u-dealFile__listItem__date {
  display: block;
  margin: 12px 0 0;
  line-height: 1;
  color: #b0b1b2;
  text-align: right;
  font-size: 1rem;
}
.u-dealFile__listItem__text {
  padding: 15px;
  margin-bottom: 14px;
  color: #292929;
  background: #f5f7ff;
  font-size: 1.4rem;
}
.u-dealFile__delete {
  margin-right: 4px;
  vertical-align: -1px;
  background: none;
}
.u-dealFile__delete .txt {
  position: absolute;
  z-index: -1;
}
.u-dealFile__delete::before {
  display: inline-block;
  font-family: "iconfont", serif !important;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  color: #8b8e90;
  text-transform: none;
  content: "\f157";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.u-dealInfo {
  position: relative;
  background: #fff;
  transition: 0.3s all ease;
}
.u-dealInfo::before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  padding: 0 10000%;
  margin: 0 -10000%;
  content: "";
  background: #fff;
  box-shadow: 0 10px 20px rgba(203, 205, 206, 0.4);
}
.u-dealInfo__layout {
  display: flex;
  flex-wrap: nowrap;
  padding: 60px 145px;
}
.u-dealInfo__layoutMember {
  min-width: 264px;
  max-width: 264px;
}
.u-dealInfo__layoutState {
  width: 100%;
  margin: 0 0 0 30px;
}
.u-dealInfo__toggle {
  position: absolute;
  bottom: -23px;
  left: 50%;
  width: 46px;
  height: 46px;
  margin: 0 0 0 -23px;
  background: #fff;
  border-radius: 50%;
}
.u-dealInfo__toggle [data-ifont] {
  position: relative;
  color: transparent;
  pointer-events: none;
}
.u-dealInfo__toggle [data-ifont]::before {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -2px 0 0 -8px;
  color: #002aff;
  content: "\f13d";
  transition: 0.3s all ease;
  transform: rotate(180deg);
  font-size: 1.4rem;
}
.is-active .u-dealInfo__toggle [data-ifont]::before {
  margin: -10px 0 0 -7px;
  transform: rotate(0);
}
.u-dealInfo__toggle.is-active [data-ifont]::before {
  margin: -2px 0 0 -8px;
  transform: rotate(180deg);
}
.u-dealInfo__toggle:hover, .u-dealInfo__toggle:focus {
  box-shadow: 0 10px 20px rgb(224, 239, 255);
}
.u-dealMember__Memo {
  position: absolute;
  bottom: 3em;
  left: -1.5em;
  z-index: -1;
  width: 391px;
  padding: 17px 21px;
  margin: -3px 0 0;
  line-height: 1.7;
  color: #292929;
  visibility: hidden;
  background: #fff;
  border-radius: 7px;
  box-shadow: 0 20px 30px rgba(203, 205, 206, 0.4);
  opacity: 0;
  transition: 0.3s all ease;
  font-size: 1.4rem;
}
.u-dealMember__segment {
  margin: 50px 0 0;
}
.u-dealMember__segment:first-child {
  margin-top: 0;
}
.u-dealMember__segment--contact {
  margin-top: 30px;
}
.u-dealMember__hdg--lv2 {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 0 0 38px;
  font-weight: bold;
  line-height: 1;
  font-size: 1.4rem;
}
.u-dealMember__hdg--lv2[data-ifont]::before {
  position: absolute;
  top: 50%;
  left: 0;
}
.u-dealMember__hdg--lv2 * {
  display: block;
  margin: 7px 0 0;
  font-weight: normal;
}
.u-dealMember__hdg--lv2[data-role=i] {
  min-height: 30px;
}
.u-dealMember__hdg--lv2[data-role=i]::before {
  position: absolute;
  top: 50%;
  left: 0;
  width: 30px;
  height: 30px;
  margin: -15px 0 0;
  color: #002aff;
  content: "";
  background-image: url(/assets/user/img/common/7B7737996C17896.png);
  background-repeat: no-repeat;
  background-size: 30px 30px;
}
.u-dealMember__hdg--lv2[data-role=b] {
  min-height: 26px;
}
.u-dealMember__hdg--lv2[data-role=b][data-ifont]::before {
  margin: -15px 0 0;
  color: #ff7600;
  content: "\f11a";
  font-size: 2.6rem;
}
.u-dealMember__hdg--lv2[data-role=s] {
  min-height: 28px;
}
.u-dealMember__hdg--lv2[data-role=s][data-ifont]::before {
  margin: -16px 0 0;
  color: #2dd3cf;
  content: "\f139";
  font-size: 2.8rem;
}
.u-dealMember__hdg--lv2.is-disabled {
  color: #ced2d5;
}
.u-dealMember__hdg--lv2:hover .u-dealMember__Memo, .u-dealMember__hdg--lv2:focus .u-dealMember__Memo {
  z-index: 100;
  margin: 0;
  visibility: visible;
  opacity: 1;
}
.u-dealMember__list {
  display: flex;
  flex-wrap: wrap;
  margin: 12px 0 -12px;
}
.u-dealMember__listItem {
  position: relative;
  min-width: 50px;
  max-width: 50px;
  margin: 0 10px 12px 0;
}
.u-dealMember__listItem__icon {
  min-width: 50px;
  max-width: 50px;
  min-height: 50px;
  max-height: 50px;
  overflow: hidden;
  border-radius: 50%;
}
.u-dealMember__listItem__icon[data-type=txt] {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  letter-spacing: 0.22em;
  background: #6f6f6f;
  font-size: 1.4rem;
}
.u-dealMember__listItem__icon[data-type=txt] span {
  position: relative;
  left: 1px;
}
.u-dealMember__listItem__icon[data-type=img] img {
  width: 50px;
  height: 50px;
  object-fit: cover;
}
.u-dealMember__listItem__name {
  display: block;
  margin: 8px 0 0;
  overflow: hidden;
  line-height: 1;
  color: #6f6f6f;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 1.2rem;
}
.u-dealMember__listItem .u-dealMember__listItem__btn {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-end;
  justify-content: center;
  min-width: 50px;
  max-width: 50px;
  min-height: 50px;
  max-height: 50px;
  padding: 0 0 12px;
  line-height: 1;
  color: #fff;
  text-align: center;
  border-radius: 50%;
  font-size: 1.2rem;
}
.u-dealMember__listItem .u-dealMember__listItem__btn::before, .u-dealMember__listItem .u-dealMember__listItem__btn::after {
  position: absolute;
  top: 0;
  left: 50%;
  content: "";
  background: #fff;
}
.u-dealMember__listItem .u-dealMember__listItem__btn::before {
  top: 10px;
  width: 2px;
  height: 12px;
  margin: 0 0 0 -1px;
}
.u-dealMember__listItem .u-dealMember__listItem__btn::after {
  top: 15px;
  width: 12px;
  height: 2px;
  margin: 0 0 0 -6px;
}
.u-dealMember__listItem .u-dealMember__listItem__btn[data-role=i] {
  background: #002aff;
}
.u-dealMember__listItem .u-dealMember__listItem__btn[data-role=i]:hover, .u-dealMember__listItem .u-dealMember__listItem__btn[data-role=i]:focus {
  box-shadow: 0 10px 20px rgba(0, 127, 255, 0.4);
}
.u-dealMember__listItem .u-dealMember__listItem__btn[data-role=b] {
  background: #ff7600;
}
.u-dealMember__listItem .u-dealMember__listItem__btn[data-role=b]:hover, .u-dealMember__listItem .u-dealMember__listItem__btn[data-role=b]:focus {
  box-shadow: 0 10px 20px rgba(255, 127, 80, 0.4);
}
.u-dealMember__listItem .u-dealMember__listItem__btn[data-role=s] {
  background: #2dd3cf;
}
.u-dealMember__listItem .u-dealMember__listItem__btn[data-role=s]:hover, .u-dealMember__listItem .u-dealMember__listItem__btn[data-role=s]:focus {
  box-shadow: 0 10px 20px rgba(49, 191, 186, 0.4);
}
.u-dealMember__listItem:hover .u-dealProfile, .u-dealMember__listItem:focus .u-dealProfile {
  z-index: 100;
  margin: 0;
  visibility: visible;
  opacity: 1;
}
.u-dealStatus {
  margin: 40px 0 0;
}
.u-dealStatus__tbl {
  display: block;
  width: 100%;
  border: 1px solid #f2f1ea;
  border-radius: 7px;
}
.u-dealStatus__tbl.is-head {
  border-radius: 7px 7px 0 0;
}
.u-dealStatus__tbl.is-body {
  border-radius: 0 0 7px 7px;
}
.u-dealStatus__tblWrapper {
  padding-right: 8px;
  margin-right: -8px;
}
.u-dealStatus__tblWrapper.is-scroll {
  max-height: 580px;
  padding-right: 0;
  overflow-y: auto;
  scrollbar-width: thin;
}
.u-dealStatus__tblWrapper.is-scroll::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.u-dealStatus__tblWrapper.is-scroll::-webkit-scrollbar-thumb {
  background: #ced2d5;
  border-radius: 5px;
}
.u-dealStatus__tblTr, .u-dealStatus__tblThead, .u-dealStatus__tblThead__th, .u-dealStatus__tblTbody, .u-dealStatus__tblTbody__th, .u-dealStatus__tblTbody__td {
  display: block;
  width: 100%;
}
.u-dealStatus__tblTr {
  display: flex;
  flex-wrap: nowrap;
  width: 100%;
}
.u-dealStatus__tblThead__th {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  width: 33.3333333333%;
  height: 30px;
  min-height: fit-content;
  font-weight: bold;
  line-height: 1;
  color: #b0b1b2;
  background: #f2f1ea;
  border-right: 1px dotted #b0b1b2;
  font-size: 1.2rem;
}
.u-dealStatus__tblThead__th:first-child {
  min-width: 80px !important;
  max-width: 80px !important;
  border-right: 1px solid #fff;
  border-radius: 6px 0 0 0;
}
.u-dealStatus__tblThead__th:last-child {
  border-right: none;
  border-radius: 0 6px 0 0;
}
.u-dealStatus__tblThead__th[data-type] [data-ifont] {
  position: relative;
  display: table;
  padding: 0 0 0 25px;
  color: #002aff;
}
.u-dealStatus__tblThead__th[data-type] [data-ifont]::before {
  position: absolute;
  top: 50%;
  z-index: 1;
  margin: -8px 0 0;
  color: #002aff;
  font-size: 1.6rem;
}
.u-dealStatus__tblThead__th[data-type=sample] [data-ifont]::before {
  left: 6px;
  content: "\f154";
}
.u-dealStatus__tblThead__th[data-type=estimate] [data-ifont]::before {
  left: 7px;
  content: "\f110";
}
.u-dealStatus__tblThead__th[data-type=file] [data-ifont]::before {
  left: 8px;
  content: "\f117";
}
.u-dealStatus__tblTbody {
  border-top: 1px solid #fff;
}
.u-dealStatus__tblTbody__th, .u-dealStatus__tblTbody__td {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
}
.u-dealStatus__tblTbody__th {
  min-width: 80px !important;
  max-width: 80px !important;
  font-weight: bold;
  line-height: 1;
  letter-spacing: 0;
  background: #f2f1ea;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  font-size: 1.4rem;
}
.u-dealStatus__tblTbody__td {
  flex-direction: column;
  justify-content: center;
  width: 33.3333333333%;
  background: #fff;
  border-top: 1px solid #f2f1ea;
  border-right: 1px dotted #b0b1b2;
  padding: 10px;
  gap: 8px;
}
.u-dealStatus__tblTbody__td:last-child {
  border-right: none;
}
.u-dealStatus__tblTbody .u-dealStatus__tblTr:first-child .u-dealStatus__tblTbody__th,
.u-dealStatus__tblTbody .u-dealStatus__tblTr:first-child .u-dealStatus__tblTbody__td {
  border-top: none;
}
.u-dealStatus__tblTbody .u-dealStatus__tblTr:last-child .u-dealStatus__tblTbody__th:first-child {
  border-radius: 0 0 0 6px;
}
.u-dealStatus__tblTbody .u-dealStatus__tblTr:last-child .u-dealStatus__tblTbody__td:last-child {
  border-radius: 0 0 6px 0;
}
.u-dealStatus__date {
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-end;
  justify-content: center;
  width: 100%;
  line-height: 1;
  text-align: center;
  letter-spacing: 0;
  font-size: 1.2rem;
}
.u-dealStatus__current {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.u-dealStatus__current > div {
  width: 100%;
}
.u-dealStatus__current > .text {
  font-weight: bold;
  line-height: 1;
  color: #b0b1b2;
  font-size: 1.6rem;
}
.u-dealStatus__current.is-unread > .text {
  color: #002aff;
}
.u-dealStatus__current .modalSample,
.u-dealStatus__current .modalFile {
  width: 100%;
  font-size: initial;
  font-weight: initial;
  line-height: initial;
  color: initial;
}
.u-dealStatus .u-dealStatus__btn {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  width: 100%;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  border-radius: 50px;
  padding: 8px 30px;
  font-size: 1.5rem;
}
.u-dealStatus .u-dealStatus__btn[data-color=blue] {
  background: #002aff;
}
.u-dealStatus .u-dealStatus__btn[data-color=blue]:hover, .u-dealStatus .u-dealStatus__btn[data-color=blue]:focus {
  box-shadow: 0 10px 20px rgba(0, 127, 255, 0.4);
}
.u-dealStatus .u-dealStatus__btn[data-color=red] {
  position: relative;
  padding: 8px 30px;
  background: #f00;
}
.u-dealStatus .u-dealStatus__btn[data-color=red]:hover, .u-dealStatus .u-dealStatus__btn[data-color=red]:focus {
  box-shadow: 0 10px 20px rgba(255, 0, 0, 0.4);
}
.u-dealStatus .u-dealStatus__btn[data-color=red]::before, .u-dealStatus .u-dealStatus__btn[data-color=red]::after {
  position: absolute;
  top: 50%;
  content: "";
  background: #fff;
}
.u-dealStatus .u-dealStatus__btn[data-color=red]::before {
  right: 17px;
  width: 14px;
  height: 2px;
  margin: -1px 0 0;
}
.u-dealStatus .u-dealStatus__btn[data-color=red]::after {
  right: 23px;
  width: 2px;
  height: 14px;
  margin: -7px 0 0;
}
.u-dealStatus__edit {
  position: relative;
  width: 100%;
}
.u-dealStatus__editBtn {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 8px 30px;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  border-radius: 50px;
  font-size: 1.5rem;
}
.u-dealStatus__editBtn[data-ifont]::before {
  position: absolute;
  top: 50%;
  right: 18px;
  margin: -8px 0 0;
  content: "\f12f";
  transition: 0.3s all ease;
  font-size: 1.2rem;
}
.u-dealStatus__editBtn[data-ifont] span {
  pointer-events: none;
}
.u-dealStatus__editBtn.is-active[data-ifont]::before {
  margin-top: -4px;
  transform: rotate(-180deg);
}
.u-dealStatus__editList {
  position: absolute;
  top: 50px;
  left: 0;
  z-index: 2;
  width: 100%;
  padding: 10px 0;
  margin: -5px 0 0;
  visibility: hidden;
  background: #fff;
  border-radius: 7px;
  box-shadow: 0 10px 20px rgba(0, 127, 255, 0.33);
  opacity: 0;
  transition: 0.3s all ease;
}
.u-dealStatus__editList.is-active {
  z-index: 10;
  margin-top: 0;
  visibility: initial;
  opacity: 1;
}
.u-dealStatus__editList__btn {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  width: 100%;
  height: 40px;
  padding: 0 10px 0 36px;
  font-weight: bold;
  line-height: 1;
  color: #292929;
  background: #fff;
  font-size: 1.6rem;
}
.u-dealStatus__editList__btn.is-selected {
  color: #fff;
}
.u-dealStatus__editList__btn.is-selected::before {
  position: absolute;
  top: 50%;
  left: 15px;
  width: 11px;
  height: 6px;
  margin: -4px 0 0;
  content: "";
  border-bottom: 1px solid #fff;
  border-left: 1px solid #fff;
  border-radius: 0;
  transform: rotate(-45deg);
}
.u-dealStatus__edit[data-color=red] .u-dealStatus__editBtn {
  background: #f00;
}
.u-dealStatus__edit[data-color=red] .u-dealStatus__editBtn:hover, .u-dealStatus__edit[data-color=red] .u-dealStatus__editBtn:focus {
  box-shadow: 0 10px 20px rgba(255, 0, 0, 0.4);
}
.u-dealStatus__edit[data-color=red] .u-dealStatus__editList__btn:hover, .u-dealStatus__edit[data-color=red] .u-dealStatus__editList__btn:focus {
  color: #fff;
  background: #f00;
}
.u-dealStatus__edit[data-color=red] .u-dealStatus__editList__btn.is-selected {
  background: #f00;
}
.u-dealStatus__edit[data-color=blue] .u-dealStatus__editBtn {
  background: #002aff;
}
.u-dealStatus__edit[data-color=blue] .u-dealStatus__editBtn:hover, .u-dealStatus__edit[data-color=blue] .u-dealStatus__editBtn:focus {
  box-shadow: 0 10px 20px rgba(0, 127, 255, 0.4);
}
.u-dealStatus__edit[data-color=blue] .u-dealStatus__editList__btn:hover, .u-dealStatus__edit[data-color=blue] .u-dealStatus__editList__btn:focus {
  color: #fff;
  background: #002aff;
}
.u-dealStatus__edit[data-color=blue] .u-dealStatus__editList__btn.is-selected {
  background: #002aff;
}
.u-dealStatus__choose {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-end;
  margin: 20px 0 0;
}
.u-dealStatus__chooseSelect {
  width: 100%;
  max-width: 320px;
}
.u-dealStatus__chooseSelect .m-frmSelect__listItem__btn span {
  pointer-events: none;
}
.u-dealStatus__chooseSubmit {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  width: 80px;
  height: 35px;
  margin: 0 0 0 10px;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  background: #002aff;
  border-radius: 50px;
  font-size: 1.2rem;
}
.u-dealStatus__chooseSubmit[disabled] {
  pointer-events: none;
  background: #b0b1b2;
}
.u-dealStatus__chooseSubmit:hover, .u-dealStatus__chooseSubmit:focus {
  box-shadow: 0 10px 20px rgba(139, 142, 144, 0.4);
}
.u-dealStatus__file {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 30px;
  min-height: fit-content;
  border-top: 1px dotted #b0b1b2;
}
.u-dealStatus__file + .u-dealStatus__file {
  border-top: none;
}
.u-dealStatus__fileWrap {
  position: relative;
  width: 100%;
}
.u-dealStatus__fileWrap .u-dealStatus__file {
  padding-left: 30px;
}
.u-dealStatus__fileInfo {
  position: absolute;
  top: 35px;
  left: 100px;
  z-index: -1;
  width: 371px;
  height: 0;
  padding: 25px;
  margin: -5px 0 0;
  overflow: hidden;
  visibility: hidden;
  background: #fff;
  border-radius: 7px;
  box-shadow: 0 20px 30px rgba(0, 42, 255, 0.2);
  opacity: 0;
  transition: 0.3s all ease;
}
.u-dealStatus__fileInfo.is-active {
  z-index: 10;
  height: auto;
  margin-top: 0;
  overflow: visible;
  visibility: visible;
  opacity: 1;
}
.u-dealStatus__fileInfo__hdg {
  position: relative;
  padding: 0 0 0 20px;
  font-weight: bold;
  line-height: 1;
  color: #002aff;
}
.u-dealStatus__fileInfo__hdg[data-ifont]::before {
  position: absolute;
  top: 50%;
  left: 1px;
  margin: -8px 0 0;
  content: "\f115";
  font-size: 1.6rem;
}
.u-dealStatus__fileInfo__list {
  margin: 15px 0 0;
}
.u-dealStatus__fileInfo__listItem {
  display: flex;
  flex-wrap: nowrap;
  margin: 10px 0 0;
}
.u-dealStatus__fileInfo__listItem:first-child {
  margin-top: 0;
}
.u-dealStatus__fileInfo__listItem__ttl, .u-dealStatus__fileInfo__listItem__txt {
  line-height: 1.5;
}
.u-dealStatus__fileInfo__listItem__ttl {
  min-width: 70px;
  max-width: 70px;
  font-weight: bold;
  color: #6f6f6f;
  font-size: 1.2rem;
}
.u-dealStatus__fileInfo__listItem__txt {
  margin: 0 0 0 20px;
  font-size: 1.4rem;
}
.u-dealStatus__link {
  display: block;
  max-width: 80%;
  min-height: 16px;
  margin: 0 -20px;
  overflow: hidden;
  font-weight: bold;
  line-height: 1.3;
  color: #002aff;
  text-align: center;
  text-decoration: underline;
  letter-spacing: 0;
  font-size: 1.4rem;
}
.u-dealStatus__link:hover, .u-dealStatus__link:focus {
  text-decoration: none;
}
.u-dealStatus__link[data-ifont] {
  position: relative;
}
.u-dealStatus__link[data-ifont]::before {
  position: absolute;
  top: 50%;
  left: 1px;
  margin: -8px 0 0;
  font-size: 1.6rem;
}
.u-dealStatus__link[data-ifont] span {
  position: relative;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  padding: 0 0 0 22px;
  pointer-events: none;
}
.u-dealStatus__link[data-type=txt][data-ifont]::before {
  content: "\f115";
}
.u-dealStatus__link[data-type=pdf][data-ifont]::before {
  content: "\f125";
}
.u-dealStatus__link.is-readonly {
  color: inherit;
  text-decoration: none;
}
.u-dealStatus__link.is-unread span {
  padding-right: 20px;
}
.u-dealStatus__link.is-unread span::after {
  position: absolute;
  top: 50%;
  right: 0;
  width: 14px;
  height: 14px;
  margin: -7px 0 0;
  content: "";
  background: #f00;
  border-radius: 50%;
}
.u-dealStatus__transfer {
  position: absolute;
  top: calc(50% - 9px);
  left: 20px;
  z-index: 1;
  width: 17px;
  height: 17px;
}
.u-dealStatus__transfer[data-ifont]::before {
  color: #002aff;
  content: "\f15e";
}
.u-deal .u-dealButton {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 264px;
  height: 50px;
  margin: 12px 0 0;
  font-weight: bold;
  color: #fff;
  border-radius: 25px;
  font-size: 1.6rem;
}
.u-deal .u-dealButton::before, .u-deal .u-dealButton::after {
  position: absolute;
  top: 50%;
  content: "";
  background: #fff;
}
.u-deal .u-dealButton::before {
  right: 17px;
  width: 14px;
  height: 2px;
  margin: -1px 0 0;
}
.u-deal .u-dealButton::after {
  right: 23px;
  width: 2px;
  height: 14px;
  margin: -7px 0 0;
}
.u-deal .u-dealButton[data-role=s] {
  background-color: #2dd3cf;
}
.u-deal .u-dealButton[data-role=s]:hover, .u-deal .u-dealButton[data-role=s]:focus {
  box-shadow: 0 10px 20px rgba(49, 191, 186, 0.4);
}
.u-dealChat {
  display: flex;
  flex-direction: column;
  height: 900px;
}
.u-dealChat__head {
  display: flex;
  flex-shrink: 0;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 75px;
  color: #fff;
  border-radius: 7px 7px 0 0;
}
.u-dealChat__head[data-role=b] {
  background: #ff7600;
}
.u-dealChat__head[data-role=s] {
  background: #2dd3cf;
}
.u-dealChat__head.is-disabled {
  color: #b0b1b2;
  background: #ced2d5;
}
.u-dealChat__foot {
  flex-shrink: 0;
  min-height: 115px;
  padding: 10px;
  border-top: 1px solid #ced2d5;
}
.u-dealChat__hdgName, .u-dealChat__hdgMember {
  display: block;
  line-height: 1;
  text-align: center;
}
.u-dealChat__hdgName {
  font-weight: bold;
  font-size: 2rem;
}
.u-dealChat__hdgName[data-role=b] [data-ifont], .u-dealChat__hdgName[data-role=s] [data-ifont] {
  position: relative;
  padding: 0 0 0 32px;
}
.u-dealChat__hdgName[data-role=b] [data-ifont]::before, .u-dealChat__hdgName[data-role=s] [data-ifont]::before {
  position: absolute;
  top: 50%;
  left: 0;
  margin: -14px 0 0;
  font-size: 2.6rem;
}
.u-dealChat__hdgName[data-role=b] [data-ifont]::before {
  content: "\f11a";
}
.u-dealChat__hdgName[data-role=s] [data-ifont]::before {
  content: "\f139";
}
.u-dealChat__hdgMember {
  margin: 10px 0 0;
  font-weight: normal;
  font-size: 1.2rem;
}
.u-dealChat__body {
  position: relative;
  flex-grow: 1;
  max-height: 710px;
  padding: 35px 20px;
  overflow-y: auto;
}
.u-dealChat__date {
  display: table;
  height: 35px;
  padding: 10px 15px;
  margin: 0 auto;
  line-height: 1;
  color: #585858;
  background: #f2f1ea;
  border-radius: 17px;
  font-size: 1.2rem;
}
.u-dealChat__date + * {
  margin-top: 30px !important;
}
.u-dealChat__comment {
  position: relative;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: flex-start;
  padding: 0 0 0 120px;
}
.u-dealChat__post[data-type=self] .u-dealChat__comment {
  align-items: flex-end;
}
.u-dealChat__state {
  margin: 30px 0 0;
  line-height: 1;
  text-align: center;
  font-size: 1.4rem;
}
.u-dealChat__state + .u-dealChat__date {
  margin-top: 30px;
}
.u-dealChat__head-note {
  margin: 30px 0 0;
  font-size: 1.2rem;
}
.u-dealChat__info {
  position: absolute;
  bottom: 0;
  left: -40px;
  display: flex;
  flex-direction: column;
}
.u-dealChat__time, .u-dealChat__read, .u-dealChat__delete {
  display: block;
  line-height: 1;
  color: #8b8e90;
  text-align: right;
  letter-spacing: 0.02em;
  font-size: 1rem;
}
.u-dealChat__time {
  order: 2;
  margin: 5px 0 0;
}
.u-dealChat__read {
  order: 1;
}
.u-dealChat__delete {
  position: absolute;
  bottom: 0;
  left: -15px;
  background: none;
}
.u-dealChat__delete[data-ifont]::before {
  color: #8b8e90;
  content: "\f157";
  font-size: 1.4rem;
}
.u-dealChat__delete[data-ifont] span {
  position: absolute;
  z-index: -1;
}
.u-dealChat__name {
  position: absolute;
  top: 0;
  left: 60px;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  height: 23px;
  line-height: 1;
  color: #585858;
  font-size: 1.4rem;
}
.no-icon .u-dealChat__name {
  display: none;
}
.u-dealChat__icon {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  line-height: 1;
  color: #fff;
  letter-spacing: 0.22em;
  border-radius: 50%;
}
.u-dealChat__icon[data-type=txt] {
  background: #6f6f6f;
  font-size: 1.3rem;
}
.u-dealChat__icon[data-type=txt] span {
  position: relative;
  left: 1px;
  border-radius: 50%;
}
.u-dealChat__icon[data-type=img] img {
  width: 50px;
  height: 50px;
  object-fit: cover;
  border-radius: 50%;
}
.no-icon .u-dealChat__icon {
  display: none;
}
.u-dealChat__icon:hover .u-dealProfile, .u-dealChat__icon:focus .u-dealProfile {
  z-index: 100;
  margin: 0;
  visibility: visible;
  opacity: 1;
}
.u-dealChat__detail {
  position: relative;
  max-width: 330px;
}
.u-dealChat__stamp-list {
  margin-top: 0.75rem;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-wrap: wrap;
  gap: 4px;
}
.u-dealChat__stamp-list__item button {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 2px 4px;
  background-color: #F8F8F8;
  border: 2px solid transparent;
  border-radius: 4px;
  transition: border-color 250ms ease;
  pointer-events: none;
}
.u-dealChat__stamp-list__item button img {
  display: block;
  width: 24px;
  flex-basis: auto;
  flex-grow: 1;
  flex-shrink: 0;
}
.u-dealChat__stamp-list__item button span {
  color: #6F6F6F;
  font-weight: 700;
  font-size: 0.8rem;
  flex-basis: auto;
  flex-grow: 1;
  flex-shrink: 0;
}
.u-dealChat__stamp-list__item button.active {
  border-color: #e0e6fa;
  pointer-events: auto;
}
.u-dealChat__stamp-tooltip {
  padding: 1rem;
  border-radius: 0.5rem;
  font-weight: 700;
  font-size: 10px;
  max-width: 300px;
  box-shadow: 0px 20px 40px -10px rgba(0, 0, 0, 0.2);
}
.u-dealChat__stamp-tooltip--cancel {
  background-color: #FFF;
  color: #292929;
}
.u-dealChat__stamp-tooltip--user {
  background-color: #FFF;
  color: #292929;
}
.u-dealChat__dl {
  margin-top: 3px;
  color: #292929;
  font-size: 1rem;
}
.u-dealChat__mention {
  display: inline-block;
  color: #002aff;
}
.u-dealChat__link {
  display: block;
  color: #002aff;
  text-decoration: underline;
}
.u-dealChat__link:hover, .u-dealChat__link:focus {
  text-decoration: none;
}
.u-dealChat__text {
  padding: 18px 16px;
  background: #e0e6fa;
  border-radius: 15px 15px 0 15px;
  font-size: 1.4rem;
}
.u-dealChat__text .u-dealFile__listItem__data {
  display: block;
  margin-top: 20px;
}
.u-dealChat__text .u-dealFile__listItem__data:first-child {
  margin-top: 0;
}
.u-dealChat__post {
  position: relative;
  margin: 30px 0 0;
}
.u-dealChat__post.is-mtSmall {
  margin-top: 10px;
}
.u-dealChat__post.is-mtSmall .u-dealChat__comment {
  padding-top: 0 !important;
}
.u-dealChat__post.no-icon {
  margin-top: 10px;
}
.u-dealChat__post.no-icon .u-dealChat__comment {
  padding-top: 0 !important;
}
.u-dealChat__post:empty {
  display: none;
}
.u-dealChat__post + .u-dealChat__date {
  margin-top: 30px;
}
.u-dealChat__post > * {
  margin-top: 10px;
}
.u-dealChat__post > *:first-child {
  margin-top: 0;
}
.u-dealChat__post[data-type=other] .u-dealChat__comment {
  justify-content: flex-start;
  padding: 30px 60px 0 60px;
}
.u-dealChat__post[data-type=other] .u-dealChat__comment.is-ptZero {
  padding-top: 0;
}
.u-dealChat__post[data-type=other] .u-dealChat__comment + .u-dealChat__comment {
  padding-top: 0;
}
.u-dealChat__post[data-type=other] .u-dealChat__text {
  background: #f7f7f7;
  border-radius: 0 15px 15px 15px;
}
.u-dealChat__post[data-type=other] .u-dealChat__info {
  right: -40px;
  left: inherit;
}
.u-dealChat__post[data-type=other] .u-dealChat__stamp-list {
  justify-content: flex-start;
}
.u-dealChat__post[data-type=other][data-color=i_s] .u-dealChat__text {
  background: rgba(0, 215, 208, 0.2);
}
.u-dealChat__post[data-type=other][data-color=i_s] .u-dealChat__stamp-list__item button.active {
  border-color: rgba(0, 215, 208, 0.2) !important;
}
.u-dealChat__post[data-type=other][data-color=i_b] .u-dealChat__text {
  background: rgba(255, 119, 0, 0.2);
}
.u-dealChat__post[data-type=other][data-color=i_b] .u-dealChat__text .is-undisclosed {
  font-weight: bold;
  color: #002aff;
}
.u-dealChat__post[data-type=other][data-color=i_b] .u-dealChat__stamp-list__item button.active {
  border-color: rgba(255, 119, 0, 0.2) !important;
}
.u-dealChat__post:not(:first-child) .u-dealChat__date {
  margin-top: 30px;
}
.u-dealGrid[data-role=s] .u-dealChat__post[data-color=s] .u-dealChat__text {
  background: #e0e6fa;
}
.u-dealGrid[data-role=b] .u-dealChat__post[data-color=b] .u-dealChat__text {
  background: #e0e6fa;
}
.u-dealChat__inner > *:first-child {
  margin-top: 0;
}
.u-dealChat.is-disabled {
  box-shadow: none;
}
.u-dealChat.is-disabled .u-dealChat__head {
  color: #b0b1b2;
  background: #ced2d5;
}
.u-dealChat.is-disabled .u-dealChat__foot {
  display: none;
}
.u-dealChat.is-disabled .u-dealButton {
  margin: 30px auto 0;
}
.u-dealChat__sub {
  margin-top: 10px;
  font-size: 1.4rem;
}
.u-dealChat__reaction__icon {
  width: 20px;
  height: auto;
}
.u-dealChat__reaction__icon path {
  transition: fill 250ms ease;
}
.u-dealChat__reaction__icon:hover path {
  fill: #002AFF;
}
.u-dealChat__reaction-content {
  display: grid;
  grid-template-columns: repeat(3, minmax(0px, 1fr));
  gap: 1rem;
  padding: 1.5rem;
  background-color: #FFFFFF;
  border-radius: 0.5em;
  box-shadow: 0px 20px 40px -10px rgba(0, 0, 0, 0.2);
}
@media (max-width: 767px) {
  .u-dealChat__reaction-content {
    padding: 1rem;
  }
}
.u-dealChat__reaction-content[data-state=open][data-side=top] {
  animation-name: slideDownAndFade;
}
.u-dealChat__reaction-content[data-state=open][data-side=right] {
  animation-name: slideLeftAndFade;
}
.u-dealChat__reaction-content[data-state=open][data-side=bottom] {
  animation-name: slideUpAndFade;
}
.u-dealChat__reaction-content[data-state=open][data-side=left] {
  animation-name: slideRightAndFade;
}
.u-dealChat__reaction-content__selection {
  padding: 2px;
}
.u-dealChat__reaction-content__selection.active {
  border: 1px solid rgba(45, 211, 207, 0.5);
  border-radius: 4px;
}
.u-dealChat__reaction-content__selection img {
  width: 35px;
}
@media (max-width: 767px) {
  .u-dealChat__reaction-content__selection img {
    width: 25px;
  }
}
.u-dealChat__reaction-content__selection p {
  font-size: 10px;
}
@media (max-width: 767px) {
  .u-dealChat__reaction-content__selection p {
    font-size: 8px;
  }
}
.u-dealChat__reaction-content__selection:hover p {
  color: #002AFF;
}
.u-dealPost__utility {
  position: relative;
  top: 2px;
  left: 5px;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
}
.u-dealPost__utility.is-fileSelect {
  display: block;
  margin-bottom: 30px;
}
.u-dealPost__utilityItem {
  position: relative;
  margin: 0 0 0 5px;
}
.u-dealPost__utilityItem.is-mentionSet {
  display: flex;
  align-items: center;
}
.u-dealPost__utilityItem:first-child {
  margin-left: 0;
}
.u-dealPost__utilityItem__btn {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  width: 30px;
  min-height: 30px;
  overflow: hidden;
  color: #b0b1b2;
  cursor: pointer;
  background: none;
}
.u-dealPost__utilityItem__btn[data-ifont] span {
  position: absolute;
  z-index: -1;
}
.u-dealPost__utilityItem__btn[data-type=address][data-ifont]::before {
  content: "\f111";
  font-size: 1.8rem;
}
.u-dealPost__utilityItem__btn[data-type=upload] {
  width: auto;
}
.u-dealPost__utilityItem__btn[data-type=upload][data-ifont] input[type=file] {
  display: none;
}
.u-dealPost__utilityItem__btn[data-type=upload][data-ifont]::before {
  min-width: 30px;
  text-align: center;
  content: "\f156";
  font-size: 1.6rem;
}
.u-dealPost__utilityItem__btn[data-type=delete][data-ifont]::before {
  color: #b0b1b2;
  content: "\f157";
  font-size: 1.4rem;
}
.is-mentionSet .u-dealPost__utilityItem__btn {
  color: #002aff;
}
.u-dealPost__utilityItem__txt {
  margin: 0 0 0 10px;
  color: #292929;
  font-size: 1.4rem;
}
.is-mentionSet .u-dealPost__utilityItem__txt {
  margin-left: 0;
  color: #002aff;
}
.u-dealPost__utilityItem__type {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
  border: 1px solid #808080;
  border-radius: 5px;
  color: #808080;
  padding: 2px 4px;
  margin-left: 4px;
  font-size: 1rem;
}
@media (max-width: 587px) {
  .u-dealPost__utilityItem__type {
    flex-basis: auto;
    flex-shrink: 0;
    flex-grow: 1;
  }
}
.u-dealPost__utilityItem__type[data-type=estimate]::before {
  display: block;
  content: "\f110";
}
.u-dealPost__utilityItem__type[data-type=information]::before {
  display: block;
  content: "\f117";
}
.u-dealPost__utilityItem__subTxt {
  margin: 0 10px 0 10px;
  font-size: 1.2rem;
}
.u-dealPost__utilityItem__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border: solid 1px #e1e2e3;
}
.u-dealPost__utilityItem__icon[data-type=photo]::before {
  font-size: 2rem;
  color: #b0b1b2;
  content: "\f13a";
}
.u-dealPost__utilityItem__icon[data-type=file]::before {
  font-size: 2rem;
  color: #b0b1b2;
  content: "\f142";
}
.u-dealPost__utilityItem__icon[data-type=pdf]::before {
  font-size: 2rem;
  color: #b0b1b2;
  content: "\f125";
}
.u-dealPost__utilityItem__imgPreview {
  width: 40px;
  aspect-ratio: 4/3;
  object-fit: cover;
  object-position: center;
}
.u-dealPost__utilityItem .u-uploadForm {
  margin-right: 10px;
  display: flex;
  gap: 16px;
}
@media (max-width: 767px) {
  .u-dealPost__utilityItem .u-uploadForm {
    flex-direction: column;
  }
}
.u-dealPost__utilityItem .u-uploadFormuploadForm__label {
  display: flex;
  gap: 20px;
  align-items: center;
}
.u-dealPost__utilityItem .u-uploadForm__area {
  flex-grow: 1;
  padding-inline: 15px;
}
.u-dealPost__utilityItem .u-uploadForm__txt {
  margin: 0;
  line-height: 2;
  white-space: nowrap;
}
.u-dealPost__utilityItem .u-uploadForm__txt span {
  display: block;
}
.u-dealPost__utilityItem .u-uploadForm__subTxt span {
  color: #002aff;
  text-decoration: underline;
}
.u-dealPost__mention {
  position: absolute;
  top: 0;
  z-index: 999;
  width: 226px;
  max-height: 214px;
  background: #fff;
  border-radius: 7px;
  box-shadow: 0 10px 20px rgba(0, 98, 255, 0.4);
  transform: translateY(-100%);
}
.u-dealPost__mention__list {
  height: inherit;
  padding: 16px 0;
  overflow-y: auto;
  overscroll-behavior-y: contain;
}
.u-dealPost__mention__user {
  display: grid;
  grid-template-rows: 1fr auto;
  grid-template-columns: 36px 1fr;
  grid-row-gap: 0;
  grid-column-gap: 16px;
  width: 100%;
  padding: 6px 18px;
  background-color: #fff;
}
.u-dealPost__mention__user:hover {
  background-color: #f5f7ff;
}
.u-dealPost__mention__userIcon {
  grid-area: 1/1/3/2;
  align-self: center;
  width: 36px;
  height: 36px;
  overflow: hidden;
  border-radius: 100%;
}
.u-dealPost__mention__userIcon[data-type=txt] {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  background: #707070;
  font-size: 1.2rem;
}
.u-dealPost__mention__userIcon[data-type=txt] span {
  position: relative;
  left: 1px;
}
.u-dealPost__mention__userName {
  grid-area: 1/2/2/3;
  line-height: 1.44;
  text-align: left;
  font-size: 1.4rem;
}
.u-dealPost__mention__userCompany {
  grid-area: 2/2/3/3;
  text-align: left;
  font-size: 1rem;
}
.u-dealPost__message {
  display: flex;
  position: relative;
  min-height: 40px;
  padding: 0 0 0 10px;
  margin: 10px 0 0;
}
.u-dealPost__messageArea {
  flex-shrink: 0;
  flex-grow: 1;
  flex-basis: auto;
}
.u-dealPost__messageArea textarea {
  width: calc(100% - 16px);
  min-height: 50px;
  max-height: 256px;
  line-height: 1.6;
  resize: none;
  outline: none;
}
.u-dealPost__messageArea textarea::placeholder {
  font-size: 1.2rem;
}
.u-dealPost__messageArea[data-type=chat] .u-dealPost__utilityItem__icon {
  color: #FF0000;
  border-color: #FF0000;
}
.u-dealPost__messageArea[data-type=chat] .u-dealPost__utilityItem__icon::before {
  color: #FF0000;
}
.u-dealPost__messageArea[data-type=chat] .u-dealPost__utilityItem__txt {
  color: #FF0000;
}
.u-dealPost__messageArea[data-type=chat] .u-dealPost__utilityItem__type {
  border-color: #FF0000;
  color: #FF0000;
}
.u-dealPost__messageImg {
  display: flex;
  align-items: center;
}
.u-dealPost__messageImg:nth-of-type(n + 2) {
  margin-top: 5px;
}
.u-dealPost__messageImg .img {
  width: 60px;
  height: 60px;
  object-fit: contain;
}
.u-dealPost__messageImgClose {
  position: absolute;
  top: -8px;
  right: -8px;
  width: 28px;
  height: 28px;
  overflow: hidden;
  text-indent: -999em;
  background: #292929;
  border: 2px solid #fff;
  border-radius: 100%;
}
.u-dealPost__messageImgClose::before, .u-dealPost__messageImgClose::after {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 16px;
  height: 2px;
  margin: -1px 0 0 -8px;
  content: "";
  background: #fff;
  border-radius: 15px;
}
.u-dealPost__messageImgClose::before {
  transform: rotate(-45deg);
}
.u-dealPost__messageImgClose::after {
  transform: rotate(-135deg);
}
.u-dealPost__messageSubmit {
  width: 50px;
  height: 50px;
  margin-right: 10px;
  align-self: flex-start;
  overflow: hidden;
  color: transparent;
  border: 2px solid #002aff;
  border-radius: 50%;
}
.u-dealPost__messageSubmit:disabled {
  pointer-events: none;
  background-color: #b0b1b2 !important;
  border: 2px solid #b0b1b2;
}
.u-dealPost__messageSubmit:disabled::before {
  color: #fff !important;
  background: #b0b1b2;
}
.u-dealPost__messageSubmit.is-memo {
  background-image: url("/assets/user/img/common/ico_upload.svg");
  background-repeat: no-repeat;
  background-position: center;
}
.u-dealPost__messageSubmit.is-memo::before {
  content: none !important;
}
.u-dealPost__messageSubmit:hover, .u-dealPost__messageSubmit:focus {
  box-shadow: 0 10px 20px rgba(0, 127, 255, 0.4);
}
.u-dealPost__messageSubmit[data-ifont]::before {
  position: absolute;
  top: 0;
  left: 2px;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  content: "\f138";
  font-size: 1.4rem;
}
.u-dealPost__messageSubmit[data-type=chat] {
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  width: fit-content;
  height: auto;
  color: #fff;
  padding: 1rem 2rem;
  gap: 1rem;
  border-radius: 2em;
  border-color: #FF0000;
  background-color: #FF0000;
}
.u-dealPost__messageSubmit[data-type=chat]:disabled {
  border-color: #b0b1b2;
}
.u-dealPost__messageSubmit[data-type=chat]::before {
  position: relative;
  width: auto;
  height: auto;
}
.u-dealPost__messageSubmit[data-type=file] {
  background-color: #002aff;
}
.u-dealPost__messageSubmit[data-type=file]::before {
  color: #fff;
}
.u-deal .u-dealStatus__current .u-dealButton {
  margin-top: 0;
  font-size: 2.5rem;
}

@media screen and (max-width: 1440px) {
  .u-dealInfo__layout {
    padding: 60px 20px;
  }
}
@media screen and (min-width: 768px) {
  .u-dealMember__listLength {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .u-deal {
    margin: -24px 0 114px;
  }
  .u-dealTab {
    display: block;
    margin: 50px -20px;
  }
  .u-dealTab__list {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
  }
  .u-dealTab__listItem {
    width: auto;
  }
  .u-dealTab__listBtn {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    font-weight: bold;
    line-height: 1;
    color: #fff;
    opacity: 0.4;
    transition: 0.3s all ease;
    font-size: 0rem;
  }
  .u-dealTab__listBtn .u-dealChat__hdgMember {
    font-size: 0rem;
  }
  .u-dealTab__listBtn span {
    pointer-events: none;
  }
  .u-dealTab__listBtn[data-role=b] [data-ifont], .u-dealTab__listBtn[data-role=s] [data-ifont] {
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 0 0 0 32px;
  }
  .u-dealTab__listBtn[data-role=b] [data-ifont]::before, .u-dealTab__listBtn[data-role=s] [data-ifont]::before {
    position: absolute;
    top: 50%;
    left: 5px;
    margin: -14px 0 0;
    font-size: 2.6rem;
  }
  .u-dealTab__listBtn[data-role=b] {
    background: #ff7600;
  }
  .u-dealTab__listBtn[data-role=b] [data-ifont]::before {
    content: "\f11a";
  }
  .u-dealTab__listBtn[data-role=s] {
    background: #2dd3cf;
  }
  .u-dealTab__listBtn[data-role=s] [data-ifont]::before {
    content: "\f139";
  }
  .u-dealTab__listBtn[data-role=s].is-disabled {
    color: #b0b1b2;
    background: #ced2d5;
  }
  .u-dealTab__listBtn.is-current {
    width: calc(100vw - 56px);
    pointer-events: none;
    opacity: 1;
    font-size: 1.4rem;
  }
  .u-dealTab__listBtn.is-current .u-dealChat__hdgMember {
    font-size: 1.2rem;
  }
  .u-dealTab__listBtn.is-current [data-ifont]::before {
    left: -5px;
  }
  .u-dealButton {
    display: none;
  }
  .u-dealInfo {
    position: fixed;
    right: 0;
    bottom: 80px;
    left: 0;
    z-index: 1999;
    background: transparent;
    box-shadow: 0 0 10px rgba(203, 205, 206, 0.4);
    transition: bottom 0.3s ease;
  }
  .u-dealInfo::after {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    display: block;
    pointer-events: none;
    visibility: hidden;
    content: "";
    background: #000;
    opacity: 0;
    transition: opacity 0.3s, visibility 0.3s;
  }
  .u-dealInfo::before {
    display: none;
  }
  .u-dealInfo__layout {
    position: relative;
    z-index: 1;
    flex-direction: column;
    min-height: 100%;
    padding: 76px 20px 12px;
    overflow: hidden !important;
    background: #fff;
  }
  .is-active .u-dealInfo__layout {
    overflow: auto !important;
  }
  .u-dealInfo__layoutMember {
    order: 0;
    min-width: inherit;
    max-width: inherit;
    margin: 0;
  }
  .u-dealInfo__toggle {
    top: -21px;
    bottom: auto;
    width: 42px;
    height: 42px;
    margin: 0 0 0 -21px;
    background: transparent;
    box-shadow: none !important;
    transition: none;
  }
  .u-dealInfo__toggle > span {
    z-index: 0;
    width: 42px;
    height: 42px;
    color: transparent;
    pointer-events: none;
    background: transparent;
    border-radius: 100%;
  }
  .u-dealInfo__toggle > span::before {
    z-index: 1;
    margin: -15px 0 0 -7px !important;
    transform: rotate(0deg) !important;
  }
  .is-active .u-dealInfo__toggle > span::before {
    margin: -9px 0 0 -9px !important;
    transform: rotate(180deg) !important;
  }
  .u-dealInfo__toggle > span::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
    display: block;
    clip-path: polygon(-50% 0%, 200% -100%, 150% 50%, -50% 50%);
    content: "";
    background: #fff;
    filter: drop-shadow(0 -5px 3px rgba(203, 205, 206, 0.4));
    border-radius: 100%;
  }
  .u-dealInfo__inner {
    position: relative;
    z-index: 1;
    height: 74px !important;
    overflow: hidden !important;
    background: transparent;
    transition: height 0.3s ease;
  }
  .u-dealInfo.is-active {
    bottom: 0;
  }
  .u-dealInfo.is-active::after {
    visibility: visible;
    opacity: 0.4;
  }
  .u-dealInfo.is-active .u-dealInfo__inner {
    height: 100dvh !important;
    padding-top: 112px;
    overflow: auto !important;
  }
  .u-dealInfo.is-active .u-dealInfo__toggle {
    top: 91px;
  }
  .u-dealInfo.is-active .u-dealInfo__toggle::before {
    position: absolute;
    right: 0;
    bottom: 20px;
    left: 0;
    z-index: 1000;
    display: block;
    height: 80px;
    content: "";
  }
  .u-dealInfo__layoutState {
    margin: 0;
  }
  .u-dealIteminfo {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    order: 3;
    padding: 12px 20px;
    margin: 0;
  }
  .u-dealIteminfo__inner {
    min-height: 50px;
    padding-left: 64px;
  }
  .u-dealIteminfo__hdg {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    min-height: 40px;
    overflow: hidden;
    line-height: 1.4;
    font-size: 1.4rem;
  }
  .u-dealIteminfo__txt {
    display: none;
    margin-left: -70px;
    font-size: 1.2rem;
  }
  .u-dealIteminfo__img img {
    width: 55px;
    height: 42px;
  }
  .u-dealIteminfo__noImg-ttl {
    width: 55px;
    height: 42px;
  }
  .u-dealIteminfo__noImg-name {
    font-size: 1rem;
    line-height: 1;
  }
  .u-dealChat {
    height: auto;
    max-height: calc(100vh - 80px);
    border-radius: 0;
  }
  .u-dealChat__head {
    height: 56px;
    color: #fff;
    border-radius: 0;
  }
  .u-dealChat__hdg .u-dealChat__hdgName {
    font-size: 1.6rem;
  }
  .u-dealChat__hdg .u-dealChat__hdgName[data-role=b] [data-ifont]::before, .u-dealChat__hdg .u-dealChat__hdgName[data-role=s] [data-ifont]::before {
    margin-top: -2px;
  }
  .u-dealChat__body {
    position: relative;
    height: auto;
    max-height: inherit;
    padding: 18px 20px 30px;
  }
  .u-dealChat__name {
    left: 43px;
    font-size: 1.2rem;
  }
  .u-dealChat__icon {
    width: 30px;
    height: 30px;
  }
  .u-dealChat__icon[data-type=txt] {
    font-size: 1rem;
  }
  .u-dealChat__icon[data-type=img] img {
    width: 30px;
    height: 30px;
  }
  .u-dealChatProfile {
    padding: 20px;
  }
  .u-dealChatProfile__name {
    font-size: 1.4rem;
  }
  .u-dealChatProfile__list {
    margin: 12px 0 -12px;
  }
  .u-dealChatProfile__listTtl, .u-dealChatProfile__listTxt {
    margin-bottom: 12px;
  }
  .u-dealChat__post[data-type=other] .u-dealChat__comment {
    padding-left: 36px;
  }
  .u-dealChat__post.is-mtSmall {
    margin-top: 4px;
  }
  .u-dealChat__text {
    padding: 12px;
    font-size: 1.3rem;
  }
  .u-dealChat__info {
    bottom: 8px;
  }
  .u-dealChat__sub {
    padding: 0 10px;
    font-size: 1rem;
  }
  .u-dealProfile, .u-dealMember__Memo {
    position: fixed;
    top: 50% !important;
    right: 20px;
    left: 20px;
    width: auto;
    min-width: initial;
    height: fit-content;
    padding: 12px;
    transform: translateY(-50%);
  }
  .u-dealProfile__listTtl:not(:has(~ .u-dealProfile__listTtl)), .u-dealMember__Memo__listTtl:not(:has(~ .u-dealProfile__listTtl)) {
    padding-bottom: 20px;
  }
  .u-dealProfile__listTxt, .u-dealMember__Memo__listTxt {
    white-space: normal;
  }
  .u-dealProfile__listTxt:not(:has(~ .u-dealProfile__listTxt)), .u-dealMember__Memo__listTxt:not(:has(~ .u-dealProfile__listTxt)) {
    padding-bottom: 20px;
  }
  .u-dealMember {
    display: flex;
    flex-wrap: nowrap;
    gap: 0 7px;
    margin: 0;
  }
  .u-dealMember__segment {
    flex: 1;
    margin: 0;
  }
  .u-dealMember__segment--contact {
    margin-top: 25px;
  }
  .u-dealMember__list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0 2px;
    max-width: 107px;
    margin: 6px 0 0;
  }
  .u-dealMember__listItem {
    min-width: inherit;
    max-width: 34px;
    margin: 0;
  }
  .u-dealMember__listItem__icon {
    min-width: inherit;
    max-width: 34px;
    min-height: 34px;
    max-height: 34px;
  }
  .u-dealMember__listItem__icon[data-type=txt] {
    font-size: 1rem;
  }
  .u-dealMember__listItem__icon[data-type=img] img {
    width: 34px;
    height: 34px;
  }
  .u-dealMember__listItem__btn {
    min-width: 34px;
    max-width: 34px;
    min-height: 34px;
    max-height: 34px;
    font-size: 1rem;
  }
  .u-dealMember__listItem .u-dealMember__listItem__btn {
    min-width: 34px;
    max-width: 34px;
    min-height: 34px;
    max-height: 34px;
    padding-bottom: 6px;
    font-size: 1rem;
  }
  .u-dealMember__listItem .u-dealMember__listItem__btn::before {
    top: 6px;
    height: 10px;
    margin: 0 0 0 -1px;
  }
  .u-dealMember__listItem .u-dealMember__listItem__btn::after {
    top: 10px;
    width: 10px;
    margin: 0 0 0 -5px;
  }
  .u-dealMember__listItem__name {
    font-size: 1rem;
  }
  .is-shortening .u-dealMember__listItem:nth-child(2) {
    pointer-events: none;
    opacity: 0;
  }
  .is-shortening .u-dealMember__listItem:nth-child(2) .u-dealMember__listItem__icon,
  .is-shortening .u-dealMember__listItem:nth-child(2) .u-dealMember__listItem__name,
  .is-shortening .u-dealMember__listItem:nth-child(2) .u-dealProfile {
    display: none;
  }
  .u-dealMember__listItem:nth-child(n+3):not(:last-child) {
    display: none;
  }
  .u-dealMember__list.is-lastHidden .u-dealMember__listItem:last-child {
    display: none !important;
  }
  .u-dealMember__listLength {
    padding: 0 0 0 40px;
    margin: -15px 0 0 0;
  }
  .u-dealMember__listLength--txt {
    color: #6f6f6f;
    font-size: 1rem;
  }
  .u-dealMember__hdg--lv2 {
    justify-content: flex-start;
    min-height: 31px !important;
    padding-left: 22px;
    font-size: 1.2rem;
  }
  .u-dealMember__hdg--lv2 > span {
    width: 100%;
    max-width: calc(33.3333333333vw - 40px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .u-dealMember__segment--contact .u-dealMember__hdg--lv2 > span {
    max-width: 100%;
  }
  .u-dealMember__segment--contact .u-dealMember__hdg--lv2 {
    max-width: 100%;
    padding-left: 38px;
  }
  .u-dealMember__hdg--lv2[data-role=i]::before {
    width: 18px;
    height: 18px;
    margin-top: -16px;
    background-size: 18px 18px;
  }
  .u-dealInfo .u-dealMember__hdg--lv2[data-role=b][data-ifont]::before {
    margin-top: -19px;
    font-size: 1.8rem;
  }
  .u-dealInfo .u-dealMember__hdg--lv2[data-role=s][data-ifont]::before {
    margin-top: -17px;
    font-size: 1.8rem;
  }
  .u-dealMember__hdg--lv3 {
    padding-left: 22px;
    margin: -12px 0 0;
    font-size: 1.2rem;
    font-weight: normal;
    line-height: 1;
  }
  .u-dealGrid {
    position: relative;
    display: block;
    margin: 24px -20px 0;
    overflow: hidden;
  }
  .u-dealGrid__item {
    width: 100%;
    padding: 0;
  }
  .u-dealGrid__item[data-type=file] {
    position: relative !important;
    z-index: 0 !important;
    margin-top: 16px !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
  .u-dealGrid[data-role=i] {
    margin-top: -50px;
  }
  .u-dealGrid[data-role=i] .u-dealGrid__item {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    visibility: hidden;
    opacity: 0;
    transition: 0.3s all ease;
  }
  .u-dealGrid[data-role=i] .u-dealGrid__item.is-active {
    position: static;
    z-index: 0;
    visibility: visible;
    opacity: 1;
  }
  .u-dealGrid[data-role=i] .u-dealChat__head {
    display: none;
  }
  .u-dealGrid[data-role=i] .u-dealChat__post[data-color=i] .u-dealChat__text {
    background: #e0e6fa !important;
  }
  .u-dealPost__messageSubmit {
    right: 10px;
  }
  .u-deal .u-dealButton {
    height: 34px;
    margin: 6px 0 0;
  }
  .u-deal .u-dealButton span {
    padding: 0 30px 0 10px;
    font-size: 1rem;
  }
  .u-dealStatus {
    margin-top: 20px;
  }
  .u-dealStatus__date {
    padding: 10px 4px 6px;
    font-size: 1rem;
  }
  .u-dealStatus__current {
    height: auto;
    padding: 0 0px 5px 0px;
    margin: 0;
  }
  .u-dealStatus__current > .text {
    min-height: 30px;
    padding-top: 7px;
    font-size: 1.4rem;
  }
  .u-dealStatus__current > div {
    width: 100%;
  }
  .u-dealStatus__editBtn {
    height: 30px;
    padding: 0 10px;
    font-size: 1.4rem;
  }
  .u-dealStatus__editBtn::before {
    display: none;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .u-dealStatus__editBtn {
    font-size: 1rem;
  }
}
@media screen and (max-width: 767px) {
  .u-dealStatus__editList {
    top: 38px;
    padding: 5px 0;
  }
  .u-dealStatus__editList__btn {
    height: 30px;
    padding: 0 4px 0 20px;
    text-align: left;
    font-size: 1.2rem;
  }
  .u-dealStatus__editList__btn.is-selected::before {
    left: 5px;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .u-dealStatus__editList__btn {
    padding: 0 4px 0 8px;
    font-size: 1rem;
  }
}
@media screen and (max-width: 767px) {
  .u-dealStatus__transfer {
    left: 4px;
  }
}
@media screen and (max-width: 767px) {
  .u-dealStatus .u-dealStatus__btn {
    height: 30px;
    padding: 0 10px;
    font-size: 1.4rem;
  }
  .u-dealStatus .u-dealStatus__btn::before {
    display: none;
  }
  .u-dealStatus .u-dealStatus__btn::after {
    display: none;
  }
  .u-dealStatus .u-dealStatus__btn[data-color=red] {
    padding: 0 10px;
  }
}
@media screen and (max-width: 767px) {
  .u-dealStatus .m-frmSelect__list {
    top: auto;
    bottom: 10px;
  }
}
@media screen and (max-width: 767px) {
  .u-dealStatus__chooseSelect {
    max-width: calc(100% - 90px);
  }
}
@media screen and (max-width: 767px) {
  .u-dealStatus__tblThead__th {
    height: 28px;
  }
  .u-dealStatus__tblThead__th:first-child {
    min-width: 20px !important;
    max-width: 20px !important;
  }
  .u-dealStatus__tblThead__th span[data-ifont] {
    padding: 0 !important;
    font-size: 1.2rem;
  }
  .u-dealStatus__tblThead__th span[data-ifont]::before {
    display: none;
  }
  .u-dealStatus__tblThead__th span[data-ifont]::after {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .u-dealStatus__tblWrapper {
    padding-right: 0;
    margin-right: 0;
  }
  .u-dealStatus__tblWrapper.is-scroll {
    max-height: initial;
    overflow: visible;
  }
}
@media screen and (max-width: 767px) {
  .u-dealStatus__tblTbody__th:first-child {
    min-width: 20px !important;
    max-width: 20px !important;
    font-size: 1.2rem;
  }
  .u-dealStatus__tblTbody__th > * {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .u-dealStatus__file {
    height: 50%;
    padding: 6px;
  }
  .u-dealStatus__fileWrap {
    height: 100%;
  }
  .u-dealStatus__fileWrap .u-dealStatus__file {
    padding-right: 5px;
    padding-left: 15px;
  }
  .u-dealStatus__fileInfo {
    position: fixed;
    top: 50%;
    right: 20px;
    left: 20px;
    width: auto;
    height: auto;
    padding: 12px;
    transform: translateY(-50%);
  }
}
@media screen and (max-width: 767px) {
  .u-dealStatus__link {
    font-size: 1rem;
  }
  .u-dealStatus__link[data-ifont]::before {
    display: none;
  }
  .u-dealStatus__link[data-ifont] span {
    padding-left: 0;
    -webkit-line-clamp: 3;
  }
  .u-dealStatus__link.is-unread span {
    padding-right: 10px;
  }
  .u-dealStatus__link.is-unread span::after {
    width: 8px;
    height: 8px;
    margin: -4px 0 0;
  }
}
@media screen and (max-width: 767px) {
  .u-dealFile {
    height: auto;
    padding: 25px 20px 0;
    border-radius: 0;
  }
  .u-dealFile__body {
    min-height: initial;
    padding-top: 12px;
    margin-top: 0;
    border-top: 2px solid #002aff;
  }
  .u-dealFile__foot {
    margin: auto -20px 0;
  }
  .u-dealFile__hdg {
    position: relative;
    padding: 0 0 27px;
    border-bottom: none;
  }
  .u-dealFile__hdg::before {
    position: absolute;
    top: 0;
    right: 0;
    margin: -3px 0 0 0;
    font-family: "iconfont", serif !important;
    color: #002aff;
    content: "\f13d";
    transition: 0.3s all ease;
    transform: rotate(180deg);
    font-size: 1.4rem;
  }
  .u-dealFile__hdg.is-active::before {
    margin: -6px 0 0 0;
    transform: rotate(0deg);
  }
  .u-dealFile__hdg .u-dealFile__hdgName {
    font-size: 1.4rem;
  }
  .u-dealFile__hdg .u-dealFile__hdgName span {
    padding: 0 0 0 35px;
  }
  .u-dealFile__hdg .u-dealFile__hdgName span::before {
    margin: -12px 0 0 0;
    font-size: 2.4rem;
  }
  .u-dealFile__hdgQue__tooltip {
    bottom: 20px;
    left: -150px;
    width: calc(100vw - 55px);
    padding: 8px;
  }
  .u-dealFile__list {
    padding: 0;
  }
  .u-dealFile__listItem__text {
    padding: 12px;
    margin-bottom: 8px;
    font-size: 1.3rem;
  }
  .type-image .u-dealFile__listItem__dataImg {
    padding-top: 0;
  }
  .u-dealFile__listItem__dataSize {
    margin-top: 2px;
  }
  .u-dealFile__listItem__date {
    margin: 0;
  }
  .u-dealFile__listItem__dataName[data-type][data-ifont] {
    font-size: 1.2rem;
  }
}
@keyframes slideUpAndFade {
  from {
    opacity: 0;
    transform: translateY(2px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes slideRightAndFade {
  from {
    opacity: 0;
    transform: translateX(-2px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes slideDownAndFade {
  from {
    opacity: 0;
    transform: translateY(-2px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes slideLeftAndFade {
  from {
    opacity: 0;
    transform: translateX(2px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
/* ----------------------------------------------------------------------------
 * NOTFOUND
 * ------------------------------------------------------------------------- */
.u-notfoundHdg__main, .u-notfoundHdg__sub {
  display: block;
  color: #002aff;
  text-align: center;
}
.u-notfoundHdg__main {
  letter-spacing: 0;
  font-size: 6.8rem;
}
.u-notfoundHdg__sub {
  margin: 30px 0 0;
  font-size: 2rem;
}
.u-notfoundTxt {
  margin: 20px 0 0;
  line-height: 1.5;
  text-align: center;
  font-size: 1.4rem;
}
.u-notfoundLink {
  margin: 35px 0 0;
}
.u-notfoundLink__btn {
  max-width: 264px;
  margin: 0 auto 10px;
}
.u-notfoundLink__txt {
  margin: 10px 0 0;
  line-height: 1;
  text-align: center;
}
.u-notfoundLink__txt a {
  color: #292929;
  text-decoration: underline;
  font-size: 1.2rem;
}
.u-notfoundLink__txt a:hover, .u-notfoundLink__txt a:focus {
  text-decoration: none;
}

@media screen and (max-width: 767px) {
  [data-rwd=true] .u-notfoundHdg__main {
    letter-spacing: 0;
    font-size: 3rem;
  }
  [data-rwd=true] .u-notfoundHdg__sub {
    margin-top: 10px;
    font-size: 2rem;
  }
  [data-rwd=true] .u-notfoundHdg__sub:first-child {
    margin-top: 0;
  }
  [data-rwd=true] .u-notfoundTxt {
    margin-top: 20px;
  }
  [data-rwd=true] .u-notfoundTxt br {
    display: none;
  }
  [data-rwd=true] .u-notfoundLink {
    margin-top: 40px;
  }
}
/* ----------------------------------------------------------------------------
 * NEWS
 * ------------------------------------------------------------------------- */
.u-news {
  position: relative;
  max-width: 1146px;
  padding: 60px 140px;
  margin: 50px auto 0;
  background: #fff;
}
.u-newsList__category {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.u-newsList__categoryItem {
  margin: 0 30px 0 0;
}
.u-newsList__categoryItem:last-child {
  margin-right: 0;
}
.u-newsList__categoryItem__inner {
  position: relative;
  display: block;
  padding: 0 0 10px;
  line-height: 1;
  color: #292929;
  font-size: 1.4rem;
}
.u-newsList__categoryItem__inner::before {
  position: absolute;
  right: 50%;
  bottom: 0;
  left: 50%;
  box-sizing: border-box;
  display: block;
  width: 0;
  height: 4px;
  content: "";
  background: #002aff;
  border-right: 0 solid #002aff;
  border-left: 0 solid #002aff;
  transition-timing-function: ease-out;
  transition-duration: 0.2s;
  transition-property: width, left, right;
}
.u-newsList__categoryItem__inner:hover::before, .u-newsList__categoryItem__inner:focus::before {
  right: 0;
  left: 0;
  width: 100%;
}
.u-newsList__categoryItem__inner.is-current {
  pointer-events: none;
}
.u-newsList__categoryItem__inner.is-current::before {
  right: 0;
  left: 0;
  width: 100%;
}
.u-newsList__list {
  margin: 20px 0 0;
}
.u-newsList__listItem {
  position: relative;
  border-bottom: 1px dashed #ced2d5;
}
.u-newsList__listItem__inner {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-start;
  padding: 20px 65px 20px 0;
  color: #292929;
}
.u-newsList__listItem__inner::before, .u-newsList__listItem__inner::after {
  position: absolute;
  top: 50%;
  content: "";
}
.u-newsList__listItem__inner::before {
  right: 17px;
  z-index: 1;
  width: 9px;
  height: 9px;
  margin: -4px 0 0;
  border-top: 2px solid #002aff;
  border-right: 2px solid #002aff;
  transform: rotate(45deg);
}
.u-newsList__listItem__inner::after {
  right: 0;
  z-index: 0;
  width: 40px;
  height: 40px;
  margin: -20px 0 0;
  background: #fff;
  border-radius: 50%;
  box-shadow: 0 10px 20px rgba(54, 87, 255, 0.33);
}
.u-newsList__listItem__inner:hover .u-newsList__listItem__ttl,
.u-newsList__listItem__inner:hover .u-newsList__listItem__txt, .u-newsList__listItem__inner:focus .u-newsList__listItem__ttl,
.u-newsList__listItem__inner:focus .u-newsList__listItem__txt {
  color: #002aff !important;
}
.u-newsList__listItem__img {
  min-width: 120px;
  max-width: 120px;
}
.u-newsList__listItem__img img {
  width: 120px;
  height: 90px;
  object-fit: cover;
}
.u-newsList__listItem__body {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 0 0 0 40px;
  overflow: hidden;
}
.u-newsList__listItem__date {
  font-weight: bold;
  line-height: 1;
  font-size: 1.4rem;
}
.u-newsList__listItem__label {
  position: relative;
  margin: 0 0 0 10px;
}
.u-newsList__listItem__label span {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  height: 25px;
  padding: 0 10px;
  font-weight: bold;
  line-height: 1;
  color: #6f6f6f;
  background: #f2f1ea;
  border-radius: 15px;
  font-size: 1.2rem;
}
.u-newsList__listItem__label--alert {
  display: none;
  margin: 0 5px 0 0;
}
.u-newsList__listItem__label--alert span {
  display: inline-flex;
  color: #fff;
  background: #f00;
  font-weight: normal;
}
[data-new=true] .u-newsList__listItem__label--alert {
  display: inline-flex;
}
.u-newsList__listItem__label--alert [data-ifont]::before {
  display: none !important;
}
.u-newsList__listItem__label [data-ifont]::before {
  position: absolute;
  top: 50%;
  right: -33px;
  display: none;
  margin: -14px 0 0;
  color: #f00;
  content: "\f11f";
  font-size: 2.5rem;
}
.u-newsList__listItem__ttl {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  margin: 10px 0 0;
  overflow: hidden;
  width: 100%;
  font-size: 1.6rem;
}
.u-newsList__listItem__txt {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  width: 100%;
  margin: 5px 0 0;
  overflow: hidden;
  font-weight: normal;
  transition: 0.3s all ease;
  font-size: 1.6rem;
}
.u-newsList__listItem[data-important=true] .u-newsList__listItem__label span[data-ifont]::before {
  display: block;
}
.u-newsList__listItem[data-important=true] .u-newsList__listItem__ttl {
  color: #f00;
}
.u-newsList__listItem[data-read=false] .u-newsList__listItem__ttl,
.u-newsList__listItem[data-read=false] .u-newsList__listItem__txt {
  font-weight: bold;
}
.u-newsList__listItem[data-read=false].is-read .u-newsList__listItem__ttl,
.u-newsList__listItem[data-read=false].is-read .u-newsList__listItem__txt {
  font-weight: bold;
}
.u-newsList__txt {
  padding: 20px;
  margin: 30px 0 0;
  text-align: center;
  border: 1px solid #ced2d5;
}
.u-newsList__pager {
  position: absolute;
  bottom: -23px;
  left: 50%;
  width: 180px;
  margin: 0 0 0 -90px;
}
.u-newsArticle__visual {
  display: table;
  margin: 0 auto;
}
.u-newsArticle__visual img {
  height: 412px;
  object-fit: contain;
}
.u-newsArticle__info {
  display: flex;
  flex-wrap: nowrap;
  align-self: center;
  width: 100%;
  margin: 60px 0 0;
}
.u-newsArticle__infoItem {
  display: flex;
  flex-wrap: nowrap;
  align-self: center;
  margin: 0 0 0 10px;
}
.u-newsArticle__infoItem:first-child {
  margin-left: 0;
}
.u-newsArticle__hdg {
  margin: 20px 0 0;
  line-height: 1.4;
  font-size: 3.2rem;
}
.u-newsArticle__date {
  display: block;
  font-weight: bold;
  line-height: 1;
  font-size: 1.4rem;
}
.u-newsArticle__label {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  height: 23px;
  padding: 0 10px;
  line-height: 1;
  color: #6f6f6f;
  background: #f2f1ea;
  border-radius: 15px;
  font-size: 1.2rem;
}
.u-newsArticle__label [data-ifont]::before {
  position: absolute;
  top: 50%;
  right: -33px;
  display: none;
  margin: -14px 0 0;
  color: #f00;
  content: "\f11f";
  font-size: 2.5rem;
}
.u-newsArticle__head {
  display: flex;
  flex-direction: column;
}
.u-newsArticle__head .u-newsArticle__visual {
  order: 1;
}
.u-newsArticle__head .u-newsArticle__info {
  order: 2;
}
.u-newsArticle__head .u-newsArticle__hdg {
  order: 3;
}
.u-newsArticle__head[data-important=true] .u-newsArticle__label [data-ifont]::before {
  display: block;
}
.u-newsArticle__head[data-important=true] .u-newsArticle__hdg {
  color: #f00;
}
.u-newsArticle__body {
  margin: 30px 0 0;
  line-height: 2;
}
.u-newsArticle__body > * {
  margin: 35px 0 0;
}
.u-newsArticle__body > *:first-child {
  margin-top: 0 !important;
}
.u-newsArticle__foot {
  padding: 60px 0 0;
  margin: 60px 0 0;
  border-top: 1px solid #ced2d5;
}
.u-newsArticle__txt strong {
  color: #002aff;
}
.u-newsArticle__list > li, .u-newsArticle__notes > li {
  position: relative;
  padding: 0 0 0 1em;
}
.u-newsArticle__list > li::before, .u-newsArticle__notes > li::before {
  position: absolute;
  top: 0;
  left: 0;
}
.u-newsArticle__list > li {
  padding: 0 0 0 30px;
}
.u-newsArticle__list > li::before {
  color: #002aff;
  content: "●";
}
.u-newsArticle__notes > li {
  padding: 0 0 0 1.2em;
}
.u-newsArticle__notes > li::before {
  content: "※";
}
.u-newsArticle__img {
  display: table;
  margin: 40px auto;
}
.u-newsArticle__pagerList {
  position: relative;
  height: 80px;
}
.u-newsArticle__pagerList__inner {
  position: relative;
  display: block;
  height: 70px;
}
.u-newsArticle__pagerList__inner::before, .u-newsArticle__pagerList__inner::after {
  position: absolute;
  top: 50%;
  content: "";
}
.u-newsArticle__pagerList__inner::before {
  z-index: 1;
  width: 9px;
  height: 9px;
  margin: -4px 0 0;
  border-top: 2px solid #002aff;
  border-right: 2px solid #002aff;
  transform: rotate(45deg);
}
.u-newsArticle__pagerList__inner::after {
  z-index: 0;
  width: 40px;
  height: 40px;
  margin: -20px 0 0;
  background: #fff;
  border-radius: 50%;
  box-shadow: 0 10px 20px rgba(54, 87, 255, 0.33);
}
.u-newsArticle__pagerList__inner:hover .u-newsArticle__pagerList__ttl, .u-newsArticle__pagerList__inner:focus .u-newsArticle__pagerList__ttl {
  color: #002aff;
}
.u-newsArticle__pagerList__label {
  display: block;
  font-weight: normal;
  line-height: 1;
  color: #6f6f6f;
  font-size: 1.2rem;
}
.u-newsArticle__pagerList__ttl {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  width: 205px;
  margin: 10px 0 0;
  overflow: hidden;
  font-weight: bold;
  color: #292929;
  transition: 0.3s all ease;
  font-size: 1.6rem;
}
.u-newsArticle__pagerList__item {
  position: absolute;
  top: 0;
}
.u-newsArticle__pagerList__item[data-type=prev] {
  left: 0;
}
.u-newsArticle__pagerList__item[data-type=prev] .u-newsArticle__pagerList__inner {
  padding: 0 0 0 60px;
}
.u-newsArticle__pagerList__item[data-type=prev] .u-newsArticle__pagerList__inner::before {
  left: 17px;
  transform: rotate(-135deg);
}
.u-newsArticle__pagerList__item[data-type=prev] .u-newsArticle__pagerList__inner::after {
  left: 0;
}
.u-newsArticle__pagerList__item[data-type=prev] .u-newsArticle__pagerList__label {
  text-align: left;
}
.u-newsArticle__pagerList__item[data-type=next] {
  right: 0;
}
.u-newsArticle__pagerList__item[data-type=next] .u-newsArticle__pagerList__inner {
  padding: 0 60px 0 0;
}
.u-newsArticle__pagerList__item[data-type=next] .u-newsArticle__pagerList__inner::before {
  right: 17px;
}
.u-newsArticle__pagerList__item[data-type=next] .u-newsArticle__pagerList__inner::after {
  right: 0;
}
.u-newsArticle__pagerList__item[data-type=next] .u-newsArticle__pagerList__label {
  text-align: right;
}
.u-newsArticle__download {
  margin-top: 50px;
}
.u-newsArticle__download__hdg {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  padding: 0 0 15px;
  border-bottom: 3px solid #002aff;
}
.u-newsArticle__download__hdgName {
  font-weight: bold;
  line-height: 1;
  font-size: 1.6rem;
}
.u-newsArticle__download__hdgName [data-ifont] {
  position: relative;
  padding: 0 0 0 42px;
}
.u-newsArticle__download__hdgName [data-ifont]::before {
  position: absolute;
  top: 50%;
  left: 5px;
  margin: -15px 0 0;
  color: #002aff;
  content: "\f120";
  font-size: 3rem;
}
.u-newsArticle__downloadList {
  padding: 20px 0;
}
.u-newsArticle__downloadItem:nth-of-type(n + 2) {
  margin-top: 20px;
}
.u-newsArticle__download__dataItem {
  display: grid;
  grid-template-columns: 48px 1fr;
  column-gap: 10px;
  align-items: center;
  width: fit-content;
}
.u-newsArticle__download__dataItem--icon {
  grid-row: span 2;
}
.u-newsArticle__download__dataItem--icon[data-type][data-ifont]::before {
  color: #002aff;
  font-size: 3rem;
}
.u-newsArticle__download__dataItem--icon[data-type=pdf][data-ifont]::before {
  content: "\f125";
}
.u-newsArticle__download__dataItem--icon[data-type=img][data-ifont]::before {
  content: "\f155";
}
.u-newsArticle__download__dataItem--img {
  grid-row: span 2;
  border-radius: 4px;
}
.u-newsArticle__download__dataItem--name {
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1.4;
}
.u-newsArticle__download__dataItem--size {
  color: #6f6f6f;
  font-size: 1rem;
  font-weight: 400;
  line-height: 2;
}

/* ----------------------------------------------------------------------------
 * EXPLAIN
 * ------------------------------------------------------------------------- */
.u-explain {
  color: #292929;
}
.u-explainSegment {
  width: 100%;
  max-width: 1206px;
  margin: 120px auto 0;
}
.u-explainSegment:first-child {
  margin-top: 0 !important;
}
.u-explainSegment[data-bg=white] {
  padding: 70px 147px;
  background: #fff;
  border-radius: 7px;
}
.u-explainSegment__inner > *:first-child {
  margin-top: 0 !important;
}
.u-explainHdg {
  margin: 120px 0 70px;
  line-height: 1.2;
  text-align: center;
  font-size: 4rem;
}
.u-explainHdg[data-level="1"] {
  margin-bottom: 30px;
}
.u-explainHdg[data-level="1"] + * {
  margin-top: 30px;
}
.u-explainHdg[data-level="2"] {
  margin-bottom: 60px;
}
.u-explainHdg[data-level="2"] + * {
  margin-top: 60px;
}
.u-explainTxt {
  margin: 40px 0 0;
  line-height: 2;
}
.u-explainImg {
  margin: 40px 0 0;
}
.u-explainImg img {
  width: 100%;
}
.u-explainBox {
  padding: 50px 30px 45px;
  margin: 40px 0 0;
  background: #fff;
  border-radius: 7px;
}
.u-explainBox__hdg {
  line-height: 1;
  font-size: 2.5rem;
}
.u-explainBox__txt {
  margin: 25px 0 0;
  line-height: 2;
}
.u-explainFeature__img {
  width: 50%;
}
.u-explainFeature__img img {
  width: 100%;
}
.u-explainFeature__body {
  position: relative;
  width: calc(50% + 30px);
  padding: 60px 30px;
  background: #fff;
  border-radius: 7px;
}
.u-explainFeature__hdg {
  line-height: 1.5;
  font-size: 3.2rem;
}
.u-explainFeature__hdg span {
  position: absolute;
  top: -0.5em;
  font-family: "Lato", sans-serif;
  font-weight: bold;
  line-height: 1;
  color: #002aff;
  letter-spacing: -0.03em;
  font-size: 8rem;
}
.u-explainFeature__txt, .u-explainFeature__txt--s {
  margin: 15px 0 0;
  line-height: 2;
}
.u-explainFeature__txt--s {
  font-size: 1.4rem;
}
.u-explainFeature__item {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  margin: 60px 0 0;
}
.u-explainFeature__item:first-child {
  margin-top: 0;
}
.u-explainFeature__item:nth-child(odd) [class*=img] {
  order: 2;
}
.u-explainFeature__item:nth-child(odd) [class*=body] {
  order: 1;
  margin: 0 -30px 0 0;
}
.u-explainFeature__item:nth-child(odd) [class*=hdg] span {
  left: 30px;
}
.u-explainFeature__item:nth-child(even) [class*=img] {
  order: 1;
}
.u-explainFeature__item:nth-child(even) [class*=body] {
  order: 2;
  margin: 0 0 0 -30px;
}
.u-explainFeature__item:nth-child(even) [class*=hdg] span {
  right: 30px;
}
.u-explainLayout__segment {
  display: flex;
  flex-wrap: nowrap;
  margin: 40px 0 0;
}
.u-explainLayout__segment:first-child {
  margin-top: 0;
}
.u-explainLayout__body {
  order: 2;
  margin: 0 0 0 30px;
}
.u-explainLayout__img {
  order: 1;
  min-width: 410px;
  max-width: 410px;
}
.u-explainLayout__hdg {
  line-height: 1.4;
  font-size: 2.5rem;
}
.u-explainLayout__txt, .u-explainLayout__txt--s {
  margin: 30px 0 0;
  line-height: 2;
}
.u-explainLayout__txt--s {
  margin-top: 15px;
  font-size: 1.4rem;
}
.u-explainHelp {
  display: flex;
  flex-wrap: wrap;
  margin: 0 0 0 -30px;
}
.u-explainHelp__item {
  width: 50%;
  padding: 0 0 0 30px;
  margin: 30px 0 0;
}
.u-explainHelp__item:nth-child(-n+2) {
  margin-top: 0;
}
.u-explainHelp__inner {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  height: 160px;
  padding: 0 0 0 60px;
  background: #fff;
  border-radius: 7px;
}
.u-explainHelp__inner:hover, .u-explainHelp__inner:focus {
  filter: drop-shadow(0 10px 20px rgba(139, 142, 144, 0.4));
}
.u-explainHelp__inner[data-ifont] {
  position: relative;
}
.u-explainHelp__inner[data-ifont]::before {
  position: absolute;
  top: 50%;
  right: 70px;
  margin: -7px 0 0;
  color: #292929;
  content: "\f130";
  font-size: 1.4rem;
}
.u-explainHelp__ttl {
  display: block;
  margin: 15px 0 0;
  font-weight: bold;
  line-height: 1;
  color: #292929;
}
.u-explainHelp__ttl:first-child {
  margin-top: 0;
}
.u-explainHelp__ttl[data-lang=en] {
  font-family: "Lato", sans-serif;
  font-size: 2rem;
}
.u-explainHelp__ttl[data-lang=ja] {
  font-size: 2.5rem;
}

@media screen and (max-width: 767px) {
  [data-rwd=true] .u-explainSegment {
    padding: 0;
    margin-top: 60px;
  }
  [data-rwd=true] .u-explainSegment[data-bg=white] {
    padding: 30px 15px;
  }
  [data-rwd=true] .u-explainHdg {
    margin: 60px 0 25px;
    font-size: 2.5rem;
  }
  [data-rwd=true] .u-explainHdg[data-level="1"] {
    margin-bottom: 25px;
  }
  [data-rwd=true] .u-explainHdg[data-level="1"] + * {
    margin-top: 25px;
  }
  [data-rwd=true] .u-explainHdg[data-level="2"] {
    margin-bottom: 25px;
  }
  [data-rwd=true] .u-explainHdg[data-level="2"] + * {
    margin-top: 25px;
  }
  [data-rwd=true] .u-explainTxt {
    margin-top: 30px;
    font-size: 1.4rem;
  }
  [data-rwd=true] .u-explainImg {
    margin-top: 30px;
  }
  [data-rwd=true] .u-explainBox {
    padding: 30px 15px;
    margin-top: 30px;
  }
  [data-rwd=true] .u-explainBox__hdg {
    font-size: 2.5rem;
  }
  [data-rwd=true] .u-explainBox__txt {
    margin-top: 15px;
    font-size: 1.4rem;
  }
  [data-rwd=true] .u-explainFeature__img {
    width: 100%;
    margin: 0 0 -15px;
  }
  [data-rwd=true] .u-explainFeature__body {
    width: 100%;
    padding: 30px 15px;
    border-radius: 0 0 7px 7px;
  }
  [data-rwd=true] .u-explainFeature__hdg {
    font-size: 2.5rem;
  }
  [data-rwd=true] .u-explainFeature__hdg span {
    font-size: 4rem;
  }
  [data-rwd=true] .u-explainFeature__txt {
    margin-top: 10px;
    font-size: 1.4rem;
  }
  [data-rwd=true] .u-explainFeature__item {
    flex-direction: column;
    margin-top: 30px;
  }
  [data-rwd=true] .u-explainFeature__item:nth-child(odd) [class*=img] {
    order: 1;
  }
  [data-rwd=true] .u-explainFeature__item:nth-child(odd) [class*=body] {
    order: 2;
    margin: 0;
  }
  [data-rwd=true] .u-explainFeature__item:nth-child(odd) [class*=hdg] span {
    left: 15px;
  }
  [data-rwd=true] .u-explainFeature__item:nth-child(even) [class*=img] {
    order: 1;
  }
  [data-rwd=true] .u-explainFeature__item:nth-child(even) [class*=body] {
    order: 2;
    margin: 0;
  }
  [data-rwd=true] .u-explainFeature__item:nth-child(even) [class*=hdg] span {
    right: 15px;
  }
  [data-rwd=true] .u-explainLayout {
    flex-direction: column;
  }
  [data-rwd=true] .u-explainLayout__body {
    margin: 20px 0 0;
  }
  [data-rwd=true] .u-explainLayout__img {
    min-width: inherit;
    max-width: inherit;
  }
  [data-rwd=true] .u-explainLayout__img img {
    width: 100%;
  }
  [data-rwd=true] .u-explainLayout__hdg {
    font-size: 2.5rem;
  }
  [data-rwd=true] .u-explainLayout__txt {
    margin-top: 15px;
    font-size: 1.4rem;
  }
  [data-rwd=true] .u-explainLayout__txt br {
    display: none;
  }
}
/* ----------------------------------------------------------------------------
 * HELP
 * ------------------------------------------------------------------------- */
.u-helpLayout {
  display: flex;
  flex-wrap: nowrap;
}
.u-helpLayout__main {
  order: 2;
  width: 100%;
  margin: 0 0 0 30px;
}
.u-helpLayout__sub {
  order: 1;
  min-width: 265px;
  max-width: 265px;
}
.u-helpNav {
  position: sticky;
  top: 110px;
  padding: 40px 30px;
  background: #fff;
  border-radius: 7px;
}
.u-helpNav__item {
  position: relative;
  margin: 25px -30px 0;
}
.u-helpNav__item:first-child {
  margin-top: 0;
}
.u-helpNav__body {
  display: none;
  margin: 6px 0 0;
}
.u-helpNav__body:empty {
  display: none !important;
}
.u-helpNav__body a,
.u-helpNav__body span {
  display: block;
  margin: 6px 0 0;
  text-align: left;
}
.u-helpNav__body a:first-child,
.u-helpNav__body span:first-child {
  margin-top: 0 !important;
}
.u-helpNav__inner {
  display: block;
  padding: 0 30px 0 55px;
  line-height: 1.4;
  color: #292929;
  text-align: left;
  cursor: pointer;
  font-size: 1.4rem;
}
.u-helpNav__inner[data-ifont]::before {
  position: absolute;
  top: 2px;
  left: 32px;
  content: "\f12f";
  transition: 0.3s all ease;
  font-size: 1rem;
}
.u-helpNav__inner.is-current {
  color: #002aff;
}
.u-helpNav__inner.is-current[data-ifont]::before {
  top: 5px;
  transform: rotate(180deg);
}
.u-helpNav__inner.is-current .u-helpNav__body {
  display: block;
}
.u-helpBox {
  position: relative;
  overflow: clip;
}
.u-helpBox__segment {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  visibility: hidden;
  opacity: 0;
  transition: 0.3s all ease;
}
.u-helpBox__segment.is-active {
  position: relative;
  z-index: 1;
  visibility: initial;
  opacity: 1;
}
.u-helpBox__anc {
  display: block;
  padding: 50px 0 0;
  margin: -50px 0 0;
}
.u-helpBox__item {
  padding: 50px 30px;
  margin: 30px 0 0;
  background: #fff;
  border-radius: 7px;
}
.u-helpBox__item:first-child {
  margin-top: 0;
}
.u-helpBox__hdg {
  font-weight: bold;
  line-height: 1;
  text-align: center;
  font-size: 3.2rem;
}
.u-helpBox__txt {
  margin: 35px 0 0;
  line-height: 2;
}
.u-helpBox__order {
  margin: 20px 0 0;
}
.u-helpBox__order li {
  position: relative;
  padding: 0 0 0 2em;
}
.u-helpBox__orderSym {
  position: absolute;
  top: 0;
  left: 0;
  font-weight: bold;
  color: #002aff;
}
.u-helpBox__notes, .u-helpBox__notes--em {
  margin: 20px 0 0;
}
.u-helpBox__notes li, .u-helpBox__notes--em li {
  position: relative;
  padding: 0 0 0 1.2em;
  font-size: 1.4rem;
}
.u-helpBox__notes li::before, .u-helpBox__notes--em li::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "※";
}
.u-helpBox__notes--em {
  color: #f00;
}
.u-helpBox__media {
  margin: 60px 0 0;
}
.u-helpBox__mediaSegment {
  display: flex;
  flex-wrap: nowrap;
  margin: 60px 0 0;
}
.u-helpBox__mediaSegment:first-child {
  margin-top: 0 !important;
}
.u-helpBox__mediaSegment--sub {
  margin: 0;
}
.u-helpBox__mediaSegment--sub .u-helpBox__mediaBody {
  padding-top: 30px;
}
.u-helpBox__mediaBody {
  order: 2;
  width: 100%;
  margin: 0 0 0 30px;
}
.u-helpBox__mediaBody > *:first-child {
  margin-top: 0 !important;
}
.u-helpBox__mediaBody__hdg {
  font-weight: bold;
  line-height: 1;
  font-size: 2.5rem;
}
.u-helpBox__mediaBody__txt {
  margin: 20px 0 0;
  line-height: 2;
}
.u-helpBox__mediaBody__txt--qrcode {
  width: 77%;
  padding-right: 30px;
}
.u-helpBox__mediaBody__order {
  margin: 20px 0 0;
}
.u-helpBox__mediaBody__order li {
  position: relative;
  padding: 0 0 0 2em;
}
.u-helpBox__mediaBody__orderSym {
  position: absolute;
  top: 0;
  left: 0;
  font-weight: bold;
  color: #002aff;
}
.u-helpBox__mediaBody__notice {
  margin: 20px 0 0;
}
.u-helpBox__mediaBody__noticeTitle {
  font-size: 1.3rem;
}
.u-helpBox__mediaBody__noticeItem {
  position: relative;
  padding: 0 0 0 1.2em;
  font-size: 1.3rem;
}
.u-helpBox__mediaBody__noticeItem::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "・";
}
.u-helpBox__mediaBody__sub-hdg {
  font-weight: bold;
  color: #002aff;
  margin-top: 10px;
  font-size: 20px;
}
.u-helpBox__mediaBody__qrcode {
  display: flex;
  flex-wrap: nowrap;
}
.u-helpBox__mediaBody__qrcode-img {
  margin-top: 20px;
  border-radius: 0;
}
.u-helpBox__mediaBody__sequence {
  margin-left: 20px;
  margin: 10px 0 0;
  counter-reset: item;
  list-style-type: none;
}
.u-helpBox__mediaBody__sequence li {
  position: relative;
  margin-bottom: 15px;
}
.u-helpBox__mediaBody__sequence li img {
  border-radius: 0px;
}
.u-helpBox__mediaBody__sequence li:not(:last-child) {
  margin-bottom: 15px;
}
.u-helpBox__mediaBody__sequence li::before {
  content: counter(item) ". ";
  counter-increment: item;
  font-weight: bold;
}
.u-helpBox__mediaBody__sequence .icon-menu[data-ifont] {
  display: inline-block;
  padding: 0 10px;
}
.u-helpBox__mediaBody__sequence .icon-menu[data-ifont]::before {
  content: "\f131";
}
.u-helpBox__mediaBody__inner-icon {
  display: flex;
  align-items: center;
}
.u-helpBox__mediaBody__inner-icon .ico-ios-share {
  padding: 0 5px 0 3px;
}
.u-helpBox__mediaBody__inner-icon .ico-add-box {
  padding: 0 5px 0 5px;
}
.u-helpBox__mediaBody__inner-icon .ico-add-to-home-screen {
  padding: 0 5px 0 5px;
}
.u-helpBox__mediaBody__notes {
  margin: 20px 0 0;
}
.u-helpBox__mediaBody__notes li {
  position: relative;
  padding: 0 0 0 1.2em;
  font-size: 1.4rem;
}
.u-helpBox__mediaBody__notes li::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "※";
}
.u-helpBox__mediaImg {
  order: 1;
  width: 45%;
}
.u-helpBox__mediaImg:hover .thumb {
  box-shadow: rgba(0, 42, 255, 0.4) 10px 10px 20px;
}
.u-helpBox__mediaImg--iphone {
  margin-top: 50px;
}
.u-helpBox__mediaImg--android {
  margin-top: 20px;
}
.u-helpBox__mediaImg__inner {
  position: relative;
}
.u-helpBox__mediaImg__inner[data-ifont]::before {
  position: absolute;
  top: 50%;
  left: 50%;
  display: none !important;
  margin: -18px 0 0 -15px;
  color: #fff;
  content: "\f158";
  font-size: 3.6rem;
}
.u-helpBox__mediaImg__inner .play {
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
}
.u-helpBox__mediaImg__time {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  box-sizing: content-box;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: calc(100% - 65px);
  padding: 65px 0 0 0;
  line-height: 1;
  color: #fff;
  font-size: 1.2rem;
}
.u-helpModal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  visibility: hidden;
  opacity: 0;
  transition: 0.3s all ease;
}
.u-helpModal.is-active {
  z-index: 10000;
  visibility: visible;
  opacity: 1;
}
.u-helpModal__bg {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
}
.u-helpModal__content {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 1280px;
  max-height: 80%;
  margin: 0 60px;
}
.u-helpModal__content img {
  width: 100%;
}
.u-helpModal__content video {
  width: 100%;
}

/* ----------------------------------------------------------------------------
 * TERMS
 * ------------------------------------------------------------------------- */
.u-terms {
  max-width: 1200px;
  margin: 0 auto;
}
.u-termsHead, .u-termsBody {
  margin: 60px 0 0;
}
.u-termsHead > *:first-child, .u-termsBody > *:first-child {
  margin-top: 0 !important;
}
.u-termsHdg[data-level="1"], .u-termsHdg[data-level="2"] {
  margin: 60px 0 20px;
  font-weight: bold;
  line-height: 1;
}
.u-termsHdg[data-level="1"] {
  text-align: center;
  font-size: 3.2rem;
}
.u-termsHdg[data-level="2"] {
  font-size: 2.5rem;
}
.u-termsTxt {
  margin: 20px 0 0;
  line-height: 2;
}
.u-termsList {
  margin: 20px 0 0;
}
.u-termsList__item {
  position: relative;
  padding: 0 0 0 1.2em;
  font-size: 1.4rem;
}
.u-termsList__item::before {
  position: absolute;
  top: 0;
  left: 0;
  color: #b0b1b2;
  content: "・";
}
.u-termsList[data-type=indent] {
  padding: 0 0 0 30px;
  margin: 15px 0 0;
}
.u-termsOrder {
  margin: 20px 0 0;
}
.u-termsOrder__item {
  position: relative;
  padding: 0 0 0 2.5em;
  margin: 15px 0 0;
}
.u-termsOrder__item .u-termsOrder,
.u-termsOrder__item .u-termsList {
  padding: 0 !important;
  margin-top: 10px !important;
}
.u-termsOrder__sym {
  position: absolute;
  top: 0;
  left: 0;
  font-weight: bold;
  letter-spacing: -0.05em;
}
.u-termsOrder[data-type=indent] {
  padding: 0 0 0 30px;
  margin: 15px 0 0;
  font-size: 1.4rem;
}
.u-termsOrder[data-type=indent] .u-termsOrder__item {
  padding: 0 0 0 2.5em;
  margin-top: 7px;
  font-weight: normal;
}
.u-termsOrder[data-type=indent] .u-termsOrder__sym {
  font-weight: normal;
  letter-spacing: 0;
}
.u-termsUpdate {
  margin: 60px 0 0;
  text-align: right;
}
.u-termsTable {
  overflow: hidden;
}
.u-termsTable__tbl {
  width: calc(100% + 2px);
  margin: 20px -1px -1px;
  border-collapse: collapse;
}
.u-termsTable__tbl th,
.u-termsTable__tbl td {
  width: 50%;
  padding: 15px;
  text-align: left;
  border-collapse: collapse;
  border: 1px solid #f2f1ea;
  font-size: 1.4rem;
}
.u-termsTable__tbl th {
  line-height: 1;
  background: #f2f1ea;
}
.u-termsTable__tbl td {
  vertical-align: top;
  background: #fff;
}
.u-termsTable__tbl td .u-termsList {
  margin-top: 0 !important;
}
.u-termsBox {
  padding: 20px 15px;
  margin: 20px 0 0;
  background: #fff;
}
.u-termsBox__hdg {
  font-weight: bold;
  line-height: 1;
  font-size: 1.4rem;
}
.u-termsBox__list {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  margin: 20px 0 -10px;
}
.u-termsBox__listTtl {
  min-width: 70px;
  max-width: 70px;
  color: #b0b1b2;
}
.u-termsBox__listTxt {
  width: calc(100% - 85px);
  margin-left: 15px;
}
.u-termsBox__listTtl, .u-termsBox__listTxt {
  display: block;
  margin-bottom: 10px;
  line-height: 1.5;
  font-size: 1.4rem;
}

/* ----------------------------------------------------------------------------
 * SMARTPHONE
 * ------------------------------------------------------------------------- */
.u-sp {
  display: none;
}

@media screen and (max-width: 767px) {
  .u-sp {
    display: block;
  }
  .u-spHdg {
    display: block;
    line-height: 1;
    color: #002aff;
    text-align: center;
    letter-spacing: 0;
    font-size: 2rem;
  }
  .u-spTxt {
    margin: 15px 0 0;
    line-height: 1.5;
    text-align: center;
    font-size: 1.4rem;
  }
  .u-spLink {
    margin: 30px 0 0;
  }
  .u-spLink__btn {
    max-width: 264px;
    margin: 0 auto 10px;
  }
  .u-spLink__txt {
    margin: 10px 0 0;
    line-height: 1;
    text-align: center;
  }
  .u-spLink__txt a {
    color: #292929;
    text-decoration: underline;
    font-size: 1.2rem;
  }
  .u-spLink__txt a:hover, .u-spLink__txt a:focus {
    text-decoration: none;
  }
}
/* ----------------------------------------------------------------------------
 * TEST
 * ------------------------------------------------------------------------- */
.test {
  font-size: 1.4rem;
}

.test .u-detailBox__item {
  position: relative;
  padding: 25px;
}
.test .u-detailHdg__hdg {
  font-size: 2.8rem;
}
.test .u-detailHdg__update {
  font-size: 1.3rem;
}
.test .u-detailAc {
  margin: 60px 0 0;
}
.test .u-detailAc__item {
  margin: 50px 0 0;
}
.test .u-detailAc__btn {
  font-size: 2rem;
}
.test .u-detailAc__btn::before {
  transform: rotate(-45deg) scale(0.9);
}
.test .u-detailMaterial {
  padding: 25px;
}
.test .u-detailMaterial__hdg {
  font-size: 1.8rem;
}
.test .u-detailMaterial__utility .m-btn {
  font-size: 1.4rem;
}
.test .u-detailMaterial__favorite {
  font-size: 1.1rem;
}
.test .u-detailRelated {
  padding: 30px 25px;
}
.test .u-detailRelated__hdg {
  font-size: 2rem;
}
.test .u-detailRelated__gridItem__ttl {
  overflow: hidden;
  font-size: 1.4rem;
}
.test .u-detailRelated__gridItem__txt {
  font-size: 1.4rem;
}
.test .u-detailRelated__gridItem__date {
  font-size: 1.2rem;
}
.test .u-detailRelated__gridItem__listTtl {
  font-size: 1.2rem;
}
.test .u-detailRelated__gridItem__listTxt {
  font-size: 1.4rem;
}
.test .u-detailList__head {
  font-size: 1.3rem;
}
.test .u-detailList__body {
  font-size: 1.4rem;
}
.test .u-detailList__item {
  padding: 9px 0 7px;
}
.test .u-detailList__labelItem__ttl em {
  font-size: 1.1rem;
}

.test .u-topInfo {
  padding: 25px 25px 16px;
}
.test .u-topInfo__link {
  font-size: 1.1rem;
}
.test .u-topInfo__listItem__date {
  font-size: 1.1rem;
}
.test .u-topInfo__listItem__ttl, .test .u-topInfo__listItem__txt {
  font-size: 1.3rem;
}
.test .u-topSearch {
  margin-top: 50px;
}
.test .u-topSearch__hdg {
  font-size: 3rem;
}
.test .u-topSearch .m-navSearch__menuList__btn,
.test .u-topSearch .m-navSearch__label {
  font-size: 1.4rem;
}
.test .u-topArrival {
  padding: 30px 0;
}
.test .u-topArrival__body {
  margin-top: 0;
}
.test .u-topArrival__hdg {
  font-size: 2rem;
}
.test .u-topArrival__cardItem {
  margin-top: 30px;
}
.test .u-topArrival__cardItem__inner {
  padding-bottom: 18px;
}
.test .u-topArrival__cardItem__txt {
  font-size: 1.4rem;
}
.test .u-topArrival__cardItem__date {
  font-size: 1.2rem;
}
.test .u-topArrival__cardItem__listItem {
  padding: 12px 0;
}
.test .u-topArrival__cardItem__listItem__ttl {
  font-size: 1.2rem;
}
.test .u-topArrival__cardItem__listItem__txt {
  font-size: 1.4rem;
}
.test .u-topArrival__more .m-btnMore {
  font-size: 1.6rem;
}
.test .u-topReport {
  margin: 60px 0 0;
}
.test .u-topReport__hdg {
  font-size: 2rem;
}
.test .u-topReport__link {
  font-size: 1.1rem;
}
.test .u-topReport__cardItem__date {
  font-size: 1.2rem;
}
.test .u-topReport__cardItem__hdg {
  font-size: 1.4rem;
}
.test .u-topReport__cardItem__img {
  margin-top: 20px;
}
.test .u-topPopular {
  padding: 30px 0;
  margin: 60px 0 0;
}
.test .u-topPopular__hdg {
  font-size: 2rem;
}
.test .u-topPopular__cardItem__hdg {
  line-height: 1.5;
}
.test .u-topRecommend {
  margin: 80px 0 0;
  background: #fff;
}
.test .u-topRecommend::before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  padding: 0 10000%;
  margin: 0 -10000%;
  content: "";
  background: #fff;
}
.test .u-topRecommend__head {
  padding: 40px 0;
}
.test .u-topRecommend__body {
  padding: 0 0 60px;
}
.test .u-topRecommend__hdg[data-level="2"] {
  font-size: 2.5rem;
}
.test .u-topRecommend__hdg[data-level="3"] {
  font-size: 2.5rem;
}
.test .u-topRecommend__txt {
  margin-top: 15px;
}
.test .u-topRecommend__overview {
  padding: 25px 25px 25px;
}
.test .u-topRecommend__info {
  margin-top: 35px;
}
.test .u-topRecommend__infoItem {
  padding: 10px 0;
}
.test .u-topRecommend__infoItem__ttl {
  font-size: 1.3rem;
}
.test .u-topRecommend__menu {
  margin-bottom: 35px;
}
.test .u-topRecommend__menuList__btn {
  padding: 15px;
}

.test .l-footer .m-footerNav__hdg {
  font-size: 1.1rem;
}
.test .l-footer .m-footerNav__list li,
.test .l-footer .m-footerDisclaimer li {
  font-size: 1.3rem;
}

/* ----------------------------------------------------------------------------
 * bownowフォーム
 * ------------------------------------------------------------------------- */
.u-bownow-form {
  margin: 0;
}
.u-bownow-form__body {
  margin: 0 auto;
  max-width: 1000px;
  padding: 0 20px 50px;
}

/* ----------------------------------------------------------------------------
 * SP TOP HELP
 * ------------------------------------------------------------------------- */
.u-topHelpBox {
  background: #fff;
  padding: 20px 10px;
  position: relative;
}
.u-topHelpBox__hdg {
  font-weight: bold;
  color: #002aff;
  font-size: 14px;
}
.u-topHelpBox__contentBody {
  overflow: hidden;
}
.u-topHelpBox__txt {
  font-size: 13px;
  margin: 5px 0 0;
  line-height: 2;
}
.u-topHelpBox .u-topHelpBox__tab {
  margin-top: 20px;
  display: flex;
}
.u-topHelpBox .u-topHelpBox__tabBtn {
  font-size: 13px;
  font-weight: bold;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  border: none;
  background: #f0f0f0;
  flex: 1;
  height: 40px;
  line-height: 1;
}
.u-topHelpBox .u-topHelpBox__tabBtn.is-current {
  background-color: #002aff;
  color: #fff;
}
.u-topHelpBox__tabContent {
  position: relative;
}
.u-topHelpBox__Body {
  position: absolute;
  visibility: hidden;
  opacity: 0;
  z-index: -1;
  transition: 0.5s all ease;
  top: 0;
  left: 0;
}
.u-topHelpBox__Body.is-active {
  z-index: 0;
  position: static;
  visibility: visible;
  opacity: 1;
}
.u-topHelpBox__Body__sequence {
  margin-left: 20px;
  margin: 10px 0 0;
  counter-reset: item;
  list-style-type: none;
}
.u-topHelpBox__Body__sequence li {
  font-size: 13px;
  position: relative;
}
.u-topHelpBox__Body__sequence li img {
  border-radius: 0px;
}
.u-topHelpBox__Body__sequence li:not(:last-child) {
  margin-bottom: 15px;
}
.u-topHelpBox__Body__sequence li::before {
  content: counter(item) ". ";
  counter-increment: item;
  font-weight: bold;
}
.u-topHelpBox__Body__sequence .icon-menu[data-ifont] {
  display: inline-block;
  padding: 0 10px;
}
.u-topHelpBox__Body__sequence .icon-menu[data-ifont]::before {
  content: "\f131";
}
.u-topHelpBox__Body__inner-icon {
  display: flex;
  align-items: center;
}
.u-topHelpBox__Body__inner-icon .ico-ios-share {
  padding: 0 5px 0 3px;
}
.u-topHelpBox__Body__inner-icon .ico-add-box {
  padding: 0 5px 0 5px;
}
.u-topHelpBox__Body__inner-icon .ico-add-to-home-screen {
  padding: 0 5px 0 5px;
}
.u-topHelpBox__footer {
  padding-top: 20px;
  display: flex;
}
.u-topHelpBox__toggle {
  margin-left: auto;
  position: relative;
  font-size: 13px;
  color: #002aff;
  padding-right: 15px;
}
.u-topHelpBox__toggle::before {
  position: absolute;
  top: 50%;
  right: 0;
  width: 8px;
  height: 8px;
  margin: -6px 0 0;
  content: "";
  border-top: 2px solid #002aff;
  border-right: 2px solid #002aff;
  transition: 0.3s all ease;
  transform: rotate(135deg);
}
.u-topHelpBox__toggle.is-active::before {
  margin-top: -2px;
  transform: rotate(-45deg);
}

/* ----------------------------------------------------------------------------
 * バイヤーコンタクトページ
 * ------------------------------------------------------------------------- */
.u-buyerContactIwakiUser {
  margin-top: 38px;
}
.u-buyerContactIwakiUser__Hdg {
  font-size: 20px;
  font-weight: bold;
}
.u-buyerContactIwakiUser__list {
  margin: 25px 0 0;
}
.u-buyerContactIwakiUser__item {
  margin: 20px 0 0;
}
.u-buyerContactIwakiUser__item:first-child {
  margin-top: 0;
}
.u-buyerContactIwakiUser__member {
  display: grid;
  grid-template-columns: 50px 1fr 67px;
  gap: 0 20px;
  align-items: center;
  padding-left: 0;
}
.u-buyerContactIwakiUser__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 50px;
  overflow: hidden;
  color: #fff;
  background: #6f6f6f;
  border-radius: 100%;
}

/* ----------------------------------------------------------------------------
 * Structure
 * ------------------------------------------------------------------------- */
/* ------------------------------------
 * Textarea
 * --------------------------------- */
.c-code {
  position: relative;
  display: none;
  margin: 10px 0 0;
  background: #000;
}
.c-code.is-active {
  display: block;
}
.c-code.is-disabled {
  display: none;
}
.c-code::before {
  position: absolute;
  top: 5px;
  left: 10px;
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  letter-spacing: -1px;
  content: "Source Code";
}
.c-code textarea {
  box-sizing: border-box;
  display: block;
  width: 100%;
  min-height: 150px;
  padding: 30px 10px 10px;
  font-size: 12px;
  line-height: 1.3;
  color: #5ce638;
  resize: vertical;
  background: #000;
  border: none;
  border-radius: 3px;
}

/* ------------------------------------
 * Guideline code
 * --------------------------------- */
code.c-code {
  display: block;
  padding: 10px;
  margin: 15px 0 0;
  font-size: 12px;
  line-height: 1.3;
  color: #5ce638;
  background: #000;
}
code.c-code pre {
  word-wrap: break-word;
  white-space: pre-wrap;
}
code.c-code::before {
  content: none;
}

/* ----------------------------------------------------------------------------
 * Element
 * ------------------------------------------------------------------------- */
/* ------------------------------------
 * Heading
 * --------------------------------- */
.c-hdgLv1__hdg,
.c-hdgLv2__hdg,
.c-hdgLv3__hdg {
  font-weight: bold;
  line-height: 1;
}

/* HeadingLevel1 */
.c-hdgLv1 {
  margin: 60px 0 25px;
}
.c-hdgLv1 + * {
  margin-top: 25px !important;
}
.c-hdgLv1__hdg {
  font-size: 2.4rem;
}

/* HeadingLevel2 */
.c-hdgLv2 {
  margin: 35px 0 20px;
}
.c-hdgLv2 + * {
  margin-top: 20px !important;
}
.c-hdgLv2__hdg {
  padding: 8px 10px;
  line-height: 1.5;
  background: #ddd;
  border-radius: 3px;
  font-size: 1.6rem;
}

/* HeadingLevel3 */
.c-hdgLv3 {
  margin: 35px 0 15px;
}
.c-hdgLv3 + * {
  margin-top: 15px !important;
}
.c-hdgLv3__hdg {
  font-size: 1.6rem;
}

/* HeadingLabel */
.c-hdgSub {
  position: relative;
  top: -2px;
  display: inline-block;
  padding: 5px 6px;
  margin-right: 10px;
  font-weight: normal;
  line-height: 1;
  vertical-align: middle;
  background: #fff;
  border-radius: 2px;
  font-size: 1.2rem;
}

/* ------------------------------------
 * List
 * --------------------------------- */
.c-list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 20px 0 30px;
}
.c-list li {
  display: inline-block;
  padding: 0 6px 0 10px;
  margin: 0 0 7px 0;
  line-height: 1;
  border-left: 1px solid #999;
  font-size: 1.4rem;
}
.c-list li:last-child {
  padding-right: 10px;
  border-right: 1px solid #999;
}
.c-list a {
  color: #292929;
}

/* ------------------------------------
 * Table
 * --------------------------------- */
.c-tbl {
  width: 100%;
  margin: 20px auto 0;
  border-collapse: collapse;
  border: 1px solid #ccc;
}
.c-tbl thead th,
.c-tbl thead td,
.c-tbl tbody th,
.c-tbl tbody td {
  padding: 8px 10px;
  font-weight: normal;
  line-height: 1.5;
  text-align: left;
  border-collapse: collapse;
  background: #fff;
  border: 1px solid #ccc;
  font-size: 1.4rem;
}
.c-tbl thead th.c-ac,
.c-tbl thead td.c-ac,
.c-tbl tbody th.c-ac,
.c-tbl tbody td.c-ac {
  text-align: center;
}
.c-tbl thead th,
.c-tbl tbody th {
  font-weight: bold;
}
.c-tbl thead th {
  text-align: center;
  background: #ddd;
}
.c-tbl tbody tr th {
  text-align: center;
  background: #f9f9f9;
}
.c-tbl tbody tr th:nth-child(1) {
  background: #eee;
}

/* ------------------------------------
 * Section
 * --------------------------------- */
.c-section + .c-section {
  margin-top: 90px;
}
.c-section > *:first-child {
  margin: 0 0 10px;
}

/* ============================================================================
 * Base
 * ========================================================================= */
/* ============================================================================
 * Structure
 * ========================================================================= */
/* ============================================================================
 * Module
 * ========================================================================= */
/* ============================================================================
 * UNIQUE
 * ========================================================================= */
/* ============================================================================
 * COMPONENTS
 * ========================================================================= */
/*!***************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/slick-carousel/slick/slick.css ***!
  \***************************************************************************************************************************/
/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

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

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[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;
}

/*!*********************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/slick-carousel/slick/slick-theme.css ***!
  \*********************************************************************************************************************************/
@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list
{
    background: #fff url('./ajax-loader.gif') center center no-repeat;
}

/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url('./fonts/slick.eot');
    src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg');
}
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: '←';
}
[dir='rtl'] .slick-prev:before
{
    content: '→';
}

.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: '→';
}
[dir='rtl'] .slick-next:before
{
    content: '←';
}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}

/*!****************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/sass-loader/dist/cjs.js!./ts/components/profileForm/IconUpload.scss ***!
  \****************************************************************************************************************************************************************/
.m-frmUpload[data-type=icon] .m-frmUpload__del {
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 1;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  min-width: 60px;
  max-width: 60px;
  min-height: 60px;
  max-height: 60px;
  padding-bottom: 7px;
  margin: -30px 0 0;
  overflow: hidden;
  font-size: 1.2rem;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  background: transparent;
  border-radius: 100%;
}
.m-frmUpload[data-type=icon] .m-frmUpload__del::before {
  position: absolute;
  top: 36px;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  display: block;
  content: "";
  background: #6f6f6f;
  opacity: 1;
}
/*!*********************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/sass-loader/dist/cjs.js!./ts/components/inquiryForm/selectToAddress.scss ***!
  \*********************************************************************************************************************************************************************/
.u-inquiryChoose input:read-only {
  pointer-events: none;
  background-color: #cbcdce;
}

.u-inquiryForm-slideDown {
  height: 0;
  overflow: hidden;
}
.u-inquiryForm-slideDown.is-init {
  height: auto;
}
.u-inquiryForm-slideDown-inner {
  margin-top: 30px;
}
/*!***************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/react-datepicker/dist/react-datepicker.css ***!
  \***************************************************************************************************************************************/
@charset "UTF-8";
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow, .react-datepicker__navigation-icon::before {
  border-color: #ccc;
  border-style: solid;
  border-width: 3px 3px 0 0;
  content: "";
  display: block;
  height: 9px;
  position: absolute;
  top: 6px;
  width: 9px;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
  margin-left: -4px;
  position: absolute;
  width: 0;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
  box-sizing: content-box;
  position: absolute;
  border: 8px solid transparent;
  height: 0;
  width: 1px;
  content: "";
  z-index: -1;
  border-width: 8px;
  left: -8px;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before {
  border-bottom-color: #aeaeae;
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
  top: 0;
  margin-top: -8px;
}
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
  border-top: none;
  border-bottom-color: #f0f0f0;
}
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
  top: 0;
}
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before {
  top: -1px;
  border-bottom-color: #aeaeae;
}

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle {
  bottom: 0;
  margin-bottom: -8px;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after {
  border-bottom: none;
  border-top-color: #fff;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after {
  bottom: 0;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before {
  bottom: -1px;
  border-top-color: #aeaeae;
}

.react-datepicker-wrapper {
  display: inline-block;
  padding: 0;
  border: 0;
  width: 100%;
}

.react-datepicker {
  font-family: "Helvetica Neue", helvetica, arial, sans-serif;
  font-size: 0.8rem;
  background-color: #fff;
  color: #000;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  display: inline-block;
  position: relative;
}

.react-datepicker--time-only .react-datepicker__triangle {
  left: 35px;
}
.react-datepicker--time-only .react-datepicker__time-container {
  border-left: 0;
}
.react-datepicker--time-only .react-datepicker__time,
.react-datepicker--time-only .react-datepicker__time-box {
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}

.react-datepicker__triangle {
  position: absolute;
  left: 50px;
}

.react-datepicker-popper {
  z-index: 1;
}
.react-datepicker-popper[data-placement^=bottom] {
  padding-top: 10px;
}
.react-datepicker-popper[data-placement=bottom-end] .react-datepicker__triangle, .react-datepicker-popper[data-placement=top-end] .react-datepicker__triangle {
  left: auto;
  right: 50px;
}
.react-datepicker-popper[data-placement^=top] {
  padding-bottom: 10px;
}
.react-datepicker-popper[data-placement^=right] {
  padding-left: 8px;
}
.react-datepicker-popper[data-placement^=right] .react-datepicker__triangle {
  left: auto;
  right: 42px;
}
.react-datepicker-popper[data-placement^=left] {
  padding-right: 8px;
}
.react-datepicker-popper[data-placement^=left] .react-datepicker__triangle {
  left: 42px;
  right: auto;
}

.react-datepicker__header {
  text-align: center;
  background-color: #f0f0f0;
  border-bottom: 1px solid #aeaeae;
  border-top-left-radius: 0.3rem;
  padding: 8px 0;
  position: relative;
}
.react-datepicker__header--time {
  padding-bottom: 8px;
  padding-left: 5px;
  padding-right: 5px;
}
.react-datepicker__header--time:not(.react-datepicker__header--time--only) {
  border-top-left-radius: 0;
}
.react-datepicker__header:not(.react-datepicker__header--has-time-select) {
  border-top-right-radius: 0.3rem;
}

.react-datepicker__year-dropdown-container--select,
.react-datepicker__month-dropdown-container--select,
.react-datepicker__month-year-dropdown-container--select,
.react-datepicker__year-dropdown-container--scroll,
.react-datepicker__month-dropdown-container--scroll,
.react-datepicker__month-year-dropdown-container--scroll {
  display: inline-block;
  margin: 0 15px;
}

.react-datepicker__current-month,
.react-datepicker-time__header,
.react-datepicker-year-header {
  margin-top: 0;
  color: #000;
  font-weight: bold;
  font-size: 0.944rem;
}

.react-datepicker-time__header {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.react-datepicker__navigation {
  align-items: center;
  background: none;
  display: flex;
  justify-content: center;
  text-align: center;
  cursor: pointer;
  position: absolute;
  top: 2px;
  padding: 0;
  border: none;
  z-index: 1;
  height: 32px;
  width: 32px;
  text-indent: -999em;
  overflow: hidden;
}
.react-datepicker__navigation--previous {
  left: 2px;
}
.react-datepicker__navigation--next {
  right: 2px;
}
.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
  right: 85px;
}
.react-datepicker__navigation--years {
  position: relative;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.react-datepicker__navigation--years-previous {
  top: 4px;
}
.react-datepicker__navigation--years-upcoming {
  top: -4px;
}
.react-datepicker__navigation:hover *::before {
  border-color: #a6a6a6;
}

.react-datepicker__navigation-icon {
  position: relative;
  top: -1px;
  font-size: 20px;
  width: 0;
}
.react-datepicker__navigation-icon--next {
  left: -2px;
}
.react-datepicker__navigation-icon--next::before {
  transform: rotate(45deg);
  left: -7px;
}
.react-datepicker__navigation-icon--previous {
  right: -2px;
}
.react-datepicker__navigation-icon--previous::before {
  transform: rotate(225deg);
  right: -7px;
}

.react-datepicker__month-container {
  float: left;
}

.react-datepicker__year {
  margin: 0.4rem;
  text-align: center;
}
.react-datepicker__year-wrapper {
  display: flex;
  flex-wrap: wrap;
  max-width: 180px;
}
.react-datepicker__year .react-datepicker__year-text {
  display: inline-block;
  width: 4rem;
  margin: 2px;
}

.react-datepicker__month {
  margin: 0.4rem;
  text-align: center;
}
.react-datepicker__month .react-datepicker__month-text,
.react-datepicker__month .react-datepicker__quarter-text {
  display: inline-block;
  width: 4rem;
  margin: 2px;
}

.react-datepicker__input-time-container {
  clear: both;
  width: 100%;
  float: left;
  margin: 5px 0 10px 15px;
  text-align: left;
}
.react-datepicker__input-time-container .react-datepicker-time__caption {
  display: inline-block;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container {
  display: inline-block;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input {
  display: inline-block;
  margin-left: 10px;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input {
  width: auto;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time] {
  -moz-appearance: textfield;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter {
  margin-left: 5px;
  display: inline-block;
}

.react-datepicker__time-container {
  float: right;
  border-left: 1px solid #aeaeae;
  width: 85px;
}
.react-datepicker__time-container--with-today-button {
  display: inline;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  position: absolute;
  right: -87px;
  top: 0;
}
.react-datepicker__time-container .react-datepicker__time {
  position: relative;
  background: white;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
  width: 85px;
  overflow-x: hidden;
  margin: 0 auto;
  text-align: center;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {
  list-style: none;
  margin: 0;
  height: calc(195px + (1.7rem / 2));
  overflow-y: scroll;
  padding-right: 0;
  padding-left: 0;
  width: 100%;
  box-sizing: content-box;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item {
  height: 30px;
  padding: 5px 10px;
  white-space: nowrap;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover {
  cursor: pointer;
  background-color: #f0f0f0;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected {
  background-color: #216ba5;
  color: white;
  font-weight: bold;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover {
  background-color: #216ba5;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled {
  color: #ccc;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover {
  cursor: default;
  background-color: transparent;
}

.react-datepicker__week-number {
  color: #ccc;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}
.react-datepicker__week-number.react-datepicker__week-number--clickable {
  cursor: pointer;
}
.react-datepicker__week-number.react-datepicker__week-number--clickable:hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}

.react-datepicker__day-names,
.react-datepicker__week {
  white-space: nowrap;
}

.react-datepicker__day-names {
  margin-bottom: -8px;
}

.react-datepicker__day-name,
.react-datepicker__day,
.react-datepicker__time-name {
  color: #000;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}

.react-datepicker__month--selected, .react-datepicker__month--in-selecting-range, .react-datepicker__month--in-range,
.react-datepicker__quarter--selected,
.react-datepicker__quarter--in-selecting-range,
.react-datepicker__quarter--in-range {
  border-radius: 0.3rem;
  background-color: #216ba5;
  color: #fff;
}
.react-datepicker__month--selected:hover, .react-datepicker__month--in-selecting-range:hover, .react-datepicker__month--in-range:hover,
.react-datepicker__quarter--selected:hover,
.react-datepicker__quarter--in-selecting-range:hover,
.react-datepicker__quarter--in-range:hover {
  background-color: #1d5d90;
}
.react-datepicker__month--disabled,
.react-datepicker__quarter--disabled {
  color: #ccc;
  pointer-events: none;
}
.react-datepicker__month--disabled:hover,
.react-datepicker__quarter--disabled:hover {
  cursor: default;
  background-color: transparent;
}

.react-datepicker__day,
.react-datepicker__month-text,
.react-datepicker__quarter-text,
.react-datepicker__year-text {
  cursor: pointer;
}
.react-datepicker__day:hover,
.react-datepicker__month-text:hover,
.react-datepicker__quarter-text:hover,
.react-datepicker__year-text:hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}
.react-datepicker__day--today,
.react-datepicker__month-text--today,
.react-datepicker__quarter-text--today,
.react-datepicker__year-text--today {
  font-weight: bold;
}
.react-datepicker__day--highlighted,
.react-datepicker__month-text--highlighted,
.react-datepicker__quarter-text--highlighted,
.react-datepicker__year-text--highlighted {
  border-radius: 0.3rem;
  background-color: #3dcc4a;
  color: #fff;
}
.react-datepicker__day--highlighted:hover,
.react-datepicker__month-text--highlighted:hover,
.react-datepicker__quarter-text--highlighted:hover,
.react-datepicker__year-text--highlighted:hover {
  background-color: #32be3f;
}
.react-datepicker__day--highlighted-custom-1,
.react-datepicker__month-text--highlighted-custom-1,
.react-datepicker__quarter-text--highlighted-custom-1,
.react-datepicker__year-text--highlighted-custom-1 {
  color: magenta;
}
.react-datepicker__day--highlighted-custom-2,
.react-datepicker__month-text--highlighted-custom-2,
.react-datepicker__quarter-text--highlighted-custom-2,
.react-datepicker__year-text--highlighted-custom-2 {
  color: green;
}
.react-datepicker__day--selected, .react-datepicker__day--in-selecting-range, .react-datepicker__day--in-range,
.react-datepicker__month-text--selected,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--selected,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--selected,
.react-datepicker__year-text--in-selecting-range,
.react-datepicker__year-text--in-range {
  border-radius: 0.3rem;
  background-color: #216ba5;
  color: #fff;
}
.react-datepicker__day--selected:hover, .react-datepicker__day--in-selecting-range:hover, .react-datepicker__day--in-range:hover,
.react-datepicker__month-text--selected:hover,
.react-datepicker__month-text--in-selecting-range:hover,
.react-datepicker__month-text--in-range:hover,
.react-datepicker__quarter-text--selected:hover,
.react-datepicker__quarter-text--in-selecting-range:hover,
.react-datepicker__quarter-text--in-range:hover,
.react-datepicker__year-text--selected:hover,
.react-datepicker__year-text--in-selecting-range:hover,
.react-datepicker__year-text--in-range:hover {
  background-color: #1d5d90;
}
.react-datepicker__day--keyboard-selected,
.react-datepicker__month-text--keyboard-selected,
.react-datepicker__quarter-text--keyboard-selected,
.react-datepicker__year-text--keyboard-selected {
  border-radius: 0.3rem;
  background-color: #bad9f1;
  color: rgb(0, 0, 0);
}
.react-datepicker__day--keyboard-selected:hover,
.react-datepicker__month-text--keyboard-selected:hover,
.react-datepicker__quarter-text--keyboard-selected:hover,
.react-datepicker__year-text--keyboard-selected:hover {
  background-color: #1d5d90;
}
.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range) {
  background-color: rgba(33, 107, 165, 0.5);
}
.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range) {
  background-color: #f0f0f0;
  color: #000;
}
.react-datepicker__day--disabled,
.react-datepicker__month-text--disabled,
.react-datepicker__quarter-text--disabled,
.react-datepicker__year-text--disabled {
  cursor: default;
  color: #ccc;
}
.react-datepicker__day--disabled:hover,
.react-datepicker__month-text--disabled:hover,
.react-datepicker__quarter-text--disabled:hover,
.react-datepicker__year-text--disabled:hover {
  background-color: transparent;
}

.react-datepicker__month-text.react-datepicker__month--selected:hover, .react-datepicker__month-text.react-datepicker__month--in-range:hover, .react-datepicker__month-text.react-datepicker__quarter--selected:hover, .react-datepicker__month-text.react-datepicker__quarter--in-range:hover,
.react-datepicker__quarter-text.react-datepicker__month--selected:hover,
.react-datepicker__quarter-text.react-datepicker__month--in-range:hover,
.react-datepicker__quarter-text.react-datepicker__quarter--selected:hover,
.react-datepicker__quarter-text.react-datepicker__quarter--in-range:hover {
  background-color: #216ba5;
}
.react-datepicker__month-text:hover,
.react-datepicker__quarter-text:hover {
  background-color: #f0f0f0;
}

.react-datepicker__input-container {
  position: relative;
  display: inline-block;
  width: 100%;
}

.react-datepicker__year-read-view,
.react-datepicker__month-read-view,
.react-datepicker__month-year-read-view {
  border: 1px solid transparent;
  border-radius: 0.3rem;
  position: relative;
}
.react-datepicker__year-read-view:hover,
.react-datepicker__month-read-view:hover,
.react-datepicker__month-year-read-view:hover {
  cursor: pointer;
}
.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow {
  border-top-color: #b3b3b3;
}
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
  transform: rotate(135deg);
  right: -16px;
  top: 0;
}

.react-datepicker__year-dropdown,
.react-datepicker__month-dropdown,
.react-datepicker__month-year-dropdown {
  background-color: #f0f0f0;
  position: absolute;
  width: 50%;
  left: 25%;
  top: 30px;
  z-index: 1;
  text-align: center;
  border-radius: 0.3rem;
  border: 1px solid #aeaeae;
}
.react-datepicker__year-dropdown:hover,
.react-datepicker__month-dropdown:hover,
.react-datepicker__month-year-dropdown:hover {
  cursor: pointer;
}
.react-datepicker__year-dropdown--scrollable,
.react-datepicker__month-dropdown--scrollable,
.react-datepicker__month-year-dropdown--scrollable {
  height: 150px;
  overflow-y: scroll;
}

.react-datepicker__year-option,
.react-datepicker__month-option,
.react-datepicker__month-year-option {
  line-height: 20px;
  width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.react-datepicker__year-option:first-of-type,
.react-datepicker__month-option:first-of-type,
.react-datepicker__month-year-option:first-of-type {
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}
.react-datepicker__year-option:last-of-type,
.react-datepicker__month-option:last-of-type,
.react-datepicker__month-year-option:last-of-type {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__year-option:hover,
.react-datepicker__month-option:hover,
.react-datepicker__month-year-option:hover {
  background-color: #ccc;
}
.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming {
  border-bottom-color: #b3b3b3;
}
.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous {
  border-top-color: #b3b3b3;
}
.react-datepicker__year-option--selected,
.react-datepicker__month-option--selected,
.react-datepicker__month-year-option--selected {
  position: absolute;
  left: 15px;
}

.react-datepicker__close-icon {
  cursor: pointer;
  background-color: transparent;
  border: 0;
  outline: 0;
  padding: 0 6px 0 0;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  display: table-cell;
  vertical-align: middle;
}
.react-datepicker__close-icon::after {
  cursor: pointer;
  background-color: #216ba5;
  color: #fff;
  border-radius: 50%;
  height: 16px;
  width: 16px;
  padding: 2px;
  font-size: 12px;
  line-height: 1;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  content: "×";
}

.react-datepicker__today-button {
  background: #f0f0f0;
  border-top: 1px solid #aeaeae;
  cursor: pointer;
  text-align: center;
  font-weight: bold;
  padding: 5px 0;
  clear: left;
}

.react-datepicker__portal {
  position: fixed;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.8);
  left: 0;
  top: 0;
  justify-content: center;
  align-items: center;
  display: flex;
  z-index: 2147483647;
}
.react-datepicker__portal .react-datepicker__day-name,
.react-datepicker__portal .react-datepicker__day,
.react-datepicker__portal .react-datepicker__time-name {
  width: 3rem;
  line-height: 3rem;
}
@media (max-width: 400px), (max-height: 550px) {
  .react-datepicker__portal .react-datepicker__day-name,
  .react-datepicker__portal .react-datepicker__day,
  .react-datepicker__portal .react-datepicker__time-name {
    width: 2rem;
    line-height: 2rem;
  }
}
.react-datepicker__portal .react-datepicker__current-month,
.react-datepicker__portal .react-datepicker-time__header {
  font-size: 1.44rem;
}

.react-datepicker__children-container {
  width: 13.8rem;
  margin: 0.4rem;
  padding-right: 0.2rem;
  padding-left: 0.2rem;
  height: auto;
}

.react-datepicker__aria-live {
  position: absolute;
  clip-path: circle(0);
  border: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  width: 1px;
  white-space: nowrap;
}

/*!*****************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/sass-loader/dist/cjs.js!./ts/components/inquiryForm/custom-react-datepicker.scss ***!
  \*****************************************************************************************************************************************************************************/
.react-datepicker {
  border: none;
  border-radius: 7px;
  box-shadow: 0 20px 30px rgba(0, 98, 255, 0.33);
}

.react-datepicker__input-container {
  position: relative;
}
.react-datepicker__input-container::before {
  position: absolute;
  top: calc(50% - 10px);
  right: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  font-family: "iconfont", serif !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  pointer-events: none;
  content: "\f112";
}

.react-datepicker__triangle {
  display: none;
}

.react-datepicker__day-name,
.react-datepicker__day,
.react-datepicker__time-name {
  width: 44px;
  margin: 0;
  font-size: 1.4rem;
  line-height: 44px;
}

.react-datepicker__header {
  display: flex;
  flex-direction: column;
  padding: 0;
  background: none;
  border-bottom: none;
}

.datepicker__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 28px 0 28px;
  background: #fff;
}

.datepicker__header-date {
  display: flex;
  padding-bottom: 10px;
  font-size: 1.6rem;
  font-weight: bold;
}

.datepicker__button {
  position: relative;
  width: 20px;
  height: 20px;
  padding-left: 20px;
  overflow: hidden;
  white-space: nowrap;
  cursor: pointer;
}
.datepicker__button.__prev {
  margin-right: 18px;
  margin-left: auto;
}
.datepicker__button.__prev::before {
  position: absolute;
  top: 50%;
  left: 8px;
  display: block;
  width: 8px;
  height: 8px;
  margin: -4px 0 0;
  content: "";
  border-bottom: 2px solid #000;
  border-left: 2px solid #000;
  transform: rotate(45deg);
}
.datepicker__button.__next {
  margin-right: 0;
}
.datepicker__button.__next::before {
  position: absolute;
  top: 50%;
  right: 8px;
  display: block;
  width: 8px;
  height: 8px;
  margin: -4px 0 0;
  content: "";
  border-top: 2px solid #000;
  border-right: 2px solid #000;
  transform: rotate(45deg);
}

.react-datepicker__day-names {
  padding-right: 26px;
  padding-left: 26px;
  margin: 0;
  background: #f8f8f8;
}
.react-datepicker__day-names .react-datepicker__day-name {
  font-size: 1.3rem;
  color: #6f6f6f;
}
.react-datepicker__day-names .react-datepicker__day-name:nth-child(6) {
  color: #165fa8;
}
.react-datepicker__day-names .react-datepicker__day-name:nth-child(7) {
  color: #cb1a1a;
}

.react-datepicker__week .react-datepicker__day {
  border-radius: 100%;
}
.react-datepicker__week .react-datepicker__day--highlighted {
  color: #cb1a1a;
  background: none;
}
.react-datepicker__week .react-datepicker__day--selected {
  color: #fff !important;
  background-color: #007fff !important;
}
.react-datepicker__week .react-datepicker__day:nth-child(6) {
  color: #165fa8;
}
.react-datepicker__week .react-datepicker__day:nth-child(7) {
  color: #cb1a1a;
}
.react-datepicker__week .react-datepicker__day--disabled:nth-child(6) {
  color: #9ec2e6;
}
.react-datepicker__week .react-datepicker__day--disabled:nth-child(7) {
  color: #dd8b8b;
}
.react-datepicker__week .react-datepicker__day--disabled.react-datepicker__day--highlighted {
  color: #dd8b8b;
}

@media screen and (max-width: 767px) {
  .react-datepicker__month {
    margin-bottom: 20px;
  }
  .react-datepicker__day-name, .react-datepicker__day, .react-datepicker__time-name {
    width: 38px;
    line-height: 38px;
  }
}