@charset "UTF-8";
/*===========================================
    reset
===========================================*/
html {
  overflow-y: auto;
}

body {
  position: relative;
  width: 100%;
}

* {
  margin: 0;
  padding: 0;
  border: none;
  outline: none;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

html, body, header, nav, footer, main, aside, section, article, nav, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, caption, mark, dl, dt, dd, ol, ul, li, fieldset, label, legend, option, table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: none;
  outline: none;
  font-family: inherit;
  font-size: 100%;
  font-style: normal;
  font-weight: normal;
  vertical-align: top;
  text-align: left;
}

dl, dt, dd, ol, ul, li {
  list-style: none;
}

table {
  width: 100%;
  border-collapse: collapse;
  *border-collapse: collapse;
  border-spacing: 0;
}

th, td {
  border: none;
  text-align: left;
  vertical-align: top;
}

q, blockquote {
  quotes: none;
}

iframe {
  display: block;
  width: 100%;
  overflow: hidden;
}

img {
  border: none;
  vertical-align: bottom;
}

a {
  border: none;
  text-decoration: none;
  cursor: pointer;
}

a:hover {
  outline: none;
  cursor: pointer;
}

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

sup {
  position: relative;
  bottom: 0.7em;
  font-size: 71.5%;
  vertical-align: baseline;
}

sub {
  position: relative;
  top: 0.1em;
  font-size: 71.5%;
  vertical-align: baseline;
}

abbr, acronym {
  border-bottom: dotted 1px #ccc;
  cursor: help;
}

hr {
  display: none;
}

input[type="submit"], input[type="reset"], input[type="button"], button, select {
  cursor: pointer;
}

/*===========================================
    base
===========================================*/
html {
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}

@media screen and (min-width: 601px), print {
  html {
    font-size: 15px;
  }
}

@media screen and (max-width: 600px) {
  html {
    font-size: 13px;
  }
}

body {
  -webkit-overflow-scrolling: touch;
  position: relative;
  -webkit-font-smoothing: subpixel-antialiased;
  overflow: hidden;
  color: #333;
  font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
  -webkit-font-feature-settings: "palt" 1;
  -moz-font-feature-settings: "palt" 1;
  font-feature-settings: "palt" 1;
  letter-spacing: 0.05em;
  line-height: 1.8;
}

@media screen and (min-width: 601px), print {
  body {
    min-width: 1280px;
  }
}

body * {
  text-align: justify;
  text-justify: inter-ideograph;
}

body a {
  -moz-transition-property: all;
  transition-property: all;
  -moz-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -moz-transition-timing-function: ease;
  transition-timing-function: ease;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  color: #009A98;
  font-weight: bold;
}

body a:hover {
  text-decoration: underline;
}

body a:focus {
  text-decoration: none;
}

body a:active {
  text-decoration: none;
}

body b {
  font-weight: bold;
}

body em {
  font-weight: bold;
}

body strong {
  font-weight: bold;
}

body mark {
  background-color: rgba(102, 102, 102, 0.2);
}

body s {
  text-decoration: line-through;
}

body del {
  text-decoration: line-through;
}

body small {
  font-size: 0.8em;
  color: #4d4d4d;
}

::-moz-selection {
  background: rgba(102, 102, 102, 0.2);
}

::selection {
  background: rgba(102, 102, 102, 0.2);
}

/*===========================================
    animate
===========================================*/
.is-animated {
  -webkit-animation-duration: 0.5s;
  -moz-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-delay: 0;
  -moz-animation-delay: 0;
  animation-delay: 0;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-direction:  normal;
  -moz-animation-direction:  normal;
  animation-direction:  normal;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-play-state:  running;
  -moz-animation-play-state:  running;
  animation-play-state:  running;
}

.is-animated.fx-infinite {
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

/*===========================================
    l-column
===========================================*/
.l-column {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (min-width: 601px), print {
  .l-column {
    padding-top: 112px;
  }
}

@media screen and (max-width: 600px) {
  .l-column {
    padding-top: 92px;
  }
}

.l-column .column__left {
  position: relative;
  z-index: 1;
}

@media screen and (min-width: 601px), print {
  .l-column .column__left {
    width: 200px;
    background-color: #fff;
    border-right: solid 1px #ddd;
  }
}

@media screen and (max-width: 600px) {
  .l-column .column__left {
    -moz-transition-property: all;
    transition-property: all;
    -moz-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -moz-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    position: fixed;
    top: 0;
    left: -100%;
    z-index: 102;
    width: -moz-calc(100% - 64px);
    width: calc(100% - 64px);
    height: 100vh;
    background-color: #fff;
  }
}

@media screen and (max-width: 600px) {
  .l-column .column__left.is-active {
    left: 0;
  }
}

.l-column .column__right {
  position: relative;
  z-index: 0;
}

@media screen and (min-width: 601px), print {
  .l-column .column__right {
    width: -moz-calc(100% - 200px);
    width: calc(100% - 200px);
  }
}

@media screen and (max-width: 600px) {
  .l-column .column__right {
    width: 100%;
  }
}

@media screen and (min-width: 601px), print {
  .l-column .column__close {
    display: none;
  }
}

@media screen and (max-width: 600px) {
  .l-column .column__close {
    position: absolute;
    top: 16px;
    right: -40px;
    z-index: 100;
    width: 32px;
    height: 32px;
    border: none;
    padding: 0;
  }
}

/*===========================================
    l-header
===========================================*/
[class*="l-header"] {
  position: fixed;
  top: 0;
  z-index: 100;
  width: 100%;
  background-color: #fff;
  border-bottom: solid 1px #ddd;
}

@media screen and (min-width: 601px), print {
  [class*="l-header"] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -moz-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }
}

@media print {
  [class*="l-header"] {
    position: absolute;
  }
}

@media screen and (max-width: 600px) {
  [class*="l-header"] .header__logo {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    padding: 16px;
  }
}

[class*="l-header"] .header__logo .logo__image {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media screen and (min-width: 601px), print {
  [class*="l-header"] .header__logo .logo__image {
    width: 200px;
    height: 100%;
    padding: 16px;
  }
}

@media screen and (max-width: 600px) {
  [class*="l-header"] .header__logo .logo__image {
    height: 32px;
  }
}

[class*="l-header"] .header__logo .logo__image img {
  display: block;
  width: 100%;
  height: auto;
}

@media screen and (max-width: 600px) {
  [class*="l-header"] .header__logo .logo__image img {
    width: auto;
    height: 100%;
  }
}

@media screen and (min-width: 601px), print {
  [class*="l-header"] .header__logo .logo__menu {
    display: none;
  }
}

@media screen and (max-width: 600px) {
  [class*="l-header"] .header__logo .logo__menu {
    width: 32px;
    height: 32px;
  }
}

[class*="l-header"] .header__logo .logo__menu i {
  width: 100%;
  height: 100%;
}

@media screen and (min-width: 601px), print {
  [class*="l-header"] .header__logo .logo__search {
    display: none;
  }
}

@media screen and (max-width: 600px) {
  [class*="l-header"] .header__logo .logo__search {
    width: 32px;
    height: 32px;
  }
}

[class*="l-header"] .header__logo .logo__search img {
  width: 100%;
  height: 100%;
}

[class*="l-header"] .header__title {
  margin: 0 0 0 1em;
  padding-left: 1em;
  border-left: solid 1px #000;
}

@media screen and (min-width: 601px), print {
  [class*="l-header"] .header__inner {
    width: -moz-calc(100% - 200px);
    width: calc(100% - 200px);
  }
}

@media screen and (max-width: 600px) {
  [class*="l-header"] .header__inner {
    width: 100%;
  }
}

@media screen and (min-width: 601px), print {
  [class*="l-header"] .header__toolbar {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -moz-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    padding: 16px 56px;
    margin-top: 0 !important;
    border-left: solid 1px #ddd;
  }
}

@media screen and (min-width: 601px), print {
  [class*="l-header"] .header__toolbar .toolbar__inner {
    display: block !important;
    width: 100%;
    margin-right: 16px;
    margin-top: 0;
  }
}

@media screen and (max-width: 600px) {
  [class*="l-header"] .header__toolbar .toolbar__inner {
    display: none;
    width: 100%;
    padding: 0 16px 16px;
  }
}

@media screen and (max-width: 600px) {
  [class*="l-header"] .header__toolbar .toolbar__search {
    margin-right: 0;
  }
}

[class*="l-header"] .header__toolbar .toolbar__banner {
  margin-right: 1rem;
}

@media screen and (max-width: 600px) {
  [class*="l-header"] .header__toolbar .toolbar__banner {
    display: none;
  }
}

@media screen and (max-width: 600px) {
  [class*="l-header"] .header__toolbar .toolbar__navigation {
    display: none;
    width: 100%;
    height: 60px;
    padding: 4px 16px;
    border-top: solid 1px #ddd;
    background-color: #fff;
  }
}

[class*="l-header"] .header__toolbar .toolbar__navigation .navigation__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media screen and (min-width: 601px), print {
  [class*="l-header"] .header__toolbar .toolbar__navigation .navigation__list .list__item {
    width: 56px;
  }
}

@media screen and (max-width: 600px) {
  [class*="l-header"] .header__toolbar .toolbar__navigation .navigation__list .list__item {
    width: -moz-calc(100% / 4);
    width: calc(100% / 4);
  }
}

[class*="l-header"] .header__toolbar .toolbar__navigation .navigation__list .list__item a {
  color: #333;
  text-decoration: none;
}

[class*="l-header"] .header__toolbar .toolbar__navigation .navigation__list .list__item a:hover, [class*="l-header"] .header__toolbar .toolbar__navigation .navigation__list .list__item a.is-active {
  color: #009A98;
}

[class*="l-header"] .header__toolbar .toolbar__navigation .navigation__list .list__item a > * {
  display: block;
}

[class*="l-header"] .header__toolbar .toolbar__navigation .navigation__list .list__item a img {
  width: 32px;
  height: 32px;
  margin: 0 auto;
}

[class*="l-header"] .header__toolbar .toolbar__navigation .navigation__list .list__item a span {
  font-size: 0.733rem;
  letter-spacing: 0;
  text-align: center;
}

@media screen and (min-width: 601px), print {
  [class*="l-header"] .header__toolbar .toolbar__navigation .navigation__list .list__item .item__window {
    width: 300px;
  }
}

@media screen and (max-width: 600px) {
  [class*="l-header"] .header__toolbar .toolbar__navigation .navigation__list .list__item .item__window {
    display: none;
  }
}

[class*="l-header"] .header__toolbar .toolbar__navigation .navigation__list .list__item .item__window .window__siteSearch {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -moz-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  padding-bottom: 2em;
  margin-bottom: 1.5em;
  border-bottom: solid 1px #ddd;
}

[class*="l-header"] .header__toolbar .toolbar__navigation .navigation__list .list__item .item__window .window__siteSearch .siteSearch__input input {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right: none;
}

[class*="l-header"] .header__toolbar .toolbar__navigation .navigation__list .list__item .item__window .window__siteSearch .siteSearch__button {
  width: 4rem;
  height: auto;
  padding: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

[class*="l-header"] .header__toolbar .toolbar__navigation .navigation__list .list__item .item__window .window__list li a {
  display: block;
  padding: 0.5em 0;
}

[class*="l-header"] .header__toolbar .toolbar__navigation .navigation__list .list__item .item__window .window__list li a:hover {
  color: #009A98;
}

[class*="l-header"] .header__user {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  background-color: #ddd;
}

@media screen and (min-width: 601px), print {
  [class*="l-header"] .header__user {
    padding: 2px 56px;
  }
}

@media screen and (max-width: 600px) {
  [class*="l-header"] .header__user {
    padding: 2px 16px;
  }
}

[class*="l-header"] .header__user .user__name {
  font-size: 0.866rem;
  font-weight: bold;
}

[class*="l-header"] .header__user .user__point dt {
  display: inline-block;
  font-size: 0.866rem;
  vertical-align: baseline;
}

[class*="l-header"] .header__user .user__point dd {
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-weight: bold;
  vertical-align: baseline;
}

[class*="l-header"] .header__user .user__point dd span {
  font-family: "Roboto", sans-serif;
  font-weight: bold;
  font-size: 0.8em;
  vertical-align: baseline;
}

@media screen and (min-width: 601px), print {
  [class*="l-header"] .header__drawing {
    width: -moz-calc(100% - 184px);
    width: calc(100% - 184px);
  }
}

@media screen and (max-width: 600px) {
  [class*="l-header"] .header__drawing {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
  }
}

[class*="l-header"] .header__drawing .drawing__control {
  height: 100%;
}

@media screen and (min-width: 601px), print {
  [class*="l-header"] .header__drawing .drawing__control {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 2em 1em;
  }
}

@media screen and (max-width: 600px) {
  [class*="l-header"] .header__drawing .drawing__control {
    padding: 1em;
  }
}

@media screen and (max-width: 600px) {
  [class*="l-header"] .header__drawing .drawing__control .control__infomation {
    width: 100%;
    margin-bottom: 1em;
  }
}

[class*="l-header"] .header__drawing .drawing__control .control__infomation > * {
  margin-bottom: 0;
  padding-top:0px;
  padding-bottom:px;
}

[class*="l-header"] .header__drawing .drawing__control .control__infomation > *:last-child {
  margin-bottom: 0;
  
}

[class*="l-header"] .header__drawing .drawing__control .control__infomation > * span {
  margin-right: 0.5em;
  padding-top:0px;
  padding-bottom:px;
}

[class*="l-header"] .header__drawing .drawing__control .control__scale {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 600px) {
  [class*="l-header"] .header__drawing .drawing__control .control__scale {
    width: 100%;
    margin-bottom: 1em;
  }
}

[class*="l-header"] .header__drawing .drawing__control .control__scale > * {
  margin-right: 0.5em;
}

[class*="l-header"] .header__drawing .drawing__control .control__scale > *:last-child {
  margin-right: 0;
}

[class*="l-header"] .header__drawing .drawing__control .control__scale .scale__select {
  visibility: hidden;
}

@media screen and (min-width: 601px), print {
  [class*="l-header"] .header__drawing .drawing__control .control__scale .scale__select {
    width: 160px;
  }
}

@media screen and (max-width: 600px) {
  [class*="l-header"] .header__drawing .drawing__control .control__scale .scale__select {
    width: 100%;
  }
}

[class*="l-header"] .header__drawing .drawing__control .control__print {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 600px) {
  [class*="l-header"] .header__drawing .drawing__control .control__print {
    width: 100%;
  }
}

[class*="l-header"] .header__drawing .drawing__control .control__print > * {
  margin-right: 0.5em;
}

@media screen and (max-width: 600px) {
  [class*="l-header"] .header__drawing .drawing__control .control__print > * {
    width: -moz-calc((100% - 0.5em) / 2);
    width: calc((100% - 0.5em) / 2);
  }
}

[class*="l-header"] .header__drawing .drawing__control .control__print > *:last-child {
  margin-right: 0;
}

[class*="l-header"][class*="-cart"] {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media screen and (max-width: 600px) {
  [class*="l-header"][class*="-cart"] .header__logo {
    width: 112px;
  }
}

/*===========================================
    l-sidebar
===========================================*/
.l-sidebar {
  position: relative;
  z-index: 1;
}

@media screen and (max-width: 600px) {
  .l-sidebar {
    overflow-y: scroll;
    overflow-x: hidden;
    height: 100vh;
    padding-bottom: 10rem;
  }
}

.l-sidebar > * {
  padding: 1rem 0;
  border-bottom: solid 1px #ddd;
}

.l-sidebar > *:last-child {
  border: none;
}

.l-sidebar .sidebar__navigation--main .navigation__list .list__item > a, .l-sidebar .sidebar__navigation--sub .navigation__list .list__item > a {
  font-weight: bold;
}

@media screen and (min-width: 601px), print {
  .l-sidebar .sidebar__navigation--main .navigation__list .list__item > a, .l-sidebar .sidebar__navigation--sub .navigation__list .list__item > a {
    padding: 0.5em 1em;
  }
}

@media screen and (max-width: 600px) {
  .l-sidebar .sidebar__navigation--main .navigation__list .list__item > a, .l-sidebar .sidebar__navigation--sub .navigation__list .list__item > a {
    padding: 1em;
  }
}

.l-sidebar .sidebar__navigation--main .navigation__list .list__item a, .l-sidebar .sidebar__navigation--sub .navigation__list .list__item a {
  position: relative;
  display: block;
  width: 100%;
  color: #333;
  font-size: 0.866rem;
  text-decoration: none;
}

.l-sidebar .sidebar__navigation--main .navigation__list .list__item a i, .l-sidebar .sidebar__navigation--sub .navigation__list .list__item a i {
  position: absolute;
  right: 1em;
  width: 1.4em;
  height: 1.4em;
}

.l-sidebar .sidebar__navigation--main .navigation__list .list__item a:hover, .l-sidebar .sidebar__navigation--main .navigation__list .list__item a.is-active, .l-sidebar .sidebar__navigation--sub .navigation__list .list__item a:hover, .l-sidebar .sidebar__navigation--sub .navigation__list .list__item a.is-active {
  background-color: #009A98;
  color: #fff;
}

.l-sidebar .sidebar__navigation--main .navigation__list .list__item a:hover i:before, .l-sidebar .sidebar__navigation--main .navigation__list .list__item a:hover i:after, .l-sidebar .sidebar__navigation--main .navigation__list .list__item a.is-active i:before, .l-sidebar .sidebar__navigation--main .navigation__list .list__item a.is-active i:after, .l-sidebar .sidebar__navigation--sub .navigation__list .list__item a:hover i:before, .l-sidebar .sidebar__navigation--sub .navigation__list .list__item a:hover i:after, .l-sidebar .sidebar__navigation--sub .navigation__list .list__item a.is-active i:before, .l-sidebar .sidebar__navigation--sub .navigation__list .list__item a.is-active i:after {
  background-color: #009A98;
}

.l-sidebar .sidebar__navigation--main .navigation__list .list__item .item__children > li > a, .l-sidebar .sidebar__navigation--sub .navigation__list .list__item .item__children > li > a {
  padding: 0.5em 1em 0.5em 2em;
}

@media screen and (min-width: 601px), print {
  .l-sidebar .sidebar__navigation--main .navigation__list .list__item .item__window, .l-sidebar .sidebar__navigation--sub .navigation__list .list__item .item__window {
    min-width: 320px;
  }
}

@media screen and (max-width: 600px) {
  .l-sidebar .sidebar__navigation--main .navigation__list .list__item .item__window, .l-sidebar .sidebar__navigation--sub .navigation__list .list__item .item__window {
    display: none;
  }
}

.l-sidebar .sidebar__navigation--main .navigation__list .list__item .item__window .window__title, .l-sidebar .sidebar__navigation--sub .navigation__list .list__item .item__window .window__title {
  display: block;
  margin-bottom: 0;
  padding: 0.8em 2rem;
  border-bottom: solid 1px #ddd;
}

@media screen and (min-width: 601px), print {
  .l-sidebar .sidebar__navigation--main .navigation__list .list__item .item__window .window__title, .l-sidebar .sidebar__navigation--sub .navigation__list .list__item .item__window .window__title {
    white-space: nowrap;
  }
}

.l-sidebar .sidebar__navigation--main .navigation__list .list__item .item__window .window__list li, .l-sidebar .sidebar__navigation--sub .navigation__list .list__item .item__window .window__list li {
  width: 100%;
}

.l-sidebar .sidebar__navigation--main .navigation__list .list__item .item__window .window__list li a, .l-sidebar .sidebar__navigation--sub .navigation__list .list__item .item__window .window__list li a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  padding: 0.8em 2rem;
  font-size: 0.866rem;
}

@media screen and (min-width: 601px), print {
  .l-sidebar .sidebar__navigation--main .navigation__list .list__item .item__window .window__list li a, .l-sidebar .sidebar__navigation--sub .navigation__list .list__item .item__window .window__list li a {
    white-space: nowrap;
  }
}

.l-sidebar .sidebar__navigation--main .navigation__list .list__item .item__window .window__thumbnail, .l-sidebar .sidebar__navigation--sub .navigation__list .list__item .item__window .window__thumbnail {
  display: block;
  width: 32px;
  height: 32px;
  margin-right: 0.8em;
}

.l-sidebar .sidebar__information {
  padding-top: 0;
}

.l-sidebar .sidebar__information .information__calendar {
  margin-bottom: 16px;
  padding: 1.5rem 1rem 0;
}

.l-sidebar .sidebar__information .information__contact {
  padding: 0 1em;
}

.l-sidebar .sidebar__information .information__contact .contact__item {
  margin-bottom: 16px;
}

.l-sidebar .sidebar__information .information__contact .contact__item:last-child {
  margin-bottom: 0;
}

.l-sidebar .sidebar__information .information__contact .contact__item dt {
  font-size: 0.733rem;
  font-weight: bold;
}

.l-sidebar .sidebar__information .information__contact .contact__item dd {
  font-size: 0.866rem;
  line-height: 1.4;
}

.l-sidebar .sidebar__information .information__contact .contact__item dd.item__tel {
  font-family: "Roboto", sans-serif;
  font-size: 1.266rem;
  font-weight: 700;
  letter-spacing: 0.01;
}

.l-sidebar .sidebar__banner {
  padding-left: 1em;
  padding-right: 1em;
}

.l-sidebar .sidebar__banner img {
  display: block;
  width: 100%;
  margin-bottom: 8px;
}

.l-sidebar .sidebar__banner img:last-child {
  margin-bottom: 0;
}

/*===========================================
    l-footer
===========================================*/
[class*="l-footer"] {
  position: relative;
  z-index: 0;
  background-color: #f3f3f3;
}

[class*="l-footer"] .footer__gotop {
  position: fixed;
  right: 2rem;
  bottom: 2rem;
  z-index: 100;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  background-color: #fff;
  border-radius: 50%;
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);
}

@media screen and (max-width: 600px) {
  [class*="l-footer"] .footer__gotop {
    display: none;
  }
}

[class*="l-footer"] .footer__inner {
  width: 100%;
  border-bottom: solid 1px #ddd;
}

@media screen and (min-width: 601px), print {
  [class*="l-footer"] .footer__inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 1400px;
    margin: 0 auto;
    padding: 3rem 56px;
  }
}

@media screen and (max-width: 600px) {
  [class*="l-footer"] .footer__inner {
    padding: 3rem 16px;
  }
}

@media screen and (min-width: 601px), print {
  [class*="l-footer"] .footer__section {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: -moz-calc((100% - 4rem) / 2);
    width: calc((100% - 4rem) / 2);
  }
}

@media screen and (max-width: 600px) {
  [class*="l-footer"] .footer__section {
    width: 100%;
    margin-top: 2rem;
  }
}

[class*="l-footer"] .footer__section:first-child {
  margin-top: 0;
}

[class*="l-footer"] .footer__section > * {
  margin-top: 1rem;
}

[class*="l-footer"] .footer__section > *:first-child {
  margin-top: 0;
}

[class*="l-footer"] .footer__section .section__more {
  display: block;
  margin-top: auto;
  text-align: right;
}

[class*="l-footer"] .footer__caption {
  width: 100%;
}

[class*="l-footer"] .footer__end {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media screen and (min-width: 601px), print {
  [class*="l-footer"] .footer__end {
    max-width: 1400px;
    margin: 0 auto;
    padding: 2rem 56px;
  }
}

@media screen and (max-width: 600px) {
  [class*="l-footer"] .footer__end {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 2rem 16px 80px;
  }
}

[class*="l-footer"] .footer__payment {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 1rem 0;
}

[class*="l-footer"] .footer__payment p {
  border: solid 1px #ddd;
  padding: 1rem;
}

[class*="l-footer"] .footer__payment p img {
  width: 100%;
  margin-top: 1rem;
}

[class*="l-footer"] .footer__payment > * {
  display: block;
  width: -moz-calc((100% - 1rem) / 2);
  width: calc((100% - 1rem) / 2);
}

[class*="l-footer"] .footer__cost {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 1rem;
}

[class*="l-footer"] .footer__cost .cost__label {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0.4em 1em;
  margin-right: 1rem;
  border: solid 2px #009A98;
  color: #009A98;
  font-weight: bold;
}

[class*="l-footer"] .footer__tel {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 0 !important;
}

[class*="l-footer"] .footer__tel dt {
  margin-right: 1rem;
  font-size: 1rem;
}

[class*="l-footer"] .footer__tel dd {
  font-size: 2rem;
  font-weight: bold;
}

[class*="l-footer"] .footer__icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

[class*="l-footer"] .footer__icon > * {
  display: block;
  margin-right: 1rem;
}

[class*="l-footer"] .footer__icon > *:last-child {
  margin-right: 0;
}

[class*="l-footer"] .footer__sns .sns__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media screen and (max-width: 600px) {
  [class*="l-footer"] .footer__sns .sns__list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 2rem;
  }
}

[class*="l-footer"] .footer__sns .sns__list dt {
  font-size: 0.866rem;
}

@media screen and (min-width: 601px), print {
  [class*="l-footer"] .footer__sns .sns__list dt {
    margin-right: 1rem;
  }
}

@media screen and (max-width: 600px) {
  [class*="l-footer"] .footer__sns .sns__list dt {
    margin-bottom: 1rem;
  }
}

[class*="l-footer"] .footer__sns .sns__list dd {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
}

[class*="l-footer"] .footer__sns .sns__list dd a img {
  width: 32px;
  height: 32px;
}

[class*="l-footer"] .footer__copyright {
  display: block;
  margin-top: 2rem;
}

[class*="l-footer"][class*="-cart"] {
  padding: 2em;
  margin-top: 5em;
}

[class*="l-footer"][class*="-cart"] .footer__copyright {
  margin-top: 0;
  text-align: center;
}

/*===========================================
    l-main
===========================================*/
.l-main {
  position: relative;
  z-index: 1;
  min-height: 80vh;
  margin: 0 auto;
}

.l-main .main__title {
  position: relative;
  margin-bottom: 2rem;
}

.l-main .main__title--blog {
  position: relative;
  padding-bottom: 2rem;
  margin-bottom: 3rem;
  border-bottom: solid 1px #ddd;
}

@media screen and (min-width: 601px), print {
  .l-main .main__title--blog {
    padding-right: 312px;
  }
}

@media screen and (max-width: 600px) {
  .l-main .main__title--blog {
    width: 100%;
  }
}

.l-main .main__title--blog .title__date {
  display: block;
  margin-top: 1em;
  font-size: 0.866rem;
}

.l-main .main__title--blog .title__sns {
  position: absolute;
  bottom: 1rem;
  right: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.l-main .main__title--blog .title__sns > * {
  margin-bottom: 0;
  margin-right: 8px;
}

.l-main .main__title--blog .title__sns > *:last-child {
  margin-right: 0;
}

.l-main .main__title--blog .title__sns .sns__icon {
  display: block;
  width: 32px;
  height: 32px;
}

.l-main .main__title--blog .title__sns .sns__icon img {
  display: block;
  width: 100%;
  height: auto;
}

.l-main .main__lead {
  margin-bottom: 64px;
}

.l-main [class*="main__sub"] {
  position: relative;
}

@media screen and (min-width: 601px), print {
  .l-main [class*="main__sub"] {
    max-width: 1300px;
    margin: 0 auto;
    padding: 3rem 56px;
  }
}

@media screen and (max-width: 600px) {
  .l-main [class*="main__sub"] {
    width: 100%;
    padding: 3rem 16px;
  }
}

.l-main [class*="main__sub"][class*="-white"] {
  background-color: #fff;
}

.l-main [class*="main__sub"][class*="-gray"] {
  background-color: #f3f3f3;
}

.l-main [class*="main__sub"][class*="-gray"]:before, .l-main [class*="main__sub"][class*="-gray"]:after {
  content: '';
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #f3f3f3;
}

.l-main [class*="main__sub"][class*="-gray"]:before {
  right: 100%;
}

.l-main [class*="main__sub"][class*="-gray"]:after {
  left: 100%;
}

/*===========================================
    l-cart
===========================================*/
.l-cart {
  width: 960px;
  margin: 36px auto 0;
}

@media screen and (max-width: 600px) {
  .l-cart {
    width: 100%;
    padding: 0 16px;
  }
}

/*===========================================
    l-article
===========================================*/
[class*="l-article"] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  margin-bottom: 2rem !important;
}

[class*="l-article"]:last-child {
  margin-bottom: 0 !important;
}

[class*="l-article"] > * {
  margin-top: 1rem;
}

[class*="l-article"] > *:first-child {
  margin-top: 0;
}

[class*="l-article"] [class*="article__content"] {
  width: 100%;
  margin-bottom: 0;
  margin-top: 2rem;
}

[class*="l-article"] [class*="article__content"]:first-child {
  margin-top: 0;
}

[class*="l-article"] [class*="article__content"] > * {
  margin-bottom: 1rem;
}

[class*="l-article"] [class*="article__content"] > *:last-child {
  margin-bottom: 0;
}

[class*="l-article"] [class*="article__content"] img {
  display: block;
  width: 100%;
}

[class*="l-article"] [class*="article__content"] .content__sample {
  display: block;
  width: 100%;
}

[class*="l-article"][class*="-column-1"] > * {
  width: 100%;
}

[class*="l-article"][class*="-column-2"] [class*="article__content"] {
  width: -moz-calc((100% - 2rem) / 2);
  width: calc((100% - 2rem) / 2);
  margin-bottom: 0;
  margin-right: 2rem;
}

[class*="l-article"][class*="-column-2"] [class*="article__content"][class*="-w0"] {
  width: -moz-calc(0% - 2rem / 2);
  width: calc(0% - 2rem / 2);
}

[class*="l-article"][class*="-column-2"] [class*="article__content"][class*="-w5"] {
  width: -moz-calc(5% - 2rem / 2);
  width: calc(5% - 2rem / 2);
}

[class*="l-article"][class*="-column-2"] [class*="article__content"][class*="-w10"] {
  width: -moz-calc(10% - 2rem / 2);
  width: calc(10% - 2rem / 2);
}

[class*="l-article"][class*="-column-2"] [class*="article__content"][class*="-w15"] {
  width: -moz-calc(15% - 2rem / 2);
  width: calc(15% - 2rem / 2);
}

[class*="l-article"][class*="-column-2"] [class*="article__content"][class*="-w20"] {
  width: -moz-calc(20% - 2rem / 2);
  width: calc(20% - 2rem / 2);
}

[class*="l-article"][class*="-column-2"] [class*="article__content"][class*="-w25"] {
  width: -moz-calc(25% - 2rem / 2);
  width: calc(25% - 2rem / 2);
}

[class*="l-article"][class*="-column-2"] [class*="article__content"][class*="-w30"] {
  width: -moz-calc(30% - 2rem / 2);
  width: calc(30% - 2rem / 2);
}

[class*="l-article"][class*="-column-2"] [class*="article__content"][class*="-w35"] {
  width: -moz-calc(35% - 2rem / 2);
  width: calc(35% - 2rem / 2);
}

[class*="l-article"][class*="-column-2"] [class*="article__content"][class*="-w40"] {
  width: -moz-calc(40% - 2rem / 2);
  width: calc(40% - 2rem / 2);
}

[class*="l-article"][class*="-column-2"] [class*="article__content"][class*="-w45"] {
  width: -moz-calc(45% - 2rem / 2);
  width: calc(45% - 2rem / 2);
}

[class*="l-article"][class*="-column-2"] [class*="article__content"][class*="-w50"] {
  width: -moz-calc(50% - 2rem / 2);
  width: calc(50% - 2rem / 2);
}

[class*="l-article"][class*="-column-2"] [class*="article__content"][class*="-w55"] {
  width: -moz-calc(55% - 2rem / 2);
  width: calc(55% - 2rem / 2);
}

[class*="l-article"][class*="-column-2"] [class*="article__content"][class*="-w60"] {
  width: -moz-calc(60% - 2rem / 2);
  width: calc(60% - 2rem / 2);
}

[class*="l-article"][class*="-column-2"] [class*="article__content"][class*="-w65"] {
  width: -moz-calc(65% - 2rem / 2);
  width: calc(65% - 2rem / 2);
}

[class*="l-article"][class*="-column-2"] [class*="article__content"][class*="-w70"] {
  width: -moz-calc(70% - 2rem / 2);
  width: calc(70% - 2rem / 2);
}

[class*="l-article"][class*="-column-2"] [class*="article__content"][class*="-w75"] {
  width: -moz-calc(75% - 2rem / 2);
  width: calc(75% - 2rem / 2);
}

[class*="l-article"][class*="-column-2"] [class*="article__content"][class*="-w80"] {
  width: -moz-calc(80% - 2rem / 2);
  width: calc(80% - 2rem / 2);
}

[class*="l-article"][class*="-column-2"] [class*="article__content"][class*="-w85"] {
  width: -moz-calc(85% - 2rem / 2);
  width: calc(85% - 2rem / 2);
}

[class*="l-article"][class*="-column-2"] [class*="article__content"][class*="-w90"] {
  width: -moz-calc(90% - 2rem / 2);
  width: calc(90% - 2rem / 2);
}

[class*="l-article"][class*="-column-2"] [class*="article__content"][class*="-w95"] {
  width: -moz-calc(95% - 2rem / 2);
  width: calc(95% - 2rem / 2);
}

[class*="l-article"][class*="-column-2"] [class*="article__content"][class*="-w100"] {
  width: -moz-calc(100% - 2rem / 2);
  width: calc(100% - 2rem / 2);
}

[class*="l-article"][class*="-column-2"] [class*="article__content"]:nth-child(2n) {
  margin-right: 0;
}

[class*="l-article"][class*="-column-2"] [class*="article__content"]:nth-child(1), [class*="l-article"][class*="-column-2"] [class*="article__content"]:nth-child(2) {
  margin-top: 0;
}

[class*="l-article"][class*="-column-3"] {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

[class*="l-article"][class*="-column-3"] [class*="article__content"] {
  width: -moz-calc((100% - 1rem * 2) / 3);
  width: calc((100% - 1rem * 2) / 3);
  margin-bottom: 0;
  margin-right: 1rem;
}

[class*="l-article"][class*="-column-3"] [class*="article__content"]:nth-child(3n) {
  margin-right: 0;
}

[class*="l-article"][class*="-column-3"] [class*="article__content"]:nth-child(1), [class*="l-article"][class*="-column-3"] [class*="article__content"]:nth-child(2), [class*="l-article"][class*="-column-3"] [class*="article__content"]:nth-child(3) {
  margin-top: 0;
}

[class*="l-article"][class*="-column-4"] {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

[class*="l-article"][class*="-column-4"] [class*="article__content"] {
  width: -moz-calc((100% - 1rem * 3) / 4);
  width: calc((100% - 1rem * 3) / 4);
  margin-bottom: 0;
  margin-right: 1rem;
}

[class*="l-article"][class*="-column-4"] [class*="article__content"]:nth-child(4n) {
  margin-right: 0;
}

[class*="l-article"][class*="-column-4"] [class*="article__content"]:nth-child(1), [class*="l-article"][class*="-column-4"] [class*="article__content"]:nth-child(2), [class*="l-article"][class*="-column-4"] [class*="article__content"]:nth-child(3), [class*="l-article"][class*="-column-4"] [class*="article__content"]:nth-child(4) {
  margin-top: 0;
}

[class*="l-article"][class*="-column-5"] {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

[class*="l-article"][class*="-column-5"] [class*="article__content"] {
  width: -moz-calc((100% - 1rem * 4) / 5);
  width: calc((100% - 1rem * 4) / 5);
  margin-bottom: 0;
  margin-right: 1rem;
}

[class*="l-article"][class*="-column-5"] [class*="article__content"]:nth-child(5n) {
  margin-right: 0;
}

[class*="l-article"][class*="-column-5"] [class*="article__content"]:nth-child(1), [class*="l-article"][class*="-column-5"] [class*="article__content"]:nth-child(2), [class*="l-article"][class*="-column-5"] [class*="article__content"]:nth-child(3), [class*="l-article"][class*="-column-5"] [class*="article__content"]:nth-child(4), [class*="l-article"][class*="-column-5"] [class*="article__content"]:nth-child(5) {
  margin-top: 0;
}

@media screen and (max-width: 600px) {
  [class*="l-article"][class*="-vertical"] > * {
    width: 100% !important;
    margin-right: 0 !important;
    margin-top: 2rem !important;
  }
}

@media screen and (max-width: 600px) {
  [class*="l-article"][class*="-vertical"] > *:first-child {
    margin-top: 0 !important;
  }
}

@media screen and (max-width: 600px) {
  [class*="l-article"][class*="-reverse"] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -moz-box-orient: vertical;
    -moz-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
}

@media screen and (max-width: 600px) {
  [class*="l-article"][class*="-reverse"] [class*="article__content"] {
    width: 100% !important;
    margin-right: 0 !important;
    margin-top: 2rem !important;
  }
}

@media screen and (max-width: 600px) {
  [class*="l-article"][class*="-reverse"] [class*="article__content"]:last-child {
    margin-top: 0 !important;
  }
}

[class*="l-article"][class*="-center"] {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

[class*="l-article"][class*="-border"] {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

/*===========================================
    l-list
===========================================*/
[class*="l-list"] .list__content {
  margin: 2rem 0;
  border-top: solid 1px #ddd;
  border-bottom: solid 1px #ddd;
}

[class*="l-list"] .list__content:last-child {
  margin: 0;
}

[class*="l-list"][class*="-card"] .list__content {
  padding: 3rem 0;
}

[class*="l-list"][class*="-step"] .list__content {
  margin: 1rem 0;
}

[class*="l-list"][class*="-step"] .list__content:first-child {
  margin-top: 0;
}

[class*="l-list"][class*="-step"] .list__content:last-child {
  margin-bottom: 0;
}

/*===========================================
    l-form
===========================================*/
[class*="l-form"] .form__cookie {
  margin: 0 auto 3rem;
}

@media screen and (min-width: 601px), print {
  [class*="l-form"] .form__cookie {
    width: 60%;
  }
}

@media screen and (max-width: 600px) {
  [class*="l-form"] .form__cookie {
    width: 100%;
  }
}

[class*="l-form"] .form__cookie > * {
  margin-bottom: 1.6em;
}

[class*="l-form"] .form__cookie > *:last-child {
  margin-bottom: 0;
}

[class*="l-form"] .form__cookie .cookie__check {
  display: block;
  text-align: center;
}

[class*="l-form"] .form__cookie .cookie__check .check__checkbox {
  font-size: 1.133rem;
}

[class*="l-form"] .form__action {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 3rem auto 0;
}

@media screen and (min-width: 601px), print {
  [class*="l-form"] .form__action {
    width: 60%;
  }
}

@media screen and (max-width: 600px) {
  [class*="l-form"] .form__action {
    width: 100%;
  }
}

[class*="l-form"] .form__action .action__text {
  width: 100%;
  margin-bottom: 2em;
  text-align: center;
}

[class*="l-form"] .form__action button {
  width: -moz-calc((100% - 2rem) / 2);
  width: calc((100% - 2rem) / 2);
}

[class*="l-form"] .form__thanks {
  text-align: left;
}

[class*="l-form"] .form__thanks p {
  margin-bottom: 2em;
}

[class*="l-form"] .form__thanks .thanks__button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

/*===========================================
    l-notFound
===========================================*/
/*===========================================
    l-toolbar
===========================================*/
.l-toolbar {
  margin-bottom: 40px;
}

.l-toolbar * {
  font-size: 1.133rem !important;
}

/*===========================================
    c-form
===========================================*/
[class*="c-form"] {
  width: 100%;
}

[class*="c-form"] button,
[class*="c-form"] input,
[class*="c-form"] select,
[class*="c-form"] textarea {
  border: none;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

[class*="c-form"] input[type="checkbox"] {
  margin-right: 0;
  -webkit-appearance: checkbox;
  -moz-appearance: checkbox;
  appearance: checkbox;
  cursor: pointer;
}

[class*="c-form"] input[type="radio"] {
  margin-right: 0;
  -webkit-appearance: radio;
  -moz-appearance: radio;
  appearance: radio;
  cursor: pointer;
}

[class*="c-form"] input[type="number"]::-webkit-outer-spin-button, [class*="c-form"] input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

[class*="c-form"] input[type="search"] {
  -webkit-appearance: textfield;
}

[class*="c-form"] input[type="search"]:focus {
  outline-offset: -2px;
}

[class*="c-form"] input[type="search"]::-webkit-search-cancel-button, [class*="c-form"] input[type="search"]::-webkit-search-decoration, [class*="c-form"] input[type="search"]::-webkit-search-results-button, [class*="c-form"] input[type="search"]::-webkit-search-results-decoration {
  display: none;
}

[class*="c-form"] input[type="range"] {
  -webkit-appearance: none;
}

[class*="c-form"] input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
}

[class*="c-form"] textarea {
  resize: none;
}

[class*="c-form"] .form__inline .inline__input {
  width: -moz-calc(100% - 2.5rem - 1px);
  width: calc(100% - 2.5rem - 1px);
}

[class*="c-form"] .form__inline .inline__input > * {
  border-radius: 4px 0 0 4px;
}

[class*="c-form"] .form__inline .inline__unit {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 2.5rem;
  border: solid 1px #c4c4c4;
  border-left: none;
  border-radius: 0 4px 4px 0;
  background-color: #f3f3f3;
  font-size: 0.733rem;
}

[class*="c-form"] *:after, [class*="c-form"] *:before {
  -moz-transition-property: all;
  transition-property: all;
  -moz-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -moz-transition-timing-function: ease;
  transition-timing-function: ease;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}

[class*="c-form"] input,
[class*="c-form"] textarea,
[class*="c-form"] select {
  font: inherit;
}

[class*="c-form"] label {
  display: inline-block;
  cursor: pointer;
}

[class*="c-form"] select::-ms-expand {
  display: none;
}

[class*="c-form"] [class*="form__input"] {
  display: block;
  margin-right: 0;
}

[class*="c-form"] [class*="form__input"]:last-child {
  margin-right: 0;
}

[class*="c-form"] [class*="form__input"][class*="-inline"] {
  display: inline-block;
}

[class*="c-form"] input[type="text"],
[class*="c-form"] input[type="password"],
[class*="c-form"] input[type="tel"],
[class*="c-form"] input[type="url"],
[class*="c-form"] input[type="email"],
[class*="c-form"] input[type="search"],
[class*="c-form"] input[type="date"],
[class*="c-form"] input[type="time"],
[class*="c-form"] input[type="number"] {
  display: block;
  width: 100%;
  padding: 0.6em 1em;
  background-color: #fff;
  border: solid 1px #c4c4c4;
  border-radius: 4px;
  color: #333;
  font-size: 0.866rem;
  letter-spacing: 0.1em;
}

[class*="c-form"] input[type="text"]:focus,
[class*="c-form"] input[type="password"]:focus,
[class*="c-form"] input[type="tel"]:focus,
[class*="c-form"] input[type="url"]:focus,
[class*="c-form"] input[type="email"]:focus,
[class*="c-form"] input[type="search"]:focus,
[class*="c-form"] input[type="date"]:focus,
[class*="c-form"] input[type="time"]:focus,
[class*="c-form"] input[type="number"]:focus {
  z-index: 100;
  border: solid 1px #009A98;
  background-color: rgba(0, 154, 152, 0.1);
  box-shadow: 0 0 5px rgba(0, 154, 152, 0.4);
}

[class*="c-form"] input[type="text"]:disabled,
[class*="c-form"] input[type="password"]:disabled,
[class*="c-form"] input[type="tel"]:disabled,
[class*="c-form"] input[type="url"]:disabled,
[class*="c-form"] input[type="email"]:disabled,
[class*="c-form"] input[type="search"]:disabled,
[class*="c-form"] input[type="date"]:disabled,
[class*="c-form"] input[type="time"]:disabled,
[class*="c-form"] input[type="number"]:disabled {
  background-color: #e6e6e6;
  color: #999999;
}

[class*="c-form"] input[type="text"]::-webkit-input-placeholder,
[class*="c-form"] input[type="password"]::-webkit-input-placeholder,
[class*="c-form"] input[type="tel"]::-webkit-input-placeholder,
[class*="c-form"] input[type="url"]::-webkit-input-placeholder,
[class*="c-form"] input[type="email"]::-webkit-input-placeholder,
[class*="c-form"] input[type="search"]::-webkit-input-placeholder,
[class*="c-form"] input[type="date"]::-webkit-input-placeholder,
[class*="c-form"] input[type="time"]::-webkit-input-placeholder,
[class*="c-form"] input[type="number"]::-webkit-input-placeholder {
  color: #999999;
}

[class*="c-form"] input[type="text"]:-moz-placeholder,
[class*="c-form"] input[type="password"]:-moz-placeholder,
[class*="c-form"] input[type="tel"]:-moz-placeholder,
[class*="c-form"] input[type="url"]:-moz-placeholder,
[class*="c-form"] input[type="email"]:-moz-placeholder,
[class*="c-form"] input[type="search"]:-moz-placeholder,
[class*="c-form"] input[type="date"]:-moz-placeholder,
[class*="c-form"] input[type="time"]:-moz-placeholder,
[class*="c-form"] input[type="number"]:-moz-placeholder {
  color: #999999;
}

[class*="c-form"] input[type="text"]::-moz-placeholder,
[class*="c-form"] input[type="password"]::-moz-placeholder,
[class*="c-form"] input[type="tel"]::-moz-placeholder,
[class*="c-form"] input[type="url"]::-moz-placeholder,
[class*="c-form"] input[type="email"]::-moz-placeholder,
[class*="c-form"] input[type="search"]::-moz-placeholder,
[class*="c-form"] input[type="date"]::-moz-placeholder,
[class*="c-form"] input[type="time"]::-moz-placeholder,
[class*="c-form"] input[type="number"]::-moz-placeholder {
  color: #999999;
}

[class*="c-form"] input[type="text"]:-ms-input-placeholder,
[class*="c-form"] input[type="password"]:-ms-input-placeholder,
[class*="c-form"] input[type="tel"]:-ms-input-placeholder,
[class*="c-form"] input[type="url"]:-ms-input-placeholder,
[class*="c-form"] input[type="email"]:-ms-input-placeholder,
[class*="c-form"] input[type="search"]:-ms-input-placeholder,
[class*="c-form"] input[type="date"]:-ms-input-placeholder,
[class*="c-form"] input[type="time"]:-ms-input-placeholder,
[class*="c-form"] input[type="number"]:-ms-input-placeholder {
  color: #999999;
}

[class*="c-form"] input[type="text"]::placeholder,
[class*="c-form"] input[type="password"]::placeholder,
[class*="c-form"] input[type="tel"]::placeholder,
[class*="c-form"] input[type="url"]::placeholder,
[class*="c-form"] input[type="email"]::placeholder,
[class*="c-form"] input[type="search"]::placeholder,
[class*="c-form"] input[type="date"]::placeholder,
[class*="c-form"] input[type="time"]::placeholder,
[class*="c-form"] input[type="number"]::placeholder {
  color: #999999;
}

[class*="c-form"] input[type="text"].form__output,
[class*="c-form"] input[type="password"].form__output,
[class*="c-form"] input[type="tel"].form__output,
[class*="c-form"] input[type="url"].form__output,
[class*="c-form"] input[type="email"].form__output,
[class*="c-form"] input[type="search"].form__output,
[class*="c-form"] input[type="date"].form__output,
[class*="c-form"] input[type="time"].form__output,
[class*="c-form"] input[type="number"].form__output {
  margin-bottom: 0;
  padding: 0;
  background-color: transparent;
  border: none;
  pointer-events: none;
}

[class*="c-form"] [class*="form__file"] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

[class*="c-form"] [class*="form__file"] input {
  display: none;
}

[class*="c-form"] [class*="form__file"][class*="-inline"] {
  display: inline-block;
}

[class*="c-form"] [class*="form__file"] [class*="file__button"] {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  padding-left: 1.6em;
  border-radius: 4px 0 0 4px;
  border: solid 1px #c4c4c4;
  font-size: 0.866rem;
  font-weight: normal;
}

@media screen and (max-width: 600px) {
  [class*="c-form"] [class*="form__file"] [class*="file__button"] {
    padding-left: 1em;
  }
}

[class*="c-form"] [class*="form__file"] [class*="file__button"]:after {
  content: '';
  position: absolute;
  top: 50%;
  right: 0.6em;
  z-index: 1;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  transform: translate(0, -50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0.3em 0.2em 0 0.2em;
  border-color: #333 transparent transparent transparent;
}

[class*="c-form"] [class*="form__file"] [class*="file__name"] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: -moz-calc(100% - 5em);
  width: calc(100% - 5em);
  padding: 0.6em 1em;
  background-color: #fff;
  border: solid 1px #c4c4c4;
  border-left: 0;
  border-radius: 0 4px 4px 0;
  color: #333;
  font-size: 0.866rem;
}

[class*="c-form"] [class*="form__number"] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

[class*="c-form"] [class*="form__number"] input {
  -webkit-appearance: none;
  -moz-appearance: textfield;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 6em;
  padding: 0.6em 1em;
  margin: 0;
  background-color: #fff;
  border: solid 1px #c4c4c4;
  border-left: 0;
  border-right: 0;
  border-radius: 0;
  color: #333;
  text-align: center;
  font-size: 0.866rem;
}

[class*="c-form"] [class*="form__number"] input:focus {
  z-index: 100;
  border: solid 1px #009A98;
  background-color: rgba(0, 154, 152, 0.1);
  box-shadow: 0 0 5px rgba(0, 154, 152, 0.4);
}

[class*="c-form"] [class*="form__number"][class*="-inline"] {
  display: inline-block;
}

[class*="c-form"] [class*="form__number"] [class*="number__button"] {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  width: 3em;
  padding: 0;
  border: solid 1px #c4c4c4;
  font-size: 0.8rem;
  font-weight: normal;
}

@media screen and (max-width: 600px) {
  [class*="c-form"] [class*="form__number"] [class*="number__button"] {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

[class*="c-form"] [class*="form__number"] [class*="number__button"][class*="-plus"] {
  border-radius: 4px 0 0 4px;
}

[class*="c-form"] [class*="form__number"] [class*="number__button"][class*="-minus"] {
  border-radius: 0 4px 4px 0;
}

[class*="c-form"] [class*="form__checkbox"] {
  position: relative;
  display: inline-block;
  padding-left: 1.8em;
  font-size: 0.866rem;
}

[class*="c-form"] [class*="form__checkbox"] [class*="checkbox__button"] {
  position: absolute;
  top: 0.9em;
  left: 0;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  transform: translate(0, -50%);
  display: block;
  width: 1.4em;
  height: 1.4em;
  border: solid 1px #c4c4c4;
  border-radius: 4px;
  background-color: #fff;
  cursor: pointer;
}

[class*="c-form"] [class*="form__checkbox"] [class*="checkbox__button"]:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -70%) rotate(-45deg) scale(0);
  -moz-transform: translate(-50%, -70%) rotate(-45deg) scale(0);
  transform: translate(-50%, -70%) rotate(-45deg) scale(0);
  width: 0.6em;
  height: 0.3em;
  border-left: solid 0.2em #009A98;
  border-bottom: solid 0.2em #009A98;
  line-height: 0;
  letter-spacing: 0;
  opacity: 0;
}

[class*="c-form"] [class*="form__checkbox"] span {
  font-weight: bold;
}

[class*="c-form"] [class*="form__checkbox"] input[type="checkbox"] {
  display: none;
}

[class*="c-form"] [class*="form__checkbox"] input[type="checkbox"]:checked + .checkbox__button:after {
  -webkit-transform: translate(-50%, -70%) rotate(-45deg) scale(1);
  -moz-transform: translate(-50%, -70%) rotate(-45deg) scale(1);
  transform: translate(-50%, -70%) rotate(-45deg) scale(1);
  opacity: 1;
}

[class*="c-form"] [class*="form__checkbox"] input[type="checkbox"]:disabled + .checkbox__button {
  background-color: #e6e6e6;
}

[class*="c-form"] [class*="form__checkbox"] input[type="checkbox"]:disabled + .checkbox__button + span {
  opacity: 0.4;
}

[class*="c-form"] [class*="form__checkbox"][class*="-image"] {
  position: relative;
  padding-left: 0;
  text-align: center;
}

[class*="c-form"] [class*="form__checkbox"][class*="-image"] img {
  -moz-transition-property: all;
  transition-property: all;
  -moz-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -moz-transition-timing-function: ease;
  transition-timing-function: ease;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  position: relative;
  z-index: 0;
  display: block;
  margin-bottom: 0.5em;
}

[class*="c-form"] [class*="form__checkbox"][class*="-image"] img:hover {
  opacity: 0.6;
}

[class*="c-form"] [class*="form__checkbox"][class*="-image"] [class*="checkbox__button"] {
  position: absolute;
  top: 0.5em;
  left: 0.5em;
  z-index: 1;
  -webkit-transform: translate(0);
  -moz-transform: translate(0);
  transform: translate(0);
}

[class*="c-form"] [class*="form__radio"] {
  position: relative;
  display: inline-block;
  padding-left: 1.8em;
  font-size: 0.866rem;
}

[class*="c-form"] [class*="form__radio"] [class*="radio__button"] {
  position: absolute;
  top: 0.9em;
  left: 0;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  transform: translate(0, -50%);
  display: block;
  width: 1.4em;
  height: 1.4em;
  border: solid 1px #c4c4c4;
  border-radius: 50%;
  background-color: #fff;
  cursor: pointer;
}

[class*="c-form"] [class*="form__radio"] [class*="radio__button"]:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) scale(0);
  -moz-transform: translate(-50%, -50%) scale(0);
  transform: translate(-50%, -50%) scale(0);
  width: 0.5em;
  height: 0.5em;
  border-radius: 50%;
  background-color: #009A98;
  line-height: 0;
  letter-spacing: 0;
  opacity: 0;
}

[class*="c-form"] [class*="form__radio"] input[type="radio"] {
  display: none;
}

[class*="c-form"] [class*="form__radio"] input[type="radio"]:checked + .radio__button:after {
  -webkit-transform: translate(-50%, -50%) scale(1);
  -moz-transform: translate(-50%, -50%) scale(1);
  transform: translate(-50%, -50%) scale(1);
  opacity: 1;
}

[class*="c-form"] [class*="form__radio"][class*="-image"] {
  position: relative;
  width: 100%;
  padding-left: 0;
  text-align: center;
}

[class*="c-form"] [class*="form__radio"][class*="-image"] img {
  -moz-transition-property: all;
  transition-property: all;
  -moz-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -moz-transition-timing-function: ease;
  transition-timing-function: ease;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  position: relative;
  z-index: 0;
  display: block;
  margin-top: 0 !important;
  margin-bottom: 0.5em;
}

[class*="c-form"] [class*="form__radio"][class*="-image"] img:hover {
  opacity: 0.6;
}

@media all and (-ms-high-contrast: none) {
  [class*="c-form"] [class*="form__radio"][class*="-image"] img {
    max-width: 240px;
    height: auto;
  }
}

[class*="c-form"] [class*="form__radio"][class*="-image"] [class*="radio__button"] {
  position: absolute;
  top: 0.5em;
  left: 0.5em;
  z-index: 1;
  -webkit-transform: translate(0);
  -moz-transform: translate(0);
  transform: translate(0);
}

[class*="c-form"] [class*="form__select"] {
  position: relative;
  display: block;
  margin-right: 0;
}

[class*="c-form"] [class*="form__select"]:last-child {
  margin-right: 0;
}

[class*="c-form"] [class*="form__select"][class*="-inline"] {
  display: inline-block;
}

[class*="c-form"] [class*="form__select"] select {
  position: relative;
  display: block;
  width: 100%;
  padding: 0.6em 1em;
  padding-right: 2em;
  background-color: #fff;
  border: solid 1px #c4c4c4;
  border-radius: 4px;
  color: #333;
  font-size: 0.866rem;
  letter-spacing: 0.1em;
  cursor: pointer;
}

[class*="c-form"] [class*="form__select"] select:focus {
  z-index: 100;
  background-color: rgba(0, 154, 152, 0.1);
  border: solid 1px #009A98;
  box-shadow: 0 0 5px rgba(0, 154, 152, 0.4);
}

[class*="c-form"] [class*="form__select"] select option:disabled {
  color: #999999;
}

[class*="c-form"] [class*="form__select"] select:disabled {
  background-color: #e6e6e6;
  color: #999999;
}

[class*="c-form"] [class*="form__select"]:before {
  content: '';
  position: absolute;
  top: 40%;
  right: 0.6em;
  z-index: 1;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  transform: translate(0, -50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0.2em 0.3em 0.2em;
  border-color: transparent transparent #333 transparent;
}

[class*="c-form"] [class*="form__select"]:after {
  content: '';
  position: absolute;
  top: 60%;
  right: 0.6em;
  z-index: 1;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  transform: translate(0, -50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0.3em 0.2em 0 0.2em;
  border-color: #333 transparent transparent transparent;
}

[class*="c-form"] [class*="form__select"][class*="-inline"] {
  display: inline-block;
}

[class*="c-form"] [class*="form__textarea"] {
  display: block;
  margin-right: 0;
}

[class*="c-form"] [class*="form__textarea"]:last-child {
  margin-right: 0;
}

[class*="c-form"] [class*="form__textarea"][class*="-inline"] {
  display: inline-block;
}

[class*="c-form"] [class*="form__textarea"] textarea {
  display: block;
  width: 100%;
  padding: 0.6em 1em;
  background-color: #fff;
  border: solid 1px #c4c4c4;
  border-radius: 4px;
  color: #333;
  font-size: 0.866rem;
}

[class*="c-form"] [class*="form__textarea"] textarea:focus {
  z-index: 100;
  background-color: rgba(0, 154, 152, 0.1);
  border: solid 1px #009A98;
  box-shadow: 0 0 5px rgba(0, 154, 152, 0.4);
}

[class*="c-form"] .form__error {
  position: relative;
  display: inline-block;
}

[class*="c-form"] .form__error .error__text p {
  color: #DE1816;
  font-size: 0.866rem;
}

[class*="c-form"] .is-error {
  background: #fcf0f1 !important;
}

[class*="c-form"] .form__sizeItem {
  width: 15%;
}

@media screen and (max-width: 600px) {
  [class*="c-form"] .form__sizeItem {
    width: 6em;
  }
}

[class*="c-form"] .form__sizeFlame {
  width: 30%;
}

@media screen and (max-width: 600px) {
  [class*="c-form"] .form__sizeFlame {
    width: 40%;
  }
}

@media screen and (min-width: 601px), print {
  [class*="c-form"] .form__half {
    width: 50%;
  }
}

[class*="c-form"] .form__logo {
  width: 30%;
}

@media screen and (max-width: 600px) {
  [class*="c-form"] .form__logo {
    width: 13rem;
  }
}

[class*="c-form"] .form__orderday {
  width: 8%;
}

@media screen and (max-width: 600px) {
  [class*="c-form"] .form__orderday {
    width: 3rem;
  }
}

/*===========================================
    c-heading
===========================================*/
[class*="c-heading"] {
  position: relative;
  margin-bottom: 0.8em;
  color: #333;
  font-weight: bold;
  line-height: 1.4;
}

[class*="c-heading"] [class*="heading__sub"] {
  color: #333;
  font-size: 0.8em;
  font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
  font-weight: bold;
  vertical-align: middle;
}

[class*="c-heading"] [class*="heading__sub"][class*="-before"] {
  margin-right: 1em;
}

[class*="c-heading"] [class*="heading__sub"][class*="-after"] {
  margin-left: 1em;
}

[class*="c-heading"] [class*="heading__sub"][class*="-block"] {
  display: block;
  margin-top: 0.4em;
  margin-bottom: 0.4em;
  text-align: inherit;
}

[class*="c-heading"] [class*="heading__icon"] {
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 0.5em;
}

[class*="c-heading"] [class*="heading__image"] {
  width: 2em;
  margin-right: 0.2em;
  vertical-align: middle;
}

[class*="c-heading"][class*="-black"] {
  color: #000;
}

[class*="c-heading"][class*="-white"] {
  color: #fff;
}

[class*="c-heading"][class*="-primary"] {
  color: #009A98;
}

[class*="c-heading"][class*="-secondary"] {
  color: #1DAEE9;
}

@media screen and (min-width: 601px), print {
  [class*="c-heading"][class*="-xl"] {
    font-size: 2.285rem !important;
  }
}

@media screen and (max-width: 600px) {
  [class*="c-heading"][class*="-xl"] {
    font-size: 1.61rem !important;
  }
}

@media screen and (min-width: 601px), print {
  [class*="c-heading"][class*="-lg"] {
    font-size: 2rem !important;
  }
}

@media screen and (max-width: 600px) {
  [class*="c-heading"][class*="-lg"] {
    font-size: 1.46rem !important;
  }
}

@media screen and (min-width: 601px), print {
  [class*="c-heading"][class*="-md"] {
    font-size: 1.6rem !important;
  }
}

@media screen and (max-width: 600px) {
  [class*="c-heading"][class*="-md"] {
    font-size: 1.30rem !important;
  }
}

@media screen and (min-width: 601px), print {
  [class*="c-heading"][class*="-sm"] {
    font-size: 1.2rem !important;
  }
}

@media screen and (max-width: 600px) {
  [class*="c-heading"][class*="-sm"] {
    font-size: 1.15rem !important;
  }
}

[class*="c-heading"][class*="-xs"] {
  font-size: 1.0rem !important;
}

[class*="c-heading"][class*="-center"] {
  text-align: center;
}

[class*="c-heading"][class*="-left"] {
  text-align: left;
}

[class*="c-heading"][class*="-right"] {
  text-align: right;
}

[class*="c-heading"][class*="-border"] {
  border-left: solid 4px #009A98;
  padding-left: 0.8em;
}

[class*="c-heading"][class*="-block"]::before {
  content: '■';
  margin-right: 0.2rem;
}

/*===========================================
    c-text
===========================================*/
[class*="c-text"] {
  font-weight: nomal;
}

[class*="c-text"][class*="-xl"] {
  font-size: 1.266rem !important;
}

[class*="c-text"][class*="-lg"] {
  font-size: 1.133rem !important;
}

[class*="c-text"][class*="-md"] {
  font-size: 1rem !important;
}

[class*="c-text"][class*="-sm"] {
  font-size: 0.866rem !important;
}

[class*="c-text"][class*="-xs"] {
  font-size: 0.733rem !important;
}

[class*="c-text"][class*="-center"] {
  text-align: center;
}

[class*="c-text"][class*="-left"] {
  text-align: left;
}

[class*="c-text"][class*="-right"] {
  text-align: right;
}

[class*="c-text"][class*="-number"] {
  font-family: "Roboto", sans-serif;
}

[class*="c-text"][class*="-weightBold"] {
  font-weight: bold;
}

[class*="c-text"][class*="-weightNomal"] {
  font-weight: nomal;
}

[class*="c-text"][class*="-italic"] {
  font-style: italic;
}

[class*="c-text"][class*="-underline"] {
  text-decoration: underline;
}

[class*="c-text"][class*="-highlight"] {
  background-color: rgba(102, 102, 102, 0.2);
}

[class*="c-text"][class*="-note"] {
  padding-left: 1em;
  text-indent: -1em;
}

[class*="c-text"][class*="-note"]:before {
  content: '※';
}

[class*="c-text"][class*="-primary"] {
  color: #009A98;
}

[class*="c-text"][class*="-secondary"] {
  color: #1DAEE9;
}

[class*="c-text"][class*="-success"] {
  color: #06CDB5;
}

[class*="c-text"][class*="-warning"] {
  color: #E68857;
}

[class*="c-text"][class*="-danger"] {
  color: #DE1816;
}

/*===========================================
    c-subscript
===========================================*/
[class*="c-subscript"] {
  font-size: 0.75em;
  font-weight: inherit;
}

[class*="c-subscript"][class*="-t"] {
  vertical-align: top;
}

[class*="c-subscript"][class*="-m"] {
  vertical-align: middle;
}

[class*="c-subscript"][class*="-b"] {
  vertical-align: baseline;
}

/*===========================================
    c-link
===========================================*/
[class*="c-link"] {
  position: relative;
  color: #009A98;
}

[class*="c-link"] [class*="link__icon"] {
  margin-top: -0.3em;
  font-size: 0.8em;
  vertical-align: middle;
}

[class*="c-link"] [class*="link__icon"][class*="-before"] {
  margin-right: 0;
}

[class*="c-link"] [class*="link__icon"][class*="-after"] {
  margin-left: 0.4em;
}

/*===========================================
    c-list
===========================================*/
[class*="c-list"] .list__item {
  margin-bottom: 0.4em;
  padding-left: 0;
  text-indent: 0;
  list-style-position: inside;
}

[class*="c-list"] .list__item:last-child {
  margin-bottom: 0;
}

[class*="c-list"] .list__item > ul,
[class*="c-list"] .list__item > ol {
  margin: 0.5em 1em;
}

[class*="c-list"] .list__item > a {
  color: #009A98;
}

[class*="c-list"] .list__item th, [class*="c-list"] .list__item td {
  text-indent: 0;
}

[class*="c-list"][class*="-xl"] {
  font-size: 1.266rem;
}

[class*="c-list"][class*="-lg"] {
  font-size: 1.133rem;
}

[class*="c-list"][class*="-md"] {
  font-size: 1rem;
}

[class*="c-list"][class*="-sm"] {
  font-size: 0.866rem;
}

[class*="c-list"][class*="-xs"] {
  font-size: 0.733rem;
}

[class*="c-list"][class*="-disc"] .list__item {
  padding-left: 1em;
  text-indent: -1em;
  list-style-type: disc;
}

[class*="c-list"][class*="-number"] .list__item {
  padding-left: 1em;
  text-indent: -1em;
}

[class*="c-list"][class*="-number"] .list__item i {
  white-space: nowrap;
}

[class*="c-list"][class*="-note"] > .list__item {
  padding-left: 1em;
  text-indent: -1em;
}

[class*="c-list"][class*="-note"] > .list__item:before {
  content: '※';
}

[class*="c-list"][class*="-icon"] .list__item {
  position: relative;
  padding-left: 2.2em;
}

[class*="c-list"][class*="-icon"] .list__item i {
  position: absolute;
  left: 0;
  vertical-align: middle;
}

[class*="c-list"][class*="-block"] {
  overflow: hidden;
  border: solid 1px #ddd;
  border-radius: 4px;
  background-color: #fff;
}

[class*="c-list"][class*="-block"] .list__item {
  position: relative;
  margin: 0;
  border-bottom: solid 1px #ddd;
}

[class*="c-list"][class*="-block"] .list__item:last-child {
  border: none;
}

[class*="c-list"][class*="-block"] .list__item > * {
  padding: 0.6em 1em;
}

[class*="c-list"][class*="-block"] .list__item > a {
  display: block;
  color: #009A98;
}

[class*="c-list"][class*="-block"] .list__item > a:hover {
  text-decoration: none;
  background-color: #34fffc;
}

[class*="c-list"][class*="-block"] .list__item > ul,
[class*="c-list"][class*="-block"] .list__item > ol {
  margin: 0;
  padding: 0;
  border-top: solid 1px #ddd;
  background-color: #f7f7f7;
}

/*===========================================
    c-icon
===========================================*/
[class*="c-icon"] .icon__border, [class*="c-icon"][class*="-toggle"]:before, [class*="c-icon"][class*="-toggle"]:after, [class*="c-icon"][class*="-cross"]:before, [class*="c-icon"][class*="-cross"]:after, [class*="c-icon"][class*="-plus"]:before, [class*="c-icon"][class*="-plus"]:after, [class*="c-icon"][class*="-minus"]:before, [class*="c-icon"][class*="-arrow-t"]:before, [class*="c-icon"][class*="-arrow-t"]:after, [class*="c-icon"][class*="-arrow-r"]:before, [class*="c-icon"][class*="-arrow-r"]:after, [class*="c-icon"][class*="-arrow-b"]:before, [class*="c-icon"][class*="-arrow-b"]:after, [class*="c-icon"][class*="-arrow-l"]:before, [class*="c-icon"][class*="-arrow-l"]:after {
  -moz-transition-property: all;
  transition-property: all;
  -moz-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -moz-transition-timing-function: ease;
  transition-timing-function: ease;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 50%;
  height: 2px;
  background-color: #333;
}

[class*="c-icon"] {
  position: relative;
  display: block;
  width: 2em;
  height: 2em;
  cursor: pointer;
}

a [class*="c-icon"] {
  display: inline-block;
  vertical-align: middle;
  margin-top: -0.1em;
}

a [class*="c-icon"]:hover {
  opacity: 0.6;
}

[class*="c-icon"][class*="-black"] .icon__border, [class*="c-icon"][class*="-black"]:before, [class*="c-icon"][class*="-black"]:after {
  background-color: #000;
}

[class*="c-icon"][class*="-white"] .icon__border, [class*="c-icon"][class*="-white"]:before, [class*="c-icon"][class*="-white"]:after {
  background-color: #fff;
}

[class*="c-icon"][class*="-primary"] .icon__border, [class*="c-icon"][class*="-primary"]:before, [class*="c-icon"][class*="-primary"]:after {
  background-color: #009A98;
}

[class*="c-icon"][class*="-secondary"] .icon__border, [class*="c-icon"][class*="-secondary"]:before, [class*="c-icon"][class*="-secondary"]:after {
  background-color: #1DAEE9;
}

[class*="c-icon"][class*="-tertiary"] .icon__border, [class*="c-icon"][class*="-tertiary"]:before, [class*="c-icon"][class*="-tertiary"]:after {
  background-color: #847DB6;
}

[class*="c-icon"][class*="-success"] .icon__border, [class*="c-icon"][class*="-success"]:before, [class*="c-icon"][class*="-success"]:after {
  background-color: #06CDB5;
}

[class*="c-icon"][class*="-warning"] .icon__border, [class*="c-icon"][class*="-warning"]:before, [class*="c-icon"][class*="-warning"]:after {
  background-color: #E68857;
}

[class*="c-icon"][class*="-danger"] .icon__border, [class*="c-icon"][class*="-danger"]:before, [class*="c-icon"][class*="-danger"]:after {
  background-color: #DE1816;
}

[class*="c-icon"][class*="-menu"] .icon__border:nth-child(1) {
  top: 35%;
}

[class*="c-icon"][class*="-menu"] .icon__border:nth-child(3) {
  top: 65%;
}

a:hover [class*="c-icon"][class*="-menu"] .icon__border:nth-child(1) {
  top: 30%;
}

a:hover [class*="c-icon"][class*="-menu"] .icon__border:nth-child(3) {
  top: 70%;
}

.is-active [class*="c-icon"][class*="-menu"] .icon__border:nth-child(1) {
  top: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  -moz-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg);
}

.is-active [class*="c-icon"][class*="-menu"] .icon__border:nth-child(2) {
  opacity: 0;
}

.is-active [class*="c-icon"][class*="-menu"] .icon__border:nth-child(3) {
  top: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  -moz-transform: translate(-50%, -50%) rotate(-45deg);
  transform: translate(-50%, -50%) rotate(-45deg);
}

a.is-active:hover [class*="c-icon"][class*="-menu"] .icon__border {
  top: 50%;
}

[class*="c-icon"][class*="-toggle"] {
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  transform: scale(0.8);
  border-radius: 50%;
  background-color: #009A98;
}

[class*="c-icon"][class*="-toggle"]:before {
  -webkit-transform: translate(-50%, -50%) rotate(-90deg);
  -moz-transform: translate(-50%, -50%) rotate(-90deg);
  transform: translate(-50%, -50%) rotate(-90deg);
  background-color: #fff;
}

[class*="c-icon"][class*="-toggle"]:after {
  background-color: #fff;
}

a:hover [class*="c-icon"][class*="-toggle"]:before {
  -webkit-transform: translate(-50%, -50%) rotate(180deg);
  -moz-transform: translate(-50%, -50%) rotate(180deg);
  transform: translate(-50%, -50%) rotate(180deg);
}

a:hover [class*="c-icon"][class*="-toggle"]:after {
  -webkit-transform: translate(-50%, -50%) rotate(90deg);
  -moz-transform: translate(-50%, -50%) rotate(90deg);
  transform: translate(-50%, -50%) rotate(90deg);
}

a.is-active [class*="c-icon"][class*="-toggle"]:before {
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

a.is-active [class*="c-icon"][class*="-toggle"]:after {
  opacity: 0;
}

[class*="c-icon"][class*="-cross"]:before {
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  -moz-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg);
}

[class*="c-icon"][class*="-cross"]:after {
  -webkit-transform: translate(-50%, -50%) rotate(135deg);
  -moz-transform: translate(-50%, -50%) rotate(135deg);
  transform: translate(-50%, -50%) rotate(135deg);
}

a.is-active [class*="c-icon"][class*="-cross"]:before,
a:hover [class*="c-icon"][class*="-cross"]:before {
  -webkit-transform: translate(-50%, -50%) rotate(135deg);
  -moz-transform: translate(-50%, -50%) rotate(135deg);
  transform: translate(-50%, -50%) rotate(135deg);
}

a.is-active [class*="c-icon"][class*="-cross"]:after,
a:hover [class*="c-icon"][class*="-cross"]:after {
  -webkit-transform: translate(-50%, -50%) rotate(225deg);
  -moz-transform: translate(-50%, -50%) rotate(225deg);
  transform: translate(-50%, -50%) rotate(225deg);
}

[class*="c-icon"][class*="-plus"]:before {
  -webkit-transform: translate(-50%, -50%) rotate(90deg);
  -moz-transform: translate(-50%, -50%) rotate(90deg);
  transform: translate(-50%, -50%) rotate(90deg);
}

[class*="c-icon"][class*="-plus"]:after {
  -webkit-transform: translate(-50%, -50%) rotate(0deg);
  -moz-transform: translate(-50%, -50%) rotate(0deg);
  transform: translate(-50%, -50%) rotate(0deg);
}

a.is-active [class*="c-icon"][class*="-plus"]:before,
a:hover [class*="c-icon"][class*="-plus"]:before {
  -webkit-transform: translate(-50%, -50%) rotate(180deg);
  -moz-transform: translate(-50%, -50%) rotate(180deg);
  transform: translate(-50%, -50%) rotate(180deg);
}

a.is-active [class*="c-icon"][class*="-plus"]:after,
a:hover [class*="c-icon"][class*="-plus"]:after {
  -webkit-transform: translate(-50%, -50%) rotate(90deg);
  -moz-transform: translate(-50%, -50%) rotate(90deg);
  transform: translate(-50%, -50%) rotate(90deg);
}

[class*="c-icon"][class*="-minus"]:before {
  -webkit-transform: translate(-50%, -50%) rotate(0deg);
  -moz-transform: translate(-50%, -50%) rotate(0deg);
  transform: translate(-50%, -50%) rotate(0deg);
}

a.is-active [class*="c-icon"][class*="-minus"]:before,
a:hover [class*="c-icon"][class*="-minus"]:before {
  -webkit-transform: translate(-50%, -50%) rotate(180deg);
  -moz-transform: translate(-50%, -50%) rotate(180deg);
  transform: translate(-50%, -50%) rotate(180deg);
}

[class*="c-icon"][class*="-arrow-t"]:before {
  width: 35%;
  -webkit-transform: translate(-100%, -0.25em) rotate(-45deg);
  -moz-transform: translate(-100%, -0.25em) rotate(-45deg);
  transform: translate(-100%, -0.25em) rotate(-45deg);
  -webkit-transform-origin: right;
  -moz-transform-origin: right;
  transform-origin: right;
}

[class*="c-icon"][class*="-arrow-t"]:after {
  width: 35%;
  -webkit-transform: translate(0, -0.25em) rotate(45deg);
  -moz-transform: translate(0, -0.25em) rotate(45deg);
  transform: translate(0, -0.25em) rotate(45deg);
  -webkit-transform-origin: left;
  -moz-transform-origin: left;
  transform-origin: left;
}

a:hover [class*="c-icon"][class*="-arrow-t"]:before {
  -webkit-transform: translate(-100%, -0.4em) rotate(-45deg);
  -moz-transform: translate(-100%, -0.4em) rotate(-45deg);
  transform: translate(-100%, -0.4em) rotate(-45deg);
}

a:hover [class*="c-icon"][class*="-arrow-t"]:after {
  -webkit-transform: translate(0, -0.4em) rotate(45deg);
  -moz-transform: translate(0, -0.4em) rotate(45deg);
  transform: translate(0, -0.4em) rotate(45deg);
}

a.is-active [class*="c-icon"][class*="-arrow-t"]:before {
  -webkit-transform: translate(-100%, 0.25em) rotate(45deg);
  -moz-transform: translate(-100%, 0.25em) rotate(45deg);
  transform: translate(-100%, 0.25em) rotate(45deg);
  -webkit-transform-origin: right;
  -moz-transform-origin: right;
  transform-origin: right;
}

a.is-active [class*="c-icon"][class*="-arrow-t"]:after {
  -webkit-transform: translate(0, 0.25em) rotate(-45deg);
  -moz-transform: translate(0, 0.25em) rotate(-45deg);
  transform: translate(0, 0.25em) rotate(-45deg);
  -webkit-transform-origin: left;
  -moz-transform-origin: left;
  transform-origin: left;
}

[class*="c-icon"][class*="-arrow-r"]:before {
  width: 1px;
  height: 35%;
  -webkit-transform: translate(0.25em, -100%) rotate(-45deg);
  -moz-transform: translate(0.25em, -100%) rotate(-45deg);
  transform: translate(0.25em, -100%) rotate(-45deg);
  -webkit-transform-origin: bottom;
  -moz-transform-origin: bottom;
  transform-origin: bottom;
}

[class*="c-icon"][class*="-arrow-r"]:after {
  width: 1px;
  height: 35%;
  -webkit-transform: translate(0.25em, 0) rotate(45deg);
  -moz-transform: translate(0.25em, 0) rotate(45deg);
  transform: translate(0.25em, 0) rotate(45deg);
  -webkit-transform-origin: top;
  -moz-transform-origin: top;
  transform-origin: top;
}

a:hover [class*="c-icon"][class*="-arrow-r"]:before {
  -webkit-transform: translate(0.4em, -100%) rotate(-45deg);
  -moz-transform: translate(0.4em, -100%) rotate(-45deg);
  transform: translate(0.4em, -100%) rotate(-45deg);
}

a:hover [class*="c-icon"][class*="-arrow-r"]:after {
  -webkit-transform: translate(0.4em, 0) rotate(45deg);
  -moz-transform: translate(0.4em, 0) rotate(45deg);
  transform: translate(0.4em, 0) rotate(45deg);
}

a.is-active [class*="c-icon"][class*="-arrow-r"]:before {
  -webkit-transform: translate(-0.25em, -100%) rotate(45deg);
  -moz-transform: translate(-0.25em, -100%) rotate(45deg);
  transform: translate(-0.25em, -100%) rotate(45deg);
  -webkit-transform-origin: bottom;
  -moz-transform-origin: bottom;
  transform-origin: bottom;
}

a.is-active [class*="c-icon"][class*="-arrow-r"]:after {
  -webkit-transform: translate(-0.25em, 0) rotate(-45deg);
  -moz-transform: translate(-0.25em, 0) rotate(-45deg);
  transform: translate(-0.25em, 0) rotate(-45deg);
  -webkit-transform-origin: top;
  -moz-transform-origin: top;
  transform-origin: top;
}

[class*="c-icon"][class*="-arrow-b"]:before {
  width: 35%;
  -webkit-transform: translate(-100%, 0.25em) rotate(45deg);
  -moz-transform: translate(-100%, 0.25em) rotate(45deg);
  transform: translate(-100%, 0.25em) rotate(45deg);
  -webkit-transform-origin: right;
  -moz-transform-origin: right;
  transform-origin: right;
}

[class*="c-icon"][class*="-arrow-b"]:after {
  width: 35%;
  -webkit-transform: translate(0, 0.25em) rotate(-45deg);
  -moz-transform: translate(0, 0.25em) rotate(-45deg);
  transform: translate(0, 0.25em) rotate(-45deg);
  -webkit-transform-origin: left;
  -moz-transform-origin: left;
  transform-origin: left;
}

a:hover [class*="c-icon"][class*="-arrow-b"]:before {
  -webkit-transform: translate(-100%, 0.4em) rotate(45deg);
  -moz-transform: translate(-100%, 0.4em) rotate(45deg);
  transform: translate(-100%, 0.4em) rotate(45deg);
}

a:hover [class*="c-icon"][class*="-arrow-b"]:after {
  -webkit-transform: translate(0, 0.4em) rotate(-45deg);
  -moz-transform: translate(0, 0.4em) rotate(-45deg);
  transform: translate(0, 0.4em) rotate(-45deg);
}

a.is-active [class*="c-icon"][class*="-arrow-b"]:before {
  -webkit-transform: translate(-100%, -0.25em) rotate(-45deg);
  -moz-transform: translate(-100%, -0.25em) rotate(-45deg);
  transform: translate(-100%, -0.25em) rotate(-45deg);
  -webkit-transform-origin: right;
  -moz-transform-origin: right;
  transform-origin: right;
}

a.is-active [class*="c-icon"][class*="-arrow-b"]:after {
  -webkit-transform: translate(0, -0.25em) rotate(45deg);
  -moz-transform: translate(0, -0.25em) rotate(45deg);
  transform: translate(0, -0.25em) rotate(45deg);
  -webkit-transform-origin: left;
  -moz-transform-origin: left;
  transform-origin: left;
}

[class*="c-icon"][class*="-arrow-l"]:before {
  width: 1px;
  height: 35%;
  -webkit-transform: translate(-0.25em, -100%) rotate(45deg);
  -moz-transform: translate(-0.25em, -100%) rotate(45deg);
  transform: translate(-0.25em, -100%) rotate(45deg);
  -webkit-transform-origin: bottom;
  -moz-transform-origin: bottom;
  transform-origin: bottom;
}

[class*="c-icon"][class*="-arrow-l"]:after {
  width: 1px;
  height: 35%;
  -webkit-transform: translate(-0.25em, 0) rotate(-45deg);
  -moz-transform: translate(-0.25em, 0) rotate(-45deg);
  transform: translate(-0.25em, 0) rotate(-45deg);
  -webkit-transform-origin: top;
  -moz-transform-origin: top;
  transform-origin: top;
}

a:hover [class*="c-icon"][class*="-arrow-l"]:before {
  -webkit-transform: translate(-0.4em, -100%) rotate(45deg);
  -moz-transform: translate(-0.4em, -100%) rotate(45deg);
  transform: translate(-0.4em, -100%) rotate(45deg);
}

a:hover [class*="c-icon"][class*="-arrow-l"]:after {
  -webkit-transform: translate(-0.4em, 0) rotate(-45deg);
  -moz-transform: translate(-0.4em, 0) rotate(-45deg);
  transform: translate(-0.4em, 0) rotate(-45deg);
}

a.is-active [class*="c-icon"][class*="-arrow-l"]:before {
  -webkit-transform: translate(0.25em, -100%) rotate(-45deg);
  -moz-transform: translate(0.25em, -100%) rotate(-45deg);
  transform: translate(0.25em, -100%) rotate(-45deg);
  -webkit-transform-origin: bottom;
  -moz-transform-origin: bottom;
  transform-origin: bottom;
}

a.is-active [class*="c-icon"][class*="-arrow-l"]:after {
  -webkit-transform: translate(0.25em, 0) rotate(45deg);
  -moz-transform: translate(0.25em, 0) rotate(45deg);
  transform: translate(0.25em, 0) rotate(45deg);
  -webkit-transform-origin: top;
  -moz-transform-origin: top;
  transform-origin: top;
}

[class*="c-icon"][class*="-triangle-t"] {
  width: 1em;
}

[class*="c-icon"][class*="-triangle-t"]:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0.4em 0.5em 0.4em;
  border-color: transparent transparent #009A98 transparent;
}

[class*="c-icon"][class*="-triangle-r"] {
  width: 1em;
}

[class*="c-icon"][class*="-triangle-r"]:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0.4em 0 0.4em 0.5em;
  border-color: transparent transparent transparent #009A98;
}

[class*="c-icon"][class*="-triangle-b"] {
  width: 1em;
}

[class*="c-icon"][class*="-triangle-b"]:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0.5em 0.4em 0 0.4em;
  border-color: #009A98 transparent transparent transparent;
}

[class*="c-icon"][class*="-triangle-l"] {
  width: 1em;
}

[class*="c-icon"][class*="-triangle-l"]:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0.4em 0.5em 0.4em 0;
  border-color: transparent #009A98 transparent transparent;
}

[class*="c-icon"][class*="-question"] {
  border-radius: 50%;
  background-color: #009A98;
}

[class*="c-icon"][class*="-question"]:before {
  content: "?";
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #fff;
  font-family: "Roboto", sans-serif;
  font-weight: bold;
  line-height: 2;
}

[class*="c-icon"][class*="-number"] {
  display: inline-block;
  text-align: center;
  margin: 0.2em 0.2em 0;
  border-radius: 50%;
  background-color: #333;
  color: #fff;
  font-family: "Roboto", sans-serif;
  font-size: 0.8em;
  font-weight: bold;
  line-height: 2;
  cursor: auto;
}

[class*="c-icon"][class*="-number"][class*="-primary"] {
  background-color: #009A98;
}

[class*="c-icon"][class*="-xl"] {
  font-size: 1.266rem;
}

[class*="c-icon"][class*="-lg"] {
  font-size: 1.133rem;
}

[class*="c-icon"][class*="-md"] {
  font-size: 1rem;
}

[class*="c-icon"][class*="-sm"] {
  font-size: 0.866rem;
}

[class*="c-icon"][class*="-xs"] {
  font-size: 0.733rem;
}

/*===========================================
    c-button
===========================================*/
[class*="c-button-"] {
  -moz-transition-property: all;
  transition-property: all;
  -moz-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -moz-transition-timing-function: ease;
  transition-timing-function: ease;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  position: relative;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: auto;
  height: auto;
  padding: 0.8em 2em;
  background-color: #333;
  border-radius: 4px;
  color: #fff;
  font-weight: bold;
  line-height: 1.4;
  letter-spacing: 0.1em;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
}

[class*="c-button-"]:hover {
  text-decoration: none;
  opacity: 0.6;
}

[class*="c-button-"].is-active {
  border: solid 0px #333;
  background-color: #333;
  color: #fff;
}

[class*="c-button-"].is-disabled {
  border: solid 2px #333 !important;
  background-color: trasparent !important;
  color: #999999 !important;
  opacity: 0.6;
  pointer-events: none;
}

[class*="c-button-"] [class*="button__icon"] {
  width: 2em;
  height: 2em;
}

[class*="c-button-"] [class*="button__icon"] img {
  display: block;
  width: auto;
  height: 100%;
}

[class*="c-button-"] [class*="button__icon"][class*="--before"], [class*="c-button-"] [class*="button__icon"][class*="--after"] {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  transform: translateY(-50%);
}

[class*="c-button-"] [class*="button__icon"][class*="--before"] {
  left: 0.5em;
}

[class*="c-button-"] [class*="button__icon"][class*="--after"] {
  right: 0.5em;
}

[class*="c-button-"] input {
  display: none;
}

[class*="c-button-"] span {
  margin: 0 0.1em;
  font-size: 0.8em;
  letter-spacing: 0.05em;
}

[class*="c-button-"][class*="-black"] {
  background-color: #000;
  color: #fff;
}

[class*="c-button-"][class*="-black"].is-active {
  border-color: #000;
  background-color: rgba(0, 0, 0, 0.6);
  color: #fff;
}

[class*="c-button-"][class*="-black"].is-disabled {
  border: solid 1px #000 !important;
  background-color: transparent !important;
  color: #000 !important;
}

[class*="c-button-"][class*="-white"] {
  border: solid 1px #ddd;
  background-color: #fff;
  color: #333;
}

[class*="c-button-"][class*="-white"].is-active {
  border: solid 1px #ddd;
  border-color: #fff;
  background-color: rgba(255, 255, 255, 0.6);
  color: #333;
}

[class*="c-button-"][class*="-white"].is-disabled {
  border: solid 1px #fff !important;
  background-color: transparent !important;
  color: #fff !important;
}

[class*="c-button-"][class*="-gray"] {
  border: solid 1px #ddd;
  background-color: #e9e9e9;
  color: #333;
}

[class*="c-button-"][class*="-gray"].is-active {
  border: solid 1px #ddd;
  background-color: rgba(233, 233, 233, 0.6);
  color: #333;
}

[class*="c-button-"][class*="-gray"].is-disabled {
  border: solid 1px #ddd !important;
  background-color: transparent !important;
  color: #ddd !important;
}

[class*="c-button-"][class*="-primary"] {
  background-color: #009A98;
  color: #fff;
}

[class*="c-button-"][class*="-primary"].is-active {
  border-color: #009A98;
  background-color: rgba(0, 154, 152, 0.6);
  color: #fff;
}

[class*="c-button-"][class*="-primary"].is-disabled {
  border: solid 1px #009A98 !important;
  background-color: transparent !important;
  color: #009A98 !important;
}

[class*="c-button-"][class*="-secondary"] {
  background-color: #1DAEE9;
  color: #fff;
}

[class*="c-button-"][class*="-secondary"].is-active {
  border-color: #1DAEE9;
  background-color: rgba(29, 174, 233, 0.6);
  color: #fff;
}

[class*="c-button-"][class*="-secondary"].is-disabled {
  border: solid 1px #1DAEE9 !important;
  background-color: transparent !important;
  color: #1DAEE9 !important;
}

[class*="c-button-"][class*="-tertiary"] {
  background-color: #847DB6;
  color: #fff;
}

[class*="c-button-"][class*="-tertiary"].is-active {
  border-color: #847DB6;
  background-color: rgba(132, 125, 182, 0.6);
  color: #fff;
}

[class*="c-button-"][class*="-tertiary"].is-disabled {
  border: solid 1px #847DB6 !important;
  background-color: transparent !important;
  color: #847DB6 !important;
}

[class*="c-button-"][class*="-cart"] {
  background-color: #FD9B5B;
  color: #fff;
}

[class*="c-button-"][class*="-cart"].is-active {
  border-color: #FD9B5B;
  background-color: rgba(253, 155, 91, 0.6);
  color: #fff;
}

[class*="c-button-"][class*="-cart"].is-disabled {
  border: solid 1px #FD9B5B !important;
  background-color: transparent !important;
  color: #FD9B5B !important;
}

[class*="c-button-"][class*="-zumen"] {
  background-color: #1DAEE9;
  color: #fff;
}

[class*="c-button-"][class*="-zumen"].is-active {
  border-color: #1DAEE9;
  background-color: rgba(29, 174, 233, 0.6);
  color: #fff;
}

[class*="c-button-"][class*="-zumen"].is-disabled {
  border: solid 1px #1DAEE9 !important;
  background-color: transparent !important;
  color: #1DAEE9 !important;
}

[class*="c-button-"][class*="-xl"] {
  padding: 1.6em 2em;
  font-size: 1.133rem;
}

[class*="c-button-"][class*="-lg"] {
  font-size: 1.133rem;
}

[class*="c-button-"][class*="-md"] {
  font-size: 1rem;
}

[class*="c-button-"][class*="-sm"] {
  font-size: 0.866rem;
}

[class*="c-button-"][class*="-xs"] {
  font-size: 0.733rem;
}

[class*="c-button-"][class*="-size"] {
  height: 6em;
  border: solid 1px #ddd;
  background-color: #fff;
  color: #333;
  font-size: 0.866rem;
  white-space: normal;
}

[class*="c-button-"][class*="-size"]:hover {
  background-color: #ddd;
  border: solid 1px #ddd;
  opacity: 1;
}

[class*="c-button-"][class*="-size"].is-active {
  background-color: #009A98;
  border: solid 1px #009A98;
  color: #fff;
}

[class*="c-button-"][class*="-size"].is-disabled {
  border: solid 1px #ddd !important;
  background-color: transparent !important;
  color: #333 !important;
}

[class*="c-button-"][class*="-tab"] {
  border-bottom: solid 1px #ddd;
  border-radius: 0;
  background-color: #fff;
  color: #333;
  font-size: 1.133rem;
  text-align: center;
}

@media screen and (max-width: 600px) {
  [class*="c-button-"][class*="-tab"] {
    white-space: normal;
  }
}

[class*="c-button-"][class*="-tab"]:after {
  -moz-transition-property: all;
  transition-property: all;
  -moz-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -moz-transition-timing-function: ease;
  transition-timing-function: ease;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  -webkit-transform: scaleX(0);
  -moz-transform: scaleX(0);
  transform: scaleX(0);
  width: 100%;
  height: 3px;
  background-color: #009A98;
}

[class*="c-button-"][class*="-tab"]:hover {
  opacity: 1;
}

[class*="c-button-"][class*="-tab"]:hover:after {
  -webkit-transform: scaleX(1);
  -moz-transform: scaleX(1);
  transform: scaleX(1);
}

[class*="c-button-"][class*="-tab"].is-active {
  color: #009A98;
}

[class*="c-button-"][class*="-tab"].is-active:after {
  -webkit-transform: scaleX(1);
  -moz-transform: scaleX(1);
  transform: scaleX(1);
}

[class*="c-button-"][class*="-tab"].is-disabled {
  border: none !important;
  border-bottom: solid 1px #ddd !important;
  background-color: #fff !important;
  color: #999999 !important;
  pointer-events: none;
}

[class*="c-button-"][class*="-select"] {
  width: 50%;
}

@media screen and (max-width: 600px) {
  [class*="c-button-"][class*="-select"] {
    width: 100%;
  }
}

/*===========================================
    c-buttonGroup
===========================================*/
[class*="c-buttonGroup"] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

@media screen and (max-width: 600px) {
  [class*="c-buttonGroup"] {
    width: 100%;
    overflow-x: scroll;
  }
}

[class*="c-buttonGroup"] [class*="c-button-"] {
  width: 100%;
  margin-bottom: 0 !important;
}

[class*="c-buttonGroup"] [class*="c-button-"]:not(.c-button--tab) {
  position: relative;
  border-radius: 0;
}

[class*="c-buttonGroup"] [class*="c-button-"]:not(.c-button--tab):after {
  content: '';
  position: absolute;
  top: 50%;
  right: 0;
  z-index: 1;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  transform: translate(0, -50%);
  width: 1px;
  height: 60%;
  background-color: #fff;
}

[class*="c-buttonGroup"] [class*="c-button-"]:not(.c-button--tab):first-child {
  border-radius: 4px 0 0 4px;
}

[class*="c-buttonGroup"] [class*="c-button-"]:not(.c-button--tab):last-child {
  border-radius: 0 4px 4px 0;
}

[class*="c-buttonGroup"] [class*="c-button-"]:not(.c-button--tab):last-child:after {
  content: none;
}

[class*="c-buttonGroup"][class*="-tab"] [class*="c-button--tab"] {
  position: relative;
}

[class*="c-buttonGroup"][class*="-tab"] [class*="c-button--tab"]:before {
  content: '';
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  transform: translate(0, -50%);
  width: 1px;
  height: 50%;
  background-color: #ddd;
}

[class*="c-buttonGroup"][class*="-tab"] [class*="c-button--tab"]:first-child {
  border-radius: 0;
}

[class*="c-buttonGroup"][class*="-tab"] [class*="c-button--tab"]:last-child {
  border-radius: 0;
}

[class*="c-buttonGroup"][class*="-tab"] [class*="c-button--tab"]:last-child:before {
  content: none;
}

/*===========================================
    c-button
===========================================*/
[class*="c-label"] {
  -moz-transition-property: all;
  transition-property: all;
  -moz-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -moz-transition-timing-function: ease;
  transition-timing-function: ease;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  position: relative;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-width: 2.0em;
  width: auto;
  height: auto;
  padding: 0.4em 0.8em;
  background-color: #e6e6e6;
  border-radius: 4px;
  color: #333;
  line-height: 1.6;
  letter-spacing: 0.05em;
  text-decoration: none;
  white-space: nowrap;
}

[class*="c-label"][class*="-black"] {
  background-color: #e6e6e6;
  color: #333;
}

[class*="c-label"][class*="-white"] {
  background-color: #fff;
  color: #333;
}

[class*="c-label"][class*="-primary"] {
  background-color: #00b4b1;
  color: #fff;
}

[class*="c-label"][class*="-secondary"] {
  background-color: #4bbfee;
  color: #fff;
}

[class*="c-label"][class*="-kojin"] {
  background-color: #3F406B;
  color: #fff;
}

[class*="c-label"][class*="-enpou"] {
  background-color: #EA494B;
  color: #fff;
}

[class*="c-label"][class*="-oogata"] {
  background-color: #EA494B;
  color: #fff;
}

[class*="c-label"][class*="-lg"] {
  font-size: 0.875rem;
}

[class*="c-label"][class*="-md"] {
  font-size: 0.75rem;
}

[class*="c-label"][class*="-sm"] {
  font-size: 0.625rem;

  
}

a[class*="c-label-"] {
  cursor: pointer;
}

a[class*="c-label-"]:hover {
  text-decoration: none;
  opacity: 0.6;
}

/*===========================================
    c-table
===========================================*/
[class*="c-table"] {
  -moz-transition: none;
  transition: none;
  position: relative;
  table-layout: auto;
  width: 100%;
  font-size: 0.866rem;
}

@media screen and (max-width: 600px) {
  [class*="c-table"] {
    overflow-x: scroll;
  }
}

[class*="c-table"] thead {
  width: 100%;
}

[class*="c-table"] thead th {
  background-color: #e9e9e9;
}

[class*="c-table"] tbody {
  width: 100%;
  background-color: #fff;
}

[class*="c-table"] tr {
  width: 100%;
  background-color: #fff;
  border-bottom: solid 1px #ddd;
}

[class*="c-table"] tr:first-child {
  border-top: solid 1px #ddd;
}

[class*="c-table"] tr:last-child th, [class*="c-table"] tr:last-child td {
  border-bottom: none;
}

[class*="c-table"] tr th, [class*="c-table"] tr td {
  position: relative;
  min-width: 64px;
  padding: 0.8em;
  border-left: solid 1px #ddd;
  border-right: solid 1px #ddd;
  vertical-align: middle;
}

[class*="c-table"] tr th img, [class*="c-table"] tr td img {
  display: block;
  width: 100%;
}

[class*="c-table"] tr th {
  background-color: #e9e9e9;
  font-weight: bold;
}

@media screen and (min-width: 601px), print {
  [class*="c-table"] tr th:first-child {
    border-right: solid 1px #ddd;
  }
}

[class*="c-table"] tr .table__nopadding {
  padding: 0;
}

[class*="c-table"][class*="-sm"] {
  font-size: 0.866rem;
}

[class*="c-table"][class*="-sm"] th, [class*="c-table"][class*="-sm"] td {
  padding: 0.6em;
}

[class*="c-table"][class*="-xs"] {
  font-size: 0.733rem;
}

[class*="c-table"][class*="-xs"] th, [class*="c-table"][class*="-xs"] td {
  padding: 0.4em;
}

[class*="c-table"][class*="-color"] tr:nth-child(2n) {
  background-color: rgba(221, 221, 221, 0.2);
}

@media screen and (max-width: 600px) {
  [class*="c-table"][class*="-scroll"] {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
  }
}

@media screen and (max-width: 600px) {
  [class*="c-table"][class*="-scroll"] thead {
    position: relative;
    z-index: 1;
    width: auto;
    border-bottom: none;
    box-shadow: 2px 0 4px rgba(0, 0, 0, 0.1);
  }
}

@media screen and (max-width: 600px) {
  [class*="c-table"][class*="-scroll"] thead tr th, [class*="c-table"][class*="-scroll"] thead tr td {
    border-right: none;
  }
}

@media screen and (max-width: 600px) {
  [class*="c-table"][class*="-scroll"] tbody {
    position: relative;
    z-index: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    overflow-x: scroll;
  }
}

@media screen and (max-width: 600px) {
  [class*="c-table"][class*="-scroll"] tr {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    width: 100%;
    border-bottom: none;
  }
}

@media screen and (max-width: 600px) {
  [class*="c-table"][class*="-scroll"] tr:last-child th, [class*="c-table"][class*="-scroll"] tr:last-child td {
    border-right: none;
  }
}

@media screen and (max-width: 600px) {
  [class*="c-table"][class*="-scroll"] tr th, [class*="c-table"][class*="-scroll"] tr td {
    width: 100%;
    border-bottom: solid 1px #ddd;
    border-right: dotted 1px #aaaaaa;
    white-space: nowrap;
  }
}

@media screen and (max-width: 600px) {
  [class*="c-table"][class*="-card"] {
    display: table;
  }
}

@media screen and (max-width: 600px) {
  [class*="c-table"][class*="-card"] thead {
    display: none;
  }
}

@media screen and (max-width: 600px) {
  [class*="c-table"][class*="-card"] tbody {
    background-color: transparent;
  }
}

@media screen and (max-width: 600px) {
  [class*="c-table"][class*="-card"] tr {
    display: block;
    overflow: hidden;
    border: solid 1px #ddd;
    border-color: #ddd;
    border-radius: 4px;
    margin-bottom: 1em;
  }
}

[class*="c-table"][class*="-card"] tr:last-child {
  margin-bottom: 0;
}

@media screen and (max-width: 600px) {
  [class*="c-table"][class*="-card"] tr th, [class*="c-table"][class*="-card"] tr td {
    padding: 1em 2em;
    border-right: none;
    border-bottom: solid 1px #ddd;
    border-color: #ddd;
    text-align: left;
  }
}

@media screen and (max-width: 600px) {
  [class*="c-table"][class*="-card"] tr th:last-child, [class*="c-table"][class*="-card"] tr td:last-child {
    border: none;
  }
}

@media screen and (max-width: 600px) {
  [class*="c-table"][class*="-card"] tr th {
    display: block;
    background-color: #eaeaea;
  }
}

@media screen and (max-width: 600px) {
  [class*="c-table"][class*="-card"] tr td {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background-color: #fff;
  }
}

@media screen and (max-width: 600px) {
  [class*="c-table"][class*="-card"] tr td:before {
    content: attr(data-label);
    display: block;
    margin-right: 0.5em;
    font-size: 0.88em;
  }
}

[class*="c-table"][class*="-border"] {
  border-left: none;
  border-right: none;
  border-color: #ddd;
  background-color: transparent;
}

[class*="c-table"][class*="-border"] thead {
  background-color: transparent;
}

[class*="c-table"][class*="-border"] thead tr {
  border-color: #333;
}

[class*="c-table"][class*="-border"] tbody {
  background-color: transparent;
}

[class*="c-table"][class*="-border"] tbody th {
  background-color: transparent;
}

[class*="c-table"][class*="-border"] tr {
  border-color: #ddd;
  background-color: transparent;
}

[class*="c-table"][class*="-border"] th, [class*="c-table"][class*="-border"] td {
  border: none;
  background-color: transparent;
}

[class*="c-table"][class*="-form"] {
  border: none;
}

@media screen and (max-width: 600px) {
  [class*="c-table"][class*="-form"] tbody {
    display: block;
    width: 100%;
  }
}

[class*="c-table"][class*="-form"] tr {
  border: none;
}

@media screen and (max-width: 600px) {
  [class*="c-table"][class*="-form"] tr {
    display: block;
    width: 100%;
  }
}

[class*="c-table"][class*="-form"] tr:nth-child(2n) {
  background-color: rgba(221, 221, 221, 0.2);
}

[class*="c-table"][class*="-form"] th, [class*="c-table"][class*="-form"] td {
  min-width: 80px;
  border: none;
  vertical-align: top;
}

@media screen and (max-width: 600px) {
  [class*="c-table"][class*="-form"] th, [class*="c-table"][class*="-form"] td {
    display: block;
    width: 100%;
  }
}

@media screen and (min-width: 601px), print {
  [class*="c-table"][class*="-form"] th {
    width: 30%;
    padding: 1.8em 5em 1.8em 1.4em;
  }
}

@media screen and (max-width: 600px) {
  [class*="c-table"][class*="-form"] th {
    width: 100%;
    padding: 1.8em 4em 0 1.4em;
  }
}

[class*="c-table"][class*="-form"] td {
  padding: 1.4em 4em 1.4em 1.4em;
}

[class*="c-table"][class*="-form"] tbody th {
  background-color: transparent;
}

[class*="c-table"][class*="-form"] .is-required:after {
  content: '必須';
  position: absolute;
  top: 1.8rem;
  right: 1.4rem;
  padding: 0.2em 0.8em;
  background-color: #DE1816;
  color: #fff;
  font-size: 0.733rem;
  vertical-align: middle;
}

[class*="c-table"][class*="-form"] .table__note {
  display: block;
  margin: 1em 0;
}

[class*="c-table"][class*="-form"] .table__question {
  position: absolute;
  top: 50%;
  right: 1.4em;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  transform: translateY(-50%);
}

[class*="c-table"][class*="-form"] span {
  vertical-align: middle;
}

[class*="c-table"][class*="-form"][class*="-cart"] td {
  padding: 1.4em 1.4em 1.4em 1.4em;
}

@media screen and (min-width: 601px), print {
  [class*="c-table"][class*="-form"][class*="-cart"] .cart__total th {
    width: 20%;
  }
}

@media screen and (max-width: 600px) {
  [class*="c-table"][class*="-form"][class*="-cart"] .cart__total th {
    padding: 1.4em;
  }
}

@media all and (-ms-high-contrast: none) {
  [class*="c-table"] {
    border-collapse: separate;
    /* IE10以上 */
    border-spacing: 1px;
  }
  [class*="c-table"] tr th, [class*="c-table"] tr td {
    border-left: none;
  }
}

/*===========================================
    c-flame
===========================================*/
[class*="c-flame"] {
  position: relative;
  background-color: #fff;
  border-radius: 0.3rem;
}

[class*="c-flame"] > * {
  margin-top: 1rem;
}

[class*="c-flame"] > *:first-child {
  margin-top: 0;
}

[class*="c-flame"] .flame__close {
  position: absolute;
  top: 1rem;
  right: 1rem;
}

@media screen and (max-width: 600px) {
  [class*="c-flame"] .flame__close {
    top: 0.5rem;
    right: 0.5rem;
  }
}

[class*="c-flame"] .flame__close i {
  width: 2rem;
  height: 2rem;
}

@media screen and (min-width: 601px), print {
  [class*="c-flame"] [class*="flame__content"] {
    margin-top: 0 !important;
  }
}

[class*="c-flame"][class*="-lg"] {
  padding: 4rem;
}

@media screen and (max-width: 600px) {
  [class*="c-flame"][class*="-lg"] {
    padding: 2rem;
  }
}

[class*="c-flame"][class*="-md"] {
  padding: 3rem;
}

@media screen and (max-width: 600px) {
  [class*="c-flame"][class*="-md"] {
    padding: 2rem;
  }
}

[class*="c-flame"][class*="-sm"] {
  padding: 2rem;
}

[class*="c-flame"][class*="-xs"] {
  padding: 1.4rem;
}

[class*="c-flame"][class*="-primary"] {
  background-color: #b4fffe;
}

[class*="c-flame"][class*="-primary"] * {
  color: #009A98;
}

[class*="c-flame"][class*="-secondary"] {
  background-color: #c0e8f9;
}

[class*="c-flame"][class*="-secondary"] * {
  color: #1DAEE9;
}

[class*="c-flame"][class*="-tertiary"] {
  background-color: #b2aed2;
}

[class*="c-flame"][class*="-tertiary"] * {
  color: #847DB6;
}

[class*="c-flame"][class*="-gray"] {
  background-color: #f3f3f3;
}

[class*="c-flame"][class*="-success"] {
  background-color: #bbfdf5;
}

[class*="c-flame"][class*="-success"] * {
  color: #06CDB5;
}

[class*="c-flame"][class*="-warning"] {
  background-color: white;
}

[class*="c-flame"][class*="-warning"] * {
  color: #E68857;
}

[class*="c-flame"][class*="-danger"] {
  background-color: #fcdede;
}

[class*="c-flame"][class*="-danger"] * {
  color: #DE1816;
}

[class*="c-flame"][class*="-border"] {
  border: solid 4px #f3f3f3;
}

[class*="c-flame"][class*="-semiorder"] {
  border: solid 8px #f3f3f3;
}

[class*="c-flame"][class*="-acrylic"] {
  border: solid 8px #f3f3f3;
}

[class*="c-flame"][class*="-polyca"] {
  border: solid 8px #f3f3f3;
}

[class*="c-flame"][class*="-column"] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -moz-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

[class*="c-flame"][class*="-column"][class*="-2"] [class*="flame__content"] {
  width: -moz-calc((100% - 1px) / 2);
  width: calc((100% - 1px) / 2);
  padding-right: 1.2rem;
  border-right: solid 1px #ddd;
}

@media screen and (min-width: 601px), print {
  [class*="c-flame"][class*="-column"][class*="-2"] [class*="flame__content"][class*="-w0"] {
    width: 0%;
  }
}

@media screen and (min-width: 601px), print {
  [class*="c-flame"][class*="-column"][class*="-2"] [class*="flame__content"][class*="-w5"] {
    width: 5%;
  }
}

@media screen and (min-width: 601px), print {
  [class*="c-flame"][class*="-column"][class*="-2"] [class*="flame__content"][class*="-w10"] {
    width: 10%;
  }
}

@media screen and (min-width: 601px), print {
  [class*="c-flame"][class*="-column"][class*="-2"] [class*="flame__content"][class*="-w15"] {
    width: 15%;
  }
}

@media screen and (min-width: 601px), print {
  [class*="c-flame"][class*="-column"][class*="-2"] [class*="flame__content"][class*="-w20"] {
    width: 20%;
  }
}

@media screen and (min-width: 601px), print {
  [class*="c-flame"][class*="-column"][class*="-2"] [class*="flame__content"][class*="-w25"] {
    width: 25%;
  }
}

@media screen and (min-width: 601px), print {
  [class*="c-flame"][class*="-column"][class*="-2"] [class*="flame__content"][class*="-w30"] {
    width: 30%;
  }
}

@media screen and (min-width: 601px), print {
  [class*="c-flame"][class*="-column"][class*="-2"] [class*="flame__content"][class*="-w35"] {
    width: 35%;
  }
}

@media screen and (min-width: 601px), print {
  [class*="c-flame"][class*="-column"][class*="-2"] [class*="flame__content"][class*="-w40"] {
    width: 40%;
  }
}

@media screen and (min-width: 601px), print {
  [class*="c-flame"][class*="-column"][class*="-2"] [class*="flame__content"][class*="-w45"] {
    width: 45%;
  }
}

@media screen and (min-width: 601px), print {
  [class*="c-flame"][class*="-column"][class*="-2"] [class*="flame__content"][class*="-w50"] {
    width: 50%;
  }
}

@media screen and (min-width: 601px), print {
  [class*="c-flame"][class*="-column"][class*="-2"] [class*="flame__content"][class*="-w55"] {
    width: 55%;
  }
}

@media screen and (min-width: 601px), print {
  [class*="c-flame"][class*="-column"][class*="-2"] [class*="flame__content"][class*="-w60"] {
    width: 60%;
  }
}

@media screen and (min-width: 601px), print {
  [class*="c-flame"][class*="-column"][class*="-2"] [class*="flame__content"][class*="-w65"] {
    width: 65%;
  }
}

@media screen and (min-width: 601px), print {
  [class*="c-flame"][class*="-column"][class*="-2"] [class*="flame__content"][class*="-w70"] {
    width: 70%;
  }
}

@media screen and (min-width: 601px), print {
  [class*="c-flame"][class*="-column"][class*="-2"] [class*="flame__content"][class*="-w75"] {
    width: 75%;
  }
}

@media screen and (min-width: 601px), print {
  [class*="c-flame"][class*="-column"][class*="-2"] [class*="flame__content"][class*="-w80"] {
    width: 80%;
  }
}

@media screen and (min-width: 601px), print {
  [class*="c-flame"][class*="-column"][class*="-2"] [class*="flame__content"][class*="-w85"] {
    width: 85%;
  }
}

@media screen and (min-width: 601px), print {
  [class*="c-flame"][class*="-column"][class*="-2"] [class*="flame__content"][class*="-w90"] {
    width: 90%;
  }
}

@media screen and (min-width: 601px), print {
  [class*="c-flame"][class*="-column"][class*="-2"] [class*="flame__content"][class*="-w95"] {
    width: 95%;
  }
}

@media screen and (min-width: 601px), print {
  [class*="c-flame"][class*="-column"][class*="-2"] [class*="flame__content"][class*="-w100"] {
    width: 100%;
  }
}

[class*="c-flame"][class*="-column"][class*="-2"] [class*="flame__content"]:nth-child(2n) {
  margin-right: 0;
  padding-left: 1.2rem;
  padding-right: 0;
  border: none;
}

[class*="c-flame"][class*="-column"][class*="-3"] [class*="flame__content"] {
  margin-right: 1.2rem;
  padding-right: 1.2rem;
  border-right: solid 1px #ddd;
}

@media screen and (min-width: 601px), print {
  [class*="c-flame"][class*="-column"][class*="-3"] [class*="flame__content"][class*="-w0"] {
    width: -moz-calc((0% - (1.2rem * 3 - 1px * 2)) / 3);
    width: calc((0% - (1.2rem * 3 - 1px * 2)) / 3);
  }
}

@media screen and (min-width: 601px), print {
  [class*="c-flame"][class*="-column"][class*="-3"] [class*="flame__content"][class*="-w5"] {
    width: -moz-calc((5% - (1.2rem * 3 - 1px * 2)) / 3);
    width: calc((5% - (1.2rem * 3 - 1px * 2)) / 3);
  }
}

@media screen and (min-width: 601px), print {
  [class*="c-flame"][class*="-column"][class*="-3"] [class*="flame__content"][class*="-w10"] {
    width: -moz-calc((10% - (1.2rem * 3 - 1px * 2)) / 3);
    width: calc((10% - (1.2rem * 3 - 1px * 2)) / 3);
  }
}

@media screen and (min-width: 601px), print {
  [class*="c-flame"][class*="-column"][class*="-3"] [class*="flame__content"][class*="-w15"] {
    width: -moz-calc((15% - (1.2rem * 3 - 1px * 2)) / 3);
    width: calc((15% - (1.2rem * 3 - 1px * 2)) / 3);
  }
}

@media screen and (min-width: 601px), print {
  [class*="c-flame"][class*="-column"][class*="-3"] [class*="flame__content"][class*="-w20"] {
    width: -moz-calc((20% - (1.2rem * 3 - 1px * 2)) / 3);
    width: calc((20% - (1.2rem * 3 - 1px * 2)) / 3);
  }
}

@media screen and (min-width: 601px), print {
  [class*="c-flame"][class*="-column"][class*="-3"] [class*="flame__content"][class*="-w25"] {
    width: -moz-calc((25% - (1.2rem * 3 - 1px * 2)) / 3);
    width: calc((25% - (1.2rem * 3 - 1px * 2)) / 3);
  }
}

@media screen and (min-width: 601px), print {
  [class*="c-flame"][class*="-column"][class*="-3"] [class*="flame__content"][class*="-w30"] {
    width: -moz-calc((30% - (1.2rem * 3 - 1px * 2)) / 3);
    width: calc((30% - (1.2rem * 3 - 1px * 2)) / 3);
  }
}

@media screen and (min-width: 601px), print {
  [class*="c-flame"][class*="-column"][class*="-3"] [class*="flame__content"][class*="-w35"] {
    width: -moz-calc((35% - (1.2rem * 3 - 1px * 2)) / 3);
    width: calc((35% - (1.2rem * 3 - 1px * 2)) / 3);
  }
}

@media screen and (min-width: 601px), print {
  [class*="c-flame"][class*="-column"][class*="-3"] [class*="flame__content"][class*="-w40"] {
    width: -moz-calc((40% - (1.2rem * 3 - 1px * 2)) / 3);
    width: calc((40% - (1.2rem * 3 - 1px * 2)) / 3);
  }
}

@media screen and (min-width: 601px), print {
  [class*="c-flame"][class*="-column"][class*="-3"] [class*="flame__content"][class*="-w45"] {
    width: -moz-calc((45% - (1.2rem * 3 - 1px * 2)) / 3);
    width: calc((45% - (1.2rem * 3 - 1px * 2)) / 3);
  }
}

@media screen and (min-width: 601px), print {
  [class*="c-flame"][class*="-column"][class*="-3"] [class*="flame__content"][class*="-w50"] {
    width: -moz-calc((50% - (1.2rem * 3 - 1px * 2)) / 3);
    width: calc((50% - (1.2rem * 3 - 1px * 2)) / 3);
  }
}

@media screen and (min-width: 601px), print {
  [class*="c-flame"][class*="-column"][class*="-3"] [class*="flame__content"][class*="-w55"] {
    width: -moz-calc((55% - (1.2rem * 3 - 1px * 2)) / 3);
    width: calc((55% - (1.2rem * 3 - 1px * 2)) / 3);
  }
}

@media screen and (min-width: 601px), print {
  [class*="c-flame"][class*="-column"][class*="-3"] [class*="flame__content"][class*="-w60"] {
    width: -moz-calc((60% - (1.2rem * 3 - 1px * 2)) / 3);
    width: calc((60% - (1.2rem * 3 - 1px * 2)) / 3);
  }
}

@media screen and (min-width: 601px), print {
  [class*="c-flame"][class*="-column"][class*="-3"] [class*="flame__content"][class*="-w65"] {
    width: -moz-calc((65% - (1.2rem * 3 - 1px * 2)) / 3);
    width: calc((65% - (1.2rem * 3 - 1px * 2)) / 3);
  }
}

@media screen and (min-width: 601px), print {
  [class*="c-flame"][class*="-column"][class*="-3"] [class*="flame__content"][class*="-w70"] {
    width: -moz-calc((70% - (1.2rem * 3 - 1px * 2)) / 3);
    width: calc((70% - (1.2rem * 3 - 1px * 2)) / 3);
  }
}

@media screen and (min-width: 601px), print {
  [class*="c-flame"][class*="-column"][class*="-3"] [class*="flame__content"][class*="-w75"] {
    width: -moz-calc((75% - (1.2rem * 3 - 1px * 2)) / 3);
    width: calc((75% - (1.2rem * 3 - 1px * 2)) / 3);
  }
}

@media screen and (min-width: 601px), print {
  [class*="c-flame"][class*="-column"][class*="-3"] [class*="flame__content"][class*="-w80"] {
    width: -moz-calc((80% - (1.2rem * 3 - 1px * 2)) / 3);
    width: calc((80% - (1.2rem * 3 - 1px * 2)) / 3);
  }
}

@media screen and (min-width: 601px), print {
  [class*="c-flame"][class*="-column"][class*="-3"] [class*="flame__content"][class*="-w85"] {
    width: -moz-calc((85% - (1.2rem * 3 - 1px * 2)) / 3);
    width: calc((85% - (1.2rem * 3 - 1px * 2)) / 3);
  }
}

@media screen and (min-width: 601px), print {
  [class*="c-flame"][class*="-column"][class*="-3"] [class*="flame__content"][class*="-w90"] {
    width: -moz-calc((90% - (1.2rem * 3 - 1px * 2)) / 3);
    width: calc((90% - (1.2rem * 3 - 1px * 2)) / 3);
  }
}

@media screen and (min-width: 601px), print {
  [class*="c-flame"][class*="-column"][class*="-3"] [class*="flame__content"][class*="-w95"] {
    width: -moz-calc((95% - (1.2rem * 3 - 1px * 2)) / 3);
    width: calc((95% - (1.2rem * 3 - 1px * 2)) / 3);
  }
}

@media screen and (min-width: 601px), print {
  [class*="c-flame"][class*="-column"][class*="-3"] [class*="flame__content"][class*="-w100"] {
    width: -moz-calc((100% - (1.2rem * 3 - 1px * 2)) / 3);
    width: calc((100% - (1.2rem * 3 - 1px * 2)) / 3);
  }
}

[class*="c-flame"][class*="-column"][class*="-3"] [class*="flame__content"]:nth-child(3n) {
  margin-right: 0;
  padding-right: 0;
  border: none;
}

[class*="c-flame"][class*="-column"][class*="-4"] [class*="flame__content"] {
  margin-right: 1.2rem;
  padding-right: 1.2rem;
  border-right: solid 1px #ddd;
}

@media screen and (min-width: 601px), print {
  [class*="c-flame"][class*="-column"][class*="-4"] [class*="flame__content"][class*="-w0"] {
    width: -moz-calc((0% - (1.2rem * 4 - 1px * 2)) / 4);
    width: calc((0% - (1.2rem * 4 - 1px * 2)) / 4);
  }
}

@media screen and (min-width: 601px), print {
  [class*="c-flame"][class*="-column"][class*="-4"] [class*="flame__content"][class*="-w5"] {
    width: -moz-calc((5% - (1.2rem * 4 - 1px * 2)) / 4);
    width: calc((5% - (1.2rem * 4 - 1px * 2)) / 4);
  }
}

@media screen and (min-width: 601px), print {
  [class*="c-flame"][class*="-column"][class*="-4"] [class*="flame__content"][class*="-w10"] {
    width: -moz-calc((10% - (1.2rem * 4 - 1px * 2)) / 4);
    width: calc((10% - (1.2rem * 4 - 1px * 2)) / 4);
  }
}

@media screen and (min-width: 601px), print {
  [class*="c-flame"][class*="-column"][class*="-4"] [class*="flame__content"][class*="-w15"] {
    width: -moz-calc((15% - (1.2rem * 4 - 1px * 2)) / 4);
    width: calc((15% - (1.2rem * 4 - 1px * 2)) / 4);
  }
}

@media screen and (min-width: 601px), print {
  [class*="c-flame"][class*="-column"][class*="-4"] [class*="flame__content"][class*="-w20"] {
    width: -moz-calc((20% - (1.2rem * 4 - 1px * 2)) / 4);
    width: calc((20% - (1.2rem * 4 - 1px * 2)) / 4);
  }
}

@media screen and (min-width: 601px), print {
  [class*="c-flame"][class*="-column"][class*="-4"] [class*="flame__content"][class*="-w25"] {
    width: -moz-calc((25% - (1.2rem * 4 - 1px * 2)) / 4);
    width: calc((25% - (1.2rem * 4 - 1px * 2)) / 4);
  }
}

@media screen and (min-width: 601px), print {
  [class*="c-flame"][class*="-column"][class*="-4"] [class*="flame__content"][class*="-w30"] {
    width: -moz-calc((30% - (1.2rem * 4 - 1px * 2)) / 4);
    width: calc((30% - (1.2rem * 4 - 1px * 2)) / 4);
  }
}

@media screen and (min-width: 601px), print {
  [class*="c-flame"][class*="-column"][class*="-4"] [class*="flame__content"][class*="-w35"] {
    width: -moz-calc((35% - (1.2rem * 4 - 1px * 2)) / 4);
    width: calc((35% - (1.2rem * 4 - 1px * 2)) / 4);
  }
}

@media screen and (min-width: 601px), print {
  [class*="c-flame"][class*="-column"][class*="-4"] [class*="flame__content"][class*="-w40"] {
    width: -moz-calc((40% - (1.2rem * 4 - 1px * 2)) / 4);
    width: calc((40% - (1.2rem * 4 - 1px * 2)) / 4);
  }
}

@media screen and (min-width: 601px), print {
  [class*="c-flame"][class*="-column"][class*="-4"] [class*="flame__content"][class*="-w45"] {
    width: -moz-calc((45% - (1.2rem * 4 - 1px * 2)) / 4);
    width: calc((45% - (1.2rem * 4 - 1px * 2)) / 4);
  }
}

@media screen and (min-width: 601px), print {
  [class*="c-flame"][class*="-column"][class*="-4"] [class*="flame__content"][class*="-w50"] {
    width: -moz-calc((50% - (1.2rem * 4 - 1px * 2)) / 4);
    width: calc((50% - (1.2rem * 4 - 1px * 2)) / 4);
  }
}

@media screen and (min-width: 601px), print {
  [class*="c-flame"][class*="-column"][class*="-4"] [class*="flame__content"][class*="-w55"] {
    width: -moz-calc((55% - (1.2rem * 4 - 1px * 2)) / 4);
    width: calc((55% - (1.2rem * 4 - 1px * 2)) / 4);
  }
}

@media screen and (min-width: 601px), print {
  [class*="c-flame"][class*="-column"][class*="-4"] [class*="flame__content"][class*="-w60"] {
    width: -moz-calc((60% - (1.2rem * 4 - 1px * 2)) / 4);
    width: calc((60% - (1.2rem * 4 - 1px * 2)) / 4);
  }
}

@media screen and (min-width: 601px), print {
  [class*="c-flame"][class*="-column"][class*="-4"] [class*="flame__content"][class*="-w65"] {
    width: -moz-calc((65% - (1.2rem * 4 - 1px * 2)) / 4);
    width: calc((65% - (1.2rem * 4 - 1px * 2)) / 4);
  }
}

@media screen and (min-width: 601px), print {
  [class*="c-flame"][class*="-column"][class*="-4"] [class*="flame__content"][class*="-w70"] {
    width: -moz-calc((70% - (1.2rem * 4 - 1px * 2)) / 4);
    width: calc((70% - (1.2rem * 4 - 1px * 2)) / 4);
  }
}

@media screen and (min-width: 601px), print {
  [class*="c-flame"][class*="-column"][class*="-4"] [class*="flame__content"][class*="-w75"] {
    width: -moz-calc((75% - (1.2rem * 4 - 1px * 2)) / 4);
    width: calc((75% - (1.2rem * 4 - 1px * 2)) / 4);
  }
}

@media screen and (min-width: 601px), print {
  [class*="c-flame"][class*="-column"][class*="-4"] [class*="flame__content"][class*="-w80"] {
    width: -moz-calc((80% - (1.2rem * 4 - 1px * 2)) / 4);
    width: calc((80% - (1.2rem * 4 - 1px * 2)) / 4);
  }
}

@media screen and (min-width: 601px), print {
  [class*="c-flame"][class*="-column"][class*="-4"] [class*="flame__content"][class*="-w85"] {
    width: -moz-calc((85% - (1.2rem * 4 - 1px * 2)) / 4);
    width: calc((85% - (1.2rem * 4 - 1px * 2)) / 4);
  }
}

@media screen and (min-width: 601px), print {
  [class*="c-flame"][class*="-column"][class*="-4"] [class*="flame__content"][class*="-w90"] {
    width: -moz-calc((90% - (1.2rem * 4 - 1px * 2)) / 4);
    width: calc((90% - (1.2rem * 4 - 1px * 2)) / 4);
  }
}

@media screen and (min-width: 601px), print {
  [class*="c-flame"][class*="-column"][class*="-4"] [class*="flame__content"][class*="-w95"] {
    width: -moz-calc((95% - (1.2rem * 4 - 1px * 2)) / 4);
    width: calc((95% - (1.2rem * 4 - 1px * 2)) / 4);
  }
}

@media screen and (min-width: 601px), print {
  [class*="c-flame"][class*="-column"][class*="-4"] [class*="flame__content"][class*="-w100"] {
    width: -moz-calc((100% - (1.2rem * 4 - 1px * 2)) / 4);
    width: calc((100% - (1.2rem * 4 - 1px * 2)) / 4);
  }
}

[class*="c-flame"][class*="-column"][class*="-4"] [class*="flame__content"]:nth-child(4n) {
  margin-right: 0;
  padding-right: 0;
  border: none;
}

[class*="c-flame"][class*="-column"][class*="-center"] {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media screen and (min-width: 601px), print {
  [class*="c-flame"][class*="-column"][class*="-reverse"] {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -moz-box-orient: horizontal;
    -moz-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
}

@media screen and (max-width: 600px) {
  [class*="c-flame"][class*="-column"][class*="-vertical"] {
    display: block;
  }
}

@media screen and (max-width: 600px) {
  [class*="c-flame"][class*="-column"][class*="-vertical"] [class*="flame__content"] {
    width: 100%;
    margin-right: 0;
    margin-bottom: 1.4rem;
    padding: 0 0 1.4rem;
    border-right: none;
    border-bottom: solid 1px #ddd;
  }
}

@media screen and (max-width: 600px) {
  [class*="c-flame"][class*="-column"][class*="-vertical"] [class*="flame__content"]:last-child {
    margin: 0;
    padding: 0;
    border: none;
  }
}

/*===========================================
    c-window
===========================================*/
[class*="c-window"] {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 4px 4px 32px rgba(0, 0, 0, 0.1);
}

[class*="c-window"] .window__close {
  position: absolute;
  top: 1rem;
  right: 1rem;
}

@media screen and (max-width: 600px) {
  [class*="c-window"] .window__close {
    top: 0.5rem;
    right: 0.5rem;
  }
}

[class*="c-window"] .window__close i {
  width: 2rem;
  height: 2rem;
}

[class*="c-window"] > img {
  display: block;
  max-width: 100%;
}

[class*="c-window"][class*="-lg"] {
  padding: 4rem;
}

@media screen and (max-width: 600px) {
  [class*="c-window"][class*="-lg"] {
    padding: 2rem;
  }
}

[class*="c-window"][class*="-md"] {
  padding: 3rem;
}

@media screen and (max-width: 600px) {
  [class*="c-window"][class*="-md"] {
    padding: 2rem;
  }
}

[class*="c-window"][class*="-sm"] {
  padding: 2rem;
}

[class*="c-window"][class*="-xs"] {
  padding: 1rem 1.4rem;
}

[class*="c-window"][class*="-full"] {
  overflow: hidden;
  padding: 0;
}

[class*="c-window"][class*="-primary"] {
  background-color: #e7ffff;
}

[class*="c-window"][class*="-primary"] * {
  color: #009A98;
}

[class*="c-window"][class*="-secondary"] {
  background-color: #c0e8f9;
}

[class*="c-window"][class*="-secondary"] * {
  color: #1DAEE9;
}

[class*="c-window"][class*="-success"] {
  background-color: #bbfdf5;
}

[class*="c-window"][class*="-success"] * {
  color: #06CDB5;
}

[class*="c-window"][class*="-warning"] {
  background-color: white;
}

[class*="c-window"][class*="-warning"] * {
  color: #E68857;
}

[class*="c-window"][class*="-danger"] {
  background-color: #fcdede;
}

[class*="c-window"][class*="-danger"] * {
  color: #DE1816;
}

[class*="c-window"][class*="-balloon"] {
  content: '';
  position: relative;
  padding: 0.6em 1em;
  background-color: #fff;
  line-height: 1.4;
}

[class*="c-window"][class*="-balloon"]:after {
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
}

[class*="c-window"][class*="-balloon"][class*="-balloon-t"]:after {
  top: -0.625rem;
  left: 50%;
  margin-left: -0.3125rem;
  border-width: 0 0.3125rem 0.625rem 0.3125rem;
  border-color: transparent transparent #fff transparent;
}

[class*="c-window"][class*="-balloon"][class*="-balloon-r"]:after {
  top: 50%;
  right: -0.625rem;
  margin-top: -0.3125rem;
  border-width: 0.3125rem 0 0.3125rem 0.625rem;
  border-color: transparent transparent transparent #fff;
}

[class*="c-window"][class*="-balloon"][class*="-balloon-b"]:after {
  bottom: -0.625rem;
  left: 50%;
  margin-left: -0.3125rem;
  border-width: 0.625rem 0.3125rem 0 0.3125rem;
  border-color: #fff transparent transparent transparent;
}

[class*="c-window"][class*="-balloon"][class*="-balloon-l"]:after {
  top: 50%;
  left: -0.625rem;
  margin-top: -0.3125rem;
  border-width: 0.3125rem 0.625rem 0.3125rem 0;
  border-color: transparent #fff transparent transparent;
}

/*===========================================
    c-image
===========================================*/
[class*="c-image"] > img {
  display: block;
  max-width: 100%;
}

[class*="c-image"][class*="-fullWidth"] > img {
  width: 100%;
}

[class*="c-image"][class*="-fullHeight"] > img {
  width: auto;
  height: 100%;
}

[class*="c-image"][class*="-center"] > img {
  margin-left: auto;
  margin-right: auto;
}

[class*="c-image"][class*="-left"] > img {
  margin-right: auto;
}

[class*="c-image"][class*="-right"] > img {
  margin-left: auto;
}

/*===========================================
    c-card
===========================================*/
[class*="c-card-"] {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  color: #333;
  text-decoration: none;
}

[class*="c-card-"] .card__head {
  position: relative;
}

[class*="c-card-"] .card__head .card__new {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  padding: 0.2em 0.6em;
  background-color: #DE1816;
  color: #fff;
  font-weight: bold;
  font-size: 0.733rem;
}

@media all and (-ms-high-contrast: none) {
  [class*="c-card-"] .card__head {
    height: 250px;
  }
}

@media screen and (max-width: 600px) {
  [class*="c-card-"] .card__body > * {
    line-height: 1.4;
  }
}

[class*="c-card-"] .card__body > *:first-child {
  margin-top: 0 !important;
}

[class*="c-card-"] .card__body > *:last-child {
  margin-bottom: 0 !important;
}

[class*="c-card-"] .card__image {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: auto;
}

[class*="c-card-"] .card__image:before {
  content: "";
  display: block;
  padding-top: 66%;
}

[class*="c-card-"] .card__image img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

[class*="c-card-"] .card__category {
  margin-bottom: 0.4em;
  color: #595959;
  line-height: 1.6;
}

[class*="c-card-"] .card__title {
  margin-bottom: 0.4em;
}

@media screen and (max-width: 600px) {
  [class*="c-card-"] .card__title {
    text-indent: -1em;
    margin-left: 1em;
  }
}

[class*="c-card-"] .card__discription {
  margin-bottom: 0.4em;
  color: #595959;
}

[class*="c-card-"] .card__time {
  display: block;
  margin-bottom: 0.4em;
  color: #595959;
}

[class*="c-card-"] .card__price {
  margin: 0.2em 0;
}

@media screen and (min-width: 601px), print {
  [class*="c-card-"][class*="-lg"] .card__body {
    margin-top: 2.5rem;
  }
}

@media screen and (max-width: 600px) {
  [class*="c-card-"][class*="-lg"] .card__body {
    padding: 1.5rem;
  }
}

@media screen and (min-width: 601px), print {
  [class*="c-card-"][class*="-md"] .card__body {
    margin-top: 1.5rem;
  }
}

@media screen and (max-width: 600px) {
  [class*="c-card-"][class*="-md"] .card__body {
    padding: 1rem;
  }
}

@media screen and (min-width: 601px), print {
  [class*="c-card-"][class*="-sm"] .card__body {
    margin-top: 0.5rem;
  }
}

@media screen and (max-width: 600px) {
  [class*="c-card-"][class*="-sm"] .card__body {
    padding: 0.75rem;
  }
}

[class*="c-card-"][class*="-category"] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}

[class*="c-card-"][class*="-category"] .card__head {
  width: 104px;
  height: 104px;
}

[class*="c-card-"][class*="-category"] .card__head img {
  display: block;
  width: 100%;
}

[class*="c-card-"][class*="-category"] .card__body {
  width: -moz-calc(100% - 104px - 20px);
  width: calc(100% - 104px - 20px);
}

[class*="c-card-"][class*="-category"] .card__body--full {
  width: 100%;
}

[class*="c-card-"][class*="-category"] .card__information {
  padding-left: 1em;
}

[class*="c-card-"][class*="-category"] .card__information .information__label {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 0.4em;
}

[class*="c-card-"][class*="-category"] .card__information .information__label > * {
  margin-right: 0.5em;
  margin-bottom: 0.5em;
}

[class*="c-card-"][class*="-color"] .card__head img {
  display: block;
  width: 100%;
}

[class*="c-card-"][class*="-color"] .card__body {
  position: relative;
  margin-top: 1em;
}

[class*="c-card-"][class*="-color"] .card__label {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

[class*="c-card-"][class*="-color"] .card__label > * {
  width: 100%;
  margin-right: 0.5em;
}

[class*="c-card-"][class*="-color"] .card__label > *:last-child {
  margin-right: 0;
}

[class*="c-card-"][class*="-color"] .card__information {
  width: 100%;
  margin: 1em 0;
}

[class*="c-card-"][class*="-color"] .card__information dl {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding: 0.5em 0;
  border-bottom: solid 1px #ddd;
  font-size: 0.866rem;
  line-height: 1.4;
}

[class*="c-card-"][class*="-color"] .card__information dl dt {
  width: 5em;
  margin-right: 1em;
  font-weight: bold;
}

[class*="c-card-"][class*="-color"] .card__information dl dt:after {
  content: '：';
}

[class*="c-card-"][class*="-color"] .card__information dl dd {
  width: -moz-calc(100% - 6em);
  width: calc(100% - 6em);
  word-wrap: break-word;
}

[class*="c-card-"][class*="-color"] .card__information .information__discription {
  width: 100%;
  border-bottom: solid 1px #ddd;
}

[class*="c-card-"][class*="-voice"] {
  position: relative;
  background-color: #fff;
}

@media screen and (min-width: 601px), print {
  [class*="c-card-"][class*="-voice"] {
    margin-bottom: 2rem;
    padding: 2rem;
  }
}

@media screen and (max-width: 600px) {
  [class*="c-card-"][class*="-voice"] {
    margin-bottom: 1rem;
    padding: 1.5rem;
  }
}

[class*="c-card-"][class*="-voice"] .card__user {
  width: 40px;
}

[class*="c-card-"][class*="-voice"] .card__name {
  margin-bottom: 0.4em;
}

[class*="c-card-"][class*="-voice"] .card__star {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

[class*="c-card-"][class*="-voice"] .card__star img {
  width: 20px;
}

[class*="c-card-"][class*="-voice"][class*="-md"] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-bottom: solid 1px #ddd;
}

@media screen and (min-width: 601px), print {
  [class*="c-card-"][class*="-voice"][class*="-md"] {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}

@media screen and (max-width: 600px) {
  [class*="c-card-"][class*="-voice"][class*="-md"] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

[class*="c-card-"][class*="-voice"][class*="-md"] .card__head {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media screen and (min-width: 601px), print {
  [class*="c-card-"][class*="-voice"][class*="-md"] .card__head {
    margin-right: 3rem;
  }
}

@media screen and (max-width: 600px) {
  [class*="c-card-"][class*="-voice"][class*="-md"] .card__head {
    width: 100%;
  }
}

@media screen and (min-width: 601px), print {
  [class*="c-card-"][class*="-voice"][class*="-md"] .card__body {
    width: 50%;
  }
}

@media screen and (max-width: 600px) {
  [class*="c-card-"][class*="-voice"][class*="-md"] .card__body {
    width: 100%;
  }
}

[class*="c-card-"][class*="-voice"][class*="-md"] .card__user {
  width: 40px;
  margin-right: 2rem;
}

@media screen and (min-width: 601px), print {
  [class*="c-card-"][class*="-voice"][class*="-md"] .card__star {
    margin: 0 auto;
  }
}

@media screen and (max-width: 600px) {
  [class*="c-card-"][class*="-voice"][class*="-md"] .card__star {
    margin-left: auto;
  }
}

@media screen and (min-width: 601px), print {
  [class*="c-card-"][class*="-voice"][class*="-md"][class*="-simple"] .card__head {
    width: -moz-calc(20% - 3rem);
    width: calc(20% - 3rem);
  }
}

@media screen and (max-width: 600px) {
  [class*="c-card-"][class*="-voice"][class*="-md"][class*="-simple"] .card__head {
    width: 100%;
  }
}

@media screen and (min-width: 601px), print {
  [class*="c-card-"][class*="-voice"][class*="-md"][class*="-simple"] .card__body {
    width: 80%;
  }
}

@media screen and (max-width: 600px) {
  [class*="c-card-"][class*="-voice"][class*="-md"][class*="-simple"] .card__body {
    width: 100%;
  }
}

[class*="c-card-"][class*="-voice"][class*="-sm"] {
  border: solid 1px #ddd;
  border-radius: 4px;
}

[class*="c-card-"][class*="-voice"][class*="-sm"] .card__head {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

[class*="c-card-"][class*="-voice"][class*="-sm"] .card__user {
  width: 40px;
}

[class*="c-card-"][class*="-voice"][class*="-sm"] .card__infomation {
  width: -moz-calc(100% - 40px - 100px);
  width: calc(100% - 40px - 100px);
  padding: 0 16px;
}

[class*="c-card-"][class*="-case"] .card__body {
  margin-top: 1rem;
}

[class*="c-card-"][class*="-blog"] .card__body {
  position: relative;
  margin-top: 1em;
}

[class*="c-card-"][class*="-blog"] .card__category {
  position: absolute;
  top: 0;
  right: 0;
  text-align: right;
}

[class*="c-card-"][class*="-blog"][class*="-sm"] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

[class*="c-card-"][class*="-blog"][class*="-sm"] .card__head {
  width: 96px;
  height: 96px;
  margin-right: 16px;
}

[class*="c-card-"][class*="-blog"][class*="-sm"] .card__body {
  width: -moz-calc(100% - 96px - 16px);
  width: calc(100% - 96px - 16px);
  margin: 0;
}

[class*="c-card-"][class*="-blog"][class*="-sm"] .card__image {
  overflow: hidden;
  width: 96px;
  height: 96px;
}

[class*="c-card-"][class*="-blog"][class*="-sm"] .card__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

[class*="c-card-"][class*="-blog"][class*="-sm"] .card__category {
  position: relative;
  text-align: left;
}

[class*="c-card-"][class*="-step"] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  background-color: #f4f0e8;
  border-radius: 0.4rem;
  border: none;
}

@media screen and (max-width: 600px) {
  [class*="c-card-"][class*="-step"] {
    margin-bottom: 1rem;
  }
}

[class*="c-card-"][class*="-step"] img {
  display: block;
  width: 100%;
}

[class*="c-card-"][class*="-step"] .card__body {
  padding: 0;
}

[class*="c-card-"][class*="-step"] .card__title {
  margin-bottom: 1em;
}

[class*="c-card-"][class*="-step"] .card__step {
  display: inline-block;
  width: auto;
  padding: 0.2em 0.8em;
  margin-right: 1em;
  margin-bottom: 1em;
  border-radius: 0.4rem;
  background-color: #009A98;
  color: #fff;
  font-size: 0.8em;
  font-family: "Roboto", sans-serif;
  font-weight: bold;
  vertical-align: middle;
}

[class*="c-card-"][class*="-step"] .card__step-secondary {
  display: inline-block;
  width: auto;
  padding: 0.2em 0.8em;
  margin-right: 1em;
  margin-bottom: 1em;
  border-radius: 0.4rem;
  background-color: #1DAEE9;
  color: #fff;
  font-size: 0.8em;
  font-family: "Roboto", sans-serif;
  font-weight: bold;
  vertical-align: middle;
}

[class*="c-card-"][class*="-step"] .card__discription {
  margin: 0;
}

[class*="c-card-"][class*="-step"] .card__discription > * {
  margin-bottom: 1em;
}

[class*="c-card-"][class*="-step"] .card__discription > *:last-child {
  margin-bottom: 0;
}

[class*="c-card-"][class*="-step"] .card__discription .discription__sub {
  margin-top: 1.5em;
  margin-bottom: 1.5em;
}

[class*="c-card-"][class*="-step"] .card__discription .discription__sub:last-child {
  margin-bottom: 0;
}

[class*="c-card-"][class*="-step"] .card__discription .discription__sub > * {
  margin-bottom: 0.5em;
}

[class*="c-card-"][class*="-step"] .card__discription .discription__sub > *:last-child {
  margin-bottom: 0;
}

@media screen and (min-width: 601px), print {
  [class*="c-card-"][class*="-step"][class*="-horizontal"] {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    padding: 2rem 4rem;
  }
}

@media screen and (max-width: 600px) {
  [class*="c-card-"][class*="-step"][class*="-horizontal"] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 2rem 2rem;
  }
}

@media screen and (min-width: 601px), print {
  [class*="c-card-"][class*="-step"][class*="-horizontal"] .card__head {
    width: -moz-calc((100% - 4rem) / 2);
    width: calc((100% - 4rem) / 2);
    margin-right: 4rem;
  }
}

@media screen and (max-width: 600px) {
  [class*="c-card-"][class*="-step"][class*="-horizontal"] .card__head {
    width: 100%;
    margin-bottom: 2rem;
  }
}

@media screen and (min-width: 601px), print {
  [class*="c-card-"][class*="-step"][class*="-horizontal"] .card__body {
    width: -moz-calc((100% - 4rem) / 2);
    width: calc((100% - 4rem) / 2);
  }
}

@media screen and (max-width: 600px) {
  [class*="c-card-"][class*="-step"][class*="-horizontal"] .card__body {
    width: 80%;
    margin: 0 auto;
  }
}

[class*="c-card-"][class*="-step"][class*="-vertical"] {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 2rem 2rem;
}

[class*="c-card-"][class*="-step"][class*="-vertical"] .card__head {
  width: 100%;
  margin-right: 0;
  margin-bottom: 1rem;
}

[class*="c-card-"][class*="-step"][class*="-vertical"] .card__body {
  width: 100%;
}

a[class*="c-card-"]:hover {
  text-decoration: none !important;
  opacity: 0.6;
}

/*===========================================
    c-cardGroup
===========================================*/
[class*="c-cardGroup-"] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media screen and (min-width: 601px), print {
  [class*="c-cardGroup-"] > * {
    margin-right: 2rem;
    margin-bottom: 2rem;
  }
}

@media screen and (max-width: 600px) {
  [class*="c-cardGroup-"] > * {
    margin-right: 1rem;
    margin-bottom: 2rem;
  }
}

[class*="c-cardGroup-"][class*="-full"] {
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

@media screen and (max-width: 600px) {
  [class*="c-cardGroup-"][class*="-full"] {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

@media screen and (min-width: 601px), print {
  [class*="c-cardGroup-"][class*="-6"] > * {
    width: -moz-calc((100% - 2rem * 5) / 6);
    width: calc((100% - 2rem * 5) / 6);
  }
}

@media screen and (max-width: 600px) {
  [class*="c-cardGroup-"][class*="-6"] > * {
    width: -moz-calc((100% - 1rem * 1) / 2);
    width: calc((100% - 1rem * 1) / 2);
  }
}

@media screen and (min-width: 601px), print {
  [class*="c-cardGroup-"][class*="-6"] > *:nth-child(6n) {
    margin-right: 0;
  }
}

@media screen and (max-width: 600px) {
  [class*="c-cardGroup-"][class*="-6"] > *:nth-child(2n) {
    margin-right: 0;
  }
}

[class*="c-cardGroup-"][class*="-6"] > *:nth-last-child(6), [class*="c-cardGroup-"][class*="-6"] > *:nth-last-child(5), [class*="c-cardGroup-"][class*="-6"] > *:nth-last-child(4), [class*="c-cardGroup-"][class*="-6"] > *:nth-last-child(3), [class*="c-cardGroup-"][class*="-6"] > *:nth-last-child(2), [class*="c-cardGroup-"][class*="-6"] > *:nth-last-child(1) {
  margin-bottom: 0;
}

@media screen and (min-width: 601px), print {
  [class*="c-cardGroup-"][class*="-5"] > * {
    width: -moz-calc((100% - 2rem * 4) / 5);
    width: calc((100% - 2rem * 4) / 5);
  }
}

@media screen and (max-width: 600px) {
  [class*="c-cardGroup-"][class*="-5"] > * {
    width: -moz-calc((100% - 1rem * 1) / 2);
    width: calc((100% - 1rem * 1) / 2);
  }
}

@media screen and (min-width: 601px), print {
  [class*="c-cardGroup-"][class*="-5"] > *:nth-child(5n) {
    margin-right: 0;
  }
}

@media screen and (max-width: 600px) {
  [class*="c-cardGroup-"][class*="-5"] > *:nth-child(2n) {
    margin-right: 0;
  }
}

[class*="c-cardGroup-"][class*="-5"] > *:nth-last-child(5), [class*="c-cardGroup-"][class*="-5"] > *:nth-last-child(4), [class*="c-cardGroup-"][class*="-5"] > *:nth-last-child(3), [class*="c-cardGroup-"][class*="-5"] > *:nth-last-child(2), [class*="c-cardGroup-"][class*="-5"] > *:nth-last-child(1) {
  margin-bottom: 0;
}

@media screen and (min-width: 601px), print {
  [class*="c-cardGroup-"][class*="-4"] > * {
    width: -moz-calc((100% - 2rem * 3) / 4);
    width: calc((100% - 2rem * 3) / 4);
  }
}

@media screen and (max-width: 600px) {
  [class*="c-cardGroup-"][class*="-4"] > * {
    width: -moz-calc((100% - 1rem * 1) / 2);
    width: calc((100% - 1rem * 1) / 2);
  }
}

@media screen and (min-width: 601px), print {
  [class*="c-cardGroup-"][class*="-4"] > *:nth-child(4n) {
    margin-right: 0;
  }
}

@media screen and (max-width: 600px) {
  [class*="c-cardGroup-"][class*="-4"] > *:nth-child(2n) {
    margin-right: 0;
  }
}

[class*="c-cardGroup-"][class*="-4"] > *:nth-last-child(4), [class*="c-cardGroup-"][class*="-4"] > *:nth-last-child(3), [class*="c-cardGroup-"][class*="-4"] > *:nth-last-child(2), [class*="c-cardGroup-"][class*="-4"] > *:nth-last-child(1) {
  margin-bottom: 0;
}

@media screen and (min-width: 601px), print {
  [class*="c-cardGroup-"][class*="-3"] > * {
    width: -moz-calc((100% - 2rem * 2) / 3);
    width: calc((100% - 2rem * 2) / 3);
  }
}

@media screen and (max-width: 600px) {
  [class*="c-cardGroup-"][class*="-3"] > * {
    width: 100%;
  }
}

@media screen and (min-width: 601px), print {
  [class*="c-cardGroup-"][class*="-3"] > *:nth-child(3n) {
    margin-right: 0;
  }
}

@media screen and (max-width: 600px) {
  [class*="c-cardGroup-"][class*="-3"] > *:nth-child(2n) {
    margin-right: 0;
  }
}

[class*="c-cardGroup-"][class*="-3"] > *:nth-last-child(3), [class*="c-cardGroup-"][class*="-3"] > *:nth-last-child(2), [class*="c-cardGroup-"][class*="-3"] > *:nth-last-child(1) {
  margin-bottom: 0;
}

[class*="c-cardGroup-"][class*="-2"] > * {
  width: -moz-calc((100% - 2rem * 1) / 2);
  width: calc((100% - 2rem * 1) / 2);
}

[class*="c-cardGroup-"][class*="-2"] > *:nth-child(2n) {
  margin-right: 0;
}

@media screen and (min-width: 601px), print {
  [class*="c-cardGroup-"][class*="-2"] > *:nth-last-child(2), [class*="c-cardGroup-"][class*="-2"] > *:nth-last-child(1) {
    margin-bottom: 0;
  }
}

[class*="c-cardGroup-"][class*="-1"] > * {
  width: 100%;
  margin-right: 0;
  margin-bottom: 1rem;
}

[class*="c-cardGroup-"][class*="-1"] > *:nth-last-child(1) {
  margin-bottom: 0;
}

@media screen and (max-width: 600px) {
  [class*="c-cardGroup-"][class*="-vertical"] > * {
    width: 100%;
    margin-right: 0;
  }
}

/*===========================================
    c-pankuzu
===========================================*/
[class*="c-pankuzu"] {
  margin-bottom: 1rem;
}

[class*="c-pankuzu"] .pankuzu__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  font-size: 0.875rem;
}

[class*="c-pankuzu"] .pankuzu__list li {
  white-space: nowrap;
}

[class*="c-pankuzu"] .pankuzu__list li:after {
  content: '>';
  padding: 0 0.6em;
}

[class*="c-pankuzu"] .pankuzu__list li:last-child:after {
  content: none;
}

[class*="c-pankuzu"] .pankuzu__list li a {
  white-space: inherit;
}

[class*="c-pankuzu"][class*="-scroll"] {
  width: 100%;
}

@media screen and (min-width: 601px), print {
  [class*="c-pankuzu"][class*="-scroll"] {
    overflow-x: hidden;
  }
}

@media screen and (max-width: 600px) {
  [class*="c-pankuzu"][class*="-scroll"] {
    overflow-x: scroll;
  }
}

[class*="c-pankuzu"][class*="-scroll"] .pankuzu__list {
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

/*===========================================
    c-pagenation
===========================================*/
[class*="c-pagenation"] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 0.875rem;
}

[class*="c-pagenation"] ol {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 1rem;
  font-size: 1rem;
}

[class*="c-pagenation"] ol li {
  padding: 0 0.5em;
}

[class*="c-pagenation"] ol li a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 2em;
  height: 2em;
  color: #333;
  font-weight: bold;
}

[class*="c-pagenation"] ol li a:hover {
  color: #009A98;
  text-decoration: none;
}

[class*="c-pagenation"] ol li .is-active {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 2em;
  height: 2em;
  background-color: #009A98;
  border-radius: 50%;
  color: #fff;
}

[class*="c-pagenation"] .pagenation__prev,
[class*="c-pagenation"] .pagenation__next {
  width: 2em;
  height: 2em;
}

[class*="c-pagenation"] .pagenation__prev i,
[class*="c-pagenation"] .pagenation__next i {
  width: 2em;
  height: 2em;
}

/*===========================================
    c-overlay
===========================================*/
[class*="c-overlay"] {
  -moz-transition-property: all;
  transition-property: all;
  -moz-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -moz-transition-timing-function: ease;
  transition-timing-function: ease;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 101;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  opacity: 0;
  pointer-events: none;
}

[class*="c-overlay"].is-active {
  opacity: 1;
  pointer-events: all;
}

/*===========================================
    c-iframe
===========================================*/
[class*="c-iframe"] {
  position: relative;
}

[class*="c-iframe"]:before {
  content: '';
  position: relative;
  display: block;
  width: 100%;
  padding-top: 56.25%;
}

[class*="c-iframe"] iframe {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
}

/*===========================================
    c-textarea
===========================================*/
[class*="c-textarea"] textarea {
  height: 400px;
}

@media screen and (max-width: 600px) {
  [class*="c-textarea"] textarea {
    height: 100px;
  }
}

/*===========================================
    c-dl
===========================================*/
[class*="c-dl"] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  margin-top: 0.6em;
  margin-bottom: 0;
  font-size: 0.866rem;
}

[class*="c-dl"] dt {
  width: 50%;
  padding: 0.4em;
}

[class*="c-dl"] dd {
  width: 50%;
  padding: 0.4em;
}

[class*="c-dl"][class*="-border"] {
  border-bottom: 2px solid #e9e9e9;
  padding-bottom: 24px;
  margin-bottom: 24px;
}

@media screen and (max-width: 600px) {
  [class*="c-dl"][class*="-vertical"] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -moz-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }
}

@media screen and (max-width: 600px) {
  [class*="c-dl"][class*="-vertical"] dt, [class*="c-dl"][class*="-vertical"] dd {
    width: 100%;
  }
}

[class*="c-dl"] .form__input [type="text"] {
  display: block;
  width: 100%;
  padding: 0;
  border-color: #fff;
  border-radius: 4px;
  color: #333;
  font-size: 0.866rem;
  letter-spacing: 0.1em;
}

/*===========================================
    c-price
===========================================*/
[class*="c-price"] {
  font-family: "Roboto", sans-serif !important;
  font-size: 1.6rem;
  font-weight: 600;
  letter-spacing: 0 !important;
}

[class*="c-price"] span {
  margin-left: 0.2em;
  font-size: 0.6em;
  font-weight: bold;
  vertical-align: baseline;
}

[class*="c-price"][class*="-xl"] {
  font-size: 2.4rem !important;
}

[class*="c-price"][class*="-lg"] {
  font-size: 2rem !important;
}

[class*="c-price"][class*="-md"] {
  font-size: 1.6rem !important;
}

[class*="c-price"][class*="-sm"] {
  font-size: 1.2rem !important;
}

[class*="c-price"][class*="-xs"] {
  font-size: 0.8rem !important;
}

/*===========================================
    c-toolbar
===========================================*/
.c-toolbar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
}

.c-toolbar .toolbar__search {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: 1rem;
  font-size: 1rem;
}

.c-toolbar .toolbar__search .search__select {
  min-width: 120px;
}

.c-toolbar .toolbar__search .search__select select {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.c-toolbar .toolbar__search .search__input {
  width: 100%;
  margin-left: -1px;
}

.c-toolbar .toolbar__search .search__input input {
  border-radius: 0;
}

.c-toolbar .toolbar__search .search__button {
  width: 4rem;
  height: auto;
  padding: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

/*===========================================
    c-flow
===========================================*/
[class*="c-flow"] {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

[class*="c-flow"]:before,
[class*="c-flow"] .flow__progress {
  -moz-transition-property: all;
  transition-property: all;
  -moz-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -moz-transition-timing-function: ease;
  transition-timing-function: ease;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: -moz-calc(100% - 1rem);
  width: calc(100% - 1rem);
  margin-top: -1px;
  margin-left: -moz-calc( (100% - 1rem) / -2);
  margin-left: calc( (100% - 1rem) / -2);
  height: 2px;
}

[class*="c-flow"]:before {
  background-color: #ddd;
}

[class*="c-flow"] .flow__progress {
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: left;
  -moz-transform-origin: left;
  transform-origin: left;
  background-color: #009A98;
}

[class*="c-flow"] a {
  position: relative;
  display: block;
  width: 0.6rem;
  height: 0.6rem;
  color: #fff;
}

[class*="c-flow"] a:before {
  content: '';
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #ddd;
}

[class*="c-flow"] a.is-active:before, [class*="c-flow"] a.is-on:before {
  background-color: #009A98;
}

[class*="c-flow"] .flow__balloon {
  -moz-transition-property: all;
  transition-property: all;
  -moz-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -moz-transition-timing-function: ease;
  transition-timing-function: ease;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  position: absolute;
  bottom: 1.4rem;
  left: 50%;
  -webkit-transform: translate(-50%, 10%);
  -moz-transform: translate(-50%, 10%);
  transform: translate(-50%, 10%);
  background-color: #009A98;
  color: #fff;
  white-space: nowrap;
  opacity: 0;
}

[class*="c-flow"] .flow__balloon:after {
  border-color: #009A98 transparent transparent transparent !important;
}

[class*="c-flow"] .flow__balloon.is-active {
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  opacity: 1;
}

/*===========================================
    c-listNavigation
===========================================*/
[class*="c-listNavigation"] {
  position: relative;
}

[class*="c-listNavigation"] .listNavigation__infomation {
  font-size: 1.133rem;
  font-weight: bold;
}

@media screen and (min-width: 601px), print {
  [class*="c-listNavigation"] .listNavigation__infomation {
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}

@media screen and (max-width: 600px) {
  [class*="c-listNavigation"] .listNavigation__infomation {
    margin-bottom: 2rem;
  }
}

[class*="c-listNavigation"] .listNavigation__infomation span {
  font-size: 0.8em;
  vertical-align: baseline;
}

[class*="c-listNavigation"] .listNavigation__pagenation {
  margin: 0 auto;
}

@media screen and (min-width: 601px), print {
  [class*="c-listNavigation"] .listNavigation__pagenation {
    width: 400px;
  }
}

@media screen and (max-width: 600px) {
  [class*="c-listNavigation"] .listNavigation__pagenation {
    width: 100%;
  }
}

/*===========================================
    c-section
===========================================*/
[class*="c-section"] {
  margin-bottom: 2rem;
  padding-bottom: 2rem;
  border-bottom: solid 1px #ddd;
}

[class*="c-section"]:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}

[class*="c-section"] > * {
  margin-bottom: 2rem;
}

[class*="c-section"] > *:last-child {
  margin-bottom: 0;
}

[class*="c-section"][class*="-cart"] {
  border-bottom: none;
}

[class*="c-section"] .section__sub {
  margin-top: 4rem;
  margin-bottom: 4rem;
}

[class*="c-section"] .section__sub > * {
  margin-bottom: 2rem;
}

[class*="c-section"] .section__sub > *:last-child {
  margin-bottom: 0;
}

[class*="c-section"] .section__sub:first-child {
  margin-top: 0;
}

[class*="c-section"] .section__sub:last-child {
  margin-bottom: 0;
}

[class*="c-section"] .section__title {
  margin-bottom: 0.8em;
}

[class*="c-section"] .section__caption {
  margin-bottom: 0.6em;
}

/*===========================================
    c-pageIndex
===========================================*/
[class*="c-pageIndex"] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 3rem;
}

[class*="c-pageIndex"] > * {
  margin: 0.5em !important;
}

/*===========================================
    c-newsList
===========================================*/
.c-newsList .newsList__item {
  border-top: solid 1px #ddd;
}

.c-newsList .newsList__item:first-child {
  border: none;
}

.c-newsList .newsList__item a {
  display: block;
  color: #333;
  font-weight: normal;
  text-decoration: none;
}

.c-newsList .newsList__item a:hover {
  background-color: #f3f3f3;
}

.c-newsList .newsList__item .item__inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -moz-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding: 1.5em 1em;
}

@media screen and (max-width: 600px) {
  .c-newsList .newsList__item .item__inner {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

.c-newsList .newsList__item .item__time,
.c-newsList .newsList__item .item__category {
  margin-bottom: 0 !important;
  margin-right: 2em;
}

@media screen and (max-width: 600px) {
  .c-newsList .newsList__item .item__title {
    width: 100%;
    margin-top: 1em;
  }
}

/*===========================================
    c-faqList
===========================================*/
.c-faqList .faqList__item {
  padding: 1.5rem 1rem;
  border-top: solid 1px #ddd;
}

.c-faqList .faqList__item:first-child {
  border: none;
}

.c-faqList .faqList__item .item__question {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-right: -moz-calc(20px + 4em);
  padding-right: calc(20px + 4em);
  color: #333;
  font-size: 1.133rem;
  text-decoration: none;
}

.c-faqList .faqList__item .item__question:hover {
  opacity: 0.6;
}

.c-faqList .faqList__item .item__question .question__icon {
  margin-right: 1em;
  font-size: 2.4rem;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
}

.c-faqList .faqList__item .item__question .question__plus {
  position: absolute;
  top: 50%;
  right: 1.5rem;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 2em;
  height: 2em;
}

.c-faqList .faqList__item .item__answer {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-top: 1.5rem;
  padding-right: -moz-calc(1.5rem + 4em);
  padding-right: calc(1.5rem + 4em);
  color: #333;
  font-size: 1rem;
  text-decoration: none;
}

.c-faqList .faqList__item .item__answer .answer__icon {
  margin-right: 1em;
  color: #DE1816;
  font-size: 2.4rem;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
}

.c-faqList .faqList__item .item__answer .answer__title {
  padding: 1.5rem;
  background-color: #f3f3f3;
  border-radius: 8px;
}

.c-faqList .faqList__item .item__answer .answer__arrow {
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 2em;
  height: 2em;
}

/*===========================================
    c-historyList
===========================================*/
.c-historyList .historyList__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  font-size: 0.866rem;
}

.c-historyList .historyList__item:last-child {
  border-bottom: none;
}

.c-historyList .historyList__item time {
  width: 5rem;
  margin-bottom: 0 !important;
  margin-right: 1rem;
}

.c-historyList .historyList__item .item__title {
  width: -moz-calc(100% - 6rem);
  width: calc(100% - 6rem);
}

/*===========================================
    c-companyList
===========================================*/
.c-companyList .companyList__item {
  padding: 2rem 1rem;
  border-top: solid 1px #ddd;
}

.c-companyList .companyList__item:first-child {
  border: none;
}

@media screen and (min-width: 601px), print {
  .c-companyList .companyList__item .item__inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}

@media screen and (min-width: 601px), print {
  .c-companyList .companyList__item .item__image {
    width: 200px;
    margin-right: 2rem;
  }
}

@media screen and (max-width: 600px) {
  .c-companyList .companyList__item .item__image {
    max-width: 200px;
    width: 80%;
    margin: 0 auto;
  }
}

.c-companyList .companyList__item .item__image img {
  width: 100%;
}

@media screen and (min-width: 601px), print {
  .c-companyList .companyList__item .item__company {
    margin-right: 2rem;
  }
}

@media screen and (max-width: 600px) {
  .c-companyList .companyList__item .item__company {
    width: 100%;
    margin: 1rem auto;
  }
}

@media screen and (min-width: 601px), print {
  .c-companyList .companyList__item .item__information {
    width: 200px;
    padding-left: 2rem;
    border-left: solid 1px #ddd;
  }
}

@media screen and (max-width: 600px) {
  .c-companyList .companyList__item .item__information {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
  }
}

@media screen and (max-width: 600px) {
  .c-companyList .companyList__item .item__information > * {
    width: 50%;
  }
}

@media screen and (min-width: 601px), print {
  .c-companyList .companyList__item .item__information .information__tel a[href^="tel:"] {
    pointer-events: none;
  }
}

.c-companyList .companyList__item .item__information .information__tel:before {
  content: 'Tel:';
  margin-right: 0.5em;
}

@media screen and (max-width: 600px) {
  .c-companyList .companyList__item .item__information .item__category {
    text-align: right;
  }
}

/*===========================================
    c-inportantNews
===========================================*/
.c-inportantNews {
  position: relative;
  padding: 1.4rem;
  margin-bottom: 2rem;
  border: solid 4px #f06b6a;
  border-radius: 0.3rem;
}

.c-inportantNews.is-hide {
  display: none;
}

.c-inportantNews * {
  color: #DE1816;
}

.c-inportantNews .inportantNews__close {
  position: absolute;
  top: 1rem;
  right: 1rem;
}

/*===========================================
    p-top
===========================================*/
#p-top section {
  margin: 3em 0;
}

#p-top section:first-child {
  margin-top: 0;
}

#p-top .p-mainVisual {
  margin-bottom: 1em;
}

#p-top .p-mainVisual .mainVisual__slick {
  width: 100%;
}

#p-top .p-mainVisual .mainVisual__slick .slick__item {
  display: block;
  width: 100%;
}

#p-top .p-mainVisual .mainVisual__slick .slick__item img {
  display: block;
  width: 100%;
}

@media screen and (min-width: 601px), print {
  #p-top .p-banner {
    max-width: 1300px;
    margin: 0 auto;
    padding: 3rem 56px;
  }
}

@media screen and (max-width: 600px) {
  #p-top .p-banner {
    overflow-x: scroll;
    overflow-y: hidden;
    width: 100vw;
  }
}

@media screen and (min-width: 601px), print {
  #p-top .p-banner .banner__inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 100%;
  }
}

@media screen and (max-width: 600px) {
  #p-top .p-banner .banner__inner {
    width: -moz-calc(((100vw - 64px - 1em) / 2) * 3 + 2em + 64px);
    width: calc(((100vw - 64px - 1em) / 2) * 3 + 2em + 64px);
    padding: 0 32px;
  }
}

#p-top .p-banner .banner__item {
  margin-right: 1em;
}

@media screen and (min-width: 601px), print {
  #p-top .p-banner .banner__item {
    width: -moz-calc((100vw - 1em * 2) / 3);
    width: calc((100vw - 1em * 2) / 3);
  }
}

@media screen and (max-width: 600px) {
  #p-top .p-banner .banner__item {
    display: inline-block;
    width: -moz-calc((100vw - 64px - 1em) / 2);
    width: calc((100vw - 64px - 1em) / 2);
  }
}

#p-top .p-banner .banner__item:nth-child(3n) {
  margin-right: 0;
}

#p-top .p-banner .banner__item:hover {
  text-decoration: none !important;
  opacity: 0.6;
}

#p-top .p-banner .banner__item .item__image {
  display: block;
  width: 100%;
}

#p-top .p-banner .banner__item .item__title {
  margin-top: 0.8em;
}

#p-top .p-mitsumori .mitsumori__list {
  width: 100%;
}

@media screen and (min-width: 601px), print {
  #p-top .p-mitsumori .mitsumori__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}

@media screen and (min-width: 601px), print {
  #p-top .p-mitsumori .mitsumori__list .list__item {
    width: -moz-calc((100% - 1em) / 2);
    width: calc((100% - 1em) / 2);
    margin-right: 1em;
  }
}

@media screen and (max-width: 600px) {
  #p-top .p-mitsumori .mitsumori__list .list__item {
    width: 100%;
    margin-bottom: 1em;
  }
}

#p-top .p-mitsumori .mitsumori__list .list__item:nth-child(2n) {
  margin-right: 0;
  margin-bottom: 0;
}

#p-top .p-mitsumori .mitsumori__list .list__item .item__type {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

#p-top .p-mitsumori .mitsumori__list .list__item .item__type .type__block {
  width: -moz-calc((100% - 1em) / 2);
  width: calc((100% - 1em) / 2);
  margin-right: 1em;
}

#p-top .p-mitsumori .mitsumori__list .list__item .item__type .type__block:last-child {
  margin-right: 0;
}

#p-top .p-mitsumori .mitsumori__list .list__item .item__type .type__image {
  display: block;
  width: 60%;
  margin: 1em auto 2em;
}

#p-top .p-mitsumori .mitsumori__list .list__item .item__type .type__button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

#p-top .p-category .category__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

#p-top .p-category .category__list .list__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media screen and (min-width: 601px), print {
  #p-top .p-category .category__list .list__item {
    width: -moz-calc((100% - 2em * 3) / 4);
    width: calc((100% - 2em * 3) / 4);
    margin-right: 2em;
    margin-bottom: 2em;
  }
}

@media screen and (max-width: 600px) {
  #p-top .p-category .category__list .list__item {
    width: -moz-calc((100% - 2em) / 2);
    width: calc((100% - 2em) / 2);
    margin-right: 2em;
    margin-bottom: 2em;
  }
}

@media screen and (min-width: 601px), print {
  #p-top .p-category .category__list .list__item:nth-child(4n) {
    margin-right: 0;
  }
}

@media screen and (max-width: 600px) {
  #p-top .p-category .category__list .list__item:nth-child(2n) {
    margin-right: 0;
  }
}

#p-top .p-category .category__list .list__item:hover {
  text-decoration: none !important;
  opacity: 0.6;
}

#p-top .p-category .category__list .list__item .item__image {
  width: 48px;
  margin-right: 1em;
}

#p-top .p-category .category__list .list__item .item__image img {
  width: 100%;
}

#p-top .p-category .category__list .list__item .item__title {
  width: -moz-calc(100% - 48px - 1em);
  width: calc(100% - 48px - 1em);
}

#p-top .p-recommend .recommend__list .list__content {
  padding: 0;
  border: none;
}

#p-top .p-new .new__list {
  padding: 0;
  border: none;
}

#p-top .p-new .new__list .list__content {
  padding: 0;
  border: none;
}

#p-top .p-caseStudy {
  padding: 3em 0;
  background-color: #f3f3f3;
  border-radius: 0.3rem;
}

#p-top .p-caseStudy [class*="caseStudy__slick"] {
  width: 100%;
  margin: 1em 0;
}

#p-top .p-caseStudy [class*="caseStudy__slick"] .slick__item {
  position: relative;
  overflow: hidden;
  margin: 0 0.5em;
  border-radius: 0.3rem;
}

@media screen and (min-width: 601px), print {
  #p-top .p-caseStudy [class*="caseStudy__slick"] .slick__item {
    width: 160px;
    height: 160px;
  }
}

@media screen and (max-width: 600px) {
  #p-top .p-caseStudy [class*="caseStudy__slick"] .slick__item {
    width: 80px;
    height: 80px;
  }
}

#p-top .p-caseStudy [class*="caseStudy__slick"] .slick__item img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#p-top .p-caseStudy .caseStudy__button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  width: 320px;
  margin: 2em auto 0;
}

#p-top .p-guide .guide__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -moz-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

@media screen and (max-width: 600px) {
  #p-top .p-guide .guide__list {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

#p-top .p-guide .guide__list .list__item {
  margin-right: 1em;
  text-decoration: none;
}

@media screen and (min-width: 601px), print {
  #p-top .p-guide .guide__list .list__item {
    width: -moz-calc((100% - 2em * 5) / 6);
    width: calc((100% - 2em * 5) / 6);
  }
}

@media screen and (max-width: 600px) {
  #p-top .p-guide .guide__list .list__item {
    width: -moz-calc((100% - 1em * 2) / 3);
    width: calc((100% - 1em * 2) / 3);
    margin-bottom: 1em;
  }
}

#p-top .p-guide .guide__list .list__item:hover {
  text-decoration: none !important;
  opacity: 0.6;
}

@media screen and (min-width: 601px), print {
  #p-top .p-guide .guide__list .list__item:last-child {
    margin-right: 0;
  }
}

@media screen and (max-width: 600px) {
  #p-top .p-guide .guide__list .list__item:nth-child(3n) {
    margin-right: 0;
  }
}

#p-top .p-guide .guide__list .list__item .item__image {
  display: block;
  width: 60%;
  margin: 0 auto;
}

#p-top .p-guide .guide__list .list__item .item__title {
  margin-top: 1em;
}

#p-top .p-news .news__more {
  display: block;
  margin-top: 1em;
  text-align: right;
}

/*===========================================
    p-product
===========================================*/
#p-product {
  /*-------------------------------------------
    .p-overview
  -------------------------------------------*/
  /*-------------------------------------------
    .p-size
  -------------------------------------------*/
  /*-------------------------------------------
    .p-spec
  -------------------------------------------*/
  /*-------------------------------------------
    .p-notes
  -------------------------------------------*/
  /*-------------------------------------------
    .p-tag
  -------------------------------------------*/
  /*-------------------------------------------
    .p-relation
  -------------------------------------------*/
  /*-------------------------------------------
    #alertWindow
  -------------------------------------------*/
}

#p-product [class*="p-overview"] {
  position: relative;
}

#p-product [class*="p-overview"] .overview__information {
  -moz-transition-property: all;
  transition-property: all;
  -moz-transition-duration: 0;
  transition-duration: 0;
  -moz-transition-timing-function: ease;
  transition-timing-function: ease;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}

@media screen and (min-width: 601px), print {
  #p-product [class*="p-overview"] .overview__information {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    width: 280px;
  }
}

@media screen and (max-width: 600px) {
  #p-product [class*="p-overview"] .overview__information {
    width: 100%;
  }
}

#p-product [class*="p-overview"] .overview__productNumber {
  font-size: 0.866rem;
}

#p-product [class*="p-overview"] .overview__manufacturer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 1rem;
  font-size: 0.866rem;
}

#p-product [class*="p-overview"] .overview__manufacturer dt {
  margin-right: 0.5rem;
}

#p-product [class*="p-overview"] .overview__tag {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -moz-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin: 1rem 0;
}

#p-product [class*="p-overview"] .overview__tag .tag__label {
  margin-right: 0.5em;
  margin-bottom: 0.5em;
}

#p-product [class*="p-overview"] .overview__form {
  padding-top: 1rem;
  border-top: solid 1px #ddd;
}

#p-product [class*="p-overview"] .overview__form > * {
  margin-bottom: 0.5rem;
}

#p-product [class*="p-overview"] .overview__form > *:last-child {
  margin-bottom: 0;
}

#p-product [class*="p-overview"] .overview__form .form__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

#p-product [class*="p-overview"] .overview__form .form__item dt {
  width: 4rem;
  font-size: 0.866rem;
  font-weight: bold;
}

#p-product [class*="p-overview"] .overview__form .form__item dd {
  width: -moz-calc(100% - 4rem);
  width: calc(100% - 4rem);
  vertical-align: baseline;
}

#p-product [class*="p-overview"] .overview__form .form__inline {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

#p-product [class*="p-overview"] .overview__flow {
  margin: 2rem 0;
}

@media screen and (max-width: 600px) {
  #p-product [class*="p-overview"] .overview__flow {
    display: none;
  }
}

#p-product [class*="p-overview"] .overview__price {
  margin: 1rem 0;
}

#p-product [class*="p-overview"] .overview__price .price__button {
  margin-left: 1rem;
  padding: 1em 1em;
  vertical-align: middle;
}

#p-product [class*="p-overview"] .overview__price .price__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

#p-product [class*="p-overview"] .overview__price .price__item dt {
  width: 4rem;
  font-size: 0.866rem;
  font-weight: bold;
}

#p-product [class*="p-overview"] .overview__price .price__item dd {
  width: -moz-calc(100% - 4rem);
  width: calc(100% - 4rem);
  vertical-align: baseline;
  text-align: right;
}

#p-product [class*="p-overview"] .overview__price .price__item dd input,
#p-product [class*="p-overview"] .overview__price .price__item dd b {
  display: inline-block;
  width: 60%;
  margin-right: 0.5rem;
  padding: 0;
  border: none;
  background-color: transparent;
  text-align: right;
  font-weight: normal;
  vertical-align: baseline;
  pointer-events: none;
}

#p-product [class*="p-overview"] .overview__price .price__item dd span {
  display: inline-block;
  font-size: 1rem;
  text-align: left;
  font-weight: bold;
  vertical-align: baseline;
}

#p-product [class*="p-overview"] .overview__invisible {
  display: none;
}

#p-product [class*="p-overview"] .overview__order {
  padding: 1rem 0;
  border-top: solid 1px #ddd;
  border-bottom: solid 1px #ddd;
}

#p-product [class*="p-overview"] .overview__order .order__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 0.5rem;
  font-size: 0.866rem;
}

#p-product [class*="p-overview"] .overview__order .order__item:last-child {
  margin-bottom: 0;
}

#p-product [class*="p-overview"] .overview__order .order__item dt {
  width: 10em;
}

#p-product [class*="p-overview"] .overview__order .order__item dd {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: -moz-calc(100% - 11em);
  width: calc(100% - 11em);
}

#p-product [class*="p-overview"] .overview__order .order__item dd span {
  font-size: 1.133rem;
  vertical-align: baseline;
}

#p-product [class*="p-overview"] .overview__order .order__item dd input {
  display: inline-block;
  width: auto;
  font-size: 1rem;
}

#p-product [class*="p-overview"] .overview__order .order__alert {
  margin-top: 1rem;
}

#p-product [class*="p-overview"] .overview__order .order__alert > * {
  font-size: 0.866rem;
}

#p-product [class*="p-overview"] .overview__order .order__action {
  width: 100%;
  margin-top: 1rem;
}

#p-product [class*="p-overview"] .overview__order .order__action .action__button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 0.5rem;
}

@media screen and (min-width: 601px), print {
  #p-product [class*="p-overview"] .overview__order .order__action .action__button {
    width: 100%;
  }
}

@media screen and (max-width: 600px) {
  #p-product [class*="p-overview"] .overview__order .order__action .action__button {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
}

#p-product [class*="p-overview"] .overview__order .order__action .action__draw {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

#p-product [class*="p-overview"] .overview__order .order__action .action__draw > * {
  width: -moz-calc((100% - 0.5rem) / 2);
  width: calc((100% - 0.5rem) / 2);
}

#p-product [class*="p-overview"] .overview__relation {
  margin-top: 1rem;
}

#p-product [class*="p-overview"] .overview__relation > * {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-bottom: 0.5rem;
}

#p-product [class*="p-overview"] .overview__relation > *:last-child {
  margin-bottom: 0;
}

#p-product [class*="p-overview"] .overview__support {
  margin-top: 1rem;
}

#p-product [class*="p-overview"] .overview__free {
  margin-top: 1rem;
  padding: 1rem 0;
  border-top: solid 1px #ddd;
}

@media screen and (min-width: 601px), print {
  #p-product [class*="p-overview"] .overview__fixed {
    display: none;
  }
}

@media screen and (max-width: 600px) {
  #p-product [class*="p-overview"] .overview__fixed {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 10000;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    padding: 1.4rem 16px;
    background-color: #fff;
    border-top: solid 1px #ddd;
  }
}

#p-product [class*="p-overview"] .overview__fixed .fixed__flow {
  width: 100%;
  margin-bottom: 2rem;
}

#p-product [class*="p-overview"] .overview__fixed .fixed__price {
  width: -moz-calc(50% - 1rem);
  width: calc(50% - 1rem);
}

#p-product [class*="p-overview"] .overview__fixed .fixed__price > * {
  display: inline-block;
  font-weight: bold;
  vertical-align: baseline;
}

#p-product [class*="p-overview"] .overview__fixed .fixed__price p {
  margin: 0 0.5em;
}

#p-product [class*="p-overview"] .overview__fixed .fixed__price span {
  font-size: 0.733rem;
}

#p-product [class*="p-overview"] .overview__fixed .fixed__button {
  width: 50%;
}

#p-product [class*="p-overview"] .overview__mainVisual {
  width: 100%;
  margin-bottom: 2rem;
}

#p-product [class*="p-overview"] .overview__mainVisual .mainVisual__slider {
  position: relative;
  width: 100%;
}

#p-product [class*="p-overview"] .overview__mainVisual .mainVisual__slider .slider__item .item__caption {
  margin-top: 1rem;
}

#p-product [class*="p-overview"] .overview__mainVisual .mainVisual__slider--thumbnail {
  position: relative;
}

#p-product [class*="p-overview"] .overview__mainVisual .mainVisual__description {
  margin: 3rem 0;
  line-height: 2;
}

@media screen and (min-width: 601px), print {
  #p-product [class*="p-overview"] .overview__promotion {
    position: relative;
    z-index: 0;
    width: 100%;
    padding-right: -moz-calc(280px + 3rem);
    padding-right: calc(280px + 3rem);
  }
}

@media screen and (max-width: 600px) {
  #p-product [class*="p-overview"] .overview__promotion {
    width: 100%;
    margin-top: 1rem;
  }
}

#p-product [class*="p-overview"] .overview__detail {
  width: 100%;
  padding-top: 4rem;
  margin-bottom: 2rem;
  border-top: solid 1px #ddd;
}

#p-product [class*="p-overview"] .overview__detail .detail__history {
  margin-top: 2rem;
}

#p-product [class*="p-overview"] .overview__detail .detail__section {
  position: relative;
  padding-top: 3rem;
  margin-top: 3rem;
  border-top: solid 1px #ddd;
}

#p-product [class*="p-overview"] .overview__detail .detail__section:first-child {
  padding-top: 0;
  margin-top: 0;
  border: none;
}

#p-product [class*="p-overview"] .overview__detail .detail__section .section__item {
  padding-top: 1rem;
  border-top: solid 1px #ddd;
}

#p-product [class*="p-overview"] .overview__detail .detail__section .section__button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

#p-product [class*="p-overview"] .overview__detail .detail__section .section__option .option__title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0.5em 1em;
  border-radius: 4px;
  border: solid 1px #ddd;
  font-size: 1.133rem;
  text-decoration: none;
}

#p-product [class*="p-overview"] .overview__detail .detail__section .section__option .option__title:hover {
  background-color: #f3f3f3;
}

#p-product [class*="p-overview"] .overview__detail .detail__section .section__option .option__title.is-active {
  background-color: #f3f3f3;
}

#p-product [class*="p-overview"] .overview__detail .detail__section .section__option .option__title img {
  width: 3em;
  margin: 0 1em 0 0;
}

#p-product [class*="p-overview"] .overview__detail .detail__section .section__option .option__content {
  margin-bottom: 3rem;
}

#p-product [class*="p-overview"] .overview__detail .detail__section .section__set {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: -moz-calc(0.6em * 2 + 1em + 2px);
  min-height: calc(0.6em * 2 + 1em + 2px);
  padding: 1rem 0;
  border-bottom: dotted 1px #ddd;
}

#p-product [class*="p-overview"] .overview__detail .detail__section .section__set:first-child {
  padding-top: 0;
}

#p-product [class*="p-overview"] .overview__detail .detail__section .section__set:last-child {
  padding-bottom: 0;
  border-bottom: none;
}

#p-product [class*="p-overview"] .overview__detail .detail__section .section__set .set__item {
  width: 6rem;
  margin-right: 0.5rem;
  margin-bottom: 0;
  font-size: 0.866rem;
  font-weight: bold;
  text-align: left;
}

#p-product [class*="p-overview"] .overview__detail .detail__section .section__set .set__content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -moz-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  min-height: 40px;
}

#p-product [class*="p-overview"] .overview__detail .detail__section .section__set .set__content > * {
  width: 100%;
}

#p-product [class*="p-overview"] .overview__detail .detail__section .section__set .set__content .content__sub:nth-child(2n - 1) {
  padding-right: 1rem;
  border-right: solid 1px #ddd;
}

#p-product [class*="p-overview"] .overview__detail .detail__section .section__set .set__content .content__sub:nth-child(2n) {
  padding-left: 1rem;
  border: none;
}

#p-product [class*="p-overview"] .overview__detail .detail__section .section__set .set__content .content__unit {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 0.5rem;
}

#p-product [class*="p-overview"] .overview__detail .detail__section .section__set .set__content .content__unit:first-child {
  margin-top: 0;
}

#p-product [class*="p-overview"] .overview__detail .detail__section .section__set .set__content .content__unit input[type="text"],
#p-product [class*="p-overview"] .overview__detail .detail__section .section__set .set__content .content__unit .form__select {
  display: block;
  width: -moz-calc(100% - 2.3rem - 2px);
  width: calc(100% - 2.3rem - 2px);
}

#p-product [class*="p-overview"] .overview__detail .detail__section .section__set .set__content .content__unit span {
  display: block;
  width: 2rem;
  margin: 0 0.3rem;
  font-size: 0.733rem;
  white-space: nowrap;
}

#p-product [class*="p-overview"] .overview__detail .detail__section .section__set .set__content .content__unit span:first-child {
  margin-left: 0;
}

#p-product [class*="p-overview"] .overview__detail .detail__section .section__set .set__content .content__unit span:last-child {
  margin-right: 0;
}

#p-product [class*="p-overview"] .overview__detail .detail__section .section__set .set__content .content__checkbox {
  width: auto;
  margin-right: 2em;
}

#p-product [class*="p-overview"] .overview__detail .detail__section .section__set .set__content .content__checkbox:last-child {
  margin-right: 0;
}

#p-product [class*="p-overview"] .overview__detail .detail__section .section__set .set__content .content__note {
  font-size: 0.733rem;
}

#p-product [class*="p-overview"] .overview__detail .detail__section .section__set .set__content .content__number {
  width: -moz-calc(100% - 2.8em);
  width: calc(100% - 2.8em);
  margin-right: 0.3em;
  font-size: 1.133rem;
  font-weight: bold;
  text-align: right;
}

#p-product [class*="p-overview"] .overview__detail .detail__section .section__set .set__content .content__number + span {
  width: 2.5em;
  vertical-align: baseline;
}

#p-product [class*="p-overview"] .overview__detail .detail__section .section__linkSet {
  margin: 1rem auto;
}

#p-product [class*="p-overview"] .overview__detail .detail__section .section__linkSet > * {
  margin-right: 1em;
}

#p-product [class*="p-overview"] .overview__detail .detail__section .section__linkSet > *:last-child {
  margin-right: 0;
}

#p-product [class*="p-overview"] .overview__detail .detail__section .section__buttonSet {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  margin: 1rem auto;
}

#p-product [class*="p-overview"] .overview__detail .detail__section .section__buttonSet:last-child {
  margin-bottom: 0;
}

#p-product [class*="p-overview"] .overview__detail .detail__section .section__buttonSet > * {
  width: -moz-calc((100% - 1em) / 2);
  width: calc((100% - 1em) / 2);
}

#p-product [class*="p-overview"] .overview__detail .detail__section .section__buttonSet .buttonSet__add {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  width: auto;
}

#p-product [class*="p-overview"] .overview__detail .detail__section .section__buttonSet .buttonSet__clear {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  width: auto;
  margin-left: auto;
}

#p-product [class*="p-overview"] .overview__detail .detail__section input {
  margin-bottom: 0;
}

#p-product [class*="p-overview"] .overview__detail .detail__section img {
  display: block;
  width: 100%;
  margin: 1rem auto;
}

#p-product [class*="p-overview"] .overview__detail .detail__section img:first-child {
  margin-top: 0;
}

#p-product [class*="p-overview"] .overview__detail .detail__section img:last-child {
  margin-bottom: 0;
}

#p-product [class*="p-overview"] .overview__detail .detail__section li {
  margin-bottom: 0.6em;
  line-height: 1.6;
}

#p-product [class*="p-overview"] .overview__detail .detail__option .option__title {
  margin-top: 2rem;
}

#p-product [class*="p-overview"] .overview__detail .detail__option .option__icon {
  font-size: 1.133rem;
}

#p-product [class*="p-overview"] .overview__detail .detail__option .option__icon i {
  margin-right: auto;
  margin-left: auto;
}

#p-product .p-size .size__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

#p-product .p-size .size__list .list__item {
  margin-right: 8px;
  margin-bottom: 8px;
}

@media screen and (min-width: 601px), print {
  #p-product .p-size .size__list .list__item {
    width: -moz-calc((100% - 8px * 3) / 4);
    width: calc((100% - 8px * 3) / 4);
  }
}

@media screen and (max-width: 600px) {
  #p-product .p-size .size__list .list__item {
    width: -moz-calc((100% - 8px * 1) / 2);
    width: calc((100% - 8px * 1) / 2);
  }
}

@media screen and (min-width: 601px), print {
  #p-product .p-size .size__list .list__item:nth-child(4n) {
    margin-right: 0;
  }
}

@media screen and (max-width: 600px) {
  #p-product .p-size .size__list .list__item:nth-child(2n) {
    margin-right: 0;
  }
}

#p-product .p-size .size__list .list__item > * {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

#p-product .p-tag {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
}

#p-product .p-tag .tag__item {
  margin-bottom: 16px;
  box-shadow: none;
}

@media screen and (min-width: 601px), print {
  #p-product .p-tag .tag__item {
    width: -moz-calc((100% - 16px) / 2);
    width: calc((100% - 16px) / 2);
    margin-right: 16px;
  }
}

@media screen and (max-width: 600px) {
  #p-product .p-tag .tag__item {
    width: 100%;
  }
}

@media screen and (min-width: 601px), print {
  #p-product .p-tag .tag__item:nth-child(2n) {
    margin-right: 0;
  }
}

#p-product .p-tag .tag__item > * {
  margin-bottom: 1rem;
}

#p-product .p-tag .tag__item > *:last-child {
  margin-bottom: 0;
}

#p-product .p-tag .tag__item img {
  display: block;
  width: 100%;
}

#p-product .p-relation .relation__slick {
  width: 100%;
}

#p-product .p-relation .relation__slick .slick__item {
  margin: 0 1rem;
}

#p-product #alertWindow {
  max-width: 640px;
}

#p-product #alertWindow img {
  display: block;
  margin: 0 auto 40px;
}

#p-product #alertWindow > * {
  margin-bottom: 2rem;
}

#p-product #alertWindow button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
}

/*===========================================
    p-product-parts
===========================================*/
#p-product-parts {
  /*-------------------------------------------
    .p-parts
  -------------------------------------------*/
}

#p-product-parts .p-parts .parts__back {
  margin-bottom: 1rem;
}

#p-product-parts .p-parts .parts__size {
  margin-bottom: 2rem;
}

#p-product-parts .p-parts .parts__size p {
  margin-bottom: 1rem;
}

#p-product-parts .p-parts .parts__size .size__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

#p-product-parts .p-parts .parts__size .size__list a {
  width: -moz-calc((100% - 8px * 3) / 4);
  width: calc((100% - 8px * 3) / 4);
  margin-right: 8px;
  margin-bottom: 8px;
}

#p-product-parts .p-parts .parts__size .size__list a:nth-child(4n) {
  margin-right: 0;
}

@media screen and (max-width: 600px) {
  #p-product-parts .p-parts .parts__table {
    display: block;
  }
}

@media screen and (max-width: 600px) {
  #p-product-parts .p-parts .parts__table thead {
    display: none;
  }
}

@media screen and (max-width: 600px) {
  #p-product-parts .p-parts .parts__table tbody {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

@media screen and (max-width: 600px) {
  #p-product-parts .p-parts .parts__table tbody tr,
  #p-product-parts .p-parts .parts__table tbody th,
  #p-product-parts .p-parts .parts__table tbody td {
    display: block;
    border: none;
    padding: 0;
  }
}

@media screen and (max-width: 600px) {
  #p-product-parts .p-parts .parts__table tbody tr {
    width: -moz-calc((100% - 1rem * 1) / 2);
    width: calc((100% - 1rem * 1) / 2);
    margin: 0 1rem 3rem 0;
  }
}

#p-product-parts .p-parts .parts__table tbody tr:nth-child(2n) {
  margin-right: 0;
}

#p-product-parts .p-parts .parts__table tbody th,
#p-product-parts .p-parts .parts__table tbody td {
  margin-bottom: 1em;
}

#p-product-parts .p-parts .parts__table tbody th:last-child,
#p-product-parts .p-parts .parts__table tbody td:last-child {
  margin-bottom: 0;
}

#p-product-parts .p-parts .parts__table .table__image {
  position: relative;
}

@media screen and (min-width: 601px), print {
  #p-product-parts .p-parts .parts__table .table__image {
    width: 80px;
  }
}

@media screen and (max-width: 600px) {
  #p-product-parts .p-parts .parts__table .table__image {
    padding-top: 100%;
  }
}

@media screen and (max-width: 600px) {
  #p-product-parts .p-parts .parts__table .table__image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
  }
}

@media screen and (min-width: 601px), print {
  #p-product-parts .p-parts .parts__table .table__name {
    width: -moz-calc(100% - 80px - 100px - 100px - 80px);
    width: calc(100% - 80px - 100px - 100px - 80px);
  }
}

@media screen and (min-width: 601px), print {
  #p-product-parts .p-parts .parts__table .table__num {
    width: 100px;
  }
}

@media screen and (min-width: 601px), print {
  #p-product-parts .p-parts .parts__table .table__price {
    width: 100px;
  }
}

@media screen and (max-width: 600px) {
  #p-product-parts .p-parts .parts__table .table__price {
    margin-bottom: 0;
  }
}

@media screen and (min-width: 601px), print {
  #p-product-parts .p-parts .parts__table .table__button {
    width: 80px;
  }
}

/*===========================================
    p-product-drawing
===========================================*/
#p-product-drawing {
  /*-------------------------------------------
    .p-header
  -------------------------------------------*/
  /*-------------------------------------------
    .p-drawing
  -------------------------------------------*/
}

#p-product-drawing .l-main {
  min-height: auto;
  height: 100%;
}

#p-product-drawing .p-header {
  position: relative;
}

#p-product-drawing .p-header .header__logo {
  padding: 8px 16px;
}

@media screen and (max-width: 600px) {
  #p-product-drawing .p-drawing {
    height: -moz-calc(100vh - 50px);
    height: calc(100vh - 50px);
  }
}

#p-product-drawing .p-drawing .drawing__frame,
#p-product-drawing .p-drawing .drawing__area {
  position: relative;
  overflow: scroll;
  width: 100%;
  margin-bottom: 1em;
  border-bottom: solid 1px #ddd;
}

@media screen and (min-width: 601px), print {
  #p-product-drawing .p-drawing .drawing__frame,
  #p-product-drawing .p-drawing .drawing__area {
    height: auto;
    padding-top: -moz-calc(100% * 0.7);
    padding-top: calc(100% * 0.7);
  }
}

@media screen and (max-width: 600px) {
  #p-product-drawing .p-drawing .drawing__frame,
  #p-product-drawing .p-drawing .drawing__area {
    height: 100%;
  }
}

#p-product-drawing .p-drawing .drawing__frame canvas,
#p-product-drawing .p-drawing .drawing__area canvas {
  position: absolute;
  top: 0;
  left: 0;
  overflow: scroll;
  width: auto;
  height: auto;
}

#p-product-drawing .p-drawing .drawing__3d {
  //display: none;
}

#p-product-drawing .p-drawing .drawing__note {
  padding: 1em;
}

@media screen and (max-width: 600px) {
  #p-product-drawing .p-drawing .drawing__note {
    display: none;
  }
}

/*===========================================
    p-fullOrder
===========================================*/
#p-fullOrder .p-action .action__button {
  text-align: center;
}

#p-fullOrder .p-action .action__button a {
  width: 80%;
}

@media screen and (max-width: 600px) {
  #p-fullOrder .p-action .action__button a {
    width: 100%;
  }
}

/*===========================================
    p-fullOrder-web
===========================================*/
/*===========================================
    p-fullOrder-fax
===========================================*/
#p-fullOrder-fax .p-fax .fax__button {
  text-align: center;
}

/*===========================================
    p-fullOrder-fax-print
===========================================*/
#p-fullOrder-fax-print #wrapper {
  width: 750px;
  margin: auto;
}

#p-fullOrder-fax-print .p-print h1 {
  padding: 0.5em;
}

#p-fullOrder-fax-print .p-print .print__smallMargin {
  padding-top: 0.3em;
  padding-bottom: 0.3em;
}

#p-fullOrder-fax-print .p-print .print__production {
  height: 150px;
  vertical-align: baseline;
}

#p-fullOrder-fax-print .p-print .print__drawing {
  height: 1450px;
  vertical-align: baseline;
}

@media print {
  #p-fullOrder-fax-print #wrapper {
    width: 100%;
    padding-right: 200px;
  }
  #p-fullOrder-fax-print .print__page {
    size: A4 landscape;
    page-break-before: always;
  }
}

#p-fullOrder-fax-print .c-table tr {
  border-bottom: solid 1.5px #aaa;
}

#p-fullOrder-fax-print .c-table tr:first-child {
  border-top: solid 1.5px #aaa;
}

#p-fullOrder-fax-print .c-table:first-child {
  border-top: solid 1.5px #aaa;
}

#p-fullOrder-fax-print .c-table:last-child th, #p-fullOrder-fax-print .c-table:last-child td {
  border-bottom: none;
}

#p-fullOrder-fax-print .c-table th, #p-fullOrder-fax-print .c-table td {
  border-left: solid 1.5px #aaa;
  border-right: solid 1.5px #aaa;
}

#p-fullOrder-fax-print .c-table th:first-child, #p-fullOrder-fax-print .c-table td:first-child {
  border-right: solid 1.5px #aaa;
}

/*===========================================
    p-naireOrder
===========================================*/
#p-naireOrder .p-action .action__button {
  text-align: center;
}

@media screen and (max-width: 600px) {
  #p-naireOrder .p-purpose .purpose__button > div:first-child {
    margin-bottom: 16px;
  }
}

@media screen and (max-width: 600px) {
  #p-naireOrder .p-purpose .purpose__print {
    margin-bottom: 16px !important;
  }
}

@media screen and (max-width: 600px) {
  #p-naireOrder .p-price {
    overflow: auto;
  }
}

/*===========================================
    p-caseStudy
===========================================*/
#p-caseStudy .p-action .action__button {
  text-align: center;
}

#p-caseStudy .p-content {
  position: relative;
}

@media screen and (min-width: 601px), print {
  #p-caseStudy .p-content .content__information {
    position: absolute;
    top: 0;
    left: 0;
    width: 360px;
  }
}

@media screen and (max-width: 600px) {
  #p-caseStudy .p-content .content__information {
    width: 100%;
    margin-bottom: 2rem;
  }
}

#p-caseStudy .p-content .content__information .information__title {
  position: relative;
  margin-bottom: 2rem;
}

#p-caseStudy .p-content .content__information .information__title h1 {
  margin-bottom: 0;
}

#p-caseStudy .p-content .content__information .information__title .title__category {
  font-size: 0.866rem;
}

#p-caseStudy .p-content .content__information .information__title .title__other {
  margin-top: 2rem;
}

#p-caseStudy .p-content .content__information .information__title .title__other .other__user {
  font-weight: bold;
}

#p-caseStudy .p-content .content__information .information__title .title__other .other__number {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 0.866rem;
}

#p-caseStudy .p-content .content__information .information__title .title__other .other__date {
  display: block;
  font-size: 0.866rem;
}

#p-caseStudy .p-content .content__product {
  padding: 2rem 0;
  border-top: solid 1px #ddd;
  border-bottom: solid 1px #ddd;
}

@media screen and (max-width: 600px) {
  #p-caseStudy .p-content .content__product {
    margin-top: 2rem;
  }
}

#p-caseStudy .p-content .content__product .product__title {
  margin-bottom: 1rem;
}

#p-caseStudy .p-content .content__product .product__sub > * {
  margin-bottom: 1rem;
}

#p-caseStudy .p-content .content__product .product__sub > *:last-child {
  margin-bottom: 0;
}

#p-caseStudy .p-content .content__product .product__sub p {
  font-size: 0.866rem;
}

#p-caseStudy .p-content .content__product .product__sub dl {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0.8em;
  font-size: 0.866rem;
}

#p-caseStudy .p-content .content__product .product__sub dl dt {
  width: 5em;
  font-weight: bold;
}

#p-caseStudy .p-content .content__product .product__sub .product__button {
  margin-top: 1rem;
}

@media screen and (min-width: 601px), print {
  #p-caseStudy .p-content .content__detail {
    width: 100%;
    padding-left: -moz-calc(360px + 3rem);
    padding-left: calc(360px + 3rem);
  }
}

@media screen and (max-width: 600px) {
  #p-caseStudy .p-content .content__detail {
    width: 100%;
    padding-top: 2rem;
    border-top: solid 1px #ddd;
  }
}

#p-caseStudy .p-content .content__detail .detail__slider {
  margin-bottom: 1rem;
}

#p-caseStudy .p-content .content__detail .detail__slider--thumbnail {
  margin-bottom: 3rem;
}

#p-caseStudy .p-content .content__detail .detail__section {
  margin-bottom: 3rem;
}

#p-caseStudy .p-content .content__detail .detail__section:last-child {
  margin-bottom: 0;
}

#p-caseStudy .p-content .content__detail .detail__section > * {
  margin-bottom: 24px;
}

#p-caseStudy .p-content .content__detail .detail__section > *:last-child {
  margin-bottom: 0;
}

#p-caseStudy .p-content .content__footer {
  width: 100%;
  margin-top: 2rem;
}

@media screen and (min-width: 601px), print {
  #p-caseStudy .p-content .content__footer {
    padding-top: 2rem;
    border-top: solid 1px #ddd;
  }
}

#p-caseStudy .p-content .content__footer .footer__button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
}

@media screen and (min-width: 601px), print {
  #p-caseStudy .p-content .content__footer .footer__button {
    width: 320px;
  }
}

@media screen and (max-width: 600px) {
  #p-caseStudy .p-content .content__footer .footer__button {
    width: 80%;
  }
}

/*===========================================
    p-cart
===========================================*/
#p-cart {
  /*-------------------------------------------
    .p-stepbar
  -------------------------------------------*/
  /*-------------------------------------------
    .p-register
  -------------------------------------------*/
  /*-------------------------------------------
    .p-user
  -------------------------------------------*/
}

@media screen and (max-width: 600px) {
  #p-cart .cart__change {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

@media screen and (max-width: 600px) {
  #p-cart .cart__change > * {
    width: 100%;
    margin: 0 0 16px;
  }
}

@media screen and (max-width: 600px) {
  #p-cart .cart__change > *:last-child {
    margin-bottom: 0;
  }
}

@media screen and (max-width: 600px) {
  #p-cart .cart__change > * input {
    width: 30%;
    min-width: 150px;
  }
}

#p-cart [class*="p-stepbar"] {
  position: relative;
  counter-reset: step;
  margin: 0;
  padding: 0;
  overflow: hidden;
  clear: both;
  z-index: 0;
}

#p-cart [class*="p-stepbar"] li {
  float: left;
  position: relative;
  width: -moz-calc(100% / 6);
  width: calc(100% / 6);
  color: #aaa;
  font-size: 12px;
  text-align: center;
  text-transform: uppercase;
  list-style-type: none;
}

#p-cart [class*="p-stepbar"] li:before {
  display: block;
  content: counter(step);
  counter-increment: step;
  width: 30px;
  height: 30px;
  margin: 0 auto 10px auto;
  background-color: #e9e9e9;
  border-radius: 50%;
  line-height: 30px;
  text-align: center;
}

#p-cart [class*="p-stepbar"] li:after {
  position: absolute;
  content: '';
  top: 15px;
  left: -50%;
  width: 100%;
  height: 2px;
  background-color: #e9e9e9;
  z-index: -1;
}

#p-cart [class*="p-stepbar"] li:first-child:after {
  content: none;
}

#p-cart [class*="p-stepbar"] li.is-active {
  color: #009A98;
}

#p-cart [class*="p-stepbar"] li.is-active:before {
  background-color: #009A98;
  color: #fff;
}

#p-cart [class*="p-stepbar"] li.is-active:after {
  background-color: #009A98;
}

#p-cart .p-register {
  width: 100%;
  height: 500px;
  overflow: scroll;
}

#p-cart [class*="p-user"] .user__information {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  padding: 16px;
}

@media screen and (max-width: 600px) {
  #p-cart [class*="p-user"] .user__information {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -moz-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }
}

@media screen and (min-width: 601px), print {
  #p-cart [class*="p-user"] .user__information .information__content {
    margin-right: 2em;
  }
}

#p-cart [class*="p-user"] .user__information .information__content:first-child {
  width: -moz-calc(90% - 1em);
  width: calc(90% - 1em);
}

@media screen and (max-width: 600px) {
  #p-cart [class*="p-user"] .user__information .information__content:first-child {
    width: 100%;
  }
}

#p-cart [class*="p-user"] .user__information .information__content:last-child {
  width: -moz-calc(10% - 1em);
  width: calc(10% - 1em);
  margin: 0;
}

@media screen and (max-width: 600px) {
  #p-cart [class*="p-user"] .user__information .information__content:last-child {
    margin-top: 16px;
    width: 100%;
  }
}

#p-cart [class*="p-user"] .user__delivery {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}

#p-cart [class*="p-user"] .user__delivery .delivery__content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 16px;
  border-bottom: 1px solid #ddd;
}

@media screen and (max-width: 600px) {
  #p-cart [class*="p-user"] .user__delivery .delivery__content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -moz-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }
}

#p-cart [class*="p-user"] .user__delivery .delivery__content:last-child {
  border-bottom: 0;
}

@media screen and (min-width: 601px), print {
  #p-cart [class*="p-user"] .user__delivery .delivery__check {
    width: 30px;
  }
}

#p-cart [class*="p-user"] .user__delivery .delivery__detail {
  width: -moz-calc(90% - 30px);
  width: calc(90% - 30px);
  padding-left: 16px;
  margin-left: 8px;
  border-left: 1px solid #ddd;
}

@media screen and (max-width: 600px) {
  #p-cart [class*="p-user"] .user__delivery .delivery__detail {
    width: auto;
    margin: 16px 0;
    padding-left: 0;
    border-left: none;
  }
}

@media screen and (min-width: 601px), print {
  #p-cart [class*="p-user"] .user__delivery .delivery__change {
    width: 10%;
  }
}

#p-cart [class*="p-user"] .user__delivery .delivery__addition {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media screen and (max-width: 600px) {
  #p-cart [class*="p-user"] .user__delivery .delivery__addition {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -moz-box-orient: vertical;
    -moz-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -moz-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }
}

#p-cart [class*="p-user"] .user__delivery .delivery__addition p {
  margin-left: 16px;
}

@media screen and (max-width: 600px) {
  #p-cart [class*="p-user"] .user__delivery .delivery__addition p {
    margin: 0 0 8px;
  }
}

@media screen and (max-width: 600px) {
  #p-cart [class*="p-user"] .user__delivery .delivery__addition input {
    max-width: 150px;
  }
}

/*===========================================
    p-voice
===========================================*/
#p-voice .p-voice .voice__navigation a {
  width: 50%;
}

@media screen and (max-width: 600px) {
  #p-voice .p-questionnaire {
    margin-bottom: 0 !important;
  }
}

@media screen and (max-width: 600px) {
  #p-voice .p-questionnaire .questionnaire__content {
    margin-top: 0 !important;
  }
}

@media screen and (max-width: 600px) {
  #p-voice .c-heading--xs-block {
    margin-top: 2em !important;
    margin-bottom: 1em !important;
  }
}

#p-voice .p-questionnaire__last {
  margin-bottom: 2em !important;
}

#p-voice .p-cheak {
  display: inline-block;
  position: relative;
}

@media screen and (max-width: 600px) {
  #p-voice .p-cheak {
    width: 100%;
    padding: 1.8em 5em 0 0;
    margin-bottom: 1rem;
  }
}

#p-voice .p-cheak:after {
  content: '必須';
  position: absolute;
  top: 0rem;
  right: -4rem;
  padding: 0.2em 0.8em;
  background-color: #DE1816;
  color: #fff;
  font-size: 0.733rem;
  vertical-align: middle;
}

@media screen and (max-width: 600px) {
  #p-voice .p-cheak:after {
    top: 1.8rem;
    right: 1.4rem;
  }
}

/*===========================================
    p-voice-cgi
===========================================*/
#p-voice-cgi {
  min-width: auto;
}

/*===========================================
    p-faq
===========================================*/
#p-faq .p-action .action__button {
  text-align: center;
}

/*===========================================
    p-news
===========================================*/
/*===========================================
    p-blog
===========================================*/
#p-blog .p-blog--form input {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

#p-blog .p-blog {
  width: 100%;
}

#p-blog .p-blog .blog__navigation {
  width: 100%;
  margin-bottom: 64px;
  overflow-x: scroll;
}

#p-blog .p-blog .blog__navigation a {
  width: 100%;
}

#p-blog .p-blog .blog__navigation--tag .tag__list {
  padding: 2rem 0;
  margin-bottom: 48px;
  border-top: solid 1px #ddd;
  border-bottom: solid 1px #ddd;
}

#p-blog .p-blog .blog__navigation--tag .tag__list .list__item {
  margin-right: 8px;
  margin-bottom: 8px;
}

#p-blog .p-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media screen and (min-width: 601px), print {
  #p-blog .p-content .content__detail {
    width: -moz-calc(100% - 4rem - 312px);
    width: calc(100% - 4rem - 312px);
  }
}

@media screen and (max-width: 600px) {
  #p-blog .p-content .content__detail {
    width: 100%;
    padding-bottom: 2rem;
    margin-bottom: 2rem;
    border-bottom: solid 1px #ddd;
  }
}

#p-blog .p-content .content__detail .detail__section {
  margin-bottom: 3rem;
}

#p-blog .p-content .content__detail .detail__section img {
  height: auto;
}

#p-blog .p-content .content__detail .detail__section:last-child {
  margin-bottom: 0;
}

#p-blog .p-content .content__detail .detail__section > * {
  margin-bottom: 1rem;
}

#p-blog .p-content .content__detail .detail__section > *:last-child {
  margin-bottom: 0;
}

#p-blog .p-content .content__detail .detail__tag {
  padding: 2rem 0;
  margin-bottom: 2rem;
  border-top: solid 1px #ddd;
  border-bottom: solid 1px #ddd;
}

#p-blog .p-content .content__detail .detail__tag .tag__item {
  margin-right: 8px;
  margin-bottom: 8px;
}

#p-blog .p-content .content__detail .detail__pagenation {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

#p-blog .p-content .content__detail .detail__pagenation .pagenation__prev,
#p-blog .p-content .content__detail .detail__pagenation .pagenation__next {
  width: 50%;
}

#p-blog .p-content .content__detail .detail__pagenation .pagenation__prev span,
#p-blog .p-content .content__detail .detail__pagenation .pagenation__next span {
  display: block;
  margin: 0;
  padding: 0;
  font-size: 0.866rem;
}

#p-blog .p-content .content__detail .detail__pagenation .pagenation__prev {
  text-align: left;
}

#p-blog .p-content .content__detail .detail__pagenation .pagenation__prev span {
  text-align: left;
}

#p-blog .p-content .content__detail .detail__pagenation .pagenation__next {
  text-align: right;
}

#p-blog .p-content .content__detail .detail__pagenation .pagenation__next span {
  text-align: right;
}

@media screen and (min-width: 601px), print {
  #p-blog .p-content .content__information {
    width: 312px;
  }
}

@media screen and (max-width: 600px) {
  #p-blog .p-content .content__information {
    width: 100%;
  }
}

#p-blog .p-content .content__information .information__section {
  margin-bottom: 4rem;
}

#p-blog .p-content .content__information .information__section .section__title {
  margin-bottom: 1em;
}

#p-blog .p-content .content__information .information__section .section__blogList .blogList__item {
  margin-bottom: 16px;
}

#p-blog .p-content img {
  display: block;
  width: 100%;
}

/*===========================================
    p-support
===========================================*/
#p-support .p-site .site__siteSearch {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -moz-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

#p-support .p-site .site__siteSearch .siteSearch__input {
  width: 100%;
}

#p-support .p-site .site__siteSearch .siteSearch__input input {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right: none;
}

#p-support .p-site .site__siteSearch .siteSearch__button {
  width: 5rem;
  height: auto;
  padding: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

@media screen and (min-width: 601px), print {
  #p-support .p-contact {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
  }
}

@media screen and (min-width: 601px), print {
  #p-support .p-contact .contact__sub {
    width: -moz-calc((100% - 2rem) / 2);
    width: calc((100% - 2rem) / 2);
    margin-right: 2rem;
    margin-bottom: 0;
  }
}

@media screen and (max-width: 600px) {
  #p-support .p-contact .contact__sub {
    width: 100%;
  }
}

#p-support .p-contact .contact__sub:nth-child(2n) {
  margin-right: 0;
}

#p-support .p-contact .contact__sub .contact__button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 1rem;
  color: #fff;
}

#p-support .p-hidden .hidden__input {
  display: none;
}

#p-support .p-hidden .hidden__show {
  height: 0;
  padding: 0;
  overflow: hidden;
  opacity: 0;
  -moz-transition-property: all;
  transition-property: all;
  -moz-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -moz-transition-timing-function: ease;
  transition-timing-function: ease;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}

#p-support .p-hidden input:checked ~ .hidden__show {
  padding: 10px 0;
  height: auto;
  opacity: 1;
}

#p-support .p-hidden .hidden__button {
  width: 40%;
}

@media screen and (max-width: 600px) {
  #p-support .p-hidden .hidden__button {
    width: 100%;
  }
}

@media screen and (min-width: 601px), print {
  #p-support .p-free_order td > div {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

@media screen and (max-width: 600px) {
  #p-support .p-free_order td > div {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start !important;
    -webkit-align-items: flex-start !important;
    -moz-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important;
    -webkit-box-pack: start !important;
    -webkit-justify-content: flex-start !important;
    -moz-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
}

#p-support .p-free_order .free_order__product {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 60%;
}

@media screen and (max-width: 600px) {
  #p-support .p-free_order .free_order__product {
    width: 100%;
    margin-bottom: 8px !important;
  }
}

#p-support .p-free_order .free_order__product p {
  width: 5rem;
}

#p-support .p-free_order .free_order__frame {
  width: 85%;
}

@media screen and (max-width: 600px) {
  #p-support .p-free_order .free_order__frame {
    width: -moz-calc(100% - 5rem);
    width: calc(100% - 5rem);
  }
}

#p-support .p-free_order .free_order__amount {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media screen and (min-width: 601px), print {
  #p-support .p-free_order .free_order__amount {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    width: 40%;
  }
}

#p-support .p-free_order .free_order__amount p {
  width: 5rem;
}

/*===========================================
    p-guide
===========================================*/
/*===========================================
    p-guide-order
===========================================*/
#p-guide-order .p-faqList .faqList__item {
  padding: 1.5rem 1rem;
  border-top: solid 1px #ddd;
}

#p-guide-order .p-faqList .faqList__item:first-child {
  border: none;
}

#p-guide-order .p-faqList .faqList__item .item__question {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #333;
  font-size: 1.133rem;
  text-decoration: none;
}

#p-guide-order .p-faqList .faqList__item .item__question .question__icon {
  margin-right: 1em;
  font-size: 2.4rem;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
}

#p-guide-order .p-faqList .faqList__item .item__answer {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-top: 1.5rem;
  color: #333;
  font-size: 1rem;
  text-decoration: none;
}

#p-guide-order .p-faqList .faqList__item .item__answer .answer__icon {
  margin-right: 1em;
  color: #DE1816;
  font-size: 2.4rem;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
}

#p-guide-order .p-faqList .faqList__item .item__answer .answer__title {
  padding: 1.5rem;
  background-color: #f3f3f3;
  border-radius: 8px;
}

/*===========================================
    p-guide-payment
===========================================*/
#p-guide-payment .p-flow ol li {
  margin-bottom: 2em;
}

#p-guide-payment .p-flow ol li:last-child {
  margin-bottom: 0;
}

#p-guide-payment .p-flow ol li h4 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

#p-guide-payment .p-flow ol p {
  margin-left: 24px;
}

/*===========================================
    p-payment-trade
===========================================*/
/*===========================================
    p-guide-point
===========================================*/
#p-guide-point .p-merit ul li img {
  width: 121px;
  height: auto;
  margin: auto;
}

#p-guide-point .p-faqList .faqList__item {
  padding: 1.5rem 1rem;
  border-top: solid 1px #ddd;
}

#p-guide-point .p-faqList .faqList__item:first-child {
  border: none;
}

#p-guide-point .p-faqList .faqList__item .item__question {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #333;
  font-size: 1.133rem;
  text-decoration: none;
}

#p-guide-point .p-faqList .faqList__item .item__question .question__icon {
  margin-right: 1em;
  font-size: 2.4rem;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
}

#p-guide-point .p-faqList .faqList__item .item__answer {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-top: 1.5rem;
  color: #333;
  font-size: 1rem;
  text-decoration: none;
}

#p-guide-point .p-faqList .faqList__item .item__answer .answer__icon {
  margin-right: 1em;
  color: #DE1816;
  font-size: 2.4rem;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
}

#p-guide-point .p-faqList .faqList__item .item__answer .answer__title {
  padding: 1.5rem;
  background-color: #f3f3f3;
  border-radius: 8px;
}

/*===========================================
    p-guide-delivery
===========================================*/
#p-guide-delivery .p-shipping {
  border: solid 1px #ddd;
}

@media screen and (min-width: 601px), print {
  #p-guide-delivery .p-shipping {
    padding: 5rem 15vw 5rem 15vw;
  }
}

@media screen and (max-width: 600px) {
  #p-guide-delivery .p-shipping {
    padding: 2vh 5vw 2vh 5vw;
  }
}

#p-guide-delivery .p-shipping .shipping__text {
  position: absolute;
}

#p-guide-delivery .p-shipping .shipping__text p:nth-child(1):before {
  content: '';
  position: relative;
  display: inline-block;
  width: 1rem;
  height: 1rem;
  background: #99D7CD;
  border: 1px solid #E5F4F3;
  vertical-align: sub;
  margin-right: 0.5rem;
}

#p-guide-delivery .p-shipping .shipping__text p:nth-child(2):before {
  content: '';
  position: relative;
  display: inline-block;
  width: 1rem;
  height: 1rem;
  background: #33B09A;
  border: 1px solid #E5F4F3;
  vertical-align: sub;
  margin-right: 0.5rem;
}

/*===========================================
    p-guide-change
===========================================*/
#p-guide-change .p-add h3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -moz-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

#p-guide-change .p-add h3 span {
  margin-left: 0.5rem;
  font-weight: bold;
  font-size: 0.875em;
}

/*===========================================
    p-guide-use
===========================================*/
#p-guide-use .p-shopping-cart .shopping-cart__list .list__item {
  border-bottom: 1px solid #ddd;
  padding-bottom: 3rem;
}

#p-guide-use .p-shopping-cart .shopping-cart__list .list__item:last-child {
  margin-bottom: 0;
  border-bottom: none;
}

#p-guide-use .p-shopping-cart .shopping-cart__list .list__item h4 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-family: "Roboto", sans-serif;
}

#p-guide-use .p-shopping-cart .shopping-cart__list .list__item h4 span {
  margin-left: 0.5em;
  font-weight: bold;
  font-size: 0.75em;
}

#p-guide-use .p-action .action__button {
  text-align: center;
}

/*===========================================
    p-material
===========================================*/
@media screen and (min-width: 601px), print {
  #p-material .p-material {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}

@media screen and (min-width: 601px), print {
  #p-material .p-material .material__content {
    width: -moz-calc((100% - 4rem) / 2);
    width: calc((100% - 4rem) / 2);
  }
}

@media screen and (max-width: 600px) {
  #p-material .p-material .material__content {
    margin-bottom: 4rem;
    padding-bottom: 4rem;
    border-bottom: solid 1px #ddd;
  }
}

@media screen and (max-width: 600px) {
  #p-material .p-material .material__content:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
  }
}

#p-material .p-material .material__content .content__image {
  width: 100%;
  margin-bottom: 2rem;
}

#p-material .p-material .material__content .content__index > * {
  margin-bottom: 2rem;
}

#p-material .p-material .material__content .content__index > *:last-child {
  margin-bottom: 0;
}

/*===========================================
    p-material-about
===========================================*/
@media screen and (min-width: 601px), print {
  #p-material-about .p-feature .feature__image {
    margin-bottom: 3rem;
  }
}

@media screen and (min-width: 601px), print {
  #p-material-about .p-feature .feature__content .content__item {
    width: -moz-calc((100% - 3rem) / 2);
    width: calc((100% - 3rem) / 2);
    margin-right: 3rem;
    margin-bottom: 2rem;
  }
}

@media screen and (max-width: 600px) {
  #p-material-about .p-feature .feature__content .content__item {
    width: 100%;
    margin-bottom: 2rem;
  }
}

#p-material-about .p-feature .feature__content .content__item:nth-child(2n) {
  margin-right: 0;
}

#p-material-about .p-feature .feature__content .feature__modal {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -moz-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

#p-material-about .p-feature .feature__content .feature__stretch .article__content:first-child {
  width: -moz-calc(100% - 180px);
  width: calc(100% - 180px);
}

@media screen and (max-width: 600px) {
  #p-material-about .p-feature .feature__content .feature__stretch .article__content:first-child {
    width: 100%;
    margin-right: 0;
  }
}

#p-material-about .p-feature .feature__content .feature__stretch .article__content:last-child {
  width: 150px;
}

@media screen and (max-width: 600px) {
  #p-material-about .p-feature .feature__content .feature__stretch .article__content:last-child {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-top: 8px;
    width: 100%;
  }
}

/*===========================================
    p-material-weight
===========================================*/
#p-material-weight .p-weight .weight__lead {
  margin-bottom: 50px;
}

#p-material-weight .p-weight .weight__lead .lead__text {
  font-weight: normal;
  line-height: 1.8;
}

#p-material-weight .section__set {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: -moz-calc(0.6em * 2 + 1em + 2px);
  min-height: calc(0.6em * 2 + 1em + 2px);
  padding: 1rem 0;
  border-bottom: dotted 1px #ddd;
}

#p-material-weight .section__set:first-child {
  padding-top: 0;
}

#p-material-weight .section__set:last-child {
  padding-bottom: 0;
  border-bottom: none;
}

#p-material-weight .section__set .set__item {
  width: 6rem;
  margin-right: 0.5rem;
  margin-bottom: 0;
  font-size: 0.866rem;
  font-weight: bold;
  text-align: left;
}

#p-material-weight .section__set .set__content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -moz-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  min-height: 40px;
}

#p-material-weight .section__set .set__content > * {
  width: 100%;
}

#p-material-weight .section__set .set__content .content__sub:nth-child(2n - 1) {
  padding-right: 1rem;
  border-right: solid 1px #ddd;
}

#p-material-weight .section__set .set__content .content__sub:nth-child(2n) {
  padding-left: 1rem;
  border: none;
}

#p-material-weight .section__set .set__content .content__unit {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 0.5rem;
}

#p-material-weight .section__set .set__content .content__unit:first-child {
  margin-top: 0;
}

#p-material-weight .section__set .set__content .content__unit input[type="text"],
#p-material-weight .section__set .set__content .content__unit .form__select {
  display: block;
  width: -moz-calc(100% - 2.3rem - 2px);
  width: calc(100% - 2.3rem - 2px);
}

#p-material-weight .section__set .set__content .content__unit span {
  display: block;
  width: 2rem;
  margin: 0 0.3rem;
  font-size: 0.733rem;
  white-space: nowrap;
}

#p-material-weight .section__set .set__content .content__unit span:first-child {
  margin-left: 0;
}

#p-material-weight .section__set .set__content .content__unit span:last-child {
  margin-right: 0;
}

#p-material-weight .section__set .set__content .content__checkbox {
  width: auto;
  margin-right: 2em;
}

#p-material-weight .section__set .set__content .content__checkbox:last-child {
  margin-right: 0;
}

#p-material-weight .section__set .set__content .content__note {
  font-size: 0.733rem;
}

#p-material-weight .section__set .set__content .content__number {
  width: -moz-calc(100% - 2.8em);
  width: calc(100% - 2.8em);
  margin-right: 0.3em;
  font-size: 1.133rem;
  font-weight: bold;
  text-align: right;
}

#p-material-weight .section__set .set__content .content__number + span {
  width: 2.5em;
  vertical-align: baseline;
}

#p-material-weight .section__item {
  padding-top: 1rem;
  border-top: solid 1px #ddd;
}

/*===========================================
    p-material-processing
===========================================*/
/*===========================================
    p-material-care
===========================================*/
/*===========================================
    p-material-comparison
===========================================*/
/*===========================================
    p-material-caution
===========================================*/
#p-material-caution .p-dirt ol li {
  margin: 0 0 0.5rem 1.5rem;
  text-indent: -1.5rem;
}

#p-material-caution .p-dirt ol li span {
  margin-right: 0.4rem;
  font-family: "Roboto", sans-serif;
  font-weight: bold;
  font-size: 1.25em;
  line-height: 1.5;
}

/*===========================================
    p-material-property
===========================================*/
/*===========================================
    p-material-color
===========================================*/
#p-material-color .p-detail {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -moz-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

@media screen and (max-width: 600px) {
  #p-material-color .p-detail {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -moz-box-orient: vertical;
    -moz-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
}

#p-material-color .p-detail .detail__image {
  margin-bottom: 0;
}

@media screen and (min-width: 601px), print {
  #p-material-color .p-detail .detail__image {
    width: 360px;
  }
}

@media screen and (max-width: 600px) {
  #p-material-color .p-detail .detail__image {
    width: 100%;
    margin-bottom: 2rem;
  }
}

#p-material-color .p-detail .detail__image img {
  display: block;
  width: 100%;
}

@media screen and (min-width: 601px), print {
  #p-material-color .p-detail .detail__information {
    width: -moz-calc(100% - 360px - 3rem);
    width: calc(100% - 360px - 3rem);
    margin-right: 3rem;
  }
}

@media screen and (max-width: 600px) {
  #p-material-color .p-detail .detail__information {
    width: 100%;
  }
}

#p-material-color .p-sample .sample__button {
  text-align: center;
}

/*===========================================
    p-sampleItem
===========================================*/
/*===========================================
    p-about
===========================================*/
/*===========================================
    p-about-privacy
===========================================*/
/*===========================================
    p-about-legal
===========================================*/
/*===========================================
    p-about-disclaimer
===========================================*/
#p-about-disclaimer .p-disclaimer li {
  margin-bottom: 2rem;
}

/*===========================================
    p-about-outline
===========================================*/
#p-about-outline .p-outline .outline__image img {
  width: 100%;
}

/*===========================================
    p-about-calender
===========================================*/
#p-about-calender .p-calender .calender__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 600px) {
  #p-about-calender .p-calender .calender__list {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

#p-about-calender .p-calender .calender__list #MonthCal {
  width: 100%;
  margin-right: 2rem;
}

@media screen and (max-width: 600px) {
  #p-about-calender .p-calender .calender__list #MonthCal {
    margin: 0 0 2rem 0;
  }
}

#p-about-calender .p-calender .calender__list #nextMonthCal {
  width: 100%;
}

/*===========================================
    p-cart
===========================================*/
#p-cart {
  /*-------------------------------------------
    .p-stepbar
  -------------------------------------------*/
  /*-------------------------------------------
    .p-register
  -------------------------------------------*/
  /*-------------------------------------------
    .p-user
  -------------------------------------------*/
}

@media screen and (max-width: 600px) {
  #p-cart .cart__change {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

@media screen and (max-width: 600px) {
  #p-cart .cart__change > * {
    width: 100%;
    margin: 0 0 16px;
  }
}

@media screen and (max-width: 600px) {
  #p-cart .cart__change > *:last-child {
    margin-bottom: 0;
  }
}

@media screen and (max-width: 600px) {
  #p-cart .cart__change > * input {
    width: 30%;
    min-width: 150px;
  }
}

#p-cart [class*="p-stepbar"] {
  position: relative;
  counter-reset: step;
  margin: 0;
  padding: 0;
  overflow: hidden;
  clear: both;
  z-index: 0;
}

#p-cart [class*="p-stepbar"] li {
  float: left;
  position: relative;
  width: -moz-calc(100% / 6);
  width: calc(100% / 6);
  color: #aaa;
  font-size: 12px;
  text-align: center;
  text-transform: uppercase;
  list-style-type: none;
}

#p-cart [class*="p-stepbar"] li:before {
  display: block;
  content: counter(step);
  counter-increment: step;
  width: 30px;
  height: 30px;
  margin: 0 auto 10px auto;
  background-color: #e9e9e9;
  border-radius: 50%;
  line-height: 30px;
  text-align: center;
}

#p-cart [class*="p-stepbar"] li:after {
  position: absolute;
  content: '';
  top: 15px;
  left: -50%;
  width: 100%;
  height: 2px;
  background-color: #e9e9e9;
  z-index: -1;
}

#p-cart [class*="p-stepbar"] li:first-child:after {
  content: none;
}

#p-cart [class*="p-stepbar"] li.is-active {
  color: #009A98;
}

#p-cart [class*="p-stepbar"] li.is-active:before {
  background-color: #009A98;
  color: #fff;
}

#p-cart [class*="p-stepbar"] li.is-active:after {
  background-color: #009A98;
}

#p-cart .p-register {
  width: 100%;
  height: 500px;
  overflow: scroll;
}

#p-cart [class*="p-user"] .user__information {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  padding: 16px;
}

@media screen and (max-width: 600px) {
  #p-cart [class*="p-user"] .user__information {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -moz-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }
}

@media screen and (min-width: 601px), print {
  #p-cart [class*="p-user"] .user__information .information__content {
    margin-right: 2em;
  }
}

#p-cart [class*="p-user"] .user__information .information__content:first-child {
  width: -moz-calc(90% - 1em);
  width: calc(90% - 1em);
}

@media screen and (max-width: 600px) {
  #p-cart [class*="p-user"] .user__information .information__content:first-child {
    width: 100%;
  }
}

#p-cart [class*="p-user"] .user__information .information__content:last-child {
  width: -moz-calc(10% - 1em);
  width: calc(10% - 1em);
  margin: 0;
}

@media screen and (max-width: 600px) {
  #p-cart [class*="p-user"] .user__information .information__content:last-child {
    margin-top: 16px;
    width: 100%;
  }
}

#p-cart [class*="p-user"] .user__delivery {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}

#p-cart [class*="p-user"] .user__delivery .delivery__content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 16px;
  border-bottom: 1px solid #ddd;
}

@media screen and (max-width: 600px) {
  #p-cart [class*="p-user"] .user__delivery .delivery__content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -moz-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }
}

#p-cart [class*="p-user"] .user__delivery .delivery__content:last-child {
  border-bottom: 0;
}

@media screen and (min-width: 601px), print {
  #p-cart [class*="p-user"] .user__delivery .delivery__check {
    width: 30px;
  }
}

#p-cart [class*="p-user"] .user__delivery .delivery__detail {
  width: -moz-calc(90% - 30px);
  width: calc(90% - 30px);
  padding-left: 16px;
  margin-left: 8px;
  border-left: 1px solid #ddd;
}

@media screen and (max-width: 600px) {
  #p-cart [class*="p-user"] .user__delivery .delivery__detail {
    width: auto;
    margin: 16px 0;
    padding-left: 0;
    border-left: none;
  }
}

@media screen and (min-width: 601px), print {
  #p-cart [class*="p-user"] .user__delivery .delivery__change {
    width: 10%;
  }
}

#p-cart [class*="p-user"] .user__delivery .delivery__addition {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media screen and (max-width: 600px) {
  #p-cart [class*="p-user"] .user__delivery .delivery__addition {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -moz-box-orient: vertical;
    -moz-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -moz-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }
}

#p-cart [class*="p-user"] .user__delivery .delivery__addition p {
  margin-left: 16px;
}

@media screen and (max-width: 600px) {
  #p-cart [class*="p-user"] .user__delivery .delivery__addition p {
    margin: 0 0 8px;
  }
}

@media screen and (max-width: 600px) {
  #p-cart [class*="p-user"] .user__delivery .delivery__addition input {
    max-width: 150px;
  }
}

/*===========================================
    p-404
===========================================*/
/*===========================================
    p-sample
===========================================*/
#p-sample {
  padding: 5%;
  background-color: #f3f3f3;
}

#p-sample .p-parts .parts__section {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 10%;
}

@media screen and (max-width: 600px) {
  #p-sample .p-parts .parts__section {
    display: block;
    margin-bottom: 30%;
  }
}

#p-sample .p-parts .parts__section .section__title {
  width: 15%;
  margin-right: 5%;
  font-size: 1rem;
}

@media screen and (max-width: 600px) {
  #p-sample .p-parts .parts__section .section__title {
    width: 100%;
    margin-bottom: 0.5em;
  }
}

#p-sample .p-parts .parts__section .section__title span {
  color: #999999;
  font-size: 0.75rem;
  display: block;
}

@media screen and (max-width: 600px) {
  #p-sample .p-parts .parts__section .section__title span {
    display: none;
  }
}

#p-sample .p-parts .parts__section .section__content {
  width: 80%;
}

@media screen and (max-width: 600px) {
  #p-sample .p-parts .parts__section .section__content {
    width: 100%;
  }
}

@media screen and (min-width: 601px), print {
  #p-sample .p-parts .parts__section .section__content .content__grid, #p-sample .p-parts .parts__section .section__content .content__grid--1, #p-sample .p-parts .parts__section .section__content .content__grid--2, #p-sample .p-parts .parts__section .section__content .content__grid--3, #p-sample .p-parts .parts__section .section__content .content__grid--4 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

#p-sample .p-parts .parts__section .section__content .content__grid > *, #p-sample .p-parts .parts__section .section__content .content__grid--1 > *, #p-sample .p-parts .parts__section .section__content .content__grid--2 > *, #p-sample .p-parts .parts__section .section__content .content__grid--3 > *, #p-sample .p-parts .parts__section .section__content .content__grid--4 > * {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  margin-right: 2vw;
  margin-bottom: -moz-calc(2vw * 1);
  margin-bottom: calc(2vw * 1);
}

@media screen and (max-width: 600px) {
  #p-sample .p-parts .parts__section .section__content .content__grid > *, #p-sample .p-parts .parts__section .section__content .content__grid--1 > *, #p-sample .p-parts .parts__section .section__content .content__grid--2 > *, #p-sample .p-parts .parts__section .section__content .content__grid--3 > *, #p-sample .p-parts .parts__section .section__content .content__grid--4 > * {
    margin-bottom: -moz-calc(2vw * 4);
    margin-bottom: calc(2vw * 4);
  }
}

#p-sample .p-parts .parts__section .section__content .content__grid > * h3, #p-sample .p-parts .parts__section .section__content .content__grid--1 > * h3, #p-sample .p-parts .parts__section .section__content .content__grid--2 > * h3, #p-sample .p-parts .parts__section .section__content .content__grid--3 > * h3, #p-sample .p-parts .parts__section .section__content .content__grid--4 > * h3 {
  width: 100%;
  color: #999999;
}

#p-sample .p-parts .parts__section .section__content .content__grid > * > *, #p-sample .p-parts .parts__section .section__content .content__grid--1 > * > *, #p-sample .p-parts .parts__section .section__content .content__grid--2 > * > *, #p-sample .p-parts .parts__section .section__content .content__grid--3 > * > *, #p-sample .p-parts .parts__section .section__content .content__grid--4 > * > * {
  margin-right: 8px;
}

#p-sample .p-parts .parts__section .section__content .content__grid > * > *:last-child, #p-sample .p-parts .parts__section .section__content .content__grid--1 > * > *:last-child, #p-sample .p-parts .parts__section .section__content .content__grid--2 > * > *:last-child, #p-sample .p-parts .parts__section .section__content .content__grid--3 > * > *:last-child, #p-sample .p-parts .parts__section .section__content .content__grid--4 > * > *:last-child {
  margin-right: 0;
}

#p-sample .p-parts .parts__section .section__content .content__grid--1 > * {
  width: 100%;
}

#p-sample .p-parts .parts__section .section__content .content__grid--1 > *:nth-child(1n) {
  margin-right: 0;
}

@media screen and (min-width: 601px), print {
  #p-sample .p-parts .parts__section .section__content .content__grid--2 > * {
    width: -moz-calc((100% - 2vw * (2 - 1)) / 2);
    width: calc((100% - 2vw * (2 - 1)) / 2);
  }
}

#p-sample .p-parts .parts__section .section__content .content__grid--2 > *:nth-child(2n) {
  margin-right: 0;
}

@media screen and (min-width: 601px), print {
  #p-sample .p-parts .parts__section .section__content .content__grid--3 > * {
    width: -moz-calc((100% - 2vw * (3 - 1)) / 3);
    width: calc((100% - 2vw * (3 - 1)) / 3);
  }
}

#p-sample .p-parts .parts__section .section__content .content__grid--3 > *:nth-child(3n) {
  margin-right: 0;
}

@media screen and (min-width: 601px), print {
  #p-sample .p-parts .parts__section .section__content .content__grid--4 > * {
    width: -moz-calc((100% - 2vw * (4 - 1)) / 4);
    width: calc((100% - 2vw * (4 - 1)) / 4);
  }
}

#p-sample .p-parts .parts__section .section__content .content__grid--4 > *:nth-child(4n) {
  margin-right: 0;
}

#p-sample .p-parts .parts__section .section__content .content__grid .grid__caption, #p-sample .p-parts .parts__section .section__content .content__grid--1 .grid__caption, #p-sample .p-parts .parts__section .section__content .content__grid--2 .grid__caption, #p-sample .p-parts .parts__section .section__content .content__grid--3 .grid__caption, #p-sample .p-parts .parts__section .section__content .content__grid--4 .grid__caption {
  margin-bottom: 0.5em;
  font-size: 0.75rem;
}

/*===========================================
    u-clearfix
===========================================*/
.u-clearfix:after {
  display: block;
  clear: both;
  height: 0;
  font-size: 0.1em;
  line-height: 0;
  content: "";
}

/*===========================================
    u-display
===========================================*/
.u-sagyou--hide {
  display: none !important;
}

[class*="u-display"][class*="-block"] {
  display: block !important;
}

[class*="u-display"][class*="-inline"] {
  display: inline !important;
}

[class*="u-display"][class*="-inlineBlock"] {
  display: inline-block !important;
}

[class*="u-display"][class*="-flex"] {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -moz-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: start !important;
  -webkit-align-items: flex-start !important;
  -moz-box-align: start !important;
  -ms-flex-align: start !important;
  align-items: flex-start !important;
}

[class*="u-display"][class*="-flex"][class*="-center"] {
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
  -moz-box-align: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
}

[class*="u-display"][class*="-flex"][class*="-wrap"] {
  -webkit-flex-wrap: wrap !important;
  -ms-flex-wrap: wrap !important;
  flex-wrap: wrap !important;
}

[class*="u-display"][class*="-flex"] > * {
  margin-bottom: 0 !important;
}

[class*="u-display"][class*="-flex"][class*="-end"] {
  -webkit-box-pack: end !important;
  -webkit-justify-content: flex-end !important;
  -moz-box-pack: end !important;
  -ms-flex-pack: end !important;
  justify-content: flex-end !important;
}

@media screen and (max-width: 600px) {
  [class*="u-display"][class*="-none"][class*="-sm"] {
    display: none !important;
  }
}

@media screen and (min-width: 601px) and (max-width: 600px) {
  [class*="u-display"][class*="-none"][class*="-md"] {
    display: none !important;
  }
}

@media screen and (min-width: 601px), print {
  [class*="u-display"][class*="-none"][class*="-lg"] {
    display: none !important;
  }
}

[class*="u-display"][class*="-none"][class*="-all"] {
  display: none !important;
}

/*===========================================
    u-width
===========================================*/
.u-width--0 {
  width: 0% !important;
}

.u-width--5 {
  width: 5% !important;
}

.u-width--10 {
  width: 10% !important;
}

.u-width--15 {
  width: 15% !important;
}

.u-width--20 {
  width: 20% !important;
}

.u-width--25 {
  width: 25% !important;
}

.u-width--30 {
  width: 30% !important;
}

.u-width--35 {
  width: 35% !important;
}

.u-width--40 {
  width: 40% !important;
}

.u-width--45 {
  width: 45% !important;
}

.u-width--50 {
  width: 50% !important;
}

.u-width--55 {
  width: 55% !important;
}

.u-width--60 {
  width: 60% !important;
}

.u-width--65 {
  width: 65% !important;
}

.u-width--70 {
  width: 70% !important;
}

.u-width--75 {
  width: 75% !important;
}

.u-width--80 {
  width: 80% !important;
}

.u-width--85 {
  width: 85% !important;
}

.u-width--90 {
  width: 90% !important;
}

.u-width--95 {
  width: 95% !important;
}

.u-width--100 {
  width: 100% !important;
}

.u-width--0rem {
  width: 0rem !important;
}

.u-width--1rem {
  width: 1rem !important;
}

.u-width--2rem {
  width: 2rem !important;
}

.u-width--3rem {
  width: 3rem !important;
}

.u-width--4rem {
  width: 4rem !important;
}

.u-width--5rem {
  width: 5rem !important;
}

.u-width--6rem {
  width: 6rem !important;
}

.u-width--7rem {
  width: 7rem !important;
}

.u-width--8rem {
  width: 8rem !important;
}

.u-width--9rem {
  width: 9rem !important;
}

.u-width--10rem {
  width: 10rem !important;
}

.u-width--11rem {
  width: 11rem !important;
}

.u-width--12rem {
  width: 12rem !important;
}

.u-width--13rem {
  width: 13rem !important;
}

.u-width--14rem {
  width: 14rem !important;
}

.u-width--15rem {
  width: 15rem !important;
}

.u-width--16rem {
  width: 16rem !important;
}

.u-width--17rem {
  width: 17rem !important;
}

.u-width--18rem {
  width: 18rem !important;
}

.u-width--19rem {
  width: 19rem !important;
}

.u-width--20rem {
  width: 20rem !important;
}

.u-width--21rem {
  width: 21rem !important;
}

.u-width--22rem {
  width: 22rem !important;
}

.u-width--23rem {
  width: 23rem !important;
}

.u-width--24rem {
  width: 24rem !important;
}

.u-width--25rem {
  width: 25rem !important;
}

.u-width--26rem {
  width: 26rem !important;
}

.u-width--27rem {
  width: 27rem !important;
}

.u-width--28rem {
  width: 28rem !important;
}

.u-width--29rem {
  width: 29rem !important;
}

.u-width--30rem {
  width: 30rem !important;
}

.u-width--31rem {
  width: 31rem !important;
}

.u-width--32rem {
  width: 32rem !important;
}

.u-width--33rem {
  width: 33rem !important;
}

.u-width--34rem {
  width: 34rem !important;
}

.u-width--35rem {
  width: 35rem !important;
}

.u-width--36rem {
  width: 36rem !important;
}

.u-width--37rem {
  width: 37rem !important;
}

.u-width--38rem {
  width: 38rem !important;
}

.u-width--39rem {
  width: 39rem !important;
}

.u-width--40rem {
  width: 40rem !important;
}

/*===========================================
    u-margin
===========================================*/
.u-margin--top-0 {
  margin-top: 0rem !important;
}

.u-margin--top-2 {
  margin-top: 0.14rem !important;
}

.u-margin--top-4 {
  margin-top: 0.29rem !important;
}

.u-margin--top-6 {
  margin-top: 0.43rem !important;
}

.u-margin--top-8 {
  margin-top: 0.57rem !important;
}

.u-margin--top-10 {
  margin-top: 0.71rem !important;
}

.u-margin--top-12 {
  margin-top: 0.86rem !important;
}

.u-margin--top-14 {
  margin-top: 1rem !important;
}

.u-margin--top-16 {
  margin-top: 1.14rem !important;
}

.u-margin--top-18 {
  margin-top: 1.29rem !important;
}

.u-margin--top-20 {
  margin-top: 1.43rem !important;
}

.u-margin--top-22 {
  margin-top: 1.57rem !important;
}

.u-margin--top-24 {
  margin-top: 1.71rem !important;
}

.u-margin--top-26 {
  margin-top: 1.86rem !important;
}

.u-margin--top-28 {
  margin-top: 2rem !important;
}

.u-margin--top-30 {
  margin-top: 2.14rem !important;
}

.u-margin--top-32 {
  margin-top: 2.29rem !important;
}

.u-margin--top-34 {
  margin-top: 2.43rem !important;
}

.u-margin--top-36 {
  margin-top: 2.57rem !important;
}

.u-margin--top-38 {
  margin-top: 2.71rem !important;
}

.u-margin--top-40 {
  margin-top: 2.86rem !important;
}

.u-margin--top-42 {
  margin-top: 3rem !important;
}

.u-margin--top-44 {
  margin-top: 3.14rem !important;
}

.u-margin--top-46 {
  margin-top: 3.29rem !important;
}

.u-margin--top-48 {
  margin-top: 3.43rem !important;
}

.u-margin--top-50 {
  margin-top: 3.57rem !important;
}

.u-margin--top-52 {
  margin-top: 3.71rem !important;
}

.u-margin--top-54 {
  margin-top: 3.86rem !important;
}

.u-margin--top-56 {
  margin-top: 4rem !important;
}

.u-margin--top-58 {
  margin-top: 4.14rem !important;
}

.u-margin--top-60 {
  margin-top: 4.29rem !important;
}

.u-margin--top-62 {
  margin-top: 4.43rem !important;
}

.u-margin--top-64 {
  margin-top: 4.57rem !important;
}

.u-margin--top-66 {
  margin-top: 4.71rem !important;
}

.u-margin--top-68 {
  margin-top: 4.86rem !important;
}

.u-margin--top-70 {
  margin-top: 5rem !important;
}

.u-margin--top-72 {
  margin-top: 5.14rem !important;
}

.u-margin--top-74 {
  margin-top: 5.29rem !important;
}

.u-margin--top-76 {
  margin-top: 5.43rem !important;
}

.u-margin--top-78 {
  margin-top: 5.57rem !important;
}

.u-margin--top-80 {
  margin-top: 5.71rem !important;
}

.u-margin--right-0 {
  margin-right: 0rem !important;
}

.u-margin--right-2 {
  margin-right: 0.14rem !important;
}

.u-margin--right-4 {
  margin-right: 0.29rem !important;
}

.u-margin--right-6 {
  margin-right: 0.43rem !important;
}

.u-margin--right-8 {
  margin-right: 0.57rem !important;
}

.u-margin--right-10 {
  margin-right: 0.71rem !important;
}

.u-margin--right-12 {
  margin-right: 0.86rem !important;
}

.u-margin--right-14 {
  margin-right: 1rem !important;
}

.u-margin--right-16 {
  margin-right: 1.14rem !important;
}

.u-margin--right-18 {
  margin-right: 1.29rem !important;
}

.u-margin--right-20 {
  margin-right: 1.43rem !important;
}

.u-margin--right-22 {
  margin-right: 1.57rem !important;
}

.u-margin--right-24 {
  margin-right: 1.71rem !important;
}

.u-margin--right-26 {
  margin-right: 1.86rem !important;
}

.u-margin--right-28 {
  margin-right: 2rem !important;
}

.u-margin--right-30 {
  margin-right: 2.14rem !important;
}

.u-margin--right-32 {
  margin-right: 2.29rem !important;
}

.u-margin--right-34 {
  margin-right: 2.43rem !important;
}

.u-margin--right-36 {
  margin-right: 2.57rem !important;
}

.u-margin--right-38 {
  margin-right: 2.71rem !important;
}

.u-margin--right-40 {
  margin-right: 2.86rem !important;
}

.u-margin--right-42 {
  margin-right: 3rem !important;
}

.u-margin--right-44 {
  margin-right: 3.14rem !important;
}

.u-margin--right-46 {
  margin-right: 3.29rem !important;
}

.u-margin--right-48 {
  margin-right: 3.43rem !important;
}

.u-margin--right-50 {
  margin-right: 3.57rem !important;
}

.u-margin--right-52 {
  margin-right: 3.71rem !important;
}

.u-margin--right-54 {
  margin-right: 3.86rem !important;
}

.u-margin--right-56 {
  margin-right: 4rem !important;
}

.u-margin--right-58 {
  margin-right: 4.14rem !important;
}

.u-margin--right-60 {
  margin-right: 4.29rem !important;
}

.u-margin--right-62 {
  margin-right: 4.43rem !important;
}

.u-margin--right-64 {
  margin-right: 4.57rem !important;
}

.u-margin--right-66 {
  margin-right: 4.71rem !important;
}

.u-margin--right-68 {
  margin-right: 4.86rem !important;
}

.u-margin--right-70 {
  margin-right: 5rem !important;
}

.u-margin--right-72 {
  margin-right: 5.14rem !important;
}

.u-margin--right-74 {
  margin-right: 5.29rem !important;
}

.u-margin--right-76 {
  margin-right: 5.43rem !important;
}

.u-margin--right-78 {
  margin-right: 5.57rem !important;
}

.u-margin--right-80 {
  margin-right: 5.71rem !important;
}

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

.u-margin--bottom-2 {
  margin-bottom: 0.14rem !important;
}

.u-margin--bottom-4 {
  margin-bottom: 0.29rem !important;
}

.u-margin--bottom-6 {
  margin-bottom: 0.43rem !important;
}

.u-margin--bottom-8 {
  margin-bottom: 0.57rem !important;
}

.u-margin--bottom-10 {
  margin-bottom: 0.71rem !important;
}

.u-margin--bottom-12 {
  margin-bottom: 0.86rem !important;
}

.u-margin--bottom-14 {
  margin-bottom: 1rem !important;
}

.u-margin--bottom-16 {
  margin-bottom: 1.14rem !important;
}

.u-margin--bottom-18 {
  margin-bottom: 1.29rem !important;
}

.u-margin--bottom-20 {
  margin-bottom: 1.43rem !important;
}

.u-margin--bottom-22 {
  margin-bottom: 1.57rem !important;
}

.u-margin--bottom-24 {
  margin-bottom: 1.71rem !important;
}

.u-margin--bottom-26 {
  margin-bottom: 1.86rem !important;
}

.u-margin--bottom-28 {
  margin-bottom: 2rem !important;
}

.u-margin--bottom-30 {
  margin-bottom: 2.14rem !important;
}

.u-margin--bottom-32 {
  margin-bottom: 2.29rem !important;
}

.u-margin--bottom-34 {
  margin-bottom: 2.43rem !important;
}

.u-margin--bottom-36 {
  margin-bottom: 2.57rem !important;
}

.u-margin--bottom-38 {
  margin-bottom: 2.71rem !important;
}

.u-margin--bottom-40 {
  margin-bottom: 2.86rem !important;
}

.u-margin--bottom-42 {
  margin-bottom: 3rem !important;
}

.u-margin--bottom-44 {
  margin-bottom: 3.14rem !important;
}

.u-margin--bottom-46 {
  margin-bottom: 3.29rem !important;
}

.u-margin--bottom-48 {
  margin-bottom: 3.43rem !important;
}

.u-margin--bottom-50 {
  margin-bottom: 3.57rem !important;
}

.u-margin--bottom-52 {
  margin-bottom: 3.71rem !important;
}

.u-margin--bottom-54 {
  margin-bottom: 3.86rem !important;
}

.u-margin--bottom-56 {
  margin-bottom: 4rem !important;
}

.u-margin--bottom-58 {
  margin-bottom: 4.14rem !important;
}

.u-margin--bottom-60 {
  margin-bottom: 4.29rem !important;
}

.u-margin--bottom-62 {
  margin-bottom: 4.43rem !important;
}

.u-margin--bottom-64 {
  margin-bottom: 4.57rem !important;
}

.u-margin--bottom-66 {
  margin-bottom: 4.71rem !important;
}

.u-margin--bottom-68 {
  margin-bottom: 4.86rem !important;
}

.u-margin--bottom-70 {
  margin-bottom: 5rem !important;
}

.u-margin--bottom-72 {
  margin-bottom: 5.14rem !important;
}

.u-margin--bottom-74 {
  margin-bottom: 5.29rem !important;
}

.u-margin--bottom-76 {
  margin-bottom: 5.43rem !important;
}

.u-margin--bottom-78 {
  margin-bottom: 5.57rem !important;
}

.u-margin--bottom-80 {
  margin-bottom: 5.71rem !important;
}

.u-margin--left-0 {
  margin-left: 0rem !important;
}

.u-margin--left-2 {
  margin-left: 0.14rem !important;
}

.u-margin--left-4 {
  margin-left: 0.29rem !important;
}

.u-margin--left-6 {
  margin-left: 0.43rem !important;
}

.u-margin--left-8 {
  margin-left: 0.57rem !important;
}

.u-margin--left-10 {
  margin-left: 0.71rem !important;
}

.u-margin--left-12 {
  margin-left: 0.86rem !important;
}

.u-margin--left-14 {
  margin-left: 1rem !important;
}

.u-margin--left-16 {
  margin-left: 1.14rem !important;
}

.u-margin--left-18 {
  margin-left: 1.29rem !important;
}

.u-margin--left-20 {
  margin-left: 1.43rem !important;
}

.u-margin--left-22 {
  margin-left: 1.57rem !important;
}

.u-margin--left-24 {
  margin-left: 1.71rem !important;
}

.u-margin--left-26 {
  margin-left: 1.86rem !important;
}

.u-margin--left-28 {
  margin-left: 2rem !important;
}

.u-margin--left-30 {
  margin-left: 2.14rem !important;
}

.u-margin--left-32 {
  margin-left: 2.29rem !important;
}

.u-margin--left-34 {
  margin-left: 2.43rem !important;
}

.u-margin--left-36 {
  margin-left: 2.57rem !important;
}

.u-margin--left-38 {
  margin-left: 2.71rem !important;
}

.u-margin--left-40 {
  margin-left: 2.86rem !important;
}

.u-margin--left-42 {
  margin-left: 3rem !important;
}

.u-margin--left-44 {
  margin-left: 3.14rem !important;
}

.u-margin--left-46 {
  margin-left: 3.29rem !important;
}

.u-margin--left-48 {
  margin-left: 3.43rem !important;
}

.u-margin--left-50 {
  margin-left: 3.57rem !important;
}

.u-margin--left-52 {
  margin-left: 3.71rem !important;
}

.u-margin--left-54 {
  margin-left: 3.86rem !important;
}

.u-margin--left-56 {
  margin-left: 4rem !important;
}

.u-margin--left-58 {
  margin-left: 4.14rem !important;
}

.u-margin--left-60 {
  margin-left: 4.29rem !important;
}

.u-margin--left-62 {
  margin-left: 4.43rem !important;
}

.u-margin--left-64 {
  margin-left: 4.57rem !important;
}

.u-margin--left-66 {
  margin-left: 4.71rem !important;
}

.u-margin--left-68 {
  margin-left: 4.86rem !important;
}

.u-margin--left-70 {
  margin-left: 5rem !important;
}

.u-margin--left-72 {
  margin-left: 5.14rem !important;
}

.u-margin--left-74 {
  margin-left: 5.29rem !important;
}

.u-margin--left-76 {
  margin-left: 5.43rem !important;
}

.u-margin--left-78 {
  margin-left: 5.57rem !important;
}

.u-margin--left-80 {
  margin-left: 5.71rem !important;
}

.u-margin--auto {
  margin-left: auto;
  margin-right: auto;
}

/*===========================================
    u-indent
===========================================*/
.u-indent--1 {
  padding-left: 0.5em !important;
  text-indent: -0.5em !important;
}

.u-indent--2 {
  padding-left: 1em !important;
  text-indent: -1em !important;
}

.u-indent--3 {
  padding-left: 1.5em !important;
  text-indent: -1.5em !important;
}

.u-indent--4 {
  padding-left: 2em !important;
  text-indent: -2em !important;
}

/*===========================================
    u-whitespace
===========================================*/
.u-whitespace--nomal {
  white-space: normal !important;
}

.u-whitespace--nowrap {
  white-space: nowrap !important;
}

/*===========================================
    u-preformatted
===========================================*/
.u-preformatted * {
  font-size: 0.875rem !important;
  line-height: 1.2em !important;
}

.u-preformatted code {
  padding: 2rem !important;
}

/*===========================================
    js-accordion
===========================================*/
.js-accordion__content {
  margin-top: 1.4rem;
}

.js-accordion__content.is-active {
  pointer-events: all;
  opacity: 1;
}

/*===========================================
    js-dropdown
===========================================*/
.js-dropdown {
  position: relative;
}

@media screen and (min-width: 601px), print {
  [class*="js-dropdown__content-"] {
    -moz-transition-property: all;
    transition-property: all;
    -moz-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -moz-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    position: absolute;
    z-index: 1000;
    pointer-events: none;
    opacity: 0;
  }
}

@media screen and (min-width: 601px), print {
  [class*="js-dropdown__content-"][class*="-top"] {
    bottom: 100%;
    right: 0;
    -webkit-transform: translate(0, 1rem);
    -moz-transform: translate(0, 1rem);
    transform: translate(0, 1rem);
  }
}

@media screen and (min-width: 601px), print {
  [class*="js-dropdown__content-"][class*="-bottom"] {
    top: 100%;
    right: 0;
    -webkit-transform: translate(0, -1rem);
    -moz-transform: translate(0, -1rem);
    transform: translate(0, -1rem);
  }
}

@media screen and (min-width: 601px), print {
  [class*="js-dropdown__content-"][class*="-left"] {
    top: -2rem;
    right: 100%;
    -webkit-transform: translate(1em, 0);
    -moz-transform: translate(1em, 0);
    transform: translate(1em, 0);
  }
}

@media screen and (min-width: 601px), print {
  [class*="js-dropdown__content-"][class*="-right"] {
    top: -2rem;
    left: 100%;
    -webkit-transform: translate(-1em, 0);
    -moz-transform: translate(-1em, 0);
    transform: translate(-1em, 0);
  }
}

[class*="js-dropdown__content-"].is-active {
  visibility: visible;
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  transform: translate(0, 0);
  pointer-events: all;
  opacity: 1;
}

/*===========================================
    js-modal
===========================================*/
.js-modal__trigger--open {
  -moz-transition-property: all;
  transition-property: all;
  -moz-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -moz-transition-timing-function: ease;
  transition-timing-function: ease;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  cursor: pointer;
}

.js-modal__trigger--open:hover {
  opacity: 0.6;
}

.js-modal__wrapper {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2001;
  display: none;
  overflow: scroll;
  width: 100%;
  height: 100%;
  padding: 0;
}

.js-modal__overlay {
  z-index: 2000;
}

.js-modal__content {
  -moz-transition-property: all;
  transition-property: all;
  -moz-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -moz-transition-timing-function: ease;
  transition-timing-function: ease;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  backface-visibility: hidden;
  position: absolute;
  z-index: 2001;
  -webkit-transform: scale(0.9, 0.9);
  -moz-transform: scale(0.9, 0.9);
  transform: scale(0.9, 0.9);
  min-width: 240px;
  min-height: 240px;
  margin: 0 auto;
  padding: 40px;
  background: #fff;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.2);
  opacity: 0;
  pointer-events: none;
}

@media screen and (min-width: 601px), print {
  .js-modal__content {
    max-width: 1000px;
  }
}

@media screen and (max-width: 600px) {
  .js-modal__content {
    width: -moz-calc(100% - 32px);
    width: calc(100% - 32px);
  }
}

@media screen and (min-width: 601px), print {
  .js-modal__content img {
    max-width: 1000px;
    max-height: 80vh;
  }
}

.js-modal__content.is-active {
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  transform: scale(1, 1);
  opacity: 1;
  pointer-events: all;
}

.js-modal__origin {
  display: none;
}

/*===========================================
    js-tab
===========================================*/
.js-tab__content {
  position: relative;
}

.js-tab__item {
  -moz-transition-property: all;
  transition-property: all;
  -moz-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -moz-transition-timing-function: ease;
  transition-timing-function: ease;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  pointer-events: none;
}

.js-tab__item.is-active {
  position: relative;
  opacity: 1;
  pointer-events: all;
}

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

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

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

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

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

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
}

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

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

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

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

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

.slick-slide img {
  display: block;
}

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

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

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

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

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

/*===========================================
    js-slick
===========================================*/
.slick-next,
.slick-prev {
  display: block;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 100;
  padding: 0;
  background-color: transparent;
  font-size: 0;
  cursor: pointer;
}

@media screen and (min-width: 601px), print {
  .slick-next,
  .slick-prev {
    width: 48px;
    height: 48px;
  }
}

@media screen and (max-width: 600px) {
  .slick-next,
  .slick-prev {
    width: 32px;
    height: 32px;
  }
}

.slick-next > *,
.slick-prev > * {
  display: block;
  width: 100%;
  height: 100%;
}

@media screen and (min-width: 601px), print {
  .slick-prev {
    left: -56px;
  }
}

@media screen and (max-width: 600px) {
  .slick-prev {
    left: -24px;
  }
}

@media screen and (min-width: 601px), print {
  .slick-next {
    right: -56px;
  }
}

@media screen and (max-width: 600px) {
  .slick-next {
    right: -24px;
  }
}

.slick-dots {
  position: absolute;
  left: 50%;
  bottom: -1em;
  z-index: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  transform: translateX(-50%);
  width: auto;
  height: 4px;
  margin: 0 auto;
  text-align: center;
  list-style: none;
}

@media screen and (max-width: 600px) {
  .slick-dots {
    padding: 0 88px;
  }
}

.slick-dots li {
  position: relative;
  overflow: hidden;
  width: 8px;
  height: 8px;
  margin: 0 8px;
  padding: 0;
  border-radius: 50%;
  cursor: pointer;
}

.slick-dots li button {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
  background: #ddd;
  color: transparent;
  font-size: 0;
  line-height: 0;
  outline: none;
  cursor: pointer;
}

.slick-dots li.slick-active button {
  background: #009A98;
}

.shop__slick .slick-prev,
.shop__slick .slick-next {
  top: 40%;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-size: 16px;
  background-position: center;
  background-color: palettes(black);
}

.shop__slick .slick-prev {
  left: 6.5%;
}

.shop__slick .slick-prev i:before {
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

.shop__slick .slick-next {
  right: 6.5%;
}

/*===========================================
    js-imageSwitch
===========================================*/
.js-imageSwitch__target {
  position: relative;
  margin-bottom: 16px;
}

.js-imageSwitch__target > * {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  overflow: hidden;
  width: 100%;
  opacity: 0;
}

.js-imageSwitch__target > *.is-active {
  position: relative;
  z-index: 1;
  opacity: 1;
}

.js-imageSwitch__thumbnail {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  cursor: pointer;
}

.js-imageSwitch__thumbnail > * {
  -moz-transition-property: all;
  transition-property: all;
  -moz-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -moz-transition-timing-function: ease;
  transition-timing-function: ease;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  position: relative;
  overflow: hidden;
  width: 48px;
  margin-right: 8px;
}

.js-imageSwitch__thumbnail > *:after {
  -moz-transition-property: all;
  transition-property: all;
  -moz-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -moz-transition-timing-function: ease;
  transition-timing-function: ease;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: scale(1.4);
  -moz-transform: scale(1.4);
  transform: scale(1.4);
  display: block;
  width: -moz-calc(100% - 8px);
  width: calc(100% - 8px);
  height: -moz-calc(100% - 8px);
  height: calc(100% - 8px);
  border: solid 4px #009A98;
}

.js-imageSwitch__thumbnail > *:last-child {
  margin-right: 0;
}

.js-imageSwitch__thumbnail > *:hover {
  opacity: 0.6;
}

.js-imageSwitch__thumbnail > *.is-active:after {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  transform: scale(1);
}

.js-imageSwitch__thumbnail > * img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

[class*="js-imageSwitch__item"] {
  position: relative;
}

[class*="js-imageSwitch__item"]:before {
  content: '';
  display: block;
  width: 100%;
  padding-top: -moz-calc(100% * 0.637);
  padding-top: calc(100% * 0.637);
}

[class*="js-imageSwitch__item"] img, [class*="js-imageSwitch__item"] iframe {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

[class*="js-imageSwitch__item"] img {
  display: block;
  width: auto;
  max-width: 100%;
  max-height: 100%;
  object-fit: cover;
}

[class*="js-imageSwitch__item"] iframe {
  display: block;
  width: 100%;
  height: 100%;
}

[class*="js-imageSwitch__item"][class*="-thumb"]:before {
  padding-top: 100%;
}

[class*="js-imageSwitch__item"][class*="-thumb"] img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/*===========================================
    js-imageZoom
===========================================*/
.js-imageZoom__content {
  position: absolute;
  top: 0;
  left: 100%;
  width: 100%;
  height: 100%;
  background-color: #000;
}

/*===========================================
    js-scrollHidden
===========================================*/
.js-scrollHidden {
  -moz-transition-property: all;
  transition-property: all;
  -moz-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -moz-transition-timing-function: ease;
  transition-timing-function: ease;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}

/*===========================================
    js-scrollFixed
===========================================*/
.js-scrollFixed {
  position: relative;
}

.js-scrollFixed__target {
  -moz-transition-property: all;
  transition-property: all;
  -moz-transition-duration: 0;
  transition-duration: 0;
  -moz-transition-timing-function: ease;
  transition-timing-function: ease;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}

@media screen and (min-width: 601px), print {
  .js-scrollFixed__target {
    position: absolute;
    z-index: 100;
  }
}

@media screen and (min-width: 601px), print {
  .js-scrollFixed__target.is-fixed {
    position: fixed  !important;
  }
}

/*===========================================
    js-addContent
===========================================*/
.js-addContent__content {
  display: none;
}

.js-addContent__content.is-active {
  display: block;
}