@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;700;900&family=Noto+Sans+JP:wght@400;500;700;900&display=swap');

/* 基本設定 */
:root {
  --primary-color: #E67E45;
  --accent-color: #d33131;
  --sub-accent-color: #80B1C5;
  --bg-color: #F7F7F7;
  --bark-bg-color: #E8E6E3;
  --text-color: #2D2926;
  --bottom-color: #534c49;
  --gradation-color: linear-gradient(-225deg, #e74253 0%, #eec579 48%, #17a4ce);
}

html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
em,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  list-style: none;
  font-style: normal;
}



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

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

nav ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}

a {
  display: inline-block;
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  text-decoration: none;
}

ins {
  background-color: #ff9;
  color: var(--text-color);
  text-decoration: none;
}

mark {
  background-color: #ff9;
  color: var(--text-color);
  font-style: italic;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

abbr[title],
dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

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

button,
input,
select,
textarea {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-style: none;
  border-radius: 0;
  background-color: transparent;
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

button:focus,
input:focus,
select:focus,
textarea:focus {
  outline-style: auto;
}

input,
select {
  vertical-align: middle;
}

select::-ms-expand {
  display: none;
}

img {
  max-width: 100%;
}

small {
  font-size: 80%;
}

sup {
  vertical-align: top;
  font-size: .8em;
}

sub {
  vertical-align: baseline;
  font-size: .8em;
}

main,
picture,
source {
  display: block;
}

html {
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
  font-size: 15px;
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
  -ms-text-size-adjust: none;
  text-size-adjust: none;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

@media screen and (max-width: 767px) {
  html {
    /* font-size: 4vw; */
  }
}

body {
  font-family: "Inter", "Noto Sans JP", "Yu Gothic", sans-serif;
  font-weight: 400;
  font-size: inherit;
  line-height: 1.5;
  color: var(--text-color);
}

@media screen and (max-width: 767px) {
  body {
    font-size: 1rem;
  }
}

a {
  color: var(--text-color);
  -webkit-transition: opacity 0.2s ease-out;
  -o-transition: opacity 0.2s ease-out;
  transition: opacity 0.2s ease-out;
}

a:hover {
  opacity: 0.7;
}

img {
  max-width: 100%;
  vertical-align: bottom;
}

figcaption {
  margin-top: .5em;
  line-height: 1.5;
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  -webkit-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;
}

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

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

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

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

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

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

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

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

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

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

.slick-slide img {
  display: block;
}

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

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

.slick-initialized .slick-slide {
  display: block;
  margin: 0 12px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
}

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

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

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

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: var(--text-color);
}

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

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

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

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

.mfp-figure figure {
  margin: 0;
}

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

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

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

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

@media screen and (max-width: 800px) and (orientation: landscape),
screen and (max-height: 300px) {

  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }

  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }

  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }

  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }

  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }

  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }

  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    -ms-transform: scale(0.75);
    transform: scale(0.75);
  }

  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    -ms-transform-origin: 0;
    transform-origin: 0;
  }

  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    -ms-transform-origin: 100%;
    transform-origin: 100%;
  }

  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
}

.l_about sup {
  font-size: .6em;
}

.l_about .small {
  position: relative;
  margin-top: 1em;
  padding-left: 1em;
}

.l_about .small__icon {
  position: absolute;
  left: 0;
}

.l_about .small__w440 {
  width: 40%;
  margin-left: auto;
}

@media screen and (max-width: 767px) {
  .l_about .small__w440 {
    width: auto;
  }
}

@media screen and (max-width: 767px) {
  .l_about .heading_01--img {
    font-size: 0;
  }
}

@media screen and (min-width: 768px) {
  .l_about .pc-text-center {
    text-align: center;
  }
}

.l_about .txt {
  line-height: 1.8;
}

.l_about .txt__mt30 {
  margin-top: 2rem;
}

.l_about .txt__mb20 {
  margin-bottom: 1.33333rem;
}

.l_about .pt0 {
  padding-top: 0;
}

.l_about .pb45 {
  padding-bottom: 3rem;
}

@media screen and (max-width: 767px) {
  .l_about .pb45 {
    padding-bottom: 2.33333rem;
  }
}

.l_about__nav {
  background: #F5F5F5;
  padding: 2em 1em;
}

.l_about__nav .sec__btn {
  margin-top: 1.66667em;
}

.l_about__nav .btn_about {
  padding: 2.233em 1em !important;
}

.l_about__nav .btn_about span {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
}

.l_about .heading_col2 {
  text-align: center;
}

.l_about .heading_col2>img {
  width: 414px;
}

@media screen and (max-width: 767px) {
  .l_about .heading_col2>img {
    width: 100%;
  }
}

.l_about .sec02__grid {
  margin-top: 3rem;
}

.l_about .sec02__head {
  font-size: 1.2rem;
  font-weight: bold;
  margin: 1.66667rem 0 0.66667rem;
}

@media screen and (max-width: 767px) {
  .l_about .sec02 .sp-w520 {
    width: 75.36232%;
    margin: 0 auto;
  }
}

@media screen and (max-width: 767px) {
  .l_about .sec02__grid>div:not(:last-child) {
    margin-bottom: 3rem;
  }
}

@media screen and (max-width: 767px) {
  .l_about .sec03 .spmlmr0 {
    margin-left: 0;
    margin-right: 0;
  }
}

.l_about .sec03__heading img {
  width: 468px;
}

.l_about .sec03__col {
  position: relative;
  width: 27.43363%;
  padding-right: 15px;
  padding-left: 15px;
}

.l_about .sec03__col:not(:last-of-type)::after {
  content: "";
  position: absolute;
  background: url(../images/about/arrow.png) no-repeat;
  background-size: 100%;
  width: 1.46667rem;
  height: 2.66667rem;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  margin-right: -11.76471%;
}

.l_about .sec03 .grid-item {
  background: #F5F5F5;
  padding: 2rem 2rem;
}

.l_about .sec03 .sec__btn {
  margin-top: 1.33333rem;
}

@media screen and (max-width: 767px) {
  .l_about .sec03__heading img {
    width: 100%;
  }

  .l_about .sec03__col {
    width: 97.73414%;
    padding: 0;
  }

  .l_about .sec03__col:not(:last-of-type) {
    margin-bottom: 4rem;
  }

  .l_about .sec03__col:not(:last-of-type)::after {
    width: 1.46667rem;
    height: 2.66667rem;
    top: auto;
    bottom: 0%;
    right: 51%;
    -webkit-transform: translateX(51%) translateY(0) rotate(90deg);
    -ms-transform: translateX(51%) translateY(0) rotate(90deg);
    transform: translateX(51%) translateY(0) rotate(90deg);
    margin-right: 0;
    margin-bottom: -3.33333rem;
  }

  .l_about .sec03 .grid-item {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 2rem 1.66667rem;
  }

  .l_about .sec03 .grid-item>div {
    width: 84.74576%;
    margin: 0 auto;
  }
}

.l_about .sec04 .min-ttl {
  font-weight: bold;
  font-size: 1.2rem;
}

.l_about .sec04 .l_grid_row {
  padding-top: 3rem;
}

.l_about .sec04 .route-img {
  width: 82.36364%;
  margin: 2rem auto 6.66667rem;
}

@media screen and (max-width: 767px) {
  .l_about .sec04 .l_grid_row {
    padding-top: 2rem;
  }

  .l_about .sec04 .l_grid_row>li {
    margin-bottom: 3rem;
  }

  .l_about .sec04 .route-img {
    width: 100%;
    margin-bottom: 0;
  }
}

.l_about .sec05 .min-ttl {
  font-weight: bold;
  font-size: 1.2rem;
}

.l_about .table {
  width: 100%;
}

.l_about .table img {
  width: 100%;
}

.l_about .table__mtmb70 {
  margin-top: 4.66667rem;
  margin-bottom: 4.66667rem;
}

.l_about .table th {
  line-height: 1;
  padding: 1rem 0.66667rem;
  color: #fff;
  font-size: 1.2rem;
  border: 1px solid #CCCCCC;
}

.l_about .table th:nth-child(1) {
  background: #F5F5F5;
}

.l_about .table th:nth-child(2) {
  background: var(--text-color);
}

.l_about .table th:nth-child(3) {
  background: #040452;
}

.l_about .table td {
  padding: 1rem 1rem;
  border: 1px solid #CCCCCC;
}

.l_about .table td:nth-child(1) {
  background: #F5F5F5;
}

.l_about .table td:not(:first-child) {
  padding: 1rem 2rem;
}

.l_about .table__img {
  margin-top: 1.33333rem;
}

.l_about .table--bold td {
  font-weight: bold;
}

.l_about .table__02 {
  margin-top: 1.33333rem;
}

.l_about .table__02 td {
  vertical-align: middle;
}

@media screen and (max-width: 767px) {
  .l_about .table__sp {
    margin-top: 1.33333rem;
  }

  .l_about .table__sp th {
    text-align: center;
    vertical-align: middle;
  }

  .l_about .table__sp td {
    vertical-align: middle;
  }

  .l_about .table__sp--red th {
    background: var(--text-color) !important;
  }

  .l_about .table__sp--blue th {
    background: #040452 !important;
  }

  .l_about .table__sp .bg-white {
    background: #fff !important;
  }
}

.l_about .table__sp--2 {
  margin-top: 2rem;
}

.l_about .table__sp--2 td {
  font-size: 0.86667rem;
  padding: 1rem !important;
}

.l_address__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.l_address__list~.l_address__list {
  margin-top: 1.5em;
}

.l_address__btn a {
  width: 140px;
}

.l_address__btn~.l_address__btn {
  margin-top: 1em;
}

.l_address__dl {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -5px;
}

.l_address__dl>* {
  padding: 5px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.l_address__dl dt {
  font-weight: bold;
  width: 6em;
}

.l_address__dl dd {
  width: calc(100% - 6em);
}

@media screen and (max-width: 767px) {
  .l_address__list {
    display: block;
    padding: 8vw 5.33333vw !important;
  }

  .l_address__list~.l_address__list {
    margin-top: 1.5em;
  }

  .l_address__btnlist {
    margin-top: 2em;
    display: -webkit-box;
    display: -webkit-flex;
    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;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .l_address__btn~.l_address__btn {
    margin-top: 0;
  }

  .l_address div.l_address__btn {
    margin-top: 1em;
  }

  .l_address div.l_address__btn a {
    max-width: 100%;
    width: 81.33333vw;
    display: block;
  }

  .l_address__dl {
    display: block;
    margin: 0;
  }

  .l_address__dl>* {
    padding: 0;
  }

  .l_address__dl dt {
    width: auto;
  }

  .l_address__dl dt+dd {
    margin-top: .6em;
  }

  .l_address__dl dd {
    width: auto;
  }

  .l_address__dl dd+dt {
    margin-top: 1.2em;
  }
}

.l_card__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.l_card__dl {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -10px;
}

.l_card__dl>* {
  padding: 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.l_card__dl dt {
  font-weight: bold;
  width: 7em;
}

.l_card__dl dd {
  width: calc(100% - 7em);
}

@media screen and (max-width: 767px) {
  .l_card__list {
    display: block;
  }

  .l_card__btn {
    margin: 8vw auto 0;
    display: block;
  }
}

.l_cart__items-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid #D8D8D8;
}

.l_cart__items-row--header {
  border-top: 1px solid #D8D8D8;
  border-bottom: 1px solid #D8D8D8;
  font-weight: bold;
}

.l_cart__items-row--sum {
  background-color: #F5F5F5;
  border-bottom: none;
  min-height: 45px;
  margin-top: -1px;
}

.l_cart__items-col {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 10px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.l_cart__items-col:nth-child(1) {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.l_cart__items-col:nth-child(2) {
  width: 12%;
  border-left: 1px solid #D8D8D8;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.l_cart__items-col:nth-child(3) {
  width: 12%;
  border-left: 1px solid #D8D8D8;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.l_cart__items-col:nth-child(4) {
  width: 7%;
  border-left: 1px solid #D8D8D8;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.l_cart__items-name {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  text-align: center;
}

.l_cart__items__sum {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  width: 100%;
  padding: 10px;
  font-size: 15px;
}

.l_cart__items__sum dd {
  font-size: 24px;
  font-weight: bold;
  margin-left: 10px;
}

.l_cart__items__sum dd .unit {
  font-size: 15px;
  margin-left: 5px;
}

.l_cart__item-check {
  padding: 10px 10px 10px 0;
}

.l_cart__item-info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.l_cart__item-info figure {
  margin-right: 10px;
  width: 85px;
}

.l_cart__item-info figure a {
  display: block;
  width: 85px;
}

.l_cart__btn {
  margin: 30px 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.l_cart__allsum {
  margin: 65px 0;
  border-top: 1px solid var(--text-color);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  padding: 10px;
  font-size: 18px;
}

.l_cart__allsum dt {
  font-weight: bold;
}

.l_cart__allsum dd {
  font-size: 32px;
  font-weight: bold;
  margin-left: 23px;
}

.l_cart__allsum dd .unit {
  font-size: 18px;
  margin-left: 10px;
}

.l_cart__allsum--login {
  margin: 0 0 65px;
  border-top: none;
  border-bottom: 1px solid var(--text-color);
}

.l_cart__history {
  margin: 30px 0 0 auto;
  width: 250px;
}

.l_cart__history-list {
  margin: 15px 0;
}

.l_cart__history dl {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 5px;
}

.l_cart__history dl dt {
  font-weight: bold;
}

.l_cart .items-1 .l_cart__item-check,
.l_cart .items-2 .l_cart__item-check {
  position: absolute;
  left: 100%;
  visibility: hidden;
}

.l_cart .l_cart__item-check_non {
  width: 30px;
}

@media screen and (max-width: 767px) {
  .l_cart.l_main__inr {
    padding-bottom: 6.66667vw;
  }

  .l_cart__items-row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: transparent;
    padding: 10px 0;
  }

  .l_cart__items-row--header {
    border-bottom: 1px solid #D8D8D8;
    border-top: 0;
    padding: 0;
    margin-top: 15px;
  }

  .l_cart__items-row--header .l_cart__items-col:nth-child(1) {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 10px 0;
  }

  .l_cart__items-row--header .l_cart__items-col .l_cart__items-name,
  .l_cart__items-row--header .l_cart__items-col:nth-child(2),
  .l_cart__items-row--header .l_cart__items-col:nth-child(3),
  .l_cart__items-row--header .l_cart__items-col:nth-child(4) {
    display: none;
  }

  .l_cart__items-row--sum {
    display: none;
  }

  .l_cart__items-col:nth-child(1),
  .l_cart__items-col:nth-child(2),
  .l_cart__items-col:nth-child(3),
  .l_cart__items-col:nth-child(4) {
    width: auto;
    border: none;
  }

  .l_cart__items-col:nth-child(2) {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .l_cart__items-col:nth-child(2)::before {
    content: "寄付金額";
    display: block;
    width: 5em;
  }

  .l_cart__items-col:nth-child(3) {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .l_cart__items-col:nth-child(3)::before {
    content: "申込数";
    display: block;
    width: 5em;
  }

  .l_cart__items-col:nth-child(4) {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }

  .l_cart__items-col:nth-child(4) a {
    width: 120px;
    margin: 0 0 0 auto;
  }

  .l_cart__item-info figure {
    width: 85px;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }

  .l_cart__history {
    margin-bottom: 20px;
  }
}

.shipping-address {
  width: 100%;
  max-width: 100%;
}

.shipping-address-input {
  position: relative;
}

.shipping-address-another {
  margin: 0 !important;
}

.shipping-address-another-check {
  margin-top: 10px;
  display: block !important;
}

.shipping-address-another-change-btn {
  position: absolute !important;
  top: 0;
  right: 0;
  width: 30% !important;
}

.shipping-address-another-form-modal {
  display: none;
  background: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0;
  left: 0;
  overflow-y: auto;
  width: 100%;
  height: calc(100% - 200px);
  z-index: 10000;
  padding: 100px 0;
}

.shipping-address-another-form-modal-inner {
  background: #fff;
  max-width: 850px;
  width: 850px;
  padding: 40px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: auto;
}

.shipping-address-another-form-modal-inner .l_form__address .form_select select {
  padding-right: 60px !important;
  max-width: 100% !important;
}

.shipping-address-another-form-modal-inner .sec__btn {
  margin-top: 1em;
}

.shipping-address-another-form-modal-inner .sec__btn .l_grid_row>div {
  margin-top: 0;
}

.shipping-address-another-form-modal-inner .sec__btn .l_grid_row>div a {
  width: 100%;
  display: block;
}

.shipping-address-another-form-modal-inner .sec__btn .l_grid_row>div .btn_bdr--close::before {
  position: absolute;
  top: 50%;
  left: 14px;
  width: 20px;
  height: 20px;
  background-size: 100%;
  margin-top: -10px;
}

@media screen and (max-width: 767px) {
  .shipping-address-another-form-modal-inner {
    width: auto;
  }
}

.shipping-address-another-form-modal dt {
  width: auto !important;
}

.shipping-address #SEND_TO_ANOTHER_ADDRESS_TABLE {
  display: block !important;
}

@media screen and (max-width: 767px) {
  .shipping-address {
    width: auto;
  }

  .shipping-address-another-change-btn {
    position: relative !important;
    width: 100% !important;
    display: block;
    max-width: 100% !important;
  }
}

.l_main__inr--concept {
  padding: 0 !important;
}

.l_concept {
  margin-left: calc(-50vw + 50%);
  margin-right: calc(-50vw + 50%);
  padding: 2.66667rem 0 70px;
}

@media screen and (max-width: 767px) {
  .l_concept {
    padding-bottom: 30.66667vw;
  }
}

.l_concept__inr {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  max-width: calc(1366px + 2em) !important;
  padding: 0 1em 0;
  margin: 0 auto;
}

@media screen and (max-width: 767px) {
  .l_concept__inr {
    padding: 0;
  }
}

.l_concept .mv {
  margin-left: calc(-50vw + 50%);
  margin-right: calc(-50vw + 50%);
  background: url(../images/concept/mv_bg@2x.jpg) no-repeat center center;
  background-size: 100%;
}

.l_concept .mv__w1366 {
  max-width: 1366px;
  margin: 0 auto;
}

.l_concept .mv__img {
  width: 66.76428%;
  margin: 0 auto;
  padding: 6.58858% 0 3.95315%;
  text-align: center;
  font-size: 1.13333rem;
  color: #fff;
  font-weight: 200;
}

@media screen and (max-width: 767px) {
  .l_concept .mv {
    background: none;
  }

  .l_concept .mv__w1366 {
    width: auto;
  }

  .l_concept .mv__img {
    width: 100%;
    padding: 0;
  }

  .l_concept .mv img {
    width: 100%;
  }
}

.l_concept .sec {
  position: relative;
  margin-top: 100px !important;
}

@media screen and (max-width: 767px) {
  .l_concept .sec {
    margin-top: 4.66667rem !important;
  }
}

.l_concept .ttl {
  text-align: center;
  margin-bottom: 3rem;
}

@media screen and (max-width: 767px) {
  .l_concept .ttl {
    margin-right: auto;
    margin-left: auto;
  }

  .l_concept .ttl__01 {
    width: 79.46667%;
  }

  .l_concept .ttl__02 {
    width: 72.53333%;
  }

  .l_concept .ttl__03 {
    width: 80%;
  }
}

.l_concept .ph {
  width: 68.66764%;
  margin-right: auto;
}

.l_concept .ph--rev {
  margin-right: 0;
  margin-left: auto;
}

@media screen and (max-width: 767px) {
  .l_concept .ph {
    width: 96%;
  }
}

.l_concept .txt-box {
  position: relative;
  width: 43.1918%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.l_concept .txt-box__01 {
  margin-top: -200px;
  margin-left: auto;
  margin-right: 9.15081%;
}

.l_concept .txt-box__02 {
  margin-top: -200px;
  margin-right: auto;
  margin-left: 9.15081%;
}

.l_concept .txt-box__03 {
  margin-top: -200px;
  margin-left: auto;
  margin-right: 9.15081%;
}

@media screen and (max-width: 1200px) {
  .l_concept .txt-box {
    width: 51.28205%;
  }

  .l_concept .txt-box__01 {
    margin-right: 5.12821%;
  }

  .l_concept .txt-box__02 {
    margin-left: 5.12821%;
  }

  .l_concept .txt-box__03 {
    margin-right: 5.12821%;
  }
}

@media screen and (max-width: 1050px) {
  .l_concept .txt-box {
    width: 58.82353%;
  }

  .l_concept .txt-box__01 {
    margin-right: 2.94118%;
  }

  .l_concept .txt-box__02 {
    margin-left: 2.94118%;
  }

  .l_concept .txt-box__03 {
    margin-right: 2.94118%;
  }
}

@media screen and (max-width: 950px) {
  .l_concept .txt-box {
    width: 59.78261%;
  }

  .l_concept .txt-box__01 {
    margin-right: 0;
  }

  .l_concept .txt-box__02 {
    margin-left: 0;
  }

  .l_concept .txt-box__03 {
    margin-right: 0;
  }
}

@media screen and (max-width: 767px) {
  .l_concept .txt-box {
    width: 96%;
  }

  .l_concept .txt-box__01 {
    margin-right: 0;
    margin-top: -4rem;
  }

  .l_concept .txt-box__02 {
    margin-left: 0;
    margin-top: -4rem;
  }

  .l_concept .txt-box__03 {
    margin-right: 0;
    margin-top: -4rem;
  }
}

.l_concept .txt {
  bottom: 0;
  -webkit-box-shadow: 0 0 8px gray;
  box-shadow: 0 0 8px gray;
  padding: 3rem;
  background: #fff;
  line-height: 1.8;
}

@media screen and (max-width: 767px) {
  .l_concept .txt {
    padding: 2.33333rem 2rem;
  }
}

.l_concept .caption {
  margin-top: 1rem;
}

.l_concept .caption>p {
  position: relative;
  padding-left: 1em;
}

.l_concept .caption>p span {
  position: absolute;
  left: 0;
  top: .2em;
}

/* l_contents
----------------------------------------------------------------------------- */
.l_contents {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.l_contents--first {
  padding-top: 9.09091%;
}

.l_contents--center {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.l_contents__side {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 23.27273%;
  -ms-flex: 0 0 23.27273%;
  flex: 0 0 23.27273%;
  max-width: 23.27273%;
  z-index: 100;
}

.l_contents__side .heading_02 {
  padding-bottom: 0;
}

.l_contents__main {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 73.63636%;
  -ms-flex: 0 0 73.63636%;
  flex: 0 0 73.63636%;
  max-width: 73.63636%;
}

.l_contents__side02 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 22.45455%;
  -ms-flex: 0 0 22.45455%;
  flex: 0 0 22.45455%;
  max-width: 22.45455%;
}

.l_contents__main02 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 73.90909%;
  -ms-flex: 0 0 73.90909%;
  flex: 0 0 73.90909%;
  max-width: 73.90909%;
}

@media screen and (max-width: 767px) {
  .l_contents__side .heading_02 {
    padding-bottom: 0.8em;
  }

  .l_contents {
    display: block;
  }

  .l_contents--first {
    padding-top: 12vw;
  }

  .l_contents__side {
    max-width: 100%;
    padding-bottom: calc(120 / 375 * 100vw);
  }

  .l_contents__main {
    max-width: 100%;
  }

  .l_contents__main .btn_bg--red {
    margin-top: 2em;
    margin-bottom: 0em;
    max-width: none;
  }

  .l_contents__side02 {
    max-width: 100%;
  }

  .l_contents__main02 {
    max-width: 100%;
  }

  .l_contents__side .heading_02--border {
    border-bottom: 1px solid #E0E0E0;
    background-color: #fff;
  }
}

.l_feature .sec~.sec {
  margin-top: 9.09091%;
}

.l_feature .sec>*~* {
  margin-top: 6.36364%;
}

.l_feature .sec .mt40 {
  margin-top: 3.63636%;
}

.l_feature__linklist {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -22px;
}

.l_feature__linklist li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0 22px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 25%;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.l_feature__linklist li a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  border: 1px solid var(--text-color);
  text-align: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 1.8em;
  width: 100%;
  max-width: 242px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
}

.l_feature__linklist li a:hover {
  background: var(--text-color);
  color: #fff;
  opacity: 1;
}

.l_feature__linklist li a:hover .icon:before {
  background-image: url(../images/icon/arrow_01_wh.svg);
}

.l_feature__linklist li a:after {
  content: "";
  display: block;
}

.l_feature__linklist li .icon {
  position: absolute;
  bottom: .5em;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.l_feature__con {
  max-width: 1000px;
  margin: 6.36364% auto 0;
}

.l_feature__ttl01 {
  color: var(--text-color);
  font-size: 1.6rem;
  font-weight: bold;
  border-bottom: 2px solid var(--text-color);
  line-height: 1.5;
  padding-bottom: 2.90909%;
  margin-bottom: 4.13636%;
}

.l_feature__ttl02 {
  font-size: 1.86667rem;
  font-weight: bold;
}

.l_feature__ttl03 {
  font-size: 1.33333rem;
  font-weight: bold;
  margin-bottom: 2.27273%;
}

.l_feature__fig {
  text-align: center;
}

.l_feature__fig img {
  max-width: 1000px;
  width: 100%;
}

.l_feature .sec__head+* {
  margin-top: 20px;
}

.l_feature__cate {
  padding: .8em;
  background: var(--text-color);
  color: #fff;
  display: inline-block;
  font-weight: bold;
  margin-bottom: .4em;
}

@media all and (-ms-high-contrast: none) {
  .l_feature__cate {
    padding-top: calc(.8em + 3px);
  }
}

.l_feature__bdrbox {
  border: 1px solid var(--text-color);
  border-width: 1px 0;
  padding: 4.09091% 0;
}

.l_feature__bdrbox .l_feature__ttl02 {
  margin-bottom: 4.09091%;
}

.l_feature__gbox {
  background: #F5F5F5;
  padding: 6.36364% 4.54545%;
}

.l_feature__gbox .l_feature__ttl02 {
  margin-bottom: 2.72727%;
}

.l_feature figcaption {
  font-size: 0.8rem;
}

.l_feature__dl {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.l_feature__dl dt {
  width: 6em;
  font-weight: bold;
}

.l_feature__dl~.l_feature__dl {
  margin-top: 2.72727%;
}

.l_feature__dl02wrap {
  max-width: calc(11em + 10px);
  margin: 0 auto;
  margin-right: 0;
}

.l_feature__dl02 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -5px -10px;
}

.l_feature__dl02>* {
  padding: 5px 10px;
}

.l_feature__dl02 dt {
  min-width: 4em;
  font-weight: bold;
}

.l_feature__dl02 dd {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.l_feature .btn_bg,
.l_feature .btn_bdr {
  padding: 1.5em 1em;
}

@media screen and (max-width: 767px) {
  .l_feature .sec~.sec {
    margin-top: 18.66667vw;
  }

  .l_feature .sec>*~* {
    margin-top: 12vw;
  }

  .l_feature .sec .mt40 {
    margin-top: 12vw;
  }

  .l_feature__linklist {
    margin: -7.5px;
  }

  .l_feature__linklist li {
    padding: 7.5px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }

  .l_feature__linklist li a {
    padding: 1.4em .2em;
    max-width: 242px;
  }

  .l_feature__linklist li a:hover {
    background: #fff;
    color: var(--text-color);
  }

  .l_feature__linklist li a:hover .icon:before {
    background-image: url(../images/icon/arrow_01_bk.svg);
  }

  .l_feature__linklist li a .icon {
    bottom: .3em;
  }

  .l_feature__hero {
    margin: -12vw -4vw 0;
  }

  .l_feature__ttl01 {
    font-size: 1.73333rem;
    padding-bottom: .6em;
  }

  .l_feature__ttl02 {
    font-size: 1.6rem;
  }

  .l_feature__ttl03 {
    font-size: 1.2rem;
    margin-bottom: 1em;
  }

  .l_feature .sec__head+* {
    margin-top: 20px;
  }

  .l_feature__bdrbox .l_feature__ttl02 {
    margin-bottom: .5em;
  }

  .l_feature__bdrbox .l_feature__ttl03 {
    margin-bottom: .5em;
  }

  .l_feature .col-12 {
    margin-bottom: 12vw !important;
  }

  .l_feature__dl {
    display: block;
  }

  .l_feature__dl~.l_feature__dl {
    margin-top: 1em;
  }

  .l_feature__dl dd {
    margin-top: .5em;
  }
}

.l_feature_item__heading {
  margin-bottom: 1em;
}

.l_feature_item__heading .heading_04 {
  margin: 0 0 .3em;
  line-height: 1.4;
}

.l_feature_item__text {
  margin-bottom: 1em;
}

.l_feature_item .box *~* {
  margin-top: .8em;
}

.l_feature_item .btn_bg {
  font-size: 1.2rem;
  padding: .5em;
}

@media screen and (max-width: 767px) {
  .l_feature_item .btn_bg {
    width: 100%;
    max-width: none;
  }
}

/* footer
----------------------------------------------------------------------------- */
.l_footer {
  max-width: 1100px;
  margin: 0 auto;
  color: #888888;
  font-size: 0.93333rem;
  position: relative;
  margin-top: 80px;
}

.l_footer a {
  color: #888888;
}

.l_footer_top {
  position: relative;
  padding-left: calc(50vw - 50%);
  padding-right: calc(50vw - 50%);
  margin-left: calc(-50vw + 50%);
  margin-right: calc(-50vw + 50%);
  padding: 0;
  position: absolute;
  right: 3.5vw;
  bottom: 20px;
  z-index: 200;
}

.l_footer_top.is_on a {
  opacity: 1;
}

.l_footer_top.is_fixed {
  bottom: 20px;
}

.l_footer_top.is_on.is_fixed {
  position: fixed;
  bottom: 20px;
}

/* 最下部（残り20px）に達して、is_fixed が外れたとき */
.l_footer_top.is_on {
  position: fixed;
  bottom: 20px;
}

.l_footer_top a {
  opacity: 0;
  background: var(--gradation-color);
  border-radius: 50%;
  padding: 1em;
  width: 2.2em;
  height: 2.2em;
  text-align: center;
}

.l_footer_top a .icon {
  font-size: 2.2em;
}

.l_footer__inr {
  position: relative;
  padding-left: calc(50vw - 50%);
  padding-right: calc(50vw - 50%);
  margin-left: calc(-50vw + 50%);
  margin-right: calc(-50vw + 50%);
  padding-top: 3.18182%;
  padding-bottom: 2.36364%;
  background: #EFEFEF;
  position: relative;
  z-index: 100;
}

.l_footer__wrap {
  margin: 0 3.63636% 2.72727%;
  padding-bottom: 1.36364%;
  position: relative;
}

.l_footer__bnr {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 32.54902%;
  max-width: 332px;
}

.l_footer__bnr img {
  width: 100%;
}

.l_footer__bnr li~li {
  margin-top: 15px;
}

.l_footer__con {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.l_footer__list {
  width: 100%;
  margin: -20px 0;
  color: var(--text-color);
}

.l_footer__list a {
  color: var(--text-color);
  font-size: 1rem;
  white-space: nowrap;
}


.l_footer__list:last-child ul {
  padding: 20px 0;
}

.l_footer__list dt {
  letter-spacing: 2px;
}



.l_footer__list>dl {
  width: 100%;
  padding: 20px 0;
}

.l_footer__list dl+div {
  width: 40%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 20px 0;
}

.l_footer__list dl+div ul {
  -webkit-box-flex: 0;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
  max-width: 100%;
}

.l_footer__list dl dd {
  padding-top: 15px;
  /* padding-left: 15px; */
  margin: -4px;
}

.l_footer__list dl dd a {
  text-indent: -1em;
  padding-left: 1em;
}

.l_footer__list dl ul {
  padding: 4px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.l_footer__list>dl>dd>ul {
  display: grid;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -.25em;
  justify-content: space-between;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 10px;
}

.l_footer__list>div>dl>dd>ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -.25em;
}


.l_footer__list>dl>dd>ul li {
  width: 15%;
  padding: .25em;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.l_footer__list>div>dl>dd>ul li {
  width: 50%;
  padding: .25em;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.l_footer__list>dl>dd>ul li~li {
  margin-top: 0;
}

.l_footer__nav {
  padding: 4.27273% 0;
  margin: 0 3.63636% 2.72727% 0;
  display: flex;
}

.l_footer__nav ul {
  margin-right: 20px;
}

.l_footer__nav ul li {
  padding: 6px 12px 6px 0;
}

.l_footer__copy {
  text-align: center;
}

.l_footer__copy small {
  font-size: 0.8rem;
}

@media screen and (max-width: 767px) {
  .l_footer__copy small {
    font-size: 0.8rem;
  }

  .l_footer__nav {
    display: block;
  }
}

.l_footer__rel {
  border-top: 1px solid #fff;
}

.l_footer__rel dl,
.l_footer__rel ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.l_footer__rel dt {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 18%;
  -ms-flex: 0 0 18%;
  flex: 0 0 18%;
  max-width: 160px;
}

.l_footer__rel dd {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 82%;
  -ms-flex: 0 0 82%;
  flex: 0 0 82%;
}

.l_footer__rel li {
  margin-right: 1.5rem;
}

.l_footer__rel li:last-child {
  margin-right: 0;
}

@media screen and (max-width: 950px) {
  .l_footer__wrap {
    padding-bottom: 0;
  }

  .l_footer__list:last-child ul {
    padding-bottom: 0;
  }

  .l_footer__list:last-child ul:last-child {
    padding-left: 0;
    padding-top: 0;
    margin-top: .5em;
  }

  .l_footer__list:last-child li~li {
    margin-top: .5em;
  }
}

@media screen and (max-width: 767px) {
  .l_footer {
    margin-top: 0;
    font-size: 0.93333rem;
  }

  .form .l_footer__inr {
    padding-top: 5.6338%;
    padding-bottom: 5.6338%;
  }

  .l_footer_top {
    right: 2.66667vw;
    bottom: -6.33333vw;
  }

  .l_footer_top.is_fixed {
    bottom: 2.66667vw !important;
  }

  .item_list_page .l_footer_top.is_fixed {
    bottom: 24vw !important;
  }



  .l_footer_top a {
    margin-right: 2.66667vw;
    padding: 2.93333vw;
    width: 13.33333vw;
    height: 13.33333vw;
    margin-bottom: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  .l_footer_top a .icon {
    font-size: 1.66667rem;
  }

  .l_footer__inr {
    padding-top: 10.66667vw;
    padding-bottom: 10.66667vw;
  }

  .l_footer__wrap {
    margin: 0 4vw 0;
  }

  .l_footer__bnr {
    position: static;
    bottom: 0;
    right: 0;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    max-width: 100%;
  }

  .l_footer__bnr li {
    padding: 0;
  }

  .l_footer__bnr li~li {
    margin-top: 0;
    padding-left: 20px;
  }

  .l_footer__ttl {
    position: relative;
  }

  .l_footer__ttl .icon {
    position: absolute;
    right: 1%;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(90deg);
    -ms-transform: translateY(-50%) rotate(90deg);
    transform: translateY(-50%) rotate(90deg);
  }

  .l_footer__ttl.active .icon {
    -webkit-transform: translateY(-50%) rotate(-90deg);
    -ms-transform: translateY(-50%) rotate(-90deg);
    transform: translateY(-50%) rotate(-90deg);
  }

  .l_footer__con {
    display: block;
  }

  .l_footer__con a {
    display: block;
  }

  .l_footer__con a::after,
  .l_footer__con a::before {
    display: none;
  }

  .l_footer__list {
    display: block;
    margin: 0;
  }

  .l_footer__list:first-child {
    max-width: 100%;
  }

  .l_footer__list:last-child {
    max-width: 100%;
  }

  .l_footer__list:last-child ul {
    padding: 0;
  }

  .l_footer__list:last-child ul:last-child {
    margin-top: 0;
  }

  .l_footer__list:last-child li~li {
    margin-top: 0;
  }

  .l_footer__list:last-child .last {
    border-bottom: 1px solid #333;
  }

  .l_footer__list dl {
    padding: 0;
    max-width: 100%;
  }

  .l_footer__list dl+div {
    max-width: 100%;
    display: block;
    padding: 0;
  }

  .l_footer__list dl+div dl {
    width: 100%;
    padding: 0;
  }

  .l_footer__list>dl>dd>ul li {
    width: 50%;
  }

  .l_footer__list dl dt {
    padding: 20px 0 20px 10px;
    border-top: 1px solid #888888;
  }

  .l_footer__list dl dd {
    padding: 0 10px;
    margin: 0;
  }

  .l_footer__list dl ul {
    padding: 0;
  }

  .l_footer__nav {
    border-top: 0px;
    font-size: 0.8rem;
    padding: 0 0 8vw;
    margin: 0 4vw 0;
  }

  .l_footer__nav ul {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .l_footer__nav ul li {
    position: relative;
    font-size: 0.93333rem;
    font-weight: 700;
    padding: 20px 0;
    width: 100%;
    border-top: 1px solid #888888;
  }

  .l_footer__nav ul li:last-child {
    border-bottom: 1px solid #888888;
  }

  .l_footer__nav .icon {
    position: absolute;
    right: 1%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }

  .l_footer__list>div>dl>dd>ul li {
    width: 100%;
  }

  .l_footer__copy small {
    font-size: 0.8rem;
  }

  .l_footer__rel {
    margin-top: -2rem;
    border-top: none;
  }

  .l_footer__rel dt {
    padding: 5.33333vw 0;
  }

  .l_footer__rel dl,
  .l_footer__rel ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .l_footer__rel dl {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
  }

  .l_footer__rel ul {
    margin-bottom: 5.33333vw;
  }

  .l_footer__rel li~li {
    margin-top: .5em;
  }

  .l_footer__list>dl {
    width: 100%;
  }

  .l_footer__list dl+div {
    width: 100%;
  }

  .search_area {
    width: 90%;
  }
}

.footer-bottom {
  background-color: var(--bottom-color);
  color: #fff;
}

.footer-bottom a {
  color: #fff;
}

.footer-bottom__wrap {
  display: flex;
  justify-content: space-between;
  margin: 0 3.63636% 2.72727%;
}

.footer-bottom__logo {
  width: 14%;
  max-width: 140px;
  height: 100%;
  align-self: center;
}

@media screen and (max-width: 767px) {
  .footer-bottom__wrap {
    flex-wrap: wrap;
    flex-direction: column;
  }

  .footer-bottom__logo {
    width: 80px;
    margin: auto;
    padding-bottom: 3em;
  }
}



/* l_form
----------------------------------------------------------------------------- */
.l_form {
  min-height: calc(100vh - 160px - 75px - 30px);
}

.l_form .box--gray02 {
  max-width: 710px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: auto;
  margin-left: auto;
  color: var(--text-color);
  font-size: 1.06667rem;
}

.l_form--sm .l_form__form {
  max-width: 730px;
}

.l_form select {
  text-align: left !important;
}

.l_form .herf select {
  width: 100%;
  max-width: 405px;
  padding: .7em .9em;
}

.l_form__head {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 2em;
}

.l_form__head a {
  display: block;
}

.l_form__breadcrumbs {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0 auto 45px;
  font-weight: 600;
  font-size: 18px;
}

.l_form__breadcrumbs li {
  color: #C6C6C6;
  padding: 15px 0;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.l_form__breadcrumbs li.cureent {
  color: var(--sub-accent-color);
}

.l_form__breadcrumbs li::after {
  content: "";
  display: block;
  height: 2px;
  width: 78px;
  background: #C6C6C6;
  margin: 0 32px;
}

.l_form__breadcrumbs li:last-child::after {
  display: none;
}

.l_form__text {
  font-size: 1.46667rem;
  font-weight: 700;
}

.l_form__text~.l_form__text {
  margin-top: 1em;
}

.l_form__text+.l_form__text02 {
  margin-top: 2em;
}

.l_form__text02~.l_form__text02 {
  margin-top: 1em;
}

.l_form__text03 {
  font-size: 1.46667rem;
  font-weight: 700;
}

.l_form__text03~.l_form__text03 {
  margin-top: 1em;
}

.l_form__text03~.l_form__note {
  margin-top: 3.3em;
  text-align: center;
}

.l_form__text04 {
  font-size: 1rem;
  font-weight: 700;
}

.l_form__text05 {
  font-size: 0.86667rem;
}

.l_form__form {
  max-width: 850px;
  margin-left: auto;
  margin-right: auto;
}

.l_form__form .tsukaimichi span {
  display: block;
}

.l_form__form--input .l_form__box dl~dl {
  margin-top: 35px;
}

.l_form__form--input .l_form__ttl {
  margin-bottom: 15px;
}

.l_form__form--input .l_form__text02~.l_form__text02 {
  margin-top: 10px;
}

.l_form__form--input .l_form__box dd+dd {
  margin-top: 20px;
}

.l_form__form--input .l_form__box {
  padding: 40px 135px;
}

.l_form .l_form__form--input input[type=email] {
  max-width: 100%;
}

.member .l_form__form--input input[type=text] {
  max-width: 100%;
  width: 400px;
}

@media screen and (max-width: 1100px) {
  .member .l_form__form--input input[type=text] {
    width: 100%;
  }
}

.member .l_form__form--input .date input[type=text] {
  width: 100px;
}

@media screen and (max-width: 767px) {
  .member .l_form__form--input .date input[type=text] {
    width: 65px;
  }

  .member .l_form__form--input .date input[type=text]:first-child {
    width: 70px;
  }
}

.member .l_form__form--input .l_form__address input[type=text] {
  max-width: 200px;
}

.member .l_form__form--input .l_form__name input[type=text] {
  max-width: 145px;
}

.l_form__form--seisan .l_form__box__allsum {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  font-size: 18px;
  border: none;
  padding: 40px 20px;
  background: #fff;
}

.l_form__form--seisan .l_form__box__allsum dt {
  font-weight: bold;
}

.l_form__form--seisan .l_form__box__allsum dd {
  font-size: 32px;
  font-weight: bold;
  margin-left: 23px;
}

.l_form__form--seisan .l_form__box__allsum dd .unit {
  font-size: 18px;
  margin-left: 10px;
}

.l_form__form--confirm {
  background: #F5F5F5;
  padding: 10px 85px 50px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 2em;
}

.l_form__form--confirm>.heading_02 {
  padding-top: 30px;
}

.member .l_form__form--confirm {
  padding: 4.93827% 6.17284%;
}

.l_form__form--confirm .l_form__box {
  background: transparent;
  border: none;
  border-top: 1px solid #D8D8D8;
  padding: 30px;
}

.l_form__form--confirm .l_form__box:first-of-type {
  border-top: 0;
}

.member .l_form__form--confirm .l_form__box {
  padding: 30px;
}

.member .l_form__form--confirm .l_form__box:last-of-type {
  padding-bottom: 30px;
  border-bottom: 1px solid #D8D8D8;
}

.l_form__form--confirm .l_form__box:last-of-type {
  padding-bottom: 0;
}

.l_form__form--confirm .l_form__box~.l_form__box {
  margin-top: 0;
}

.l_form__form--confirm .l_form__box__allsum {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  font-size: 18px;
  border-top: 1px solid #D8D8D8;
  padding-top: 20px;
}

.l_form__form--confirm .l_form__box__allsum dt {
  font-weight: bold;
}

.l_form__form--confirm .l_form__box__allsum dd {
  font-size: 32px;
  font-weight: bold;
  margin-left: 23px;
}

.l_form__form--confirm .l_form__box__allsum dd .unit {
  font-size: 18px;
  margin-left: 10px;
}

.l_form__form--confirm-local-goverment {
  border-bottom: 1px solid #ddd;
  padding-bottom: 1em;
  margin-bottom: 5em;
  margin: 0 -30px 5em;
}

@media screen and (max-width: 767px) {
  .l_form__form--confirm-local-goverment {
    margin: 0 0 5em;
  }
}

.l_form__form--confirm-local-goverment:last-child {
  margin-bottom: 0;
}

.l_form__form--more .l_form__box {
  background: transparent;
  border: none;
  border-top: 1px solid #D8D8D8;
  padding: 25px;
}

.l_form__form--more .l_form__box:last-of-type {
  border-bottom: 1px solid #D8D8D8;
}

.l_form__form--more .l_form__box~.l_form__box {
  margin-top: 0;
}

.l_form__form--more .l_form__box.form_row~.form_row {
  margin-top: 0;
}

.l_form__form--more .tag {
  display: inline-block;
  padding: .5em 1em;
}

.l_form--result {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.l_form--result .l_form__form__inner {
  background: #F5F5F5;
  margin-bottom: 30px;
}

.l_form--result .l_form__note_red {
  max-width: 710px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: auto;
  margin-left: auto;
}

.l_form--result .box--transparent {
  max-width: 710px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: auto;
  margin-left: auto;
  color: var(--text-color);
  font-size: 1.06667rem;
  background: transparent;
}

.l_form--result .l_form__box {
  background: transparent;
  border: none;
  padding: 1em;
}

.l_form--result .l_form__box>dl>dt {
  margin: 2em 0 1em;
}

.l_form--result .l_form__box>dl>dd {
  border-top: 1px solid #D8D8D8;
  border-bottom: 1px solid #D8D8D8;
  padding: 1em;
}

.l_form--result .l_form__box~.l_form__box {
  padding-top: 0;
  margin-top: 0;
}

.l_form--result .failed-kessai-list {
  margin: 1em 0;
  padding: 1em;
}

.l_form--result .failed-kessai-list-inner>dl {
  margin-bottom: 1em;
}

.l_form--result .failed-kessai-list-inner>dl>dd {
  border-top: 1px solid #D8D8D8;
  border-bottom: 1px solid #D8D8D8;
  padding: 1em;
  margin-bottom: -1px;
}

.l_form--result .failed-kessai-list-inner>dl>dd .form_row {
  margin-top: 0;
}

.l_form--result .failed-kessai-list-inner>dl>dd .l_form__lead {
  margin-bottom: 0;
}

.l_form--result .failed-kessai-list-inner>dl>dd .errorcode {
  color: #C31818;
}

@media screen and (max-width: 767px) {
  .l_form--result .l_form__box {
    padding: 0;
  }

  .l_form--result .failed-kessai-list {
    padding: 0;
  }
}

.l_form__box {
  background-color: #F5F5F5;
  border: 1px solid #A5A5A5;
  padding: 40px 10%;
}

.member .l_form__box {
  padding: 4.93827% 6.17284%;
}

.l_form__box--red {
  border-color: #990101;
}

.l_form__box--wh {
  background-color: #fff;
}

.l_form__box--no_border {
  border: none;
}

.l_form__box dl~dl {
  margin-top: 20px;
}

.member .l_form__box dl>dd>dl~dl {
  margin-top: 35px;
}

.l_form__box~.l_form__box {
  margin-top: 20px;
}

.l_form__box dl+div {
  margin-top: 20px;
}

.l_form__box dd+dd {
  margin-top: 10px;
}

.l_form__ttl {
  margin-bottom: 1em;
}

.apply .l_form__ttl {
  margin-bottom: .7em;
}

.l_form .form_row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.l_form .form_row~.form_row {
  margin-top: .5em;
}

.l_form .form_row__fig img {
  width: 100%;
}

.l_form .form_row--nosi {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  position: relative;
}

.l_form .form_row--nosi>span {
  width: 8em;
  margin-right: 1em;
  margin-top: .4em;
}

.l_form .form_row--nosi .btn_bdr--plus {
  margin-left: 1em;
}

.l_form .form_row--nosi .form_select {
  width: 100%;
  max-width: 190px;
}

.l_form .form_row--nosi .form_select select {
  padding-right: 3.5em;
}

.l_form .form_row--nosi .form_text {
  width: 100%;
  margin-top: 10px;
}

.l_form .form_row--nosi .form_text p {
  width: 100%;
  max-width: 230px;
  margin-right: 30px;
  margin-left: 25px;
}

.l_form .form_row--nosi .form_text input[type='text'] {
  width: 100%;
}

.l_form .form_row--nosi~.form_row {
  margin-top: 20px;
}

.l_form .form_row--nosi .form p~p {
  margin-top: 1em;
}

.l_form .form_row--nosi a {
  margin-left: 25px;
  margin-top: 1em;
  width: 150px;
}

.l_form .form_row--num dt {
  width: 13em;
}

.l_form .form_row--num dd {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.l_form .form_row--stop {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.l_form .form_row--stop dt {
  width: 15em;
}

.l_form .form_row--stop dd {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.l_form .form_row--mony {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.l_form .form_row--mony dt {
  width: 6em;
}

.l_form .form_row--mony dd {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.l_form .form_row--card dt {
  width: 10em;
}

.l_form .form_row--card dd {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.l_form .form_row--gift dt {
  width: 7em;
}

.l_form .form_row--gift dd {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.l_form .form_row--delivery dt {
  width: 6em;
}

.l_form .form_row--delivery dd {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.l_form .form_row--adress dt {
  width: 5em;
}

.l_form .form_row--adress dd {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.l_form .form_row--info dt {
  width: 8em;
}

.l_form .form_row--info dd {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.l_form .form_row--con {
  margin: -10px;
}

.l_form .form_row--con .form_row {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.l_form .form_row--con .form_row:first-of-type {
  margin-top: 15px;
}

.l_form .form_row--con .form_row dt {
  width: 6em;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  font-weight: bold;
}

.l_form .form_row--con .form_row dd {
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  width: 100%;
}

.l_form .form_row--con .form_row dd select {
  width: auto;
}

@media screen and (max-width: 767px) {
  .l_form .form_row--con .form_row dd select {
    width: 100%;
    font-size: 0.93333rem !important;
    padding-right: 3em;
  }
}

.l_form .form_row--con .form_row__fig {
  padding: 10px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 180px;
  -ms-flex: 0 0 180px;
  flex: 0 0 180px;
  max-width: 180px;
}

.l_form .form_row--con .form_row__text {
  padding: 10px;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  margin-right: -30px;
  width: 100%;
}

@media screen and (max-width: 767px) {
  .l_form .form_row--con .form_row__text {
    margin-right: 0;
    width: auto;
  }
}

.l_form .form_row--con .form_row--top {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.l_form__lead {
  margin-bottom: .6em;
}

.l_form .icon_form img {
  width: auto;
  max-width: 30px;
  vertical-align: middle;
  margin-top: -2px;
}

.l_form__wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.l_form__wrap .l_form__ttl {
  margin-bottom: 0;
  margin-right: 1em;
}

.l_form__wrap span.l_form__ttl {
  margin-right: 5px;
}

.l_form__wrap--right {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.l_form__note_red {
  color: #C31818 !important;
  font-size: 15px;
  margin-bottom: 1em;
}

.l_form__form label {
  display: inline;
}

.l_form__form label~label {
  margin-top: 10px;
}

.l_form__form div+div {
  margin-top: 20px;
}

.l_form__name {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.l_form__name span {
  display: inline-block;
  width: 2em;
  margin-right: .5em;
}

.l_form__name input[type=text] {
  max-width: 145px;
}

.l_form__name~.l_form__name {
  margin-top: 1.5em;
}

.l_form__name label {
  display: block;
}

.l_form__name label~label {
  margin-top: 0;
  margin-left: 1.8em;
}

.l_form__note {
  font-size: 0.8rem;
  margin-top: 5px;
}

.l_form__mail {
  border: 1px solid var(--text-color);
  background: #eee;
  color: #666;
  padding: .7em .9em;
}

.l_form input[type=email] {
  border: 1px solid var(--text-color);
  background: #fff;
  padding: .7em .9em !important;
  width: 100%;
  max-width: 405px;
}

.l_form input[type=text],
.l_form input[type=tel],
.member .l_form input[type=password] {
  border: 1px solid var(--text-color);
  background: #fff;
  padding: .7em .9em !important;
  text-align: left !important;
}


.l_form input[type=text].herf,
.l_form input[type=tel].herf {
  width: 100%;
  max-width: 405px;
}

.l_form__money input {
  max-width: 150px;
}

.l_form__member input {
  max-width: 405px !important;
  width: 100%;
}

.l_form__address .btn_bg {
  max-width: 130px;
  padding: .6em;
  margin-left: 10px;
}

.l_form__address select {
  width: 100%;
  max-width: 150px;
  text-align: left !important;
  padding: .7em .9em !important;
}

.l_form__address input {
  max-width: 200px;
}


.member .l_form__form--input .l_form__address02 input {
  max-width: 188px;
}

.l_form__inr {
  padding-left: 1.5em;
  margin-top: 20px;
}

.member .l_form__inr {
  padding-left: 0;
}

.l_form__inr>*~* {
  margin-top: 20px;
}

.l_form__inr .btn_bdr {
  display: inline-block;
  width: auto;
  padding: .6em;
}

.l_form__delivery {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.l_form__delivery dt {
  margin-right: 1em;
  width: 5em;
}

.l_form__delivery select {
  width: 220px !important;
  text-align: left !important;
}

.l_form__delivery .form {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.l_form__delivery .form p {
  width: 5em;
  margin-right: 1em;
}

.l_form table {
  line-height: 1;
}

.l_form table tr~tr th,
.l_form table tr~tr td {
  padding-top: 15px;
}

.l_form table th {
  font-weight: normal;
  text-align: left;
}

.l_form table td {
  padding-left: 1em;
}

.l_form__btn {
  text-align: center;
}

.l_form__card th {
  min-width: 175px;
}

.l_form__card td input {
  max-width: 295px !important;
}

.l_form__card td input.security {
  max-width: 150px !important;
}

.l_form__card tr~tr td {
  padding-top: 20px !important;
}

.l_form__card .form_select {
  width: 100px;
}

.l_form__card .form_select select {
  padding-right: 3em;
  padding-left: .6em;
}

.l_form__card .expiration_date {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin: -5px;
}

.l_form__card .expiration_date option:first-of-type {
  display: none;
}

.l_form__card .expiration_date>* {
  padding: 5px;
}

.l_form__card .expiration_date .form~.form {
  margin-top: 0;
}

.l_form__card .expiration_date div+div {
  margin-top: 0;
}

.l_form__card .box_wh {
  margin-top: 1.5em;
  line-height: 1.8;
  font-size: 0.8rem;
}

.l_form__card .paytimes {
  display: none;
}

.l_form__security {
  border-top: 1px solid #ccc;
  padding-top: 20px;
}

.l_form__security dt {
  margin-bottom: 1em;
}

.l_form__security dd input {
  margin-bottom: 1em;
  max-width: 150px;
}

.l_form__security .box_wh {
  font-size: .8rem;
  max-width: 70%;
}

@media screen and (max-width: 767px) {
  .l_form__security .box_wh {
    max-width: 100%;
  }
}

.l_form__micard {
  border-top: 1px solid #ccc;
  padding-top: 20px;
}

.l_form__register {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.l_form__register div:first-child {
  margin-right: 20px;
}

.l_form__register div~div {
  margin-top: 0px !important;
}

.l_form__store {
  width: 100%;
}

.l_form__store th {
  width: 175px;
  vertical-align: top;
}

.l_form__store .card {
  display: block;
  max-width: 466px;
  margin-right: -10px;
  margin-top: -20px;
}

.l_form__store .card img {
  max-height: 35px;
}

.l_form__store .card>label {
  margin-top: 10px;
  display: block !important;
}

.l_form__store .card>* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-right: 10px;
}

.l_form__store .box_wh {
  margin-top: 1.5em;
  line-height: 1.8;
  font-size: 0.8rem;
  display: block;
}

.l_form .conveni_list_area {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -.5em -.2em -.5em;
}

.l_form .conveni_list_area>* {
  width: 33.3333%;
  margin-top: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 .2em .5em;
}

.l_form .conveni_list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.l_form .conveni_list .box_wh {
  width: 100%;
}

.l_form .conveni_list label {
  display: none;
}

.l_form .conveni_list label#block {
  display: inline;
}

.l_form .box_wh_area {
  width: 100%;
}

@media screen and (max-width: 1100px) {
  .l_form {
    min-height: calc(100vh - 65px - 141px - 30px);
  }
}

@media screen and (max-width: 767px) {
  .l_form {
    min-height: auto;
  }

  .l_form input[type=text],
  .l_form input[type=email] {
    font-size: 17px !important;
    padding: .5em .9em !important;
  }

  .l_form textarea {
    font-size: 16.1px !important;
  }

  .l_form .box--gray02 {
    font-size: 0.93333rem;
  }

  .l_form__money input {
    max-width: calc(100% - 2.5em);
  }

  .l_form__member input {
    max-width: 100% !important;
  }

  .l_form__address input {
    max-width: calc(100% - 140px - .6em);
  }

  .l_form__address .form_select select {
    max-width: none;
    background-position: calc(100% - 1.4em) calc(50%), calc(100% - 1.4em + 5px) calc(50%), 100% 0;
  }

  .l_form__address02 input {
    max-width: 270px;
  }

  .member .l_form__form--input .l_form__address02 input {
    max-width: 280px;
  }

  .l_form__address02 input~input {
    margin-top: .5em;
  }

  .l_form__name {
    display: block;
  }

  .l_form__name~.l_form__name {
    margin-top: 1em;
  }

  .l_form__name input[type=text] {
    max-width: 68.66667vw;
    width: 100%;
  }

  .l_form__name label {
    width: 100%;
  }

  .l_form__name label~label {
    margin-left: 0;
    margin-top: .5em;
  }

  .l_form__head {
    display: block;
  }

  .l_form__head .heading_03 {
    margin-bottom: 1em;
  }

  .l_form__head .btn_bdr {
    margin-right: auto;
    margin-left: auto;
  }

  .l_form__breadcrumbs {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 18px;
  }

  .l_form__breadcrumbs li {
    margin: 0 3px 15px;
    padding: 0;
    width: auto;
    white-space: nowrap;
    font-size: 18px;
  }

  .l_form__breadcrumbs li::after {
    margin: 0 6px;
    width: 30px;
  }

  .l_form__inr {
    padding-left: 0;
  }

  .l_form__delivery .form_select select {
    width: 56vw !important;
    padding-left: .4em;
    padding-right: 3em;
    background-position: calc(100% - 1.4em) calc(50%), calc(100% - 1.4em + 5px) calc(50%), 100% 0;
  }

  .l_form .heading_01 {
    font-size: 1.73333rem;
  }

  .l_form__text {
    font-size: 1rem;
  }

  .l_form__text03 {
    font-size: 1.46667rem;
  }

  .l_form__text03~.l_form__note {
    text-align: left;
    position: relative;
    padding-left: 1.2em;
  }

  .l_form__text03~.l_form__note span {
    position: absolute;
    left: 0;
  }

  .l_form__form--input .l_form__name {
    display: block;
  }

  .l_form__form--input .l_form__name input[type=text] {
    max-width: 69.33333vw;
  }

  .l_form__form--input .l_form__name label~label {
    margin-left: 0;
    margin-top: .8em;
  }

  .l_form__form--input .l_form__box {
    padding: 8vw 5.33333vw;
  }

  .member .l_form__form--input .l_form__name input[type=text] {
    max-width: 68vw;
  }

  .member .l_form__form--input .l_form__address input[type=text] {
    max-width: calc(100% - 140px - .6em);
  }

  .l_form__form--confirm {
    padding: 0 5.33333vw 8vw;
  }

  .l_form__form--confirm .l_form__box {
    padding: 8vw 0;
  }

  .member .l_form__form--confirm .l_form__box {
    padding: 8vw 0;
  }

  .l_form__form--more .l_form__box {
    padding: 6.66667vw 0;
  }

  .l_form__form--more .l_form__box~.l_form__box {
    margin-top: 0vw;
  }

  .l_form__form--more .l_form__box.form_row~.form_row {
    margin-top: 0vw;
  }

  .l_form__form--more .l_form__box>.heading_02 {
    margin-bottom: .5em;
    font-size: 1.33333rem;
  }

  .l_form__form--more .close {
    max-width: 66.66667vw;
  }

  .l_form__ttl {
    font-size: 1.46667rem !important;
    margin-bottom: 5.33333vw;
  }

  .l_form__lead {
    margin-bottom: 2.66667vw;
  }

  .l_form .form_row {
    display: block;
  }

  .l_form .form_row~.form_row {
    margin-top: 5.33333vw;
  }

  .l_form .form_row--sm {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }

  .l_form .form_row--con .form_row__fig {
    max-width: 100%;
  }

  .l_form .form_row--con .form_row~.form_row {
    margin-top: 2.66667vw;
  }

  .l_form .form_row--nosi>span {
    display: block;
    margin-bottom: 2.66667vw;
  }

  .l_form .form_row--nosi .form_select {
    max-width: none;
  }

  .l_form .form_row--nosi .form_select select {
    background-position: calc(100% - 1.4em) calc(50%), calc(100% - 1.4em + 5px) calc(50%), 100% 0;
  }

  .l_form .form_row--nosi .btn_bdr--plus {
    margin-left: 0;
    margin-top: 1em;
  }

  .l_form .form_row--nosi .form_text p {
    margin-left: 0;
    margin-right: 0;
  }

  .l_form .form_row--nosi a {
    position: relative;
    top: 0;
    margin: 10px 0 0;
    width: auto;
    max-width: 100%;
    display: block;
  }

  .l_form__box {
    padding: 8vw 5.33333vw;
  }

  .l_form__box>dl~dl {
    margin-top: 20px;
  }

  .l_form__box~.l_form__box {
    margin-top: 20px;
  }

  .l_form table td {
    padding-top: 2.66667vw;
    padding-left: 0;
  }

  .l_form table tr~tr th {
    padding-top: 20px;
  }

  .l_form__card {
    width: 100%;
  }

  .l_form__card td,
  .l_form__card th {
    display: block;
    width: 100%;
  }

  .l_form__card tr~tr td {
    padding-top: 2.66667vw !important;
  }

  .l_form__card td input {
    max-width: none !important;
    width: 100%;
  }

  .l_form__card td input.security {
    max-width: none !important;
  }

  .l_form__card .form_select {
    width: 28vw;
  }

  .l_form__card .form_select select {
    padding-left: .6em;
    background-position: calc(100% - 1.2em) calc(50%), calc(100% - 1.2em + 5px) calc(50%), 100% 0;
    background-size: 5px 10px, 5px 10px, 2.5em 4em;
  }

  .l_form__card .expiration_date {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: -5px;
  }

  .l_form__card .expiration_date>* {
    padding: 5px;
  }

  .l_form__card .expiration_date .form~.form {
    margin-top: 0;
  }

  .l_form__card .expiration_date div+div {
    margin-top: 0;
  }

  .l_form__card .box_wh {
    margin-top: 1.5em;
    margin-bottom: 20px;
    line-height: 1.8;
    font-size: 0.8rem;
  }

  .l_form__register {
    display: block;
  }

  .l_form__register label:first-child {
    margin-right: 0px;
  }

  .l_form__register div~div {
    margin-top: 4vw !important;
  }

  .l_form__store {
    width: 100%;
  }

  .l_form__store td,
  .l_form__store th {
    display: block;
    width: 100%;
  }

  .l_form__store th {
    width: 100%;
  }

  .l_form__store .card {
    margin-right: -10px;
    margin-top: -20px;
  }

  .l_form__store .card img {
    max-height: 30px;
  }

  .l_form__store .card label~label {
    margin-top: 20px;
  }

  .l_form__store .card label {
    margin-top: 20px;
  }

  .l_form__store .box_wh {
    margin-top: 20px;
  }

  .l_form__other {
    width: 100%;
  }

  .l_form__other td,
  .l_form__other th {
    display: block;
  }

  .l_form .conveni_list_area {
    margin: -.5em -.2em;
  }

  .l_form .conveni_list_area>* {
    width: 50%;
    padding: .5em .2em;
  }

  .l_form .conveni_list label {
    margin-top: 0;
  }

  .l_form .box_wh_area {
    width: 100%;
  }
}

.l_form_login input[type=text] {
  text-align: left !important;
}

.l_form_login__box {
  background: #F5F5F5;
  padding: 45px 40px;
}

.l_form_login__box>*~* {
  margin-top: 26px;
}

.l_form_login__ttl {
  margin-bottom: 1em;
}

.l_form_login .btn_bdr,
.l_form_login .btn_bg {
  padding: 1.5em;
  max-width: 100%;
}

.l_form_login__text {
  display: block;
  margin-bottom: 10px;
}

.l_form_login__note_red {
  color: #C31818;
  font-size: 0.8rem;
  margin-bottom: 1em;
}

@media screen and (max-width: 767px) {
  .l_form_login .l_grid_row--60-gutters {
    margin-bottom: -45px;
  }

  .l_form_login .l_grid_row--60-gutters [class*="col-"] {
    margin-bottom: 45px;
  }

  .l_form_login__box {
    padding: 8vw 5.33333vw;
  }

  .l_form_login__box>*~* {
    margin-top: 6.66667vw;
  }

  .l_form_login__ttl {
    font-size: 1.33333rem !important;
  }
}

.payment .toggle_radio_a_item {
  margin-bottom: 22px;
}

@media screen and (max-width: 767px) {
  .payment .toggle_radio_a_item {
    margin-bottom: 10.66667vw;
  }
}

.apply .l_form {
  min-height: auto;
}

.apply .l_form__form--confirm .l_form__box:last-of-type {
  border-bottom: 1px solid #D8D8D8;
  padding-bottom: 30px;
}

.apply .l_form dl~dl {
  margin-top: 2.3em;
}

.apply .l_form select {
  border: 1px solid var(--text-color);
  padding: .8em .9em;
  padding-right: 5em;
  width: 100%;
  max-width: 260px;
  text-align: center;
  font-size: 0.93333rem;
  cursor: pointer;
  color: var(--text-color);
  background: #fff;
  cursor: pointer;
  background-image: -webkit-gradient(linear, left bottom, right top, color-stop(50%, rgba(255, 255, 255, 0)), color-stop(50.5%, #fff)), -webkit-gradient(linear, right bottom, left top, color-stop(50%, rgba(255, 255, 255, 0)), color-stop(50.5%, #fff)), -webkit-gradient(linear, left top, right top, from(var(--text-color)), to(var(--text-color)));
  background-image: -o-linear-gradient(bottom left, rgba(255, 255, 255, 0) 50%, #fff 50.5%), -o-linear-gradient(bottom right, rgba(255, 255, 255, 0) 50%, #fff 50.5%), -o-linear-gradient(left, var(--text-color), var(--text-color));
  background-image: linear-gradient(to top right, rgba(255, 255, 255, 0) 50%, #fff 50.5%), linear-gradient(to top left, rgba(255, 255, 255, 0) 50%, #fff 50.5%), linear-gradient(to right, var(--text-color), var(--text-color));
  background-position: calc(100% - 20px) calc(1em + 0px), calc(100% - 15px) calc(1em + 0px), 100% 0;
  background-size: 5px 10px, 5px 10px, 3em 4em;
  background-repeat: no-repeat;
}

.apply .l_form select [include*="form-input-select()"] option {
  color: inherit;
}

@media all and (-ms-high-contrast: none) {
  .apply .l_form select {
    padding-top: calc(.4em + 4px);
  }
}

.apply .l_form select::-ms-value {
  background: none;
  color: var(--text-color);
}

.apply .l_form input[type=text] {
  width: 100%;
  max-width: 405px;
}

.apply .l_form textarea {
  border: 1px solid var(--text-color);
  background: #fff;
  height: 150px;
  width: 100%;
  padding: 1em;
  resize: none;
}

.l_grid {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}

.l_grid_row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
  margin-bottom: -30px;
}

@media (max-width: 767.98px) {
  .l_grid_row {
    margin-right: -7.5px;
    margin-left: -7.5px;
    margin-bottom: -15px;
  }
}

.l_grid_row a {
  display: block;
}

.l_grid_row--re {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.l_grid_row--60-gutters {
  margin-right: -30px;
  margin-left: -30px;
  margin-bottom: -40px;
}

.l_grid_row--60-gutters .col,
.l_grid_row--60-gutters [class*="col-"] {
  padding-right: 30px;
  padding-left: 30px;
  margin-bottom: 40px;
}

.l_grid_row--45-gutters {
  margin-right: -22.5px;
  margin-left: -22.5px;
  margin-bottom: -22.5px;
}

.l_grid_row--45-gutters .col,
.l_grid_row--45-gutters [class*="col-"] {
  padding-right: 22.5px;
  padding-left: 22.5px;
  margin-bottom: 22.5px;
}

.l_grid_row--40-gutters {
  margin-right: -20px;
  margin-left: -20px;
  margin-bottom: -20px;
}

.l_grid_row--40-gutters .col,
.l_grid_row--40-gutters [class*="col-"] {
  padding-right: 20px;
  padding-left: 20px;
  margin-bottom: 20px;
}

.l_grid_row img {
  width: 100%;
}

.l_grid_row--no-gutters {
  margin-right: 0;
  margin-left: 0;
  margin-bottom: -15px;
}

.l_grid_row--no-gutters .col,
.l_grid_row--no-gutters [class*="col-"] {
  padding-right: 0;
  padding-left: 0;
  margin-bottom: 15px;
}

@media screen and (max-width: 767px) {
  .l_grid_row--pc {
    display: block;
  }

  .l_grid_row--pc>* {
    max-width: 100% !important;
  }

  .l_grid_row.item_list {
    margin-bottom: -30px;
  }

  .l_grid_row.item_list .col,
  .l_grid_row.item_list [class*="col-"] {
    margin-bottom: 30px;
  }

  .l_grid_row--60-gutters {
    margin-right: -7.5px;
    margin-left: -7.5px;
    margin-bottom: -15px;
  }

  .l_grid_row--60-gutters .col,
  .l_grid_row--60-gutters [class*="col-"] {
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-bottom: 15px;
  }
}

.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.col-13,
.col-14,
.col-15,
.col-16,
.col-17,
.col-18,
.col-19,
.col-20,
.col-21,
.col-22,
.col-23,
.col-24 {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  margin-bottom: 30px;
}

.col-1 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 4.16667%;
  -ms-flex: 0 0 4.16667%;
  flex: 0 0 4.16667%;
  max-width: 4.16667%;
}

@media (max-width: 767.98px) {
  .col-1 {
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-bottom: 15px;
  }
}

.col-2 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 8.33333%;
  -ms-flex: 0 0 8.33333%;
  flex: 0 0 8.33333%;
  max-width: 8.33333%;
}

@media (max-width: 767.98px) {
  .col-2 {
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-bottom: 15px;
  }
}

.col-3 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 12.5%;
  -ms-flex: 0 0 12.5%;
  flex: 0 0 12.5%;
  max-width: 12.5%;
}

@media (max-width: 767.98px) {
  .col-3 {
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-bottom: 15px;
  }
}

.col-4 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 16.66667%;
  -ms-flex: 0 0 16.66667%;
  flex: 0 0 16.66667%;
  max-width: 16.66667%;
}

@media (max-width: 767.98px) {
  .col-4 {
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-bottom: 15px;
  }
}

.col-5 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 20.83333%;
  -ms-flex: 0 0 20.83333%;
  flex: 0 0 20.83333%;
  max-width: 20.83333%;
}

@media (max-width: 767.98px) {
  .col-5 {
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-bottom: 15px;
  }
}

.col-6 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 25%;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
}

@media (max-width: 767.98px) {
  .col-6 {
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-bottom: 15px;
  }
}

.col-7 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 29.16667%;
  -ms-flex: 0 0 29.16667%;
  flex: 0 0 29.16667%;
  max-width: 29.16667%;
}

@media (max-width: 767.98px) {
  .col-7 {
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-bottom: 15px;
  }
}

.col-8 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 33.33333%;
  -ms-flex: 0 0 33.33333%;
  flex: 0 0 33.33333%;
  max-width: 33.33333%;
}

@media (max-width: 767.98px) {
  .col-8 {
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-bottom: 15px;
  }
}

.col-9 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 37.5%;
  -ms-flex: 0 0 37.5%;
  flex: 0 0 37.5%;
  max-width: 37.5%;
}

@media (max-width: 767.98px) {
  .col-9 {
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-bottom: 15px;
  }
}

.col-10 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 41.66667%;
  -ms-flex: 0 0 41.66667%;
  flex: 0 0 41.66667%;
  max-width: 41.66667%;
}

@media (max-width: 767.98px) {
  .col-10 {
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-bottom: 15px;
  }
}

.col-11 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 45.83333%;
  -ms-flex: 0 0 45.83333%;
  flex: 0 0 45.83333%;
  max-width: 45.83333%;
}

@media (max-width: 767.98px) {
  .col-11 {
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-bottom: 15px;
  }
}

.col-12 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 50%;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}

@media (max-width: 767.98px) {
  .col-12 {
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-bottom: 15px;
  }
}

.col-13 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 54.16667%;
  -ms-flex: 0 0 54.16667%;
  flex: 0 0 54.16667%;
  max-width: 54.16667%;
}

@media (max-width: 767.98px) {
  .col-13 {
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-bottom: 15px;
  }
}

.col-14 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 58.33333%;
  -ms-flex: 0 0 58.33333%;
  flex: 0 0 58.33333%;
  max-width: 58.33333%;
}

@media (max-width: 767.98px) {
  .col-14 {
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-bottom: 15px;
  }
}

.col-15 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 62.5%;
  -ms-flex: 0 0 62.5%;
  flex: 0 0 62.5%;
  max-width: 62.5%;
}

@media (max-width: 767.98px) {
  .col-15 {
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-bottom: 15px;
  }
}

.col-16 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 66.66667%;
  -ms-flex: 0 0 66.66667%;
  flex: 0 0 66.66667%;
  max-width: 66.66667%;
}

@media (max-width: 767.98px) {
  .col-16 {
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-bottom: 15px;
  }
}

.col-17 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 70.83333%;
  -ms-flex: 0 0 70.83333%;
  flex: 0 0 70.83333%;
  max-width: 70.83333%;
}

@media (max-width: 767.98px) {
  .col-17 {
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-bottom: 15px;
  }
}

.col-18 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 75%;
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%;
}

@media (max-width: 767.98px) {
  .col-18 {
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-bottom: 15px;
  }
}

.col-19 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 79.16667%;
  -ms-flex: 0 0 79.16667%;
  flex: 0 0 79.16667%;
  max-width: 79.16667%;
}

@media (max-width: 767.98px) {
  .col-19 {
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-bottom: 15px;
  }
}

.col-20 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 83.33333%;
  -ms-flex: 0 0 83.33333%;
  flex: 0 0 83.33333%;
  max-width: 83.33333%;
}

@media (max-width: 767.98px) {
  .col-20 {
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-bottom: 15px;
  }
}

.col-21 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 87.5%;
  -ms-flex: 0 0 87.5%;
  flex: 0 0 87.5%;
  max-width: 87.5%;
}

@media (max-width: 767.98px) {
  .col-21 {
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-bottom: 15px;
  }
}

.col-22 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 91.66667%;
  -ms-flex: 0 0 91.66667%;
  flex: 0 0 91.66667%;
  max-width: 91.66667%;
}

@media (max-width: 767.98px) {
  .col-22 {
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-bottom: 15px;
  }
}

.col-23 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 95.83333%;
  -ms-flex: 0 0 95.83333%;
  flex: 0 0 95.83333%;
  max-width: 95.83333%;
}

@media (max-width: 767.98px) {
  .col-23 {
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-bottom: 15px;
  }
}

.col-24 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 100%;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}

@media (max-width: 767.98px) {
  .col-24 {
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-bottom: 15px;
  }
}

.col-1 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 4.16667%;
  -ms-flex: 0 0 4.16667%;
  flex: 0 0 4.16667%;
  max-width: 4.16667%;
}

.col-2 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 8.33333%;
  -ms-flex: 0 0 8.33333%;
  flex: 0 0 8.33333%;
  max-width: 8.33333%;
}

.col-3 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 12.5%;
  -ms-flex: 0 0 12.5%;
  flex: 0 0 12.5%;
  max-width: 12.5%;
}

.col-4 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 16.66667%;
  -ms-flex: 0 0 16.66667%;
  flex: 0 0 16.66667%;
  max-width: 16.66667%;
}

.col-5 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 20.83333%;
  -ms-flex: 0 0 20.83333%;
  flex: 0 0 20.83333%;
  max-width: 20.83333%;
}

.col-6 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 25%;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
}

.col-7 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 29.16667%;
  -ms-flex: 0 0 29.16667%;
  flex: 0 0 29.16667%;
  max-width: 29.16667%;
}

.col-8 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 33.33333%;
  -ms-flex: 0 0 33.33333%;
  flex: 0 0 33.33333%;
  max-width: 33.33333%;
}

.col-9 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 37.5%;
  -ms-flex: 0 0 37.5%;
  flex: 0 0 37.5%;
  max-width: 37.5%;
}

.col-10 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 41.66667%;
  -ms-flex: 0 0 41.66667%;
  flex: 0 0 41.66667%;
  max-width: 41.66667%;
}

.col-11 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 45.83333%;
  -ms-flex: 0 0 45.83333%;
  flex: 0 0 45.83333%;
  max-width: 45.83333%;
}

.col-12 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 50%;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}

.col-13 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 54.16667%;
  -ms-flex: 0 0 54.16667%;
  flex: 0 0 54.16667%;
  max-width: 54.16667%;
}

.col-14 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 58.33333%;
  -ms-flex: 0 0 58.33333%;
  flex: 0 0 58.33333%;
  max-width: 58.33333%;
}

.col-15 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 62.5%;
  -ms-flex: 0 0 62.5%;
  flex: 0 0 62.5%;
  max-width: 62.5%;
}

.col-16 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 66.66667%;
  -ms-flex: 0 0 66.66667%;
  flex: 0 0 66.66667%;
  max-width: 66.66667%;
}

.col-17 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 70.83333%;
  -ms-flex: 0 0 70.83333%;
  flex: 0 0 70.83333%;
  max-width: 70.83333%;
}

.col-18 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 75%;
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%;
}

.col-19 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 79.16667%;
  -ms-flex: 0 0 79.16667%;
  flex: 0 0 79.16667%;
  max-width: 79.16667%;
}

.col-20 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 83.33333%;
  -ms-flex: 0 0 83.33333%;
  flex: 0 0 83.33333%;
  max-width: 83.33333%;
}

.col-21 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 87.5%;
  -ms-flex: 0 0 87.5%;
  flex: 0 0 87.5%;
  max-width: 87.5%;
}

.col-22 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 91.66667%;
  -ms-flex: 0 0 91.66667%;
  flex: 0 0 91.66667%;
  max-width: 91.66667%;
}

.col-23 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 95.83333%;
  -ms-flex: 0 0 95.83333%;
  flex: 0 0 95.83333%;
  max-width: 95.83333%;
}

.col-24 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 100%;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}

.order-1 {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
}

.order-2 {
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
  -ms-flex-order: 2;
  order: 2;
}

.order-3 {
  -webkit-box-ordinal-group: 4;
  -webkit-order: 3;
  -ms-flex-order: 3;
  order: 3;
}

.order-4 {
  -webkit-box-ordinal-group: 5;
  -webkit-order: 4;
  -ms-flex-order: 4;
  order: 4;
}

.order-5 {
  -webkit-box-ordinal-group: 6;
  -webkit-order: 5;
  -ms-flex-order: 5;
  order: 5;
}

.order-6 {
  -webkit-box-ordinal-group: 7;
  -webkit-order: 6;
  -ms-flex-order: 6;
  order: 6;
}

.order-7 {
  -webkit-box-ordinal-group: 8;
  -webkit-order: 7;
  -ms-flex-order: 7;
  order: 7;
}

.order-8 {
  -webkit-box-ordinal-group: 9;
  -webkit-order: 8;
  -ms-flex-order: 8;
  order: 8;
}

.order-9 {
  -webkit-box-ordinal-group: 10;
  -webkit-order: 9;
  -ms-flex-order: 9;
  order: 9;
}

.order-10 {
  -webkit-box-ordinal-group: 11;
  -webkit-order: 10;
  -ms-flex-order: 10;
  order: 10;
}

.order-11 {
  -webkit-box-ordinal-group: 12;
  -webkit-order: 11;
  -ms-flex-order: 11;
  order: 11;
}

.order-12 {
  -webkit-box-ordinal-group: 13;
  -webkit-order: 12;
  -ms-flex-order: 12;
  order: 12;
}

.order-13 {
  -webkit-box-ordinal-group: 14;
  -webkit-order: 13;
  -ms-flex-order: 13;
  order: 13;
}

.order-14 {
  -webkit-box-ordinal-group: 15;
  -webkit-order: 14;
  -ms-flex-order: 14;
  order: 14;
}

.order-15 {
  -webkit-box-ordinal-group: 16;
  -webkit-order: 15;
  -ms-flex-order: 15;
  order: 15;
}

.order-16 {
  -webkit-box-ordinal-group: 17;
  -webkit-order: 16;
  -ms-flex-order: 16;
  order: 16;
}

.order-17 {
  -webkit-box-ordinal-group: 18;
  -webkit-order: 17;
  -ms-flex-order: 17;
  order: 17;
}

.order-18 {
  -webkit-box-ordinal-group: 19;
  -webkit-order: 18;
  -ms-flex-order: 18;
  order: 18;
}

.order-19 {
  -webkit-box-ordinal-group: 20;
  -webkit-order: 19;
  -ms-flex-order: 19;
  order: 19;
}

.order-20 {
  -webkit-box-ordinal-group: 21;
  -webkit-order: 20;
  -ms-flex-order: 20;
  order: 20;
}

.order-21 {
  -webkit-box-ordinal-group: 22;
  -webkit-order: 21;
  -ms-flex-order: 21;
  order: 21;
}

.order-22 {
  -webkit-box-ordinal-group: 23;
  -webkit-order: 22;
  -ms-flex-order: 22;
  order: 22;
}

.order-23 {
  -webkit-box-ordinal-group: 24;
  -webkit-order: 23;
  -ms-flex-order: 23;
  order: 23;
}

.order-24 {
  -webkit-box-ordinal-group: 25;
  -webkit-order: 24;
  -ms-flex-order: 24;
  order: 24;
}

@media (max-width: 375.98px) {
  .col-xs-1 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 4.16667%;
    -ms-flex: 0 0 4.16667%;
    flex: 0 0 4.16667%;
    max-width: 4.16667%;
  }

  .col-xs-2 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 8.33333%;
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }

  .col-xs-3 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 12.5%;
    -ms-flex: 0 0 12.5%;
    flex: 0 0 12.5%;
    max-width: 12.5%;
  }

  .col-xs-4 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16.66667%;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }

  .col-xs-5 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 20.83333%;
    -ms-flex: 0 0 20.83333%;
    flex: 0 0 20.83333%;
    max-width: 20.83333%;
  }

  .col-xs-6 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-xs-7 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 29.16667%;
    -ms-flex: 0 0 29.16667%;
    flex: 0 0 29.16667%;
    max-width: 29.16667%;
  }

  .col-xs-8 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.33333%;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }

  .col-xs-9 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 37.5%;
    -ms-flex: 0 0 37.5%;
    flex: 0 0 37.5%;
    max-width: 37.5%;
  }

  .col-xs-10 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 41.66667%;
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }

  .col-xs-11 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 45.83333%;
    -ms-flex: 0 0 45.83333%;
    flex: 0 0 45.83333%;
    max-width: 45.83333%;
  }

  .col-xs-12 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-xs-13 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 54.16667%;
    -ms-flex: 0 0 54.16667%;
    flex: 0 0 54.16667%;
    max-width: 54.16667%;
  }

  .col-xs-14 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 58.33333%;
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }

  .col-xs-15 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 62.5%;
    -ms-flex: 0 0 62.5%;
    flex: 0 0 62.5%;
    max-width: 62.5%;
  }

  .col-xs-16 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 66.66667%;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }

  .col-xs-17 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 70.83333%;
    -ms-flex: 0 0 70.83333%;
    flex: 0 0 70.83333%;
    max-width: 70.83333%;
  }

  .col-xs-18 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 75%;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }

  .col-xs-19 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 79.16667%;
    -ms-flex: 0 0 79.16667%;
    flex: 0 0 79.16667%;
    max-width: 79.16667%;
  }

  .col-xs-20 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 83.33333%;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }

  .col-xs-21 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 87.5%;
    -ms-flex: 0 0 87.5%;
    flex: 0 0 87.5%;
    max-width: 87.5%;
  }

  .col-xs-22 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 91.66667%;
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }

  .col-xs-23 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 95.83333%;
    -ms-flex: 0 0 95.83333%;
    flex: 0 0 95.83333%;
    max-width: 95.83333%;
  }

  .col-xs-24 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .order-xs-1 {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }

  .order-xs-2 {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
  }

  .order-xs-3 {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
  }

  .order-xs-4 {
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
    -ms-flex-order: 4;
    order: 4;
  }

  .order-xs-5 {
    -webkit-box-ordinal-group: 6;
    -webkit-order: 5;
    -ms-flex-order: 5;
    order: 5;
  }

  .order-xs-6 {
    -webkit-box-ordinal-group: 7;
    -webkit-order: 6;
    -ms-flex-order: 6;
    order: 6;
  }

  .order-xs-7 {
    -webkit-box-ordinal-group: 8;
    -webkit-order: 7;
    -ms-flex-order: 7;
    order: 7;
  }

  .order-xs-8 {
    -webkit-box-ordinal-group: 9;
    -webkit-order: 8;
    -ms-flex-order: 8;
    order: 8;
  }

  .order-xs-9 {
    -webkit-box-ordinal-group: 10;
    -webkit-order: 9;
    -ms-flex-order: 9;
    order: 9;
  }

  .order-xs-10 {
    -webkit-box-ordinal-group: 11;
    -webkit-order: 10;
    -ms-flex-order: 10;
    order: 10;
  }

  .order-xs-11 {
    -webkit-box-ordinal-group: 12;
    -webkit-order: 11;
    -ms-flex-order: 11;
    order: 11;
  }

  .order-xs-12 {
    -webkit-box-ordinal-group: 13;
    -webkit-order: 12;
    -ms-flex-order: 12;
    order: 12;
  }

  .order-xs-13 {
    -webkit-box-ordinal-group: 14;
    -webkit-order: 13;
    -ms-flex-order: 13;
    order: 13;
  }

  .order-xs-14 {
    -webkit-box-ordinal-group: 15;
    -webkit-order: 14;
    -ms-flex-order: 14;
    order: 14;
  }

  .order-xs-15 {
    -webkit-box-ordinal-group: 16;
    -webkit-order: 15;
    -ms-flex-order: 15;
    order: 15;
  }

  .order-xs-16 {
    -webkit-box-ordinal-group: 17;
    -webkit-order: 16;
    -ms-flex-order: 16;
    order: 16;
  }

  .order-xs-17 {
    -webkit-box-ordinal-group: 18;
    -webkit-order: 17;
    -ms-flex-order: 17;
    order: 17;
  }

  .order-xs-18 {
    -webkit-box-ordinal-group: 19;
    -webkit-order: 18;
    -ms-flex-order: 18;
    order: 18;
  }

  .order-xs-19 {
    -webkit-box-ordinal-group: 20;
    -webkit-order: 19;
    -ms-flex-order: 19;
    order: 19;
  }

  .order-xs-20 {
    -webkit-box-ordinal-group: 21;
    -webkit-order: 20;
    -ms-flex-order: 20;
    order: 20;
  }

  .order-xs-21 {
    -webkit-box-ordinal-group: 22;
    -webkit-order: 21;
    -ms-flex-order: 21;
    order: 21;
  }

  .order-xs-22 {
    -webkit-box-ordinal-group: 23;
    -webkit-order: 22;
    -ms-flex-order: 22;
    order: 22;
  }

  .order-xs-23 {
    -webkit-box-ordinal-group: 24;
    -webkit-order: 23;
    -ms-flex-order: 23;
    order: 23;
  }

  .order-xs-24 {
    -webkit-box-ordinal-group: 25;
    -webkit-order: 24;
    -ms-flex-order: 24;
    order: 24;
  }
}

@media (max-width: 767.98px) {
  .col-md-1 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 4.16667%;
    -ms-flex: 0 0 4.16667%;
    flex: 0 0 4.16667%;
    max-width: 4.16667%;
  }

  .col-md-2 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 8.33333%;
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }

  .col-md-3 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 12.5%;
    -ms-flex: 0 0 12.5%;
    flex: 0 0 12.5%;
    max-width: 12.5%;
  }

  .col-md-4 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16.66667%;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }

  .col-md-5 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 20.83333%;
    -ms-flex: 0 0 20.83333%;
    flex: 0 0 20.83333%;
    max-width: 20.83333%;
  }

  .col-md-6 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-md-7 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 29.16667%;
    -ms-flex: 0 0 29.16667%;
    flex: 0 0 29.16667%;
    max-width: 29.16667%;
  }

  .col-md-8 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.33333%;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }

  .col-md-9 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 37.5%;
    -ms-flex: 0 0 37.5%;
    flex: 0 0 37.5%;
    max-width: 37.5%;
  }

  .col-md-10 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 41.66667%;
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }

  .col-md-11 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 45.83333%;
    -ms-flex: 0 0 45.83333%;
    flex: 0 0 45.83333%;
    max-width: 45.83333%;
  }

  .col-md-12 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-md-13 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 54.16667%;
    -ms-flex: 0 0 54.16667%;
    flex: 0 0 54.16667%;
    max-width: 54.16667%;
  }

  .col-md-14 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 58.33333%;
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }

  .col-md-15 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 62.5%;
    -ms-flex: 0 0 62.5%;
    flex: 0 0 62.5%;
    max-width: 62.5%;
  }

  .col-md-16 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 66.66667%;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }

  .col-md-17 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 70.83333%;
    -ms-flex: 0 0 70.83333%;
    flex: 0 0 70.83333%;
    max-width: 70.83333%;
  }

  .col-md-18 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 75%;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }

  .col-md-19 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 79.16667%;
    -ms-flex: 0 0 79.16667%;
    flex: 0 0 79.16667%;
    max-width: 79.16667%;
  }

  .col-md-20 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 83.33333%;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }

  .col-md-21 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 87.5%;
    -ms-flex: 0 0 87.5%;
    flex: 0 0 87.5%;
    max-width: 87.5%;
  }

  .col-md-22 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 91.66667%;
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }

  .col-md-23 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 95.83333%;
    -ms-flex: 0 0 95.83333%;
    flex: 0 0 95.83333%;
    max-width: 95.83333%;
  }

  .col-md-24 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .order-md-1 {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }

  .order-md-2 {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
  }

  .order-md-3 {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
  }

  .order-md-4 {
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
    -ms-flex-order: 4;
    order: 4;
  }

  .order-md-5 {
    -webkit-box-ordinal-group: 6;
    -webkit-order: 5;
    -ms-flex-order: 5;
    order: 5;
  }

  .order-md-6 {
    -webkit-box-ordinal-group: 7;
    -webkit-order: 6;
    -ms-flex-order: 6;
    order: 6;
  }

  .order-md-7 {
    -webkit-box-ordinal-group: 8;
    -webkit-order: 7;
    -ms-flex-order: 7;
    order: 7;
  }

  .order-md-8 {
    -webkit-box-ordinal-group: 9;
    -webkit-order: 8;
    -ms-flex-order: 8;
    order: 8;
  }

  .order-md-9 {
    -webkit-box-ordinal-group: 10;
    -webkit-order: 9;
    -ms-flex-order: 9;
    order: 9;
  }

  .order-md-10 {
    -webkit-box-ordinal-group: 11;
    -webkit-order: 10;
    -ms-flex-order: 10;
    order: 10;
  }

  .order-md-11 {
    -webkit-box-ordinal-group: 12;
    -webkit-order: 11;
    -ms-flex-order: 11;
    order: 11;
  }

  .order-md-12 {
    -webkit-box-ordinal-group: 13;
    -webkit-order: 12;
    -ms-flex-order: 12;
    order: 12;
  }

  .order-md-13 {
    -webkit-box-ordinal-group: 14;
    -webkit-order: 13;
    -ms-flex-order: 13;
    order: 13;
  }

  .order-md-14 {
    -webkit-box-ordinal-group: 15;
    -webkit-order: 14;
    -ms-flex-order: 14;
    order: 14;
  }

  .order-md-15 {
    -webkit-box-ordinal-group: 16;
    -webkit-order: 15;
    -ms-flex-order: 15;
    order: 15;
  }

  .order-md-16 {
    -webkit-box-ordinal-group: 17;
    -webkit-order: 16;
    -ms-flex-order: 16;
    order: 16;
  }

  .order-md-17 {
    -webkit-box-ordinal-group: 18;
    -webkit-order: 17;
    -ms-flex-order: 17;
    order: 17;
  }

  .order-md-18 {
    -webkit-box-ordinal-group: 19;
    -webkit-order: 18;
    -ms-flex-order: 18;
    order: 18;
  }

  .order-md-19 {
    -webkit-box-ordinal-group: 20;
    -webkit-order: 19;
    -ms-flex-order: 19;
    order: 19;
  }

  .order-md-20 {
    -webkit-box-ordinal-group: 21;
    -webkit-order: 20;
    -ms-flex-order: 20;
    order: 20;
  }

  .order-md-21 {
    -webkit-box-ordinal-group: 22;
    -webkit-order: 21;
    -ms-flex-order: 21;
    order: 21;
  }

  .order-md-22 {
    -webkit-box-ordinal-group: 23;
    -webkit-order: 22;
    -ms-flex-order: 22;
    order: 22;
  }

  .order-md-23 {
    -webkit-box-ordinal-group: 24;
    -webkit-order: 23;
    -ms-flex-order: 23;
    order: 23;
  }

  .order-md-24 {
    -webkit-box-ordinal-group: 25;
    -webkit-order: 24;
    -ms-flex-order: 24;
    order: 24;
  }
}

@media (max-width: 999.98px) {
  .col-lg-1 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 4.16667%;
    -ms-flex: 0 0 4.16667%;
    flex: 0 0 4.16667%;
    max-width: 4.16667%;
  }

  .col-lg-2 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 8.33333%;
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }

  .col-lg-3 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 12.5%;
    -ms-flex: 0 0 12.5%;
    flex: 0 0 12.5%;
    max-width: 12.5%;
  }

  .col-lg-4 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16.66667%;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }

  .col-lg-5 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 20.83333%;
    -ms-flex: 0 0 20.83333%;
    flex: 0 0 20.83333%;
    max-width: 20.83333%;
  }

  .col-lg-6 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-lg-7 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 29.16667%;
    -ms-flex: 0 0 29.16667%;
    flex: 0 0 29.16667%;
    max-width: 29.16667%;
  }

  .col-lg-8 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.33333%;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }

  .col-lg-9 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 37.5%;
    -ms-flex: 0 0 37.5%;
    flex: 0 0 37.5%;
    max-width: 37.5%;
  }

  .col-lg-10 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 41.66667%;
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }

  .col-lg-11 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 45.83333%;
    -ms-flex: 0 0 45.83333%;
    flex: 0 0 45.83333%;
    max-width: 45.83333%;
  }

  .col-lg-12 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-lg-13 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 54.16667%;
    -ms-flex: 0 0 54.16667%;
    flex: 0 0 54.16667%;
    max-width: 54.16667%;
  }

  .col-lg-14 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 58.33333%;
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }

  .col-lg-15 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 62.5%;
    -ms-flex: 0 0 62.5%;
    flex: 0 0 62.5%;
    max-width: 62.5%;
  }

  .col-lg-16 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 66.66667%;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }

  .col-lg-17 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 70.83333%;
    -ms-flex: 0 0 70.83333%;
    flex: 0 0 70.83333%;
    max-width: 70.83333%;
  }

  .col-lg-18 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 75%;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }

  .col-lg-19 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 79.16667%;
    -ms-flex: 0 0 79.16667%;
    flex: 0 0 79.16667%;
    max-width: 79.16667%;
  }

  .col-lg-20 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 83.33333%;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }

  .col-lg-21 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 87.5%;
    -ms-flex: 0 0 87.5%;
    flex: 0 0 87.5%;
    max-width: 87.5%;
  }

  .col-lg-22 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 91.66667%;
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }

  .col-lg-23 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 95.83333%;
    -ms-flex: 0 0 95.83333%;
    flex: 0 0 95.83333%;
    max-width: 95.83333%;
  }

  .col-lg-24 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .order-lg-1 {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }

  .order-lg-2 {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
  }

  .order-lg-3 {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
  }

  .order-lg-4 {
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
    -ms-flex-order: 4;
    order: 4;
  }

  .order-lg-5 {
    -webkit-box-ordinal-group: 6;
    -webkit-order: 5;
    -ms-flex-order: 5;
    order: 5;
  }

  .order-lg-6 {
    -webkit-box-ordinal-group: 7;
    -webkit-order: 6;
    -ms-flex-order: 6;
    order: 6;
  }

  .order-lg-7 {
    -webkit-box-ordinal-group: 8;
    -webkit-order: 7;
    -ms-flex-order: 7;
    order: 7;
  }

  .order-lg-8 {
    -webkit-box-ordinal-group: 9;
    -webkit-order: 8;
    -ms-flex-order: 8;
    order: 8;
  }

  .order-lg-9 {
    -webkit-box-ordinal-group: 10;
    -webkit-order: 9;
    -ms-flex-order: 9;
    order: 9;
  }

  .order-lg-10 {
    -webkit-box-ordinal-group: 11;
    -webkit-order: 10;
    -ms-flex-order: 10;
    order: 10;
  }

  .order-lg-11 {
    -webkit-box-ordinal-group: 12;
    -webkit-order: 11;
    -ms-flex-order: 11;
    order: 11;
  }

  .order-lg-12 {
    -webkit-box-ordinal-group: 13;
    -webkit-order: 12;
    -ms-flex-order: 12;
    order: 12;
  }

  .order-lg-13 {
    -webkit-box-ordinal-group: 14;
    -webkit-order: 13;
    -ms-flex-order: 13;
    order: 13;
  }

  .order-lg-14 {
    -webkit-box-ordinal-group: 15;
    -webkit-order: 14;
    -ms-flex-order: 14;
    order: 14;
  }

  .order-lg-15 {
    -webkit-box-ordinal-group: 16;
    -webkit-order: 15;
    -ms-flex-order: 15;
    order: 15;
  }

  .order-lg-16 {
    -webkit-box-ordinal-group: 17;
    -webkit-order: 16;
    -ms-flex-order: 16;
    order: 16;
  }

  .order-lg-17 {
    -webkit-box-ordinal-group: 18;
    -webkit-order: 17;
    -ms-flex-order: 17;
    order: 17;
  }

  .order-lg-18 {
    -webkit-box-ordinal-group: 19;
    -webkit-order: 18;
    -ms-flex-order: 18;
    order: 18;
  }

  .order-lg-19 {
    -webkit-box-ordinal-group: 20;
    -webkit-order: 19;
    -ms-flex-order: 19;
    order: 19;
  }

  .order-lg-20 {
    -webkit-box-ordinal-group: 21;
    -webkit-order: 20;
    -ms-flex-order: 20;
    order: 20;
  }

  .order-lg-21 {
    -webkit-box-ordinal-group: 22;
    -webkit-order: 21;
    -ms-flex-order: 21;
    order: 21;
  }

  .order-lg-22 {
    -webkit-box-ordinal-group: 23;
    -webkit-order: 22;
    -ms-flex-order: 22;
    order: 22;
  }

  .order-lg-23 {
    -webkit-box-ordinal-group: 24;
    -webkit-order: 23;
    -ms-flex-order: 23;
    order: 23;
  }

  .order-lg-24 {
    -webkit-box-ordinal-group: 25;
    -webkit-order: 24;
    -ms-flex-order: 24;
    order: 24;
  }
}

@media (max-width: 1399.98px) {
  .col-xl-1 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 4.16667%;
    -ms-flex: 0 0 4.16667%;
    flex: 0 0 4.16667%;
    max-width: 4.16667%;
  }

  .col-xl-2 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 8.33333%;
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }

  .col-xl-3 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 12.5%;
    -ms-flex: 0 0 12.5%;
    flex: 0 0 12.5%;
    max-width: 12.5%;
  }

  .col-xl-4 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16.66667%;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }

  .col-xl-5 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 20.83333%;
    -ms-flex: 0 0 20.83333%;
    flex: 0 0 20.83333%;
    max-width: 20.83333%;
  }

  .col-xl-6 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-xl-7 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 29.16667%;
    -ms-flex: 0 0 29.16667%;
    flex: 0 0 29.16667%;
    max-width: 29.16667%;
  }

  .col-xl-8 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.33333%;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }

  .col-xl-9 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 37.5%;
    -ms-flex: 0 0 37.5%;
    flex: 0 0 37.5%;
    max-width: 37.5%;
  }

  .col-xl-10 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 41.66667%;
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }

  .col-xl-11 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 45.83333%;
    -ms-flex: 0 0 45.83333%;
    flex: 0 0 45.83333%;
    max-width: 45.83333%;
  }

  .col-xl-12 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-xl-13 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 54.16667%;
    -ms-flex: 0 0 54.16667%;
    flex: 0 0 54.16667%;
    max-width: 54.16667%;
  }

  .col-xl-14 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 58.33333%;
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }

  .col-xl-15 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 62.5%;
    -ms-flex: 0 0 62.5%;
    flex: 0 0 62.5%;
    max-width: 62.5%;
  }

  .col-xl-16 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 66.66667%;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }

  .col-xl-17 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 70.83333%;
    -ms-flex: 0 0 70.83333%;
    flex: 0 0 70.83333%;
    max-width: 70.83333%;
  }

  .col-xl-18 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 75%;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }

  .col-xl-19 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 79.16667%;
    -ms-flex: 0 0 79.16667%;
    flex: 0 0 79.16667%;
    max-width: 79.16667%;
  }

  .col-xl-20 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 83.33333%;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }

  .col-xl-21 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 87.5%;
    -ms-flex: 0 0 87.5%;
    flex: 0 0 87.5%;
    max-width: 87.5%;
  }

  .col-xl-22 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 91.66667%;
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }

  .col-xl-23 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 95.83333%;
    -ms-flex: 0 0 95.83333%;
    flex: 0 0 95.83333%;
    max-width: 95.83333%;
  }

  .col-xl-24 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .order-xl-1 {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }

  .order-xl-2 {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
  }

  .order-xl-3 {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
  }

  .order-xl-4 {
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
    -ms-flex-order: 4;
    order: 4;
  }

  .order-xl-5 {
    -webkit-box-ordinal-group: 6;
    -webkit-order: 5;
    -ms-flex-order: 5;
    order: 5;
  }

  .order-xl-6 {
    -webkit-box-ordinal-group: 7;
    -webkit-order: 6;
    -ms-flex-order: 6;
    order: 6;
  }

  .order-xl-7 {
    -webkit-box-ordinal-group: 8;
    -webkit-order: 7;
    -ms-flex-order: 7;
    order: 7;
  }

  .order-xl-8 {
    -webkit-box-ordinal-group: 9;
    -webkit-order: 8;
    -ms-flex-order: 8;
    order: 8;
  }

  .order-xl-9 {
    -webkit-box-ordinal-group: 10;
    -webkit-order: 9;
    -ms-flex-order: 9;
    order: 9;
  }

  .order-xl-10 {
    -webkit-box-ordinal-group: 11;
    -webkit-order: 10;
    -ms-flex-order: 10;
    order: 10;
  }

  .order-xl-11 {
    -webkit-box-ordinal-group: 12;
    -webkit-order: 11;
    -ms-flex-order: 11;
    order: 11;
  }

  .order-xl-12 {
    -webkit-box-ordinal-group: 13;
    -webkit-order: 12;
    -ms-flex-order: 12;
    order: 12;
  }

  .order-xl-13 {
    -webkit-box-ordinal-group: 14;
    -webkit-order: 13;
    -ms-flex-order: 13;
    order: 13;
  }

  .order-xl-14 {
    -webkit-box-ordinal-group: 15;
    -webkit-order: 14;
    -ms-flex-order: 14;
    order: 14;
  }

  .order-xl-15 {
    -webkit-box-ordinal-group: 16;
    -webkit-order: 15;
    -ms-flex-order: 15;
    order: 15;
  }

  .order-xl-16 {
    -webkit-box-ordinal-group: 17;
    -webkit-order: 16;
    -ms-flex-order: 16;
    order: 16;
  }

  .order-xl-17 {
    -webkit-box-ordinal-group: 18;
    -webkit-order: 17;
    -ms-flex-order: 17;
    order: 17;
  }

  .order-xl-18 {
    -webkit-box-ordinal-group: 19;
    -webkit-order: 18;
    -ms-flex-order: 18;
    order: 18;
  }

  .order-xl-19 {
    -webkit-box-ordinal-group: 20;
    -webkit-order: 19;
    -ms-flex-order: 19;
    order: 19;
  }

  .order-xl-20 {
    -webkit-box-ordinal-group: 21;
    -webkit-order: 20;
    -ms-flex-order: 20;
    order: 20;
  }

  .order-xl-21 {
    -webkit-box-ordinal-group: 22;
    -webkit-order: 21;
    -ms-flex-order: 21;
    order: 21;
  }

  .order-xl-22 {
    -webkit-box-ordinal-group: 23;
    -webkit-order: 22;
    -ms-flex-order: 22;
    order: 22;
  }

  .order-xl-23 {
    -webkit-box-ordinal-group: 24;
    -webkit-order: 23;
    -ms-flex-order: 23;
    order: 23;
  }

  .order-xl-24 {
    -webkit-box-ordinal-group: 25;
    -webkit-order: 24;
    -ms-flex-order: 24;
    order: 24;
  }
}

.flex_row {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
  -webkit-flex-direction: row !important;
  -ms-flex-direction: row !important;
  flex-direction: row !important;
}

.flex_column {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  -webkit-flex-direction: column !important;
  -ms-flex-direction: column !important;
  flex-direction: column !important;
}

.flex_row-reverse {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: reverse !important;
  -webkit-flex-direction: row-reverse !important;
  -ms-flex-direction: row-reverse !important;
  flex-direction: row-reverse !important;
}

.flex_column-reverse {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: reverse !important;
  -webkit-flex-direction: column-reverse !important;
  -ms-flex-direction: column-reverse !important;
  flex-direction: column-reverse !important;
}

.flex_wrap {
  -webkit-flex-wrap: wrap !important;
  -ms-flex-wrap: wrap !important;
  flex-wrap: wrap !important;
}

.flex_nowrap {
  -webkit-flex-wrap: nowrap !important;
  -ms-flex-wrap: nowrap !important;
  flex-wrap: nowrap !important;
}

.flex_wrap-reverse {
  -webkit-flex-wrap: wrap-reverse !important;
  -ms-flex-wrap: wrap-reverse !important;
  flex-wrap: wrap-reverse !important;
}

.flex_fill {
  -webkit-box-flex: 1 !important;
  -webkit-flex: 1 1 auto !important;
  -ms-flex: 1 1 auto !important;
  flex: 1 1 auto !important;
}

.flex_grow-0 {
  -webkit-box-flex: 0 !important;
  -webkit-flex-grow: 0 !important;
  -ms-flex-positive: 0 !important;
  flex-grow: 0 !important;
}

.flex_grow-1 {
  -webkit-box-flex: 1 !important;
  -webkit-flex-grow: 1 !important;
  -ms-flex-positive: 1 !important;
  flex-grow: 1 !important;
}

.flex_shrink-0 {
  -webkit-flex-shrink: 0 !important;
  -ms-flex-negative: 0 !important;
  flex-shrink: 0 !important;
}

.flex_shrink-1 {
  -webkit-flex-shrink: 1 !important;
  -ms-flex-negative: 1 !important;
  flex-shrink: 1 !important;
}

.justify_content_start {
  -webkit-box-pack: start !important;
  -webkit-justify-content: flex-start !important;
  -ms-flex-pack: start !important;
  justify-content: flex-start !important;
}

.justify_content_end {
  -webkit-box-pack: end !important;
  -webkit-justify-content: flex-end !important;
  -ms-flex-pack: end !important;
  justify-content: flex-end !important;
}

.justify_content_center {
  -webkit-box-pack: center !important;
  -webkit-justify-content: center !important;
  -ms-flex-pack: center !important;
  justify-content: center !important;
}

.justify_content_between {
  -webkit-box-pack: justify !important;
  -webkit-justify-content: space-between !important;
  -ms-flex-pack: justify !important;
  justify-content: space-between !important;
}

.justify_content_around {
  -webkit-justify-content: space-around !important;
  -ms-flex-pack: distribute !important;
  justify-content: space-around !important;
}

.align_items_start {
  -webkit-box-align: start !important;
  -webkit-align-items: flex-start !important;
  -ms-flex-align: start !important;
  align-items: flex-start !important;
}

.align_items_end {
  -webkit-box-align: end !important;
  -webkit-align-items: flex-end !important;
  -ms-flex-align: end !important;
  align-items: flex-end !important;
}

.align_items_center {
  -webkit-box-align: center !important;
  -webkit-align-items: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
}

.align_items_baseline {
  -webkit-box-align: baseline !important;
  -webkit-align-items: baseline !important;
  -ms-flex-align: baseline !important;
  align-items: baseline !important;
}

.align_items_stretch {
  -webkit-box-align: stretch !important;
  -webkit-align-items: stretch !important;
  -ms-flex-align: stretch !important;
  align-items: stretch !important;
}

.align_content_start {
  -webkit-align-content: flex-start !important;
  -ms-flex-line-pack: start !important;
  align-content: flex-start !important;
}

.align_content_end {
  -webkit-align-content: flex-end !important;
  -ms-flex-line-pack: end !important;
  align-content: flex-end !important;
}

.align_content_center {
  -webkit-align-content: center !important;
  -ms-flex-line-pack: center !important;
  align-content: center !important;
}

.align_content_between {
  -webkit-align-content: space-between !important;
  -ms-flex-line-pack: justify !important;
  align-content: space-between !important;
}

.align_content_around {
  -webkit-align-content: space-around !important;
  -ms-flex-line-pack: distribute !important;
  align-content: space-around !important;
}

.align_content_stretch {
  -webkit-align-content: stretch !important;
  -ms-flex-line-pack: stretch !important;
  align-content: stretch !important;
}

.align_self_auto {
  -webkit-align-self: auto !important;
  -ms-flex-item-align: auto !important;
  -ms-grid-row-align: auto !important;
  align-self: auto !important;
}

.align_self_start {
  -webkit-align-self: flex-start !important;
  -ms-flex-item-align: start !important;
  align-self: flex-start !important;
}

.align_self_end {
  -webkit-align-self: flex-end !important;
  -ms-flex-item-align: end !important;
  align-self: flex-end !important;
}

.align_self_center {
  -webkit-align-self: center !important;
  -ms-flex-item-align: center !important;
  -ms-grid-row-align: center !important;
  align-self: center !important;
}

.align_self_baseline {
  -webkit-align-self: baseline !important;
  -ms-flex-item-align: baseline !important;
  align-self: baseline !important;
}

.align_self_stretch {
  -webkit-align-self: stretch !important;
  -ms-flex-item-align: stretch !important;
  -ms-grid-row-align: stretch !important;
  align-self: stretch !important;
}

@media (min-width: 376px) {
  .flex-xs_row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -webkit-flex-direction: row !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }

  .flex-xs_column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -webkit-flex-direction: column !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }

  .flex-xs_row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -webkit-flex-direction: row-reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }

  .flex-xs_column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -webkit-flex-direction: column-reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }

  .flex-xs_wrap {
    -webkit-flex-wrap: wrap !important;
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }

  .flex-xs_nowrap {
    -webkit-flex-wrap: nowrap !important;
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }

  .flex-xs_wrap-reverse {
    -webkit-flex-wrap: wrap-reverse !important;
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }

  .flex-xs_fill {
    -webkit-box-flex: 1 !important;
    -webkit-flex: 1 1 auto !important;
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
  }

  .flex-xs_grow-0 {
    -webkit-box-flex: 0 !important;
    -webkit-flex-grow: 0 !important;
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
  }

  .flex-xs_grow-1 {
    -webkit-box-flex: 1 !important;
    -webkit-flex-grow: 1 !important;
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
  }

  .flex-xs_shrink-0 {
    -webkit-flex-shrink: 0 !important;
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }

  .flex-xs_shrink-1 {
    -webkit-flex-shrink: 1 !important;
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }

  .justify_content-xs_start {
    -webkit-box-pack: start !important;
    -webkit-justify-content: flex-start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }

  .justify_content-xs_end {
    -webkit-box-pack: end !important;
    -webkit-justify-content: flex-end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }

  .justify_content-xs_center {
    -webkit-box-pack: center !important;
    -webkit-justify-content: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }

  .justify_content-xs_between {
    -webkit-box-pack: justify !important;
    -webkit-justify-content: space-between !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }

  .justify_content-xs_around {
    -webkit-justify-content: space-around !important;
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }

  .align_items-xs_start {
    -webkit-box-align: start !important;
    -webkit-align-items: flex-start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }

  .align_items-xs_end {
    -webkit-box-align: end !important;
    -webkit-align-items: flex-end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }

  .align_items-xs_center {
    -webkit-box-align: center !important;
    -webkit-align-items: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
  }

  .align_items-xs_baseline {
    -webkit-box-align: baseline !important;
    -webkit-align-items: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }

  .align_items-xs_stretch {
    -webkit-box-align: stretch !important;
    -webkit-align-items: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }

  .align_content-xs_start {
    -webkit-align-content: flex-start !important;
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }

  .align_content-xs_end {
    -webkit-align-content: flex-end !important;
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }

  .align_content-xs_center {
    -webkit-align-content: center !important;
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }

  .align_content-xs_between {
    -webkit-align-content: space-between !important;
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }

  .align_content-xs_around {
    -webkit-align-content: space-around !important;
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }

  .align_content-xs_stretch {
    -webkit-align-content: stretch !important;
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }

  .align_self-xs_auto {
    -webkit-align-self: auto !important;
    -ms-flex-item-align: auto !important;
    -ms-grid-row-align: auto !important;
    align-self: auto !important;
  }

  .align_self-xs_start {
    -webkit-align-self: flex-start !important;
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }

  .align_self-xs_end {
    -webkit-align-self: flex-end !important;
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }

  .align_self-xs_center {
    -webkit-align-self: center !important;
    -ms-flex-item-align: center !important;
    -ms-grid-row-align: center !important;
    align-self: center !important;
  }

  .align_self-xs_baseline {
    -webkit-align-self: baseline !important;
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }

  .align_self-xs_stretch {
    -webkit-align-self: stretch !important;
    -ms-flex-item-align: stretch !important;
    -ms-grid-row-align: stretch !important;
    align-self: stretch !important;
  }
}

@media (min-width: 768px) {
  .flex-md_row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -webkit-flex-direction: row !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }

  .flex-md_column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -webkit-flex-direction: column !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }

  .flex-md_row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -webkit-flex-direction: row-reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }

  .flex-md_column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -webkit-flex-direction: column-reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }

  .flex-md_wrap {
    -webkit-flex-wrap: wrap !important;
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }

  .flex-md_nowrap {
    -webkit-flex-wrap: nowrap !important;
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }

  .flex-md_wrap-reverse {
    -webkit-flex-wrap: wrap-reverse !important;
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }

  .flex-md_fill {
    -webkit-box-flex: 1 !important;
    -webkit-flex: 1 1 auto !important;
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
  }

  .flex-md_grow-0 {
    -webkit-box-flex: 0 !important;
    -webkit-flex-grow: 0 !important;
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
  }

  .flex-md_grow-1 {
    -webkit-box-flex: 1 !important;
    -webkit-flex-grow: 1 !important;
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
  }

  .flex-md_shrink-0 {
    -webkit-flex-shrink: 0 !important;
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }

  .flex-md_shrink-1 {
    -webkit-flex-shrink: 1 !important;
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }

  .justify_content-md_start {
    -webkit-box-pack: start !important;
    -webkit-justify-content: flex-start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }

  .justify_content-md_end {
    -webkit-box-pack: end !important;
    -webkit-justify-content: flex-end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }

  .justify_content-md_center {
    -webkit-box-pack: center !important;
    -webkit-justify-content: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }

  .justify_content-md_between {
    -webkit-box-pack: justify !important;
    -webkit-justify-content: space-between !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }

  .justify_content-md_around {
    -webkit-justify-content: space-around !important;
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }

  .align_items-md_start {
    -webkit-box-align: start !important;
    -webkit-align-items: flex-start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }

  .align_items-md_end {
    -webkit-box-align: end !important;
    -webkit-align-items: flex-end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }

  .align_items-md_center {
    -webkit-box-align: center !important;
    -webkit-align-items: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
  }

  .align_items-md_baseline {
    -webkit-box-align: baseline !important;
    -webkit-align-items: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }

  .align_items-md_stretch {
    -webkit-box-align: stretch !important;
    -webkit-align-items: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }

  .align_content-md_start {
    -webkit-align-content: flex-start !important;
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }

  .align_content-md_end {
    -webkit-align-content: flex-end !important;
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }

  .align_content-md_center {
    -webkit-align-content: center !important;
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }

  .align_content-md_between {
    -webkit-align-content: space-between !important;
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }

  .align_content-md_around {
    -webkit-align-content: space-around !important;
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }

  .align_content-md_stretch {
    -webkit-align-content: stretch !important;
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }

  .align_self-md_auto {
    -webkit-align-self: auto !important;
    -ms-flex-item-align: auto !important;
    -ms-grid-row-align: auto !important;
    align-self: auto !important;
  }

  .align_self-md_start {
    -webkit-align-self: flex-start !important;
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }

  .align_self-md_end {
    -webkit-align-self: flex-end !important;
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }

  .align_self-md_center {
    -webkit-align-self: center !important;
    -ms-flex-item-align: center !important;
    -ms-grid-row-align: center !important;
    align-self: center !important;
  }

  .align_self-md_baseline {
    -webkit-align-self: baseline !important;
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }

  .align_self-md_stretch {
    -webkit-align-self: stretch !important;
    -ms-flex-item-align: stretch !important;
    -ms-grid-row-align: stretch !important;
    align-self: stretch !important;
  }
}

@media (min-width: 1000px) {
  .flex-lg_row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -webkit-flex-direction: row !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }

  .flex-lg_column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -webkit-flex-direction: column !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }

  .flex-lg_row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -webkit-flex-direction: row-reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }

  .flex-lg_column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -webkit-flex-direction: column-reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }

  .flex-lg_wrap {
    -webkit-flex-wrap: wrap !important;
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }

  .flex-lg_nowrap {
    -webkit-flex-wrap: nowrap !important;
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }

  .flex-lg_wrap-reverse {
    -webkit-flex-wrap: wrap-reverse !important;
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }

  .flex-lg_fill {
    -webkit-box-flex: 1 !important;
    -webkit-flex: 1 1 auto !important;
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
  }

  .flex-lg_grow-0 {
    -webkit-box-flex: 0 !important;
    -webkit-flex-grow: 0 !important;
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
  }

  .flex-lg_grow-1 {
    -webkit-box-flex: 1 !important;
    -webkit-flex-grow: 1 !important;
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
  }

  .flex-lg_shrink-0 {
    -webkit-flex-shrink: 0 !important;
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }

  .flex-lg_shrink-1 {
    -webkit-flex-shrink: 1 !important;
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }

  .justify_content-lg_start {
    -webkit-box-pack: start !important;
    -webkit-justify-content: flex-start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }

  .justify_content-lg_end {
    -webkit-box-pack: end !important;
    -webkit-justify-content: flex-end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }

  .justify_content-lg_center {
    -webkit-box-pack: center !important;
    -webkit-justify-content: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }

  .justify_content-lg_between {
    -webkit-box-pack: justify !important;
    -webkit-justify-content: space-between !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }

  .justify_content-lg_around {
    -webkit-justify-content: space-around !important;
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }

  .align_items-lg_start {
    -webkit-box-align: start !important;
    -webkit-align-items: flex-start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }

  .align_items-lg_end {
    -webkit-box-align: end !important;
    -webkit-align-items: flex-end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }

  .align_items-lg_center {
    -webkit-box-align: center !important;
    -webkit-align-items: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
  }

  .align_items-lg_baseline {
    -webkit-box-align: baseline !important;
    -webkit-align-items: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }

  .align_items-lg_stretch {
    -webkit-box-align: stretch !important;
    -webkit-align-items: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }

  .align_content-lg_start {
    -webkit-align-content: flex-start !important;
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }

  .align_content-lg_end {
    -webkit-align-content: flex-end !important;
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }

  .align_content-lg_center {
    -webkit-align-content: center !important;
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }

  .align_content-lg_between {
    -webkit-align-content: space-between !important;
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }

  .align_content-lg_around {
    -webkit-align-content: space-around !important;
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }

  .align_content-lg_stretch {
    -webkit-align-content: stretch !important;
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }

  .align_self-lg_auto {
    -webkit-align-self: auto !important;
    -ms-flex-item-align: auto !important;
    -ms-grid-row-align: auto !important;
    align-self: auto !important;
  }

  .align_self-lg_start {
    -webkit-align-self: flex-start !important;
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }

  .align_self-lg_end {
    -webkit-align-self: flex-end !important;
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }

  .align_self-lg_center {
    -webkit-align-self: center !important;
    -ms-flex-item-align: center !important;
    -ms-grid-row-align: center !important;
    align-self: center !important;
  }

  .align_self-lg_baseline {
    -webkit-align-self: baseline !important;
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }

  .align_self-lg_stretch {
    -webkit-align-self: stretch !important;
    -ms-flex-item-align: stretch !important;
    -ms-grid-row-align: stretch !important;
    align-self: stretch !important;
  }
}

@media (min-width: 1400px) {
  .flex-xl_row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -webkit-flex-direction: row !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }

  .flex-xl_column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -webkit-flex-direction: column !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
  }

  .flex-xl_row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -webkit-flex-direction: row-reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
  }

  .flex-xl_column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -webkit-flex-direction: column-reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important;
  }

  .flex-xl_wrap {
    -webkit-flex-wrap: wrap !important;
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }

  .flex-xl_nowrap {
    -webkit-flex-wrap: nowrap !important;
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
  }

  .flex-xl_wrap-reverse {
    -webkit-flex-wrap: wrap-reverse !important;
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
  }

  .flex-xl_fill {
    -webkit-box-flex: 1 !important;
    -webkit-flex: 1 1 auto !important;
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
  }

  .flex-xl_grow-0 {
    -webkit-box-flex: 0 !important;
    -webkit-flex-grow: 0 !important;
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
  }

  .flex-xl_grow-1 {
    -webkit-box-flex: 1 !important;
    -webkit-flex-grow: 1 !important;
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
  }

  .flex-xl_shrink-0 {
    -webkit-flex-shrink: 0 !important;
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }

  .flex-xl_shrink-1 {
    -webkit-flex-shrink: 1 !important;
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important;
  }

  .justify_content-xl_start {
    -webkit-box-pack: start !important;
    -webkit-justify-content: flex-start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }

  .justify_content-xl_end {
    -webkit-box-pack: end !important;
    -webkit-justify-content: flex-end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
  }

  .justify_content-xl_center {
    -webkit-box-pack: center !important;
    -webkit-justify-content: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }

  .justify_content-xl_between {
    -webkit-box-pack: justify !important;
    -webkit-justify-content: space-between !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }

  .justify_content-xl_around {
    -webkit-justify-content: space-around !important;
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
  }

  .align_items-xl_start {
    -webkit-box-align: start !important;
    -webkit-align-items: flex-start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important;
  }

  .align_items-xl_end {
    -webkit-box-align: end !important;
    -webkit-align-items: flex-end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important;
  }

  .align_items-xl_center {
    -webkit-box-align: center !important;
    -webkit-align-items: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
  }

  .align_items-xl_baseline {
    -webkit-box-align: baseline !important;
    -webkit-align-items: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
  }

  .align_items-xl_stretch {
    -webkit-box-align: stretch !important;
    -webkit-align-items: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
  }

  .align_content-xl_start {
    -webkit-align-content: flex-start !important;
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
  }

  .align_content-xl_end {
    -webkit-align-content: flex-end !important;
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
  }

  .align_content-xl_center {
    -webkit-align-content: center !important;
    -ms-flex-line-pack: center !important;
    align-content: center !important;
  }

  .align_content-xl_between {
    -webkit-align-content: space-between !important;
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
  }

  .align_content-xl_around {
    -webkit-align-content: space-around !important;
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
  }

  .align_content-xl_stretch {
    -webkit-align-content: stretch !important;
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
  }

  .align_self-xl_auto {
    -webkit-align-self: auto !important;
    -ms-flex-item-align: auto !important;
    -ms-grid-row-align: auto !important;
    align-self: auto !important;
  }

  .align_self-xl_start {
    -webkit-align-self: flex-start !important;
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
  }

  .align_self-xl_end {
    -webkit-align-self: flex-end !important;
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
  }

  .align_self-xl_center {
    -webkit-align-self: center !important;
    -ms-flex-item-align: center !important;
    -ms-grid-row-align: center !important;
    align-self: center !important;
  }

  .align_self-xl_baseline {
    -webkit-align-self: baseline !important;
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
  }

  .align_self-xl_stretch {
    -webkit-align-self: stretch !important;
    -ms-flex-item-align: stretch !important;
    -ms-grid-row-align: stretch !important;
    align-self: stretch !important;
  }
}

.l_guide .heading_02 {
  color: #625023;
}

.l_guide h2 {
  margin-bottom: 0.83333em;
}

.l_guide__border>li {
  border-top: 2px solid #e6e6e6;
  padding: 3em 2em;
}

.l_guide__border>li:last-of-type {
  border-bottom: 2px solid #e6e6e6;
}

.l_guide .linklist {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.l_guide .linklist>li {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 30%;
  padding-right: 1em;
}

.l_guide .linklist>li:nth-child(n+4) {
  margin-top: 2em;
}

.l_guide .linklist>li a {
  text-indent: -1.5em;
  padding-left: 1.5em;
}

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

.l_guide .icon {
  margin-right: .4em;
}

@media screen and (max-width: 767px) {
  .l_guide__border>li {
    padding-left: 0;
    padding-right: 0;
  }

  .l_guide .linklist {
    display: block;
  }

  .l_guide .linklist>li {
    width: 100%;
    padding-right: 0em;
    margin-bottom: 1em;
  }

  .l_guide .linklist>li:nth-child(n+4) {
    margin-top: 0em;
  }

  .l_guide .linklist--w35 {
    width: 100% !important;
  }
}

.guide_nav {
  border-top: 1px solid var(--text-color);
  border-bottom: 1px solid var(--text-color);
  margin-bottom: 30px;
}

.guide_nav a {
  font-size: 1.06667rem;
  font-weight: bold;
  padding: 1em;
  padding-left: 2em;
  display: block;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  position: relative;
}

.guide_nav a .icon {
  position: absolute;
  left: .8em;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.guide_nav a:hover {
  background: #F5F5F5;
}

.guide_nav .current a {
  background: #F5F5F5;
}

.guide_nav__btn {
  display: none;
}

@media screen and (max-width: 767px) {
  .guide_nav {
    border-top: 1px solid var(--text-color);
    border-bottom: 1px solid var(--text-color);
    margin-bottom: 12vw;
  }

  .guide_nav ul {
    padding: .7em 0;
    background: #F5F5F5;
  }

  .guide_nav a {
    font-size: 1.06667rem;
    padding: .7em;
    padding-left: 2em;
    background: #F5F5F5;
  }

  .guide_nav__btn {
    display: block;
    padding: 1em;
    font-size: 1.13333rem;
    font-weight: bold;
    position: relative;
  }

  .guide_nav__btn .icon {
    position: absolute;
    right: 1em;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }

  .guide_nav__btn.active .icon {
    -webkit-transform: translateY(-50%) rotate(180deg);
    -ms-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg);
  }
}

.l_guide_con__sec h1 {
  margin: 0 0 20px;
}

.l_guide_con__sec .h2 {
  color: var(--text-color);
  font-size: 1.6rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin: 40px 0 20px;
  font-weight: 700;
}

.l_guide_con__sec .h2__index {
  background: var(--text-color);
  color: #fff;
  width: 35px;
  height: 35px;
  font-size: 20px;
  margin-right: 10px;
  line-height: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.l_guide_con__sec .h3 {
  font-weight: 700;
  margin-top: 30px;
  margin-bottom: 5px;
}

.l_guide_con__sec .h4 {
  font-weight: 700;
  margin-top: 30px;
  margin-bottom: 5px;
}

.l_guide_con__sec .h5 {
  font-weight: 700;
  margin-top: 30px;
}

.l_guide_con__sec .h5:nth-child(1) {
  margin-top: 0;
}

.l_guide_con__sec .ul {
  padding-left: 1.2em;
  margin-top: 5px;
}

.l_guide_con__sec .li {
  line-height: 1.6;
  font-size: 1rem;
}

.l_guide_con__sec .li::before {
  content: "・";
  margin-left: -1em;
}

.l_guide_con__sec .p {
  font-size: 1rem;
  line-height: 1.8;
  margin-top: 8px;
}

.l_guide_con__sec .p+.note {
  margin-top: 0;
}

.l_guide_con__sec .p+.sec__btn {
  margin-top: 1em;
}

.l_guide_con__sec .hr {
  margin: 30px 0;
  border-top: none;
  background: #ccc;
  height: 1px;
  border-style: unset;
}

.l_guide_con__sec .note {
  padding-left: 0;
  font-size: 0.8rem;
}

.l_guide_con__sec a.underline {
  text-decoration: underline;
}

.l_guide_con__sec a.underline i {
  margin-left: 5px;
}

.l_guide_con__sec .recommended_environment_table {
  border-top: 1px solid #CCC;
  margin: 30px 0;
}

.l_guide_con__sec .recommended_environment_table__row {
  border-bottom: 1px solid #CCC;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 30px 0;
}

.l_guide_con__sec .recommended_environment_table__title {
  width: 160px;
  font-size: 1rem;
  font-weight: 700;
  padding-left: 30px;
}

.l_guide_con__sec .recommended_environment_table__con {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

@media screen and (max-width: 767px) {
  .l_guide_con__sec .recommended_environment_table__row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .l_guide_con__sec .recommended_environment_table__title {
    width: auto;
    padding-left: 0;
    margin-bottom: 10px;
  }
}

.l_guide_con__sec .guide_caps__block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 30px;
}

.l_guide_con__sec .guide_caps__cap {
  width: calc(450/813*100%);
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.l_guide_con__sec .guide_caps__desc {
  width: calc(330/813*100%);
  padding: calc(30/813*100%);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.l_guide_con__sec .guide_caps__li {
  list-style-type: disc;
}

@media screen and (max-width: 767px) {
  .l_guide_con__sec .guide_caps__block {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .l_guide_con__sec .guide_caps__desc {
    width: 100%;
    padding-top: 0;
    padding-right: 10px;
  }

  .l_guide_con__sec .guide_caps__cap {
    width: auto;
    padding: 0 30px;
  }
}

.l_guide_con__sec .guide_step__block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 30px;
}

.l_guide_con__sec .guide_step__cap {
  width: calc(450/813*100%);
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.l_guide_con__sec .guide_step__desc {
  width: calc(330/813*100%);
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.l_guide_con__sec .guide_step__ul {
  position: relative;
}

.l_guide_con__sec .guide_step__ul_pos_0par {
  top: 0;
}

.l_guide_con__sec .guide_step__ul_pos_10par {
  top: 10%;
}

.l_guide_con__sec .guide_step__ul_pos_20par {
  top: 20%;
}

.l_guide_con__sec .guide_step__ul_pos_30par {
  top: 30%;
}

.l_guide_con__sec .guide_step__ul_pos_40par {
  top: 40%;
}

.l_guide_con__sec .guide_step__ul_pos_50par {
  top: 50%;
}

.l_guide_con__sec .guide_step__ul_pos_60par {
  top: 60%;
}

.l_guide_con__sec .guide_step__ul_pos_70par {
  top: 70%;
}

.l_guide_con__sec .guide_step__ul_pos_80par {
  top: 80%;
}

.l_guide_con__sec .guide_step__ul_pos_90par {
  top: 90%;
}

.l_guide_con__sec .guide_step__ul_pos_100par {
  top: 100%;
}

.l_guide_con__sec .guide_step__step {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 10px;
}

.l_guide_con__sec .guide_step__step_index {
  display: inline-block;
  width: 30px;
  height: 30px;
  border: 2px solid var(--text-color);
  border-radius: 50px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: var(--text-color);
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.l_guide_con__sec .guide_step__step_label {
  padding-left: 10px;
}

.l_guide_con__sec .guide_step__step_label_note {
  font-size: 0.8rem;
  margin-top: .5em;
  display: block;
  text-indent: -1em;
  padding-left: 1em;
}

@media screen and (max-width: 767px) {
  .l_guide_con__sec .guide_step__block {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .l_guide_con__sec .guide_step__desc {
    width: 100%;
    padding-top: 0;
    padding-right: 10px;
  }

  .l_guide_con__sec .guide_step__cap {
    width: auto;
    padding: 0 30px;
  }
}

.l_guide_con__sec .service_logos {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 10px 0 20px;
}

.l_guide_con__sec .service_logos img {
  margin-right: 30px;
  zoom: 0.5;
}

/* header
----------------------------------------------------------------------------- */
.l_header {
  border-bottom: 1px solid #E0E0E0;
  /* padding-top: 20px; */
  background: #fff;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 999;
}

.l_header__inr {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 1em;
  position: relative;
}

.l_header__logo {
  display: flex;
  align-items: center;
  margin-right: 20px;
}

.l_header__logo a {
  overflow: hidden;
  display: block;
  text-indent: 100%;
  white-space: nowrap;
  background-image: url(../images/logo.svg);
  background-repeat: no-repeat;
  background-size: contain;
  width: 170px;
  aspect-ratio: 348 / 151;
}

.l_header__wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
}

.l_header__wrap .form--search input[type=submit] {
  border-radius: 0 6px 6px 0;
}

.l_header__wrap .form--search input[type=keyword] {
  border-radius: 6px 0 0 6px;
}

.l_header__loginlinks {
  margin: 20px 0;
}

.l_header__loginlinks ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.l_header__loginlinks ul li {
  margin-left: 10px;
}

.l_header__loginlinks ul li a {
  border-radius: 4px;
}

.l_header__side {
  position: absolute;
  right: 1em;
  margin-top: 80px;
  font-size: 0.93333rem;
}

.l_header__side ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin-top: 1.4em;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.l_header__side ul a {
  padding-left: 2em;
  position: relative;
  font-weight: bold;
}

.l_header__side ul li~li {
  border-right: 1px solid var(--text-color);
}

.l_header__side ul li:last-child {
  border-right: none;
}

.l_header__side ul .icon {
  margin-bottom: 4px;
}

.l_header__side ul .header-cart-amout {
  position: absolute;
  top: -7px;
  left: 40%;
  background: #B11215;
  color: #fff;
  font-size: 10px;
  width: 1.8em;
  height: 1.8em;
  line-height: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 50%;
}

.l_header.is_fixed .l_header__side ul .header-cart-amout {
  left: 22%;
}

.l_header__nav {
  font-size: 1.06667rem;
  font-weight: bold;
  padding-top: 25px;
}

.l_header__nav ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.l_header__nav li~li {
  margin-left: 4.09091%;
}

.l_header__nav a {
  display: block;
  padding-bottom: 1.16667em;
  position: relative;
  position: relative;
  display: inline-block;
  text-decoration: none;
  width: 100%;
}

.l_header__nav a::after {
  position: absolute;
  left: 0;
  content: '';
  width: 100%;
  height: 2px;
  background: var(--accent-color);
  bottom: -2px;
  -webkit-transform: scale(0, 1);
  -ms-transform: scale(0, 1);
  transform: scale(0, 1);
  -webkit-transition: -webkit-transform .3s;
  transition: -webkit-transform .3s;
  -o-transition: transform .3s;
  transition: transform .3s;
  transition: transform .3s, -webkit-transform .3s;
  -webkit-transform-origin: right top;
  -ms-transform-origin: right top;
  transform-origin: right top;
}

.l_header__nav a::after {
  bottom: 0;
}


.l_header__nav li.active a::after {
  -webkit-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  transform: scale(1, 1);
}

.l_header.is_fixed {
  -webkit-animation: fixed_pc .5s;
  animation: fixed_pc .5s;
  padding-top: 20px;
  padding-bottom: 20px;
}

.l_header.is_fixed .l_header__logo a {
  width: 140px;
}

.l_header.is_fixed .form--search {
  display: none;
}

.l_header.is_fixed .l_header__side {
  margin-top: 2.2vw;
  top: 0;
}

.l_header.is_fixed .l_header__loginlinks {
  display: none;
}

.l_header.is_fixed .l_header__side {
  top: 49%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 2;
  margin: 0;
}

.l_header.is_fixed .l_header__side .form {
  display: none;
}

.l_header.is_fixed .l_header__side ul {
  margin-top: 0;
}

.l_header.is_fixed .l_header__side ul a {
  padding: 0 .7em;
}

.l_header.is_fixed .l_header__nav {
  position: absolute;
  left: 305px;
  top: calc(50% + 15px);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  padding-top: 0;
  width: 100%;
  font-size: 0.93333rem;
}

.l_header.is_fixed .l_header__nav li~li {
  margin-left: 1.81818%;
}

.l_header.is_fixed .l_header__nav a {
  padding-bottom: 30px;
}

.l_header.is_fixed .l_header__nav a:after {
  bottom: -3px;
}

.l_header--form {
  padding-bottom: 20px;
}

.l_header--form .l_header__logo a {
  margin: 0 auto;
}

.l_header--form.is_fixed .l_header__logo a {
  width: 160px;
}

.l_header--form .l_header__wrap {
  display: block;
}

@media screen and (max-width: 1100px) {
  .l_header__wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .l_header__logo a {
    width: 140px;
    margin: 10px 0;
  }

  .l_header .form--search input[type=search]::-webkit-search-cancel-button {
    display: none;
  }

  .l_header__loginlinks {
    position: relative;
  }

  .l_header__side {
    margin-top: 0;
    position: static;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }

  .l_header__side ul {
    margin-top: 0;
  }

  .l_header__side ul a {
    padding: 0 .9em;
  }

  .l_header__side ul li~li {
    border-right: none;
  }

  .l_header__nav {
    font-size: 0.86667rem;
    padding-top: 0;
    margin: 0 -16px;
  }

  .l_header__nav li {
    width: 100%;
    border-right: 1px solid #e0e0e0;
  }

  .l_header__nav li:first-child {
    border-left: 1px solid #e0e0e0;
  }

  .l_header__nav {
    border-top: 1px solid #e0e0e0;
  }

  .l_header__nav li~li {
    margin-left: 0;
  }

  .l_header__nav a {
    padding-bottom: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 1em 0;
  }

  .l_header__nav a::after {
    display: none;
  }

  .l_header__nav a:hover {
    opacity: .5;
  }

  .l_header.is_fixed {
    -webkit-animation: fixed_ipad .5s;
    animation: fixed_ipad .5s;
    padding-top: 0px;
    padding-bottom: 0px;
  }

  .l_header.is_fixed .l_header__inr {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .l_header.is_fixed .l_header__loginlinks {
    display: none;
  }

  .l_header.is_fixed .l_header__logo a {
    background-image: url(../images/logo.svg);
    width: 120px;
    padding-top: 0;
    margin: 0;
  }

  .l_header.is_fixed .l_header__side {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  .l_header.is_fixed .l_header__side ul {
    margin-left: 0;
  }

  .l_header.is_fixed .l_header__side ul a {
    padding: 0 1em;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    align-items: center;
    padding: 0 0 0 1em;
  }

  .l_header.is_fixed .l_header__side ul a .header-cart-text,
  .l_header.is_fixed .l_header__side .btn_header__hert span {
    font-size: 0.8rem;
  }


  .l_header.is_fixed .l_header__side .icon {
    width: 2em;
    height: 1.8em;
  }

  .l_header.is_fixed .l_header__nav {
    left: 180px;
    top: 0 !important;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    padding-top: 0;
    width: calc(100% - 360px);
    height: 100%;
  }

  .l_header.is_fixed .l_header__side ul .header-cart-amout {
    top: -5px;
    left: 29%;
  }

  .l_header__side ul .header-cart-amout {
    left: 24%;
  }

  .l_header.is_fixed .l_header__nav ul {
    height: 100%;
  }

  .l_header.is_fixed .l_header__nav li {
    display: none;
  }

  .l_header.is_fixed .l_header__nav li.select {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }

  .l_header.is_fixed .l_header__nav li~li {
    margin-left: 0;
  }

  .l_header.is_fixed .l_header__nav a {
    padding-top: 0;
    width: 100%;
    padding-bottom: 0 !important;
  }

  .l_header--form .l_header__logo {
    margin: 0 auto;
  }
}

@media screen and (max-width: 875px) {
  .l_header__logo a {
    width: 120px;
  }

  .l_header .btn_header__login,
  .l_header .btn_header__regist {
    padding: 0.75em 0.3em;
    font-size: 12px;
  }
}

@media screen and (max-width: 767px) {
  .l_header.is_fixed .l_header__side .icon {
    width: 3em;
    height: 2.8em;
  }

  .l_header.is_fixed .l_header__side ul .header-cart-amout {
    top: -8px;
    left: 55%;
  }

  .l_header__side ul .header-cart-amout {
    width: 1.6em;
    height: 1.6em;
    top: -8px;
    left: 55%;
    font-size: 13px;
    font-weight: normal;
  }

  .l_header {
    padding-top: 2vw;
  }

  .l_header__wrap {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .l_header__inr {
    padding: 0 4vw;
  }

  .l_header__logo {
    width: 140px;
    margin-bottom: 5px;
  }

  .l_header__logo a {
    width: 100%;
    padding-top: 0;
    margin: 0 auto;
  }

  .l_header__loginlinks {
    position: relative;
    top: 0;
    right: 0;
    margin: 0 0 5px;
    width: 45%;
  }

  .l_header__loginlinks ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }

  .l_header__loginlinks ul li {
    margin: 0;
  }

  .l_header__loginlinks ul li a {
    width: auto;
    display: block;
    text-align: center;
    padding: 0.3em 0.3em;
    font-size: 0.66667rem;
    white-space: nowrap;
  }

  .l_header__loginlinks ul li:first-child {
    margin-right: 4%;
  }

  .l_header__loginlinks ul li:last-child {
    margin-right: 0;
  }

  .l_header__side {
    width: 100%;
    font-size: 0.76667rem;
    margin: 0 auto;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .l_header__side ul {
    margin-left: 1.33333vw;
  }

  .l_header__side ul a {
    padding: 0 1.33333vw;
    display: block;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
  }

  .l_header__nav {
    font-size: 0.8rem;
    margin: 0 -4vw;
  }

  .l_header__nav ul {
    border-top: 1px solid #E0E0E0;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background: var(--bg-color);
  }

  .l_header__nav li {
    width: calc(100%/3);
    border-left: 1px solid #E0E0E0;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    text-align: center;
  }

  .l_header__nav a:hover {
    opacity: 1;
  }

  .l_header.is_fixed {
    -webkit-animation: fixed_sp .5s;
    animation: fixed_sp .5s;
    border-top: 1px solid #E0E0E0;
  }

  .l_header.is_fixed .l_header__nav ul {
    border-top: none;
  }

  .l_header.is_fixed .l_header__logo {
    width: 100%;
    margin: 0;
  }

  .l_header.is_fixed .l_header__logo a {
    background-image: url(../images/logo.svg);
    width: 120px;
  }

  .l_header.is_fixed .l_header__loginlinks {
    display: none;
  }


  .l_header.is_fixed .l_header__inr {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 0;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .l_header.is_fixed .l_header__wrap {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16%;
    -ms-flex: 0 0 16%;
    flex: 0 0 16%;
    max-width: 19%;
  }

  .l_header.is_fixed .l_header__nav {
    position: static;
    margin: 0;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 66.666%;
    -ms-flex: 0 0 66.666%;
    flex: 0 0 66.666%;
    max-width: 66.6666%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 0.8rem;
  }

  .l_header.is_fixed .l_header__nav li:nth-child(1) {
    border-left: 1px solid #ccc;
  }

  .l_header.is_fixed .l_header__nav ul {
    width: 100%;
  }

  .l_header.is_fixed .l_header__nav ul li {
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: calc(100%/3);
    border-right: 1px solid #ccc;
  }

  .l_header.is_fixed .l_header__nav ul a {
    padding: 3.8vw 0 !important;
  }

  .l_header.is_fixed .l_header__side {
    position: absolute;
    width: calc(10% + 10px);
    height: 100%;
    right: 0;
    top: 0;
  }

  .l_header.is_fixed .l_header__side ul li:first-child span {}

  .l_header.is_fixed .l_header__side ul a {
    margin-top: 5px;
  }

  .l_header.is_fixed .l_header__side ul .header-cart-text {
    display: none;
  }

  .l_header.is_fixed .l_header__inr ul li.sp_fixed_none {
    display: none;
  }

  .l_header--form {
    padding-bottom: 4vw;
    padding-top: 4vw;
  }

  .l_header--form.is_fixed {
    padding-bottom: 3vw;
    padding-top: 3vw;
  }

  .l_header--form.is_fixed .l_header__inr {
    display: block;
  }

  .l_header--form.is_fixed .l_header__wrap {
    max-width: 100%;
  }

  .l_header--form.is_fixed .l_header__logo a {
    width: 39.33333vw;
    padding-top: 7.13333vw;
    margin: 0 auto;
    background-image: url(../images/logo.svg);
  }
}

.under-520 {
  display: none;
}

@media screen and (max-width: 520px) {
  .under-520 {
    display: block;
  }
}

@-webkit-keyframes fixed_pc {
  0% {
    top: -129px;
  }

  100% {
    top: 0;
  }
}

@keyframes fixed_pc {
  0% {
    top: -129px;
  }

  100% {
    top: 0;
  }
}

@-webkit-keyframes fixed_ipad {
  0% {
    top: -78px;
  }

  100% {
    top: 0;
  }
}

@keyframes fixed_ipad {
  0% {
    top: -78px;
  }

  100% {
    top: 0;
  }
}

@-webkit-keyframes fixed_sp {
  0% {
    top: -15.46667vw;
  }

  100% {
    top: 0;
  }
}

@keyframes fixed_sp {
  0% {
    top: -15.46667vw;
  }

  100% {
    top: 0;
  }
}

/* header dropdown menu */
.dropdown__con {
  position: absolute;
  top: 140px;
  left: 0;
  width: 100%;
  height: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  background: transparent;
  z-index: -1;
}

.dropdown__con.is-active {
  height: auto;
  background: #fff;
  -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

.dropdown__con.is-fixed {
  top: 84px !important;
}

.dropdown_menu {
  max-width: 1100px;
  margin: 0 auto 2rem;
  position: relative;
  padding: 0 1em;
}

.guide-menu .menu_list_inner {
  min-height: 50px;
  width: 100%;
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
}

.guide-menu .menu_list {
  display: flex;
  justify-content: center;
  align-items: center;
}

.dropdown_menu--2nd .menu_text.menu_text--drop2 {
  line-height: 1.25rem;
  padding: 0;
}

@media screen and (max-width: 767px) {
  .dropdown_menu--2nd .menu_list_wrap.menu_list_wrap--first {
    padding-bottom: 45px;
  }

  .dropdown_menu--2nd .menu_list--secondary {
    width: 100%;
    max-width: 100%;
    margin-bottom: 0 !important;
  }

  .dropdown_menu--2nd .menu_list--secondary .menu_image {
    width: 70px;
  }

  .dropdown_menu--2nd .menu_text.menu_text--drop2 {
    font-size: 1rem;
    width: calc(100% - 80px);
  }
}

.dropdown__ttl-sp {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 999;
}

.return_btn {
  width: 3vw;
  height: 3vw;
  top: 3vw;
  right: 3vw;
  font-size: 0;
  position: absolute;
}

.return_btn::before {
  content: "";
  display: block;
  border-top: 1px solid var(--text-color);
  width: 8.33333vw;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  -ms-transform: translate(-50%, -50%) rotate(-45deg);
  transform: translate(-50%, -50%) rotate(-45deg);
}

.return_btn::after {
  content: "";
  display: block;
  border-top: 1px solid var(--text-color);
  width: 8.33333vw;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  -ms-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg);
}

.menu_list_wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.menu_list_wrap:first-child {
  margin-top: 1.5rem;
}

.menu_list_inner {
  margin: 5px;
  border: 1px solid #ccc;
  position: relative;
  background: #fff;
  overflow: hidden;
  border-radius: 6px;
}

.menu_list_inner a {
  display: block;
}

.menu_list {
  display: list-item;
}

.menu_text {
  position: absolute;
  width: 100%;
  left: auto;
  right: 0;
  text-align: left;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 1rem;
  font-weight: bold;
}

.menu_text span.sub {
  display: block;
  font-size: 70%;
  font-weight: normal;
  margin-top: 5px;
  line-height: 1.35;
}

.menu_text .separator {
  margin-right: 0.15rem;
  margin-left: 0.15rem;
}

.menu_list--major,
.menu_list--secondary {
  width: 20%;
  max-width: 20%;
}

.menu_list--major .menu_image {
  width: 32.7%;
  max-width: 90px;
}

.menu_list--major .menu_text {
  max-width: 67.3%;
  padding: 0 10px 0 15px;
  top: 50%;
  left: 67%;
  transform: translateY(-50%) translateX(-50%);
  -webkit-transform: translateY(-50%) translateX(-50%);
}

.menu_list--minor {
  width: 20%;
  max-width: 20%;
}

.menu_list--minor .menu_image {
  width: 31.8%;
  max-width: 70px;
}

.menu_list--minor .menu_text {
  max-width: 68.2%;
  top: 10px;
  padding: 0 10px;
}

.menu_list--secondary .menu_image {
  width: 60px;
}

.menu_list--secondary .menu_text {
  width: calc(100% - 60px);
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  padding: 0 10px;
}

.menu_list--all {
  width: 100%;
  text-align: center;
  margin-top: 20px;
}

.guide-menu .menu_list_inner {
  height: 70px;
  min-height: 70px;
  padding: 0;
}

.guide-menu .menu_list_inner a {
  display: flex;
  padding: 20px;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  text-align: center;
  align-items: center;
  justify-content: center;
}

@media screen and (max-width: 1100px) {
  .dropdown__con {
    top: 124px;
    z-index: 1;
    padding: 0 15px;
  }

  .dropdown__con.is-fixed {
    top: 79px !important;
  }

  .dropdown_menu {
    padding: 0;
    overflow-y: auto;
    overflow-x: hidden;
    height: calc(100vh - 120px);
    max-height: calc(100vh - 120px);
    scrollbar-width: none;
    -ms-overflow-style: none;
  }

  .dropdown_menu::-webkit-scrollbar {
    display: none;
  }

  .menu_list--major,
  .menu_list--secondary {
    width: 33%;
    max-width: 33%;
    margin-bottom: 0 !important;
  }

  .menu_list--minor {
    width: 33.333%;
    max-width: 33.333%;
  }

  .menu_list--major .menu_text {
    max-width: calc(100% - 90px);
  }

  .menu_list--minor .menu_text {
    max-width: calc(100% - 70px);
  }
}

@media screen and (max-width: 767px) {
  .dropdown__con {
    position: fixed;
    top: 0;
    z-index: 99;
    display: none;
  }

  .dropdown__con.is-fixed {
    top: 0 !important;
  }

  .dropdown__con.is-active {
    top: 0 !important;
    display: block;
    height: 100vh;
  }

  .dropdown_menu {
    margin: 0 auto;
    overflow-y: scroll;
    height: 100vh;
    max-height: 100vh;
    -webkit-overflow-scrolling: touch;
  }

  .menu_list_wrap:first-child {
    margin-top: 5rem;
    padding-bottom: 130px;
  }

  .menu_list_wrap.fixed_only_sp {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #f5f5f5;
    padding: 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 0 -4px 8px rgba(0, 0, 0, 0.2);
    box-shadow: 0 -4px 8px rgba(0, 0, 0, 0.2);
  }

  .menu_list--major,
  .menu_list--minor {
    width: 50%;
    max-width: 50%;
  }

  .menu_list--major .menu_image,
  .menu_list--minor .menu_image {
    width: 38%;
    max-width: 38%;
  }

  .menu_list--major .menu_text,
  .menu_list--minor .menu_text {
    max-width: 62%;
  }

  .menu_list--minor .menu_text {
    top: 15px;
    padding: 0 15px;
  }

  .menu_list--secondary .menu_image {
    width: 55px;
  }

  .menu_list--secondary .menu_text {
    padding: 0;
    font-size: 90%;
  }

  .menu_list--all {
    margin: 5px;
  }

  .menu_list--all .btn_bdr {
    width: 100%;
    max-width: 100%;
  }
}

.l_item__property-form {
  display: none;
}

.l_item__property-form input {
  -webkit-appearance: auto !important;
  -moz-appearance: auto !important;
  appearance: auto !important;
}

.l_item-variation-selector {
  margin-bottom: -8px;
}

.l_item-variation-selector-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 8px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 1em;
}

.l_item-variation-selector-row__title {
  margin-right: 10px;
  margin-bottom: 10px;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.l_item-variation-selector-row__items {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.l_item-variation-selector-row__item {
  background-color: #fff;
  border: 1px solid var(--text-color);
  padding: 2px 5px;
  margin: 0 10px 10px 0;
  cursor: pointer;
  min-width: 2em;
  text-align: center;
}

.l_item-variation-selector-row__item.is-select {
  background: var(--text-color);
  color: #fff;
}

.l_item-variation-selector-row__item.is-notzaiko {
  background: #ddd;
  border-color: #ddd;
  color: #999;
  pointer-events: none;
}

.l_item-variation-selector-row__price {
  margin-bottom: 10px;
}

.l_item-variation-selector-row__quantity {
  margin-bottom: 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.l_item-variation-selector-row__quantity .form {
  margin: 0 5px 0 0 !important;
}

.l_item-variation-selector-row .box_item__yen {
  margin-bottom: 10px;
}

.box--gray02__inr .l_item-variation-selector {
  margin-bottom: 2px;
  margin-top: 16px;
}

.l_item-no-variation-selector {
  margin-bottom: 17px;
}

/* main
----------------------------------------------------------------------------- */
.l_main {
  max-width: calc(1100px + 2em);
  margin: 30px auto 0;
  position: relative;
}

.l_main__inr {
  padding: 0 1em 0px;
}

.l_main--height {
  min-height: calc(100vh - 75px - 180px);
}

@media screen and (max-width: 1100px) {
  .l_main--height {
    min-height: calc(100vh - 65px - 173.56px);
  }
}

@media screen and (max-width: 767px) {
  .l_main--height {
    min-height: calc(100vh - 14.13333vw - 16.8vw);
  }
}

@media screen and (max-width: 767px) {
  .l_main {
    margin: 0;
    min-height: calc(100vh - 14.13333vw - 16.8vw);
  }

  .l_main__inr {
    padding: 0 4vw 30.66667vw;
  }
}

.top .l_main {
  margin: 0 auto;
}

.hero {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.hero__mv {
  width: 74.54545%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 6px;
  overflow: hidden;
}

.hero__mv a {
  display: block;
}

.hero .slick-slide {
  margin: 0 10px;
}

@media screen and (max-width: 767px) {
  .hero {
    display: block;
    margin-right: -2vw;
    margin-left: -2vw;
  }

  .hero__mv {
    width: 100%;
  }

  .hero .slick-slide {
    margin: 0 6px;
  }
}

.top .hero__mv {
  width: 100%;
}

@media screen and (max-width: 1130px) {
  .top .hero {
    margin-right: -1rem;
    margin-left: -1rem;
  }
}

.top_category_list__con {
  margin: 0 -5px;
}

.top_category_list__con .menu_list--minor.menu_list--minor-col4 {
  width: 25%;
  max-width: 25%;
}

@media screen and (max-width: 767px) {
  .top_category_list__con .menu_list--minor.menu_list--minor-col4 {
    width: 50%;
    max-width: 50%;
  }
}

.top_category_list__con .menu_list--minor.menu_list--minor-col4 .menu_image {
  width: 70px;
}

@media screen and (max-width: 767px) {
  .top_category_list__con .menu_list--minor.menu_list--minor-col4 .menu_image {
    width: 60px;
  }
}

.top_category_list__con .menu_list--minor.menu_list--minor-col4 .menu_text {
  width: calc(100% - 70px);
  min-width: calc(100% - 70px);
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  padding: 0 10px;
}

@media screen and (max-width: 767px) {
  .top_category_list__con .menu_list--minor.menu_list--minor-col4 .menu_text {
    width: calc(100% - 60px);
    min-width: calc(100% - 60px);
    padding: 0 5px;
  }
}

@media screen and (max-width: 767px) {
  .top_category_list__con .menu_list_wrap:first-child {
    margin-top: 0;
    padding-bottom: 0;
  }

  .top_category_list__con .menu_list_wrap.menu_list_wrap:nth-child(2) {
    padding-bottom: 0;
  }
}

.main_notice {
  margin-top: 1em;
}

.main_notice>p~p {
  margin-top: 0.33333em;
}

.main_notice__ttl {
  font-weight: bold;
  font-size: 1.46667rem;
}

@media screen and (max-width: 767px) {
  .main_notice {
    margin-top: 0;
    margin-left: -4vw;
    margin-right: -4vw;
  }

  .main_notice__ttl {
    font-size: 1.06667rem;
  }
}

.l_mypage_con__sec .pager {
  margin-top: 5.45455%;
}

.l_mypage_con__sec .l_mypage_header.sec__head {
  margin-bottom: 1rem;
}

.l_mypage_con__sec~.l_mypage_con__sec {
  margin-top: 45px;
}

.l_mypage_con__sec+.sec {
  margin-top: 70px;
}

@media screen and (max-width: 767px) {
  .l_mypage_con__sec+.sec {
    margin-top: 45px;
  }
}

.l_mypage_table {
  position: relative;
}

.l_mypage_table table {
  width: 100%;
}

.l_mypage_table th {
  font-weight: bold;
  text-align: left;
  width: 1px;
  white-space: nowrap;
  padding-right: 2em;
}

.l_mypage_table td {
  padding: 10px 0;
}

.l_mypage_table .red {
  color: var(--text-color);
}

.l_mypage_table .total {
  border-top: 1px solid #D8D8D8;
}

.l_mypage_table .total td {
  padding: 15px 0;
}

.l_mypage_table .btn,
.l_mypage_table .btn_bdr,
.l_mypage_table .btn_bg {
  width: auto;
  padding: .4em;
}

@media all and (-ms-high-contrast: none) {

  .l_mypage_table .btn,
  .l_mypage_table .btn_bdr,
  .l_mypage_table .btn_bg {
    padding-top: calc(.4em + 1.5px);
    padding-bottom: calc(.4em - 1.5px);
  }
}

.l_mypage_table .btn_bdr {
  padding-right: 1.8em;
  margin-left: .6em;
}

.l_mypage_table .btn_bdr--noarrow {
  padding-right: .4em;
}

.l_mypage_table .btn_bdr::after {
  width: 1em;
  height: 1em;
  right: .5em;
}

.l_mypage_table .btn_area {
  position: absolute;
  left: 18.5em;
  top: calc(2em + 10px);
}

@media screen and (max-width: 900px) {
  .l_mypage_table .btn_bdr {
    font-size: 0.8rem;
  }

  .l_mypage_table .btn_area {
    left: 16em;
    top: calc(2.3em + 10px);
  }
}

@media screen and (max-width: 767px) {
  .l_mypage_table td {
    text-align: right;
  }

  .l_mypage_table .btn_bdr {
    display: block;
    width: 30.93333vw;
    margin-left: 0em;
    margin: 5px;
  }

  .l_mypage_table .btn_area {
    position: static;
    font-weight: normal;
    font-size: 0.8rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: -5px;
    margin-bottom: 0px;
  }
}

.l_mypage_history li {
  border-top: 1px solid #D8D8D8;
}

.l_mypage_history li:last-child {
  border-bottom: 1px solid #D8D8D8;
}

.l_mypage_history__wrap {
  padding: 3.08642%;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  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;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.l_mypage_history .l_mypage_history {
  padding-left: 9.87654%;
  border-top: 1px solid #D8D8D8;
}

.l_mypage_history .l_mypage_history li {
  border-top: none;
}

.l_mypage_history .l_mypage_history li~li {
  border-top: 1px solid #D8D8D8;
}

.l_mypage_history .l_mypage_history li:last-child {
  border-bottom: none;
}

.l_mypage_history__ttl {
  font-size: 1.33333rem;
  margin-bottom: .5em;
}

.l_mypage_history__con {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.l_mypage_history__fig {
  max-width: 110px;
  width: calc(110/493*100%);
  margin-right: 1.3em;
}

.l_mypage_history__text {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.l_mypage_history__text>*~* {
  margin-top: .3em;
}

.l_mypage_history__dl dt {
  float: left;
  font-weight: bold;
}

.l_mypage_history__dl dd {
  padding-left: 5em;
  margin-bottom: .3em;
}

.l_mypage_history__dl dd:last-child {
  margin-bottom: 0;
}

.l_mypage_history__side {
  text-align: right;
  margin-left: 1.3em;
  position: relative;
  width: calc(250/762*100%);
}

.l_mypage_history__side>*~* {
  margin-top: .8em;
}

.l_mypage_history__side .btn_bdr {
  display: block;
  max-width: 250px;
  padding: .7em;
  padding-right: 2em;
  text-align: left;
}

@media all and (-ms-high-contrast: none) {
  .l_mypage_history__side .btn_bdr {
    padding-top: calc(.7em + 1.5px);
    padding-bottom: calc(.7em - 1.5px);
  }
}

.l_mypage_history__side .btn_bdr::after {
  width: 1em;
  height: 1em;
  right: .5em;
}

.l_mypage_history__side .tag {
  padding: .7em;
  text-align: center;
  font-size: 1rem;
}

.l_mypage_history__btnmore {
  position: absolute;
  bottom: 0;
  display: block;
  right: 0;
}

.l_mypage_history__btn {
  margin-bottom: 2.2em;
}

.l_mypage_history__btn>*~* {
  margin-top: .8em;
}

@media screen and (max-width: 767px) {
  .l_mypage_history .l_mypage_history {
    padding-left: 5.33333vw;
  }

  .l_mypage_history .l_mypage_history .l_mypage_history__con {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }

  .l_mypage_history .l_mypage_history .l_mypage_history__text {
    margin-top: 0em;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }

  .l_mypage_history .l_mypage_history .l_mypage_history__fig {
    max-width: 18.66667vw;
    width: auto;
    margin-right: 1em;
  }

  .l_mypage_history .l_mypage_history .l_mypage_history__side {
    margin-top: 1em;
  }

  .l_mypage_history__wrap {
    padding: 5.6338% 0;
    display: block;
  }

  .l_mypage_history__con {
    display: block;
  }

  .l_mypage_history__fig {
    max-width: 30.4vw;
    width: auto;
    margin-right: 0;
  }

  .l_mypage_history__text {
    margin-top: 1em;
  }

  .l_mypage_history__dl dt {
    float: left;
    font-weight: bold;
  }

  .l_mypage_history__dl dd {
    padding-left: 5em;
    margin-bottom: .3em;
  }

  .l_mypage_history__dl dd:last-child {
    margin-bottom: 0;
  }

  .l_mypage_history__side {
    position: static;
    margin-left: 0;
    width: 100%;
  }

  .l_mypage_history__side>*~* {
    margin-top: 1em;
  }

  .l_mypage_history__side .btn_bdr {
    max-width: none;
    width: 57.33333vw;
    text-align: left;
    font-size: 0.8rem;
    text-align: center;
  }

  .l_mypage_history__side .tag {
    font-size: 0.8rem;
  }

  .l_mypage_history__btnmore {
    position: static;
  }

  .l_mypage_history__btn {
    margin-bottom: 0;
    position: absolute;
    top: 5.6338%;
    right: 0;
  }
}

.l_mypage_limit__con {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: -10px;
  margin-bottom: 20px;
}

.l_mypage_limit__con>* {
  margin: 10px;
}

.l_mypage_limit__con .form input[type=text] {
  width: 250px;
  text-align: left;
}

.l_mypage_limit__con p {
  font-weight: bold;
  font-size: 1.2rem;
}

.l_mypage_limit .btn_bg {
  width: 346px;
  margin: 0 auto;
  padding: 1.5em;
  display: block;
}

.l_mypage_limit .form {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.l_mypage_limit .form p {
  margin-left: 10px;
}

@media screen and (max-width: 767px) {
  .l_mypage_limit__con {
    display: block;
    margin: 0;
    margin-bottom: 20px;
  }

  .l_mypage_limit__con>* {
    margin: 0px;
  }

  .l_mypage_limit__con .form input[type=text] {
    width: 250px;
    text-align: left;
  }

  .l_mypage_limit__con p {
    text-align: center;
    margin-bottom: 10px;
  }

  .l_mypage_limit .btn_bg {
    width: 100%;
  }

  .l_mypage_limit .form {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
  }

  .l_mypage_limit .form p {
    margin-bottom: 0;
  }
}

.l_mypage_header {
  /*
  @media screen and (max-width: 1000px) {
    &__btn {
      width: 295px;
      max-width: 295px;
      flex-basis: 295px;
    }
    &__view {
      display: flex;
      width: 295px;
      max-width: 295px;
      flex-basis: 295px;
      // width: 160px;
      // max-width: 160px;
      // flex-basis: 160px;
      & .select-year {
        width: 160px;
        max-width: 160px;
      }
      & .select-count {
        width: 120px;
        max-width: 120px;
      }
    }
  }
  */
}

.l_mypage_header__row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.l_mypage_header__row--re {
  margin-top: 1rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-flow: row-reverse;
  -ms-flex-flow: row-reverse;
  flex-flow: row-reverse;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}

@media screen and (max-width: 1000px) {
  .l_mypage_header__row--re {
    display: block;
  }
}

.l_mypage_header__ttl {
  width: calc(100% - 400px);
  -webkit-flex-basis: calc(100% - 400px);
  -ms-flex-preferred-size: calc(100% - 400px);
  flex-basis: calc(100% - 400px);
}

.l_mypage_header__btn {
  width: 395px;
  max-width: 395px;
  -webkit-flex-basis: 395px;
  -ms-flex-preferred-size: 395px;
  flex-basis: 395px;
}

.l_mypage_header__btn .btn_bdr.j_info_link {
  max-width: 100%;
}

.l_mypage_header__view {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  width: 395px;
  max-width: 395px;
  -webkit-flex-basis: 395px;
  -ms-flex-preferred-size: 395px;
  flex-basis: 395px;
  padding-bottom: 5px;
}

@media screen and (max-width: 1000px) {
  .l_mypage_header__view {
    margin-right: 0;
    margin-left: auto;
  }
}

.l_mypage_header__view .select-year {
  width: 180px;
  max-width: 180px;
}

.l_mypage_header__view .select-year .form_select.form_select--mypage {
  position: relative;
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 0;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  top: inherit;
  right: inherit;
  left: inherit;
  bottom: inherit;
}

.l_mypage_header__view .select-count {
  width: 180px;
  max-width: 180px;
}

.l_mypage_header__view .select-count .form_select.form_select--mypage {
  position: relative;
  width: 100%;
  margin: 0;
  padding: 0;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  top: inherit;
  right: inherit;
  left: inherit;
  bottom: inherit;
}

.l_mypage_header__view .xml-download {
  width: 200px;
  max-width: 200px;
}

.l_mypage_header__view .xml-download .btn_bg {
  text-align: left;
  padding: 0.33em 0.7em;
}

@media all and (-ms-high-contrast: none) {
  .l_mypage_header__view .xml-download .btn_bg {
    padding: calc(0.5357em + 1px) 0.7em;
  }
}

@media screen and (max-width: 767px) {
  .l_mypage_header__view .xml-download .btn_bg {
    padding: 0.8em 0.7em;
  }
}

.l_mypage_header__view .xml-download .btn_bg::after {
  width: 1em;
  height: 1em;
  right: 0.5em;
}

@media screen and (max-width: 767px) {
  .l_mypage_header__row--re {
    display: block;
    margin-top: 10px;
  }

  .l_mypage_header__ttl {
    width: auto;
    -webkit-flex-basis: auto;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
  }

  .l_mypage_header__btn {
    width: 57vw;
    max-width: 57vw;
    -webkit-flex-basis: 57vw;
    -ms-flex-preferred-size: 57vw;
    flex-basis: 57vw;
    font-size: 0.85rem;
    text-align: left;
  }

  .l_mypage_header__btn .btn_bdr.j_info_link {
    padding: 0.8em 0.7em;
    text-align: left;
  }

  .l_mypage_header__btn .btn_bdr.j_info_link::after {
    width: 1em;
    height: 1em;
    right: 0.5em;
  }

  .l_mypage_header__view {
    display: block;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    width: 57vw;
    max-width: 57vw;
    margin-right: 0;
    margin-left: auto;
    margin-bottom: 1rem;
    padding-bottom: 0;
    /*
      & .select-count {
        width: calc(100% - 195px);
        max-width: calc(100% - 195px);
      }
      */
  }

  .l_mypage_header__view .select-year {
    width: 57vw;
    max-width: 57vw;
  }

  .l_mypage_header__view .xml-download {
    width: 57vw;
    max-width: 57vw;
    font-size: 0.85rem;
    margin-top: 10px;
  }
}

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

.l_onestop .heading_01--w334 img {
  width: 334px;
}

.l_onestop .heading_01--w724 {
  padding-bottom: 1.33333rem;
}

.l_onestop .heading_01--w724 img {
  width: 724px;
}

@media screen and (max-width: 767px) {
  .l_onestop .heading_01--w334 {
    width: 82.6087%;
    margin: 0 auto;
  }

  .l_onestop .heading_01--w334 img {
    width: 100%;
  }

  .l_onestop .heading_01--w724 img {
    width: 100%;
  }
}

.l_onestop .heading_02--w560 {
  width: 50.90909%;
  margin: 0 auto 1.33333rem;
}

@media screen and (max-width: 767px) {
  .l_onestop .heading_02--w560 {
    width: 91.30435%;
  }
}

.l_onestop .txt {
  position: relative;
  padding-left: 1.5em;
}

.l_onestop .txt__icon {
  position: absolute;
  left: 0;
}

.l_onestop .txt__icon--strong {
  top: .2em;
}

.l_onestop .txt--1em {
  padding-left: 1em;
}

.l_onestop .txt--3em {
  padding-left: 3.5em;
}

.l_onestop .txt--3em .txt__icon {
  left: 1.5em;
}

.l_onestop .sec01 .example {
  width: 77.27273%;
  margin: 3rem auto 6rem;
}

.l_onestop .sec01 .example__inr {
  background: #F5F5F5;
}

.l_onestop .sec01 .example__inr~.example__inr {
  margin-top: 0.66667rem;
}

.l_onestop .sec01 .example__ttl {
  padding: 0.66667rem 1.33333rem;
  background: var(--text-color);
  text-align: center;
  font-size: 1.2rem;
  color: #fff;
}

.l_onestop .sec01 .example__ttl span {
  font-size: 80%;
}

.l_onestop .sec01 .example__cont {
  padding: 2rem 1.33333rem;
}

.l_onestop .sec01 .example__cont strong {
  font-size: 1.2rem;
}

.l_onestop .sec01 .example__flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.l_onestop .sec01 .example__flex__icon {
  width: 23.52941%;
  text-align: center;
}

.l_onestop .sec01 .example__flex__icon img {
  width: 52.5%;
}

.l_onestop .sec01 .example__flex__txt {
  width: 76.47059%;
}

.l_onestop .sec01 .example__flex__txt>div {
  margin-bottom: 1em;
}

.l_onestop .sec01 .example__flex__txt>div p:not(:last-of-type) {
  margin-bottom: .5em;
}

.l_onestop .sec01 .example__flex__txt p:not(:last-of-type) {
  margin-bottom: 1em;
}

.l_onestop .sec01 .example--another .example__cont {
  background: #fff;
  border: 1px solid #CCCCCC;
  padding-left: 3.33333rem;
}

.l_onestop .sec01 .example--another .example__cont p:not(:last-of-type) {
  margin-bottom: 1em;
}

@media screen and (max-width: 767px) {
  .l_onestop .sec01 .example {
    width: 100%;
    margin-bottom: 2rem;
  }

  .l_onestop .sec01 .example__ttl {
    font-size: 1rem;
  }

  .l_onestop .sec01 .example__flex {
    display: block;
  }

  .l_onestop .sec01 .example__flex__icon {
    width: 27.86885%;
    margin: 0 auto 2rem;
  }

  .l_onestop .sec01 .example__flex__icon img {
    width: 100%;
  }

  .l_onestop .sec01 .example__flex__txt {
    width: 100%;
  }

  .l_onestop .sec01 .example__cont {
    padding: 2rem 1.33333rem;
  }

  .l_onestop .sec01 .example--another .example__cont {
    padding-left: 1.33333rem;
  }
}

@media screen and (max-width: 767px) {
  .l_onestop .sec01 .fig-example {
    width: 91.30435%;
    margin: 0 auto;
  }
}

@media screen and (max-width: 767px) {
  .l_onestop .sec01 .txt-example {
    margin-top: 2rem;
    padding: 1.66667rem 1rem;
    background: #FAFAFA;
    border: 1px solid var(--text-color);
  }

  .l_onestop .sec01 .txt-example ul {
    counter-reset: number;
  }

  .l_onestop .sec01 .txt-example li {
    padding-left: 2em;
    position: relative;
  }

  .l_onestop .sec01 .txt-example li:not(:last-of-type) {
    margin-bottom: 2rem;
  }

  .l_onestop .sec01 .txt-example li:before {
    content: "";
    position: absolute;
    background: url(../images/onestop/num01.jpg) no-repeat;
    background-size: 100%;
    left: 0;
    width: 1.6rem;
    height: 1.6rem;
  }

  .l_onestop .sec01 .txt-example .num01:before {
    background-image: url(../images/onestop/num01.jpg);
  }

  .l_onestop .sec01 .txt-example .num02:before {
    background-image: url(../images/onestop/num02.jpg);
  }

  .l_onestop .sec01 .txt-example .num03:before {
    background-image: url(../images/onestop/num03.jpg);
  }

  .l_onestop .sec01 .txt-example .num04:before {
    background-image: url(../images/onestop/num04.jpg);
  }

  .l_onestop .sec01 .txt-example .num05:before {
    background-image: url(../images/onestop/num05.jpg);
  }

  .l_onestop .sec01 .txt-example .num06:before {
    background-image: url(../images/onestop/num06.jpg);
  }
}

.l_onestop .sec02 strong {
  font-size: 1.2rem;
}

.l_onestop .sec02 p {
  margin-bottom: 1rem;
}

.l_onestop .sec02 .mb25 {
  margin-bottom: 1.66667rem;
}

.l_onestop .table {
  margin-top: 3rem;
}

.l_onestop .table th,
.l_onestop .table td {
  border: 1px solid #CCCCCC;
  vertical-align: middle;
}

.l_onestop .table th:first-child,
.l_onestop .table td:first-child {
  background: #F5F5F5;
}

.l_onestop .table th {
  font-size: 1.13333rem;
  background: #525252;
  color: #fff;
  padding: 1rem 0.33333rem;
}

.l_onestop .table td {
  padding: 1.66667rem 0.33333rem;
  text-align: center;
}

.l_onestop .table strong {
  font-size: 1.13333rem;
}

.l_onestop .table__2col {
  text-align: left !important;
  vertical-align: baseline !important;
}

.l_onestop .table__flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.l_onestop .table__flex>div {
  width: 48%;
  margin: 0 auto;
}

.l_onestop .table__flex>div>span {
  display: block;
  font-size: 0.86667rem;
  text-align: center;
  background: #f5f5f5;
  padding: 0.53333rem 0.33333rem;
  border-radius: 2em;
  margin-bottom: 1rem;
}

.l_onestop .table__flex>div strong {
  display: block;
  text-align: center;
  margin-bottom: 1rem;
}

.l_onestop .table__flex>div li {
  padding-left: 1em;
}

.l_onestop .table .vertical-base {
  vertical-align: baseline !important;
}

.l_onestop .table .brown {
  color: var(--text-color);
}

.l_onestop .table .fz22 {
  font-size: 1.46667rem;
}

.l_onestop .table .num {
  width: 21.81818%;
  margin: 0 auto 1.33333rem;
}

.l_onestop .table .card {
  width: 53.87205%;
  margin: 1rem auto 0;
}

.l_onestop .table .card__mt30 {
  margin-top: 2rem;
}

.l_onestop .table .dashed-top {
  border-top: 2px dashed #ccc;
}

.l_onestop .table .dashed-bottom {
  border-bottom: 2px dashed #ccc;
}

.l_onestop .table .plus-icon {
  padding-top: 2.66667rem;
  position: relative;
}

.l_onestop .table .plus-icon::before {
  content: "";
  position: absolute;
  background: url(../images/onestop/plus.png) no-repeat;
  background-size: 100%;
  width: 3rem;
  height: 3rem;
  top: 0;
  left: 50%;
  margin-top: -1.5em;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.l_onestop .table .plus-icon__bottom {
  padding-bottom: 2.66667rem;
}

@media screen and (max-width: 767px) {
  .l_onestop .table {
    width: 100%;
  }

  .l_onestop .table__mt20 {
    margin-top: 1.33333rem;
  }

  .l_onestop .table th {
    background: #525252 !important;
  }

  .l_onestop .table strong {
    font-size: 1rem;
  }

  .l_onestop .table .num {
    width: 40.78947%;
    margin-bottom: 1rem;
  }

  .l_onestop .table .fz22 {
    font-size: 1.33333rem;
  }

  .l_onestop .table__flex {
    display: block;
  }

  .l_onestop .table__flex>div {
    width: 95%;
  }

  .l_onestop .table__flex>div:first-of-type {
    margin-bottom: 2rem;
  }

  .l_onestop .table__flex>div>span {
    font-size: 0.8rem;
  }

  .l_onestop .table__flex>div strong {
    font-size: 1rem;
  }
}

.l_qa .qa_lead {
  margin-bottom: 3rem;
}

@media screen and (max-width: 767px) {
  .l_qa .qa_lead {
    margin-bottom: 2rem;
  }
}

.l_qa__nav {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 6.66667em;
}

.l_qa__nav>li {
  width: 17.27273%;
}

@media screen and (max-width: 767px) {
  .l_qa__nav {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 4em;
  }

  .l_qa__nav>li:nth-of-type(1) {
    width: 49.27536%;
  }

  .l_qa__nav>li:nth-of-type(2) {
    width: 49.27536%;
  }

  .l_qa__nav>li:nth-of-type(3) {
    width: 31.88406%;
  }

  .l_qa__nav>li:nth-of-type(3) .nav-item {
    margin-top: .5em;
  }

  .l_qa__nav>li:nth-of-type(4) {
    width: 31.88406%;
  }

  .l_qa__nav>li:nth-of-type(4) .nav-item {
    margin-top: .5em;
  }

  .l_qa__nav>li:nth-of-type(5) {
    width: 31.88406%;
  }

  .l_qa__nav>li:nth-of-type(5) .nav-item {
    margin-top: .5em;
  }
}

.l_qa .nav-item {
  border: 1px solid var(--text-color);
}

.l_qa .nav-item a {
  position: relative;
  display: block;
  padding: 3.912em 0;
  text-align: center;
  font-weight: bold;
  font-size: 1.13333rem;
}

.l_qa .nav-item a::after {
  content: "";
  position: absolute;
  background: url(../images/icon/arrow_01_bk.svg) no-repeat center/contain;
  width: .8em;
  height: 1em;
  bottom: 0;
  left: 51%;
  -webkit-transform: translateX(-51%) rotate(90deg);
  -ms-transform: translateX(-51%) rotate(90deg);
  transform: translateX(-51%) rotate(90deg);
  margin-bottom: .2em;
}

.l_qa .nav-item a>span {
  position: absolute;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  top: 60%;
  left: 50%;
  padding: 0 .4em;
  -webkit-transform: translate(-50%, -60%);
  -ms-transform: translate(-50%, -60%);
  transform: translate(-50%, -60%);
}

.l_qa .nav-item .qa-icon {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  margin-top: .6em;
}

.l_qa .nav-item .qa-icon--01 {
  width: 20px;
}

.l_qa .nav-item .qa-icon--02 {
  width: 25px;
}

.l_qa .nav-item .qa-icon--03 {
  width: 40px;
}

.l_qa .nav-item .qa-icon--04 {
  width: 35px;
}

.l_qa .nav-item .qa-icon--05 {
  width: 35px;
}

@media screen and (max-width: 767px) {
  .l_qa .nav-item a {
    font-size: 0.8rem;
    padding: 5.083em 0;
  }

  .l_qa .nav-item a::after {
    margin-bottom: .5em;
  }

  .l_qa .nav-item .qa-icon {
    margin-top: 1em;
  }

  .l_qa .nav-item .qa-icon--01 {
    width: 5.33333vw;
  }

  .l_qa .nav-item .qa-icon--02 {
    width: 6vw;
  }

  .l_qa .nav-item .qa-icon--03 {
    width: 9.33333vw;
  }

  .l_qa .nav-item .qa-icon--04 {
    width: 9.33333vw;
  }

  .l_qa .nav-item .qa-icon--05 {
    width: 9.33333vw;
  }
}

.l_qa__cont:not(:last-child) {
  margin-bottom: 5em;
}

.l_qa__cont>li {
  border-top: 1px solid #CCC;
}

.l_qa__cont>li:last-of-type {
  border-bottom: 1px solid #ccc;
}

.l_qa__cont .qa_item .question {
  cursor: pointer;
  position: relative;
  font-size: 1.2rem;
  padding: 1.66667em 2.77778em 1.66667em 5.55556em;
  font-weight: bold;
}

.l_qa__cont .qa_item .question::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  margin-left: 2.8em;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background: url(../images/qa/icon06.png) no-repeat;
  background-size: 100%;
  width: 2.22222em;
  padding-top: 2.22222em;
}

.l_qa__cont .qa_item .question::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%) rotate(90deg);
  -ms-transform: translateY(-50%) rotate(90deg);
  transform: translateY(-50%) rotate(90deg);
  background: url(../images/icon/arrow_01_bk.svg) no-repeat center/contain;
  width: 1em;
  height: 1em;
  margin-right: 2em;
}

.l_qa__cont .qa_item .question.active::after {
  -webkit-transform: translateY(-50%) rotate(-90deg);
  -ms-transform: translateY(-50%) rotate(-90deg);
  transform: translateY(-50%) rotate(-90deg);
}

.l_qa__cont .qa_item .answer {
  padding: 2em 6.66667em;
  background: #F5F5F5;
}

.l_qa__cont .qa_item .answer>p:not(:last-of-type) {
  margin-bottom: 1em;
}

@media screen and (max-width: 767px) {
  .l_qa__cont .qa_item .question {
    font-size: 1rem;
    padding: 1.11111em 1.66667em 1.11111em 2.5em;
  }

  .l_qa__cont .qa_item .question::before {
    margin-left: 0;
    width: 2em;
    padding-top: 2em;
  }

  .l_qa__cont .qa_item .question::after {
    margin-right: 0;
    width: .8em;
    height: .8em;
  }

  .l_qa__cont .qa_item .answer {
    padding: 2em 1em;
  }
}

.l_qa .red {
  color: #ff0000;
}

.l_qa .bol {
  display: inline-block;
  position: relative;
  padding-left: 1em;
}

.l_qa .bol__head {
  position: absolute;
  left: 0;
}

.l_review__input.form input[type=radio]::before {
  margin-right: -.3em;
}

.item_detail .l_review__input {
  width: 650px;
}

.item_detail .l_review__input span {
  margin-right: 10px;
}

.item_detail .l_review {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.l_review__input i {
  margin-right: 5px;
}

.l_review__input label {
  color: #B78A00;
}

@media screen and (max-width: 767px) {
  .box.box_item__detail {
    padding: 1.33333em;
    padding-top: 1em;
  }

  .item_detail .l_review__input {
    width: 100%;
  }

  .l_review__input {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .l_review__input>span {
    display: block;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 5px 0;
  }

}

.l_review .btn--small.l_review__btn {
  padding: .7em !important;
  margin: 0 auto;
}

.l_review .l_review__btn--good input {
  width: auto;
}

.l_review .l_review__star {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media all and (-ms-high-contrast: none) {
  .l_review .btn--small.l_review__btn {
    padding-top: calc(.7em + 3px) !important;
  }
}

.l_review .btn--small.l_review__btn--02 {
  max-width: 380px;
  margin: 2em auto;
}

.l_review .l_review__btn--02 {
  margin: 0 auto;
}

.l_review__form dl~dl {
  margin-top: 2em;
}

.review_list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.l_review .form input[type=text] {
  text-align: left;
}

.l_review .review-write__box {
  display: none;
}

.l_review .review-write__box .l_review__form {
  margin: 0 auto;
}

.l_review .review-write__box dl {
}


.l_review .review-write__triger .open {
  display: inline;
}

.l_review .review-write__triger .close {
  display: none;
}

.l_review .review-write__triger.active {
  background: var(--bottom-color);
  color: #fff;
  border-color: var(--bottom-color);
}

.l_review .review-write__triger.active:hover {
  color: var(--sub-accent-color);
  background: #fff;
  border-color: var(--sub-accent-color);
}

.l_review .review-write__triger.active .open {
  display: none;
}

.l_review .review-write__triger.active .close {
  display: inline;
}

@media screen and (max-width: 767px) {
  .review_list .col-12 {
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
  }

  .l_review .review-write__triger:hover {
    background: #FFF;
    color: var(--text-color);
  }

  .l_review .review-write__triger.active:hover {
    background: var(--bottom-color);
    color: #fff;
  }

  .l_review__form .form input[type=text] {
    width: 100%;
  }

  .l_review__form .form textarea {
    width: 100%;
  }
}

.l_review__note {
  margin-top: -10px;
}

.l_review__note {
  max-width: 380px;
  margin: -2em auto 0;
  padding-left: 1em;
  text-indent: -1em;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.l_simulator_table {
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
}

.l_simulator_table table {
  border-collapse: separate;
  border-spacing: 1px;
  background: #CCCCCC;
  width: 1100px;
}

.l_simulator_table thead th {
  background: #525252;
  color: #fff;
  padding: .8em;
  vertical-align: middle;
}

.l_simulator_table thead th:first-child {
  width: 135px;
  table-layout: fixed;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 1.6;
}

.l_simulator_table thead td {
  background: #F5F5F5;
  font-weight: bold;
  padding: 1em 0;
  text-align: center;
  vertical-align: middle;
}

.l_simulator_table thead .small {
  font-size: 0.93333rem;
}

.l_simulator_table thead tr:nth-child(2) td:first-child {
  table-layout: fixed;
  width: 86px;
}

.l_simulator_table thead tr:nth-child(3) td {
  table-layout: fixed;
  width: 99px;
}

.l_simulator_table tbody td {
  text-align: center;
  padding: .6em;
}

.l_simulator_table tbody tr {
  background: #FFFFFF;
}

.l_simulator_table tbody tr:nth-child(even) {
  background: #FAFAFA;
}

.l_simulator__head {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 1em;
}

.l_simulator__smtext {
  font-size: 0.86667rem;
  text-align: right;
  margin-top: 1em;
}

.l_simulator .list_disc {
  margin-top: 1em;
}

.l_simulator .list_disc>li~li {
  margin-top: 1em;
}

@media screen and (max-width: 767px) {
  .l_simulator__head {
    display: block;
  }

  .l_simulator__smtext {
    text-align: left;
  }

  .l_simulator .heading_02 {
    margin-bottom: .5em;
  }
}

.simulator .l_qa__cont {
  margin-bottom: 1em;
}

.simulator .l_qa__cont .qa_item .question {
  padding: 1em 1.5em;
}

.simulator .l_qa__cont .qa_item .question::before {
  display: none;
}

.simulator .l_qa__cont .qa_item .question::after {
  margin-right: 0;
  right: 1.5em;
}

.simulator .l_qa__cont .qa_item .answer {
  padding: 1.5em;
}

.l_sitemap .heading_02 a,
.l_sitemap .heading_02 {
  color: #625023;
}

.l_sitemap .heading_02 a .icon,
.l_sitemap .heading_02 .icon {
  vertical-align: text-bottom;
}

.l_sitemap p {
  margin-bottom: 0.83333em;
}

.l_sitemap__border>li {
  border-top: 2px solid #e6e6e6;
  padding: 1.5em;
}

.l_sitemap__border>li:last-of-type {
  border-bottom: 2px solid #e6e6e6;
}

.l_sitemap .linklist {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -7.5px -5px;
}

.l_sitemap .linklist>li {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 25%;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
  padding: 7.5px;
}

.l_sitemap .linklist>li a {
  text-indent: -1.5em;
  padding-left: 1.5em;
}

.l_sitemap .linklist--col3>li {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 33.333%;
  -ms-flex: 0 0 33.333%;
  flex: 0 0 33.333%;
  max-width: 33.333%;
}

.l_sitemap .linklist--col5>li {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 20%;
  -ms-flex: 0 0 20%;
  flex: 0 0 20%;
  max-width: 20%;
}

.l_sitemap .heading_02 {
  margin-bottom: 0;
}

.l_sitemap .heading_02+.linklist {
  margin-top: 12.5px;
}

@media screen and (max-width: 767px) {
  .l_sitemap__border>li {
    padding-left: 0;
    padding-right: 0;
  }

  .l_sitemap .linklist {
    display: block;
    margin: 0;
  }

  .l_sitemap .linklist>li {
    width: 100%;
    max-width: 100%;
    padding: 0em;
    margin-bottom: 1em;
  }

  .l_sitemap .linklist--col3>li,
  .l_sitemap .linklist linklist--col5>li {
    width: 100%;
    max-width: 100%;
  }

  .l_sitemap .linklist--md-col2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -7.5px -5px;
  }

  .l_sitemap .linklist--md-col2>li {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    margin-bottom: 0;
    padding: 7.5px;
  }
}

.l_store_map {
  position: relative;
  padding-top: calc(572/1100*100%);
}

.l_store_map__img {
  position: absolute;
  top: 0;
  width: 100%;
}

.l_store_map__link {
  font-size: 18px;
}

.l_store_map__link li>* {
  display: block;
}

.l_store_map__link a {
  font-weight: bold;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.l_store_map__link span {
  color: #767676;
}

.l_store_map__link a,
.l_store_map__link span {
  padding: 2px 8px;
}

.l_store_map__link img {
  margin-top: 2px;
}

.l_store_map__link li {
  position: absolute;
}

.l_store_map__list01 {
  top: 0;
  left: 44.54545%;
  width: 20%;
}

.l_store_map__list02 {
  top: calc(267/572*100%);
  left: 63.63636%;
  width: 13.18182%;
  text-align: right;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: column-reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
}

.l_store_map__list02 a {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.l_store_map__list03 {
  top: calc(165/572*100%);
  left: 44.54545%;
  width: 16.18182%;
}

.l_store_map__list04 {
  top: calc(374/572*100%);
  left: 57.27273%;
  width: 19.27273%;
  text-align: right;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: column-reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
  z-index: 2;
}

.l_store_map__list04 a {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.l_store_map__list05 {
  top: calc(377/572*100%);
  left: 54.54545%;
  width: 22%;
  text-align: right;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.l_store_map__list05 .order-1 {
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
  -ms-flex-order: 2;
  order: 2;
}

.l_store_map__list05 .order-2 {
  -webkit-box-ordinal-group: 4;
  -webkit-order: 3;
  -ms-flex-order: 3;
  order: 3;
}

.l_store_map__list05 .order-2 span {
  margin-right: 2em;
}

.l_store_map__list05 .order-3 {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
}

.l_store_map__list05 a {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.l_store_map__list06 {
  top: calc(255/572*100%);
  left: 27.27273%;
  width: 25.45455%;
}

.l_store_map__list07 {
  top: calc(400/572*100%);
  left: 47.27273%;
  width: 12.54545%;
  text-align: right;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: column-reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
  z-index: 3;
}

.l_store_map__list07 a {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding-right: 0;
}

.l_store_map__list08 {
  top: calc(311/572*100%);
  left: 33.18182%;
  width: 11.90909%;
}

.l_store_map__list09 {
  top: calc(417/572*100%);
  left: 44.54545%;
  width: 14.45455%;
  text-align: right;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: column-reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
}

.l_store_map__list10 {
  top: calc(337/572*100%);
  left: 60.36364%;
  width: 2.31818%;
  height: calc(25.5/572*100%);
}

.l_store_map__list11 {
  top: calc(377/572*100%);
  left: 51%;
  width: 2.31818%;
  height: calc(25.5/572*100%);
}

.l_store_map__list12 {
  top: calc(355/572*100%);
  left: 21%;
  width: 18.81818%;
  height: calc(25.5/572*100%);
}

.l_store_map__list12 .link_pin {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 0 !important;
}

.l_store_map__text {
  position: absolute;
  top: 0;
  left: 16.36364%;
  width: 15.27273%;
}

@media screen and (max-width: 1100px) {
  .l_store_map__link {
    font-size: 1.63636vw;
  }
}

@media screen and (max-width: 767px) {
  .l_store_map {
    padding-top: 0;
  }

  .l_store_map__img {
    position: relative;
    width: 100%;
  }

  .l_store_map__link {
    font-size: 3.73333vw;
  }

  .l_store_map__link a {
    display: block;
  }

  .l_store_map__link a,
  .l_store_map__link span {
    padding: 0.53333vw 1.06667vw;
  }

  .l_store_map__link img {
    margin-top: 0.53333vw;
  }

  .l_store_map [class^="l_store_map__list"] {
    display: none;
    z-index: 1;
  }

  .l_store_map [class^="l_store_map__list"].active {
    display: block;
  }

  .l_store_map__list01 {
    top: 3.73333vw;
    left: 5.06667vw;
    width: 61.6vw;
  }

  .l_store_map__list01 img {
    margin-top: -5.33333vw;
  }

  .l_store_map__list02 {
    top: 27.2vw;
    left: 28.53333vw;
    width: 40.8vw;
    text-align: left;
    display: block;
  }

  .l_store_map__list03 {
    top: 26.93333vw;
    left: 16.8vw;
    width: 42vw;
  }

  .l_store_map__list04 {
    top: 30.66667vw;
    left: 14.13333vw;
    width: 43.46667vw;
    text-align: left;
    display: block;
  }

  .l_store_map__list05 {
    top: 36.66667vw;
    left: 9.6vw;
    width: 40.8vw;
    display: block;
    text-align: left;
  }

  .l_store_map__list05 .order-2 span {
    margin-right: 0;
  }

  .l_store_map__list06 {
    top: 36.53333vw;
    left: -0.53333vw;
    width: 41.2vw;
  }

  .l_store_map__list07 {
    top: 49.33333vw;
    left: -0.26667vw;
    width: 34.13333vw;
    text-align: left;
    display: block;
  }

  .l_store_map__list08 {
    top: 40.8vw;
    left: 13.06667vw;
    width: 32.26667vw;
    text-align: right;
  }

  .l_store_map__list09 {
    top: 37.06667vw;
    left: 15.2vw;
    width: 32.13333vw;
    display: block;
  }

  .l_store_map__list09 a {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding-right: 0;
  }

  .l_store_map__list10 {
    top: 33.33333vw;
    left: 14.66667vw;
    width: 47.86667vw;
    display: block;
    text-align: left;
  }

  .l_store_map__list11 {
    top: 25.33333vw;
    left: 6vw;
    width: 35.06667vw;
    display: block;
    text-align: left;
  }

  .l_store_map__list12 {
    top: 28.4vw;
    left: 3.06667vw;
    width: 40.4vw;
    display: block;
    text-align: left;
  }

  .l_store_map__btn {
    border-radius: 50%;
    background-color: #A5A5A5;
    width: 4.26667vw;
    height: 4.26667vw;
    border: 0.53333vw solid #fff;
    -webkit-box-shadow: 0 0 1.33333vw var(--text-color);
    box-shadow: 0 0 1.33333vw var(--text-color);
    position: absolute;
    z-index: 2;
    opacity: 1;
  }

  .l_store_map__btn.active {
    background-color: var(--text-color);
  }

  .l_store_map__btn.isetan {
    width: 4.26667vw;
    height: 4.26667vw;
    border-radius: 0%;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }

  .l_store_map__btn.isetan.active {
    background-color: var(--text-color);
  }

  .l_store_map__btn.off {
    opacity: 0;
  }

  .l_store_map__btn--01 {
    top: 14.66667vw;
    left: 57.86667vw;
  }

  .l_store_map__btn--02 {
    top: 44vw;
    left: 60.26667vw;
  }

  .l_store_map__btn--03 {
    top: 49.33333vw;
    left: 50.13333vw;
  }

  .l_store_map__btn--04 {
    top: 65.06667vw;
    left: 48.53333vw;
  }

  .l_store_map__btn--05 {
    top: 65.06667vw;
    left: 41.6vw;
  }

  .l_store_map__btn--06 {
    top: 65.6vw;
    left: 31.6vw;
  }

  .l_store_map__btn--07 {
    top: 71.46667vw;
    left: 24.8vw;
  }

  .l_store_map__btn--08 {
    top: 69.6vw;
    left: 16.53333vw;
  }

  .l_store_map__btn--09 {
    top: 76vw;
    left: 18.13333vw;
  }

  .l_store_map__btn--10 {
    top: 58.66667vw;
    left: 53.86667vw;
  }

  .l_store_map__btn--11 {
    top: 64vw;
    left: 31.46667vw;
  }

  .l_store_map__btn--12 {
    top: 73.73333vw;
    left: 7.06667vw;
  }

  .l_store_map__text {
    position: static;
    width: 100%;
    margin-top: 5.33333vw;
  }
}

.l_store {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: column-reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
  margin: -35px 0;
}

.l_store>* {
  margin: 35px 0;
}

@media screen and (max-width: 767px) {
  .l_store {
    display: block;
    margin: 0;
  }

  .l_store>* {
    margin: 0px 0;
  }

  .l_store>*~* {
    margin-top: 14.66667vw;
  }
}

.isetan_text {
  position: absolute;
  top: calc(35/572*100%);
  left: 16.27273%;
  z-index: 3;
}

.isetan_text__ttl {
  font-weight: bold;
  font-size: 1.2rem;
  margin-bottom: .5em;
}

.isetan_text__ttl .icon::before {
  top: calc(50% - 1px);
}

.isetan_text__note {
  font-size: 0.93333rem;
  text-indent: -1em;
  margin-left: 1em;
}

.isetan_text img {
  width: 25px;
  margin-bottom: .1em;
}

@media all and (-ms-high-contrast: none) {
  .isetan_text img {
    margin-bottom: .3em;
  }
}

@media screen and (max-width: 1100px) {
  .isetan_text__ttl {
    font-size: 1.28571vw;
  }

  .isetan_text img {
    width: 1.78571vw;
  }

  .isetan_text__note {
    font-size: 1vw;
  }
}

.l_terms * {
  line-height: 1.8;
}

.l_terms__sec~.l_terms__sec {
  margin-top: 4em;
}

.l_terms__ttl {
  margin-bottom: 1em;
  color: var(--text-color);
}

.l_terms__text~.l_terms__text {
  margin-top: .8em;
  font-weight: 400;
}

.l_terms__text {
  margin: 1em 0;
}

.l_terms ol,
.l_terms ul {
  line-height: 1.5;
}

.l_terms ol li~li,
.l_terms ul li~li {
  margin-top: .8em;
}

.l_terms ol ol,
.l_terms ol ul,
.l_terms ul ol,
.l_terms ul ul {
  margin-top: .8em;
  margin-bottom: 1.2em;
}

.l_terms .list_num {
  counter-reset: item;
}

.l_terms .list_num--dot>li:before {
  counter-increment: item;
  content: counter(item) ".";
  color: var(--text-color);
  margin-right: .5em;
}

.l_terms .list_num--brackets>li {
  text-indent: -1.8em;
  padding-left: 1.8em;
}

.l_terms .list_num--brackets>li:nth-child(n + 10) {
  text-indent: -2.5em;
  padding-left: 2.5em;
}

.l_terms .list_num--brackets>li:before {
  counter-increment: item;
  content: "("counter(item) ")";
  color: var(--text-color);
  margin-right: .5em;
}

.l_top__sec:nth-child(even) {
  padding: 6.36364% 0;
  position: relative;
  padding-left: calc(50vw - 50%);
  padding-right: calc(50vw - 50%);
  margin-left: calc(-50vw + 50%);
  margin-right: calc(-50vw + 50%);
}

.l_top__sec h2.heading_02 {
  letter-spacing: 3px;
}

@media screen and (max-width: 767px) {
  .l_top__sec h2.heading_02 {
    letter-spacing: 2px;
  }
}

ul.ul-dots {
  list-style-type: disc !important;
}

ul.ul-dots li {
  list-style-type: disc !important;
  position: relative;
  margin-left: 1.2em;
  text-indent: 0;
}

ul.ul-dots li::marker {
  position: absolute;
  left: -1.2em;
}


.l_terms__box {
  border: 1px solid #666;
  padding: 2em;
  margin: 2em auto;
  max-width: 800px;
}

.l_terms__table {
  border-collapse: collapse;
  margin: 2em 0;
}

.l_terms__table th,
.l_terms__table td {
  border: solid 1px #666;
  padding: 5px 10px;
  vertical-align: middle
    /*実線 1px 黒*/
}

.l_terms__table th {
  background-color: #eee;
}

.l_terms__table td {
  font-weight: 400;
}

/* wrapper
----------------------------------------------------------------------------- */
.l_wrapper {
  overflow: hidden;
  position: relative;
  padding-top: 160px;
}

.l_wrapper.form {
  padding-top: 75px;
}

.cart-index .l_wrapper.form {
  padding-top: 136px;
}

@media screen and (max-width: 1100px) {
  .l_wrapper {
    padding-top: 138px;
  }

  .l_wrapper.form {
    padding-top: 65px;
  }
}

@media screen and (max-width: 767px) {
  .l_wrapper {
    padding-top: 200px;
  }

  .l_wrapper.form {
    padding-top: 14.13333vw;
  }

  .cart-index .l_wrapper.form {
    padding-top: 54.13333vw;
  }
}

@media screen and (max-width: 522px) {
  .l_wrapper {
    padding-top: 220px;
  }
}

/* box
----------------------------------------------------------------------------- */
.box {
  padding: 6.36364% 0;
}

.l_contents__main .box,
.l_contents__main02 .box {
  padding: 3.7037% 4.93827%;
}

.box__ttl {
  margin-bottom: 1.33333em;
}

.box--gray {
  background: #F5F5F5;
  position: relative;
  padding-left: calc(50vw - 50%);
  padding-right: calc(50vw - 50%);
  margin-left: calc(-50vw + 50%);
  margin-right: calc(-50vw + 50%);
}

.l_contents__main .box--gray,
.l_contents__main02 .box--gray {
  margin-right: 0;
  margin-left: 0;
}

.box--gray02 {
  background: #F5F5F5;
  padding: 1.66667em 1.33333em;
}

.box--gray02 small {
  font-size: 0.93333rem;
}

.box--gray02-sm {
  padding: 1em;
}

.box--gray02.space {
  margin-top: 80px;
}

.box--gray02__inr {
  max-width: 380px;
  margin: 0 auto;
}

.box--gray02__wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 16px;
}

.box--gray02__wrap+.box_item__btn01 {
  margin-top: 18px;
}

.box--gray02__wrap .box_item__num {
  width: auto;
}

@media screen and (max-width: 767px) {
  .box {
    padding-top: 9.33333vw;
    padding-bottom: 9.33333vw;
  }

  .l_contents__main .box {
    padding: 12vw 4vw;
  }

  .l_contents__main02 .box {
    padding: 8vw 4vw;
  }

  .box--gray .l_contents__main {
    margin-right: -4vw;
    margin-left: -4vw;
  }

  .box--gray02 {
    padding: 1.33333em;
    padding-top: 1em;
  }

  .box--gray02.space {
    margin-top: 10.66667vw;
  }

  .box--gray02__wrap {
    display: block;
  }

  .box--gray02__wrap+.btn,
  .box--gray02__wrap+.btn_bdr,
  .box--gray02__wrap+.btn_bg {
    margin-top: 4vw;
  }

  .box--gray02__wrap .box_item__num {
    margin-top: 4vw;
  }

  .box__ttl {
    margin-bottom: 8vw;
    text-align: center;
  }
}

.box_item__ttl {
  line-height: 1.5;
}

.box_item>*~* {
  margin-top: 0.66667em;
}

.box_item__yen {
  font-size: 1.2rem;
  vertical-align: middle;
}

.box_item__num {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  font-size: 1rem;
}

.box_item .form {
  width: auto;
  margin-left: 10px;
  margin-right: 5px;
}

.box_item .form select {
  padding: .5em .6em;
  padding-right: 3em;
  background-position: calc(100% - 15px) calc(1em + -4px), calc(100% - 10px) calc(1em + -4px), 102% 0;
  background-size: 5px 10px, 5px 10px, 2.5em 3em;
}

.box_item .form--small select {
  padding: .3em .8em;
  padding-right: 3em;
  background-position: calc(100% - 15px) calc(.8em + 0px), calc(100% - 10px) calc(.8em + 0px), 102% 0;
}

.box_item__btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: -5px;
  margin-top: 1.33333em;
}

.box_item__btn>* {
  padding: 5px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
}

.box_item__btn .btn_bdr .icon {
  position: relative;
  right: auto;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}

.box_item__btn .btn_bdr:hover .icon--hert::before {
  background-image: url(../images/icon/heart_white.svg);
}

.box_item__btn .btn_bdr.btn_wish_add:hover .icon--hert::before {
  background-image: url(../images/icon/heart_pink.svg);
}

.box_item__btn .btn_bdr:hover .icon--hert_red::before {
  background-image: url(../images/icon/heart_pink.svg);
}

.box_item__btn01 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 calc(280/480*100%);
  -ms-flex: 0 0 calc(280/480*100%);
  flex: 0 0 calc(280/480*100%);
}

.box_item__btn01 .btn_bg--input input,
.box_item__btn01 .btn_bg--gray {
  padding: 1.4em 1.2em;
  line-height: 1.7;
}

.box_item__btn01 span.btn_bg--gray {
  display: block;
}

.box_item__btn02 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 calc(190/480*100%);
  -ms-flex: 0 0 calc(190/480*100%);
  flex: 0 0 calc(190/480*100%);
}

.box_item__btn02 a {
  padding: 1.35em 1.2em;
}

@media screen and (max-width: 1020px) {
  .box_item__btn {
    display: block;
  }
}

@media screen and (max-width: 767px) {
  .box_item__ttl {
    font-size: 1.3rem !important;
  }

  .box_item__yen {
    font-size: 1.2rem;
  }

  .box_item__btn02 a {
    padding: .5em 1em;
  }

  .box_item .form select {
    padding: .2em 1em;
    padding-right: 2em;
    background-position: calc(97% - 15px) calc(0.6em + -3px), calc(97% - 10px) calc(0.6em + -3px), 100% 0;
    background-size: 5px 10px, 5px 10px, 2.1em 5em;
  }

  .box_item .form--small select {
    padding: .2em .8em;
    padding-right: 2em;
  }
}

.box_wh {
  background: #fff;
  padding: 20px;
}

.box_wh--flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.box_wh--flex dt {
  margin-right: 20px;
}

.box_wh__img {
  max-width: 360px;
  margin: 20px auto 0;
}

.box_wh__ttl {
  font-weight: bold;
  font-size: 0.8rem;
}

@media screen and (max-width: 767px) {
  .box_wh .icon_list img {
    height: 25px;
  }

  .box_wh--flex {
    display: block;
  }

  .box_wh--flex dt {
    margin: 0 0 1em;
  }

  .box_wh__img {
    width: auto;
    margin: 10px auto 0;
  }
}

.box_bdr {
  border: 1px solid #b1b1b1;
  padding: 1em 2em;
}

.box_bdr .text_bold {
  margin-bottom: .6em;
}

.box_bdr~.box_bdr {
  margin-top: 1.2em;
}

@media screen and (max-width: 767px) {
  .box_bdr {
    padding: 1em;
  }
}

.multi_btn_box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.multi_btn_box__inr {
  width: calc(50% - 1rem);
}

.multi_btn_box__inr:nth-child(even) {
  margin-left: 1rem;
  text-align: left;
}

.multi_btn_box__inr:nth-child(odd) {
  margin-right: 1rem;
  text-align: right;
}

@media screen and (max-width: 767px) {
  .multi_btn_box__inr {
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .multi_btn_box {
    display: block;
  }

  .multi_btn_box__inr {
    width: 100%;
  }

  .multi_btn_box__inr:nth-child(even) {
    margin-left: 0;
    text-align: center;
  }

  .multi_btn_box__inr:nth-child(odd) {
    margin-right: 0;
    text-align: center;
  }

  .multi_btn_box__inr:not(:first-child) .sec__btn {
    margin-top: 1rem;
  }

  .multi_btn_box__inr a {
    width: 100%;
  }
}

/* br
----------------------------------------------------------------------------- */
.br {
  display: inline-block;
}

/* breadcrumbs
----------------------------------------------------------------------------- */
.breadcrumbs {
  font-size: 0.8rem;
  position: absolute;
  top: 0;
  left: 1em;
}

.breadcrumbs ul {
  font-size: 0.8rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.breadcrumbs li~li {
  margin-left: .5em;
}

.breadcrumbs li:last-child a:hover {
  opacity: 1;
  cursor: default;
}

.breadcrumbs .icon {
  vertical-align: text-bottom;
}

.win .breadcrumbs .icon {
  margin-bottom: 2px;
}

@media all and (-ms-high-contrast: none) {
  .win .breadcrumbs .icon {
    margin-bottom: 6px;
  }
}

@media screen and (max-width: 767px) {
  .breadcrumbs {
    position: static;
    font-size: 0.8rem;
    border-top: 1px solid #E0E0E0;
    padding: 2.66667vw 2vw;
  }
}

/* _button
----------------------------------------------------------------------------- */
.btn,
.btn_bdr,
.btn_bg {
  text-align: center;
  width: 100%;
  padding: 1em;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  max-width: 380px;
  position: relative;
  cursor: pointer;
}

.btn input,
.btn_bdr input,
.btn_bg input {
  cursor: pointer;
}

.btn::after,
.btn_bdr::after,
.btn_bg::after {
  content: "";
  display: block;
  width: 1.0em;
  height: 1.0em;
  position: absolute;
  top: 50%;
  right: 1em;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background: url(../images/icon/arrow_01_ye.svg) no-repeat center/contain;
}

.btn:hover::after,
.btn_bdr:hover::after,
.btn_bg:hover::after {
  background-image: url(../images/icon/arrow_03_wh.svg);
}

.btn--small {
  padding: .5em;
}

@media all and (-ms-high-contrast: none) {
  .btn--small {
    padding-top: calc(.5em + 3px);
  }
}

.btn--bk {
  background: var(--text-color);
  color: #fff;
  border: 1px solid var(--text-color);
  width: 100%;
  max-width: 250px;
}

.btn--bk:hover {
  background: #fff;
  color: var(--text-color);
  border: 1px solid var(--text-color);
}

@media screen and (max-width: 767px) {

  .btn,
  .btn_bdr,
  .btn_bg {
    max-width: 80vw;
  }

  .btn--small {
    max-width: 53.33333vw;
    margin: 0 auto;
  }
}

.btn_bdr {
  border: 1px solid var(--accent-color);
  color: var(--accent-color);
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  position: relative;
  border-radius: 6px;
}

.btn_bdr--center {
  margin: 20px auto 0;
}

.btn_bdr--input {
  padding: 0;
}

.btn_bdr--input input {
  outline: none;
  padding: 1.1em;
  width: 100% !important;
}

.btn_bdr--xs {
  max-width: 140px;
  padding: .5em;
}

.btn_bdr--xxs {
  max-width: 100%;
  padding: .5em;
}

.btn_bdr--sm {
  max-width: 160px;
  padding: .5em;
}

@media screen and (max-width: 767px) {
  .btn_bdr--sm {
    max-width: 42.66667vw;
  }
}

.btn_bdr--ssm {
  max-width: 256px;
  padding-right: 2.5em;
}

.btn_bdr--xxxs {
  padding: .3em;
}

.btn_bdr--m {
  max-width: 300px;
  padding: .5em;
}

.btn_bdr--noarrow::after {
  display: none;
}

.btn_bdr--close::after {
  background-image: url(../images/icon/arrow_02_wh.svg);
}

.btn_bdr--wh {
  border-color: #fff;
  color: #fff;
}

.btn_bdr--wh::after {
  background-image: url(../images/icon/arrow_02_wh.svg);
}

.btn_bdr--wh:hover {
  border-color: var(--text-color);
}

.btn_bdr--bgwhite {
  background: #fff;
}

.btn_bdr:hover {
  background: var(--accent-color);
  color: #fff;
  opacity: 1;
}

.btn_bdr:hover a {
  color: #fff;
  opacity: 1;
}

.btn_bdr:hover .icon {
  color: #fff;
}

.btn_bdr--close {
  white-space: nowrap;
}

.btn_bdr--close::before {
  content: "";
  width: .8em;
  height: .8em;
  margin-right: .5em;
  vertical-align: baseline;
  background: url(../images/icon/close_bk.svg) center center no-repeat;
  position: relative;
  display: inline-block;
  top: auto;
  right: auto;
}

.btn_bdr--close::after {
  display: none;
}

.btn_bdr--close:hover::before {
  background-image: url(../images/icon/close_wh.svg);
}

@media screen and (max-width: 767px) {
  .btn_bdr--close:hover {
    color: var(--text-color);
    background: transparent;
  }

  .btn_bdr--close:hover::before {
    background-image: url(../images/icon/close_bk.svg);
  }
}

.btn_bdr--plus::before {
  content: "";
  width: .8em;
  height: .8em;
  margin-right: .5em;
  vertical-align: baseline;
  background: url(../images/icon/icon_plus.svg) center/contain;
  position: relative;
  display: inline-block;
  top: auto;
  right: auto;
}

.btn_bdr--plus::after {
  display: none;
}

.btn_bdr--plus:hover::before {
  background-image: url(../images/icon/icon_plus_wh.svg);
}

.btn_bdr--plus.off {
  opacity: .6;
  cursor: auto;
  border-color: rgba(0, 0, 0, 0.7);
}

.btn_bdr--plus.off::after {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: auto;
  background: rgba(0, 0, 0, 0.5);
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}

.btn_bdr--plus.off:hover {
  opacity: .6;
  color: var(--text-color);
  background: transparent;
}

.btn_bdr--plus.off:hover::before {
  background-image: url(../images/icon/icon_plus.svg);
}

@media screen and (max-width: 767px) {
  .btn_bdr--plus:hover {
    color: var(--text-color);
    background: transparent;
  }

  .btn_bdr--plus:hover::before {
    background-image: url(../images/icon/icon_plus.svg);
  }
}

.btn_bdr--re::after {
  -webkit-transition: 0s;
  -o-transition: 0s;
  transition: 0s;
  position: absolute;
  right: auto;
  left: 1em;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(180deg);
  -ms-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg);
}

.btn_bdr--line {
  padding: .8em !important;
}

.btn_bdr .j_info_link {
  max-width: 100%;
  width: 100%;
  padding: 0.75rem;
}

.btn_bg {
  background: var(--primary-color);
  color: #fff;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  border: 2px solid var(--primary-color);
  font-weight: bold;
  border-radius: 6px;
}

.btn_bg input {
  width: 100%;
}

.btn_bg--center {
  margin: 0 auto;
}

.btn_bg--sm {
  max-width: 280px;
}

.btn_bg--xs {
  max-width: 140px;
  padding: .5em;
}

.btn_bg--lg {
  padding: 1.6em 1em;
}

.btn_bg--input {
  padding: 0;
}

.btn_bg--input input {
  outline: none;
  padding: 1.1em;
  width: 100% !important;
}

.btn_bg::after {
  background-image: url(../images/icon/arrow_03_wh.svg);
}

.btn_bg:hover {
  background: transparent;
  color: var(--primary-color);
  border: 2px solid var(--primary-color);
  opacity: 1;
  transition: .5s;
}

.btn_bg:hover::after {
  background-image: url(../images/icon/arrow_01_ye.svg);
}

.btn_bg--noarrow::after {
  display: none;
}

.btn_bg--blank {
  padding-right: 2.5em !important;
}

.btn_bg--blank::after {
  background-image: url(../images/icon/blank_wh.svg);
}

.btn_bg--blank:hover::after {
  background-image: url(../images/icon/blank.svg);
}

.btn_bg--opacity:hover {
  background: #fff;
  color: var(--accent-color);
  opacity: .7;
}


.btn_bg--plus::after {
  display: none;
}

.btn_bg--plus.off {
  opacity: .6;
  cursor: auto;
  border-color: rgba(0, 0, 0, 0.7);
}

.btn_bg--plus.off::after {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: auto;
  background: rgba(0, 0, 0, 0.5);
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}

.btn_bg--plus.off:hover {
  opacity: .6;
  color: var(--text-color);
  background: transparent;
}

.br6 {
  border-radius: 6px;
}

@media screen and (max-width: 767px) {
  .btn_bg--plus:hover {
    color: var(--text-color);
    background: transparent;
  }
}

.btn_bg--re::after {
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  position: absolute;
  right: auto;
  left: 1em;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(180deg);
  -ms-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg);
}

.btn_bg--red {
  background: var(--accent-color);
  border: 1px solid var(--accent-color);
}

.btn_bg--red::after {
  background-image: url(../images/icon/arrow_03_wh.svg);
}

.btn_bg--red:hover {
  background: transparent;
  color: var(--accent-color);
  border: 1px solid var(--accent-color);
}

.btn_bg--red:hover::after {
  background-image: url(../images/icon/arrow_01_ye.svg);
}

.btn_bg--red:hover .icon {
  fill: var(--text-color);
}

.btn_bg--blue:hover {
  color: var(--sub-accent-color);
  background: #fff;
  border-color: var(--sub-accent-color);
}

.btn_bg--blue {
  border-color: var(--sub-accent-color);
  background: var(--sub-accent-color);
  color: #fff;
}

.btn_bg--blue:hover::after {
  background-image: url(../images/icon/arrow_01_bl.svg);
}

.btn_bg--gray {
  background: #A5A5A5;
  border: 1px solid #A5A5A5;
  color: #fff;
}

.btn_bg--gray:hover {
  background: #A5A5A5;
  border: 1px solid #A5A5A5;
  color: #fff;
}

.btn_wish {
  color: var(--accent-color);
  border: 2px solid var(--accent-color);
}

.btn_wish:hover {
  background-color: var(--accent-color);
  color: #fff;
}

.btn_wish_add {
  background-color: var(--accent-color);
  color: #fff;
  border-color: var(--accent-color);
}

.btn_wish_add:hover {
  color: var(--accent-color);
  background-color: #fff;
  border: 2px solid var(--accent-color);
}

@media screen and (max-width: 767px) {
  .btn_bg:hover {
    color: var(--accent-color);
    border: 1px solid var(--accent-color);
  }

  .btn_bg--blue:hover {
    color: var(--sub-accent-color);
    background: #fff;
    border-color: var(--sub-accent-color);
  }
}

.rearrange {
  height: 0;
  visibility: hidden;
}

.sort_btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  border: 1px solid var(--bottom-color);
  margin-bottom: 5.67901%;
  font-size: 1rem;
}

.sort_btn li {
  width: 100%;
  margin-top: -0.2px;
  color: var(--bottom-color);
}

.sort_btn li~li {
  border-left: 1px solid var(--bottom-color);
}

.sort_btn .btn,
.sort_btn .btn_bdr,
.sort_btn .btn_bg {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  padding: .6em;
}

.sort_btn .btn::after,
.sort_btn .btn_bdr::after,
.sort_btn .btn_bg::after {
  content: none;
}

@media all and (-ms-high-contrast: none) {

  .sort_btn .btn,
  .sort_btn .btn_bdr,
  .sort_btn .btn_bg {
    padding-top: calc(.6em + 3px);
  }
}

.sort_btn .btn:hover,
.sort_btn .btn_bdr:hover,
.sort_btn .btn_bg:hover {
  background: var(--bottom-color);
  color: #fff;
  opacity: 1;
}

.sort_btn .btn.active,
.sort_btn .active.btn_bdr,
.sort_btn .active.btn_bg {
  background: var(--bottom-color);
  color: #fff;
  height: 100%;
}

@media screen and (max-width: 767px) {
  .sort_btn {
    border: none;
    margin-bottom: 8vw;
    font-size: 1rem;
    padding-bottom: 2.66667vw;
    width: 100%;
    display: flex;
  }

  .sort_btn::-webkit-scrollbar {
    height: 5px;
  }

  .sort_btn::-webkit-scrollbar-thumb {
    background: #A5A5A5;
    border-radius: 5px;
  }

  .sort_btn li {
    width: 100%;
    border: 1px solid var(--text-color);
  }

  .sort_btn li~li {
    margin-left: 1.33333vw;
  }

  .sort_btn input {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    padding: 2.66667vw;
    width: 34.66667vw;
  }

  .sort_btn input:hover {
    background: #fff;
    color: var(--text-color);
    opacity: 1;
  }
}

.btn_list02 {
  max-width: 730px;
  margin-left: auto;
  margin-right: auto;
}

.btn_list02--lg {
  max-width: 850px;
  margin-left: auto;
  margin-right: auto;
}

.btn_list02--lg .btn,
.btn_list02--lg .btn_bdr,
.btn_list02--lg .btn_bg {
  max-width: 100%;
}

@media screen and (max-width: 767px) {

  .btn_list02 .btn,
  .btn_list02 .btn_bdr,
  .btn_list02 .btn_bg {
    max-width: 100%;
  }
}

.btn_list03 {
  max-width: 460px;
  margin-left: auto;
  margin-right: auto;
}

.btn_list03>* {
  padding: 1.5em;
}

.btn_list03>*~* {
  margin-top: 1em;
}

.btn_header__login {
  background: var(--primary-color);
  color: #fff;
  -webkit-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
  border: 1px solid var(--primary-color);
  padding: 0.35em 1em 0.35em 0.7em;
}

.btn_header__login:hover {
  background-color: var(--accent-color);
  opacity: 1;
}

.btn_header__regist {
  background: var(--primary-color);
  color: #fff;
  -webkit-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
  border: 1px solid var(--primary-color);
  padding: 0.35em 1.1em 0.35em 0.8em;
}

.btn_header__regist:hover {
  background-color: var(--accent-color);
  opacity: 1;
}

.btn_header__hert .icon--hert {
  width: 1.2em;
  height: 1.2em;
}


.btn_header__regist span,
.btn_header__login span {
  font-size: 14px;
}

@media screen and (max-width: 1100px) {

  .btn_header__login,
  .btn_header__regist {
    padding: 0.45em 0.6em;
  }

  .btn_header__regist span,
  .btn_header__login span {
    font-size: 11px;
  }
}

/* definition
----------------------------------------------------------------------------- */
.definition_02 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.definition_02~.definition_02 {
  margin-top: .5em;
}

.definition_02 dd {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin-left: 1em;
}

@media screen and (max-width: 767px) {
  .definition_02 {
    display: block;
  }

  .definition_02 dd {
    margin-left: 0;
  }
}

/* _form
----------------------------------------------------------------------------- */
.form~.form {
  margin-top: 20px;
}

.form input[type=text] {
  border: 1px solid #707070;
  padding: .6em;
  text-align: center;
  font-size: 0.93333rem;
  background-color: #fff;
  width: 100%;
}

.form .l_form__cartdate input[type=text] {
  max-width: 145px;
}

@media screen and (max-width: 767px) {
  .form .l_form__cartdate input[type=text] {
    width: 65px;
  }

  .form .l_form__cartdate input[type=text]:first-child {
    width: 70px;
  }
}

.form input[type=password] {
  border: 1px solid var(--text-color);
  padding: .6em;
  font-size: 0.93333rem;
  background-color: #fff;
  width: 100%;
}

.form input[type=search] {
  padding: .4em;
  font-size: 0.93333rem;
}

@media all and (-ms-high-contrast: none) {
  .form input[type=search] {
    padding-top: calc(.4em + 4px);
  }
}

.form input[type=search]::-webkit-input-placeholder {
  padding: .3em 0;
}

.form input[type=submit] {
  padding: 0.35em 0.5em;
  width: auto;
  cursor: pointer;
}

@media all and (-ms-high-contrast: none) {
  .form input[type=submit] {
    padding-top: calc(.4em + 4px);
  }
}

.form_chech {
  position: relative;
  padding-left: 1.5em;
  cursor: pointer;
}

.form input[type=radio] {
  outline: none;
  display: inline-block;
  vertical-align: text-bottom;
  width: 1em;
  height: 1em;
  border: 1px solid var(--text-color);
  background-color: #fff;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 50%;
  margin-right: .2em;
}

@media all and (-ms-high-contrast: none) {
  .form input[type=radio] {
    vertical-align: middle;
  }
}

.form input[type=radio].radio_check {
  background-color: var(--text-color) !important;
  -webkit-box-shadow: inset 0 0 0 2px #fff !important;
  box-shadow: inset 0 0 0 2px #fff !important;
}

.form input[type=radio]:checked {
  background-color: var(--text-color) !important;
  -webkit-box-shadow: inset 0 0 0 2px #fff;
  box-shadow: inset 0 0 0 2px #fff;
}

.form input[type=checkbox] {
  outline: none;
  width: 19px;
  height: 19px;
  position: relative;
  border: 1px solid var(--text-color);
  background-color: #fff;
  vertical-align: text-bottom;
}

@media all and (-ms-high-contrast: none) {
  .form input[type=checkbox] {
    vertical-align: middle;
  }
}

.form input[type=checkbox]:checked {
  background-color: var(--bottom-color) !important;
}

.form input[type=checkbox]:checked::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 3px;
  left: 6px;
  width: 5px;
  height: 8px;
  -webkit-transform: rotate(40deg);
  -ms-transform: rotate(40deg);
  transform: rotate(40deg);
  border-bottom: 1px solid #fff;
  border-right: 1px solid #fff;
  background: var(--bottom-color);
}

.form select {
  border: 1px solid var(--text-color);
  padding: .5em;
  padding-right: 3.5em;
  min-width: 6em;
  width: 100%;
  font-size: 0.93333rem;
  cursor: pointer;
  color: var(--text-color);
  background: #fff;
}

.form select [include*="form-input-select()"] option {
  color: inherit;
}

@media all and (-ms-high-contrast: none) {
  .form select {
    padding-top: calc(.4em + 4px);
  }
}

.form select::-ms-value {
  background: none;
  color: var(--text-color);
}

.form__wrap {
  margin-top: -4px;
}

.form__price {
  max-width: 80px;
  margin-top: 4px;
}

.form--search {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 20px 0;
}

.form--search input[type=search] {
  border: 1px solid #C4C4C4;
  line-height: 1;
}

.l_contents__side .form--search input[type=search] {
  width: 100%;
}

.l_header .form--search input[type=search] {
  width: 325px;
  background: #EEEEEE;
}

.l_header .form--search input[name=keyword] {
    border-radius: 6px 0 0 6px;
}

@media screen and (max-width: 1100px) {
  .l_header .form--search input[type=search] {
    max-width: 130px;
    width: auto;
  }

  .form--search {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-left: 0px;
  }
}

@media all and (-ms-high-contrast: none) {
  .form--search input[type=search] {
    padding-top: calc(.4em + 4px);
  }
}

.form--search input[type=submit] {
  border: 1px solid var(--bottom-color);
  border-left: 0;
  padding-left: 2.2em;
  background: url(../images/icon/search.svg) no-repeat var(--bottom-color) left 0.7em center/17px 17px;
}

.l_contents__side .form--search input[type=submit] {
  width: 35.15625%;
}

.form--search input[type=submit]:hover {
  color: #fff;
  opacity: .7;
}

.form textarea {
  border: 1px solid #707070;
  background: #fff;
  height: 4em;
  width: 100%;
  padding: 1em;
  resize: none;
}

@media screen and (max-width: 1020px) {
  .l_contents__side .form--search input[type=search] {
    width: 53.125%;
  }

  .l_contents__side .form--search input[type=submit] {
    width: 46.875%;
  }
}

@media screen and (max-width: 767px) {
  .form input[type=search] {
    padding-top: .2em;
    padding-bottom: .2em;
  }

  .form input[type=search]::-webkit-input-placeholder {
    padding: .1em 0;
  }

  .form__price {
    max-width: 32.66667vw;
    margin-top: 4px;
    font-size: 1.06667rem !important;
  }

  .form--search {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 14px 0;
  }

  .l_header .form--search input[type=search] {
    max-width: 53.66667vw;
    width: 100%;
  }

  .l_contents__side .form--search input[type=search] {
    width: 68vw;
    background-color: #EEEEEE;
    border: 1px solid #C4C4C4;
  }

  .form--search input[type=submit] {
    padding-left: 2em;
  }

  .l_contents__side .form--search input[type=submit] {
    width: 21.33333vw;
  }
}

.form_select {
  position: relative;
  cursor: pointer;
}

.form_select select {
  background-image: -webkit-gradient(linear, left bottom, right top, color-stop(50%, rgba(255, 255, 255, 0)), color-stop(50.5%, #fff)), -webkit-gradient(linear, right bottom, left top, color-stop(50%, rgba(255, 255, 255, 0)), color-stop(50.5%, #fff)), -webkit-gradient(linear, left top, right top, from(var(--bottom-color)), to(var(--bottom-color)));
  background-image: -o-linear-gradient(bottom left, rgba(255, 255, 255, 0) 50%, #fff 50.5%), -o-linear-gradient(bottom right, rgba(255, 255, 255, 0) 50%, #fff 50.5%), -o-linear-gradient(left, var(--bottom-color), var(--bottom-color));
  background-image: linear-gradient(to top right, rgba(255, 255, 255, 0) 50%, #fff 50.5%), linear-gradient(to top left, rgba(255, 255, 255, 0) 50%, #fff 50.5%), linear-gradient(to right, var(--bottom-color), var(--bottom-color));
  background-position: calc(100% - 20px) calc(1em + 0px), calc(100% - 15px) calc(1em + 0px), 100% 0;
  background-size: 5px 10px, 5px 10px, 45px 100%;
  background-repeat: no-repeat;
}

.form_select.low select {
  background-position: calc(100% - 20px) calc(1em + -4px), calc(100% - 15px) calc(1em + -4px), 100% 0;
}

@media screen and (max-width: 767px) {
  .form_select select {
    font-size: 1.06667rem !important;
  }
}

.check_active__target *[disabled] {
  background: #eee !important;
  color: #666;
  cursor: default;
}

#CREDIT_TOKEN_ERROR_MESSAGE_PANEL {
  margin-top: -110px;
  padding-top: 110px;
}

div#main #content.furu-sim {
  height: auto !important;
  width: 100%;
  font-size: 14px;
  line-height: 160%;
}

div#main #content.furu-sim div#sim-notice {
  border: 1px solid #B93D33;
  border-width: 1px 0;
  margin: 0 45px;
}

div#main #content.furu-sim div#sim-notice p {
  margin: 25px 20px;
}

div#sim-notice span {
  font-size: 20px;
  font-weight: bold;
  color: #BA463E;
}

div#main #content.furu-sim h2#sim-sheet {
  margin: 75px 0 30px 45px;
  padding: 0 0.5em;
  border-left: solid 5px #A54036;
  background: none;
  height: auto;
  line-height: 1.3em;
}

div#main #content.furu-sim h2#sim-sheet span {
  font-size: 16px;
  font-weight: normal;
}

div#main #content.furu-sim p#sim-supplement {
  background: #FDF1F1;
  margin: 0 65px 40px;
  padding: 1em;
}

div#main #content.furu-sim p#sim-supplement span.sim-sup-sml {
  color: #a54036;
  font-size: 12px;
  font-weight: bold;
  display: block;
  margin-top: 0.5em;
}

/* タブメニュー */
div#main #content.furu-sim #sim-tab-menu {
  margin: 25px auto 0;
  width: 900px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 0;
}

div#main #content.furu-sim #sim-tab-menu li {
  display: inline-block;
  padding: 15px 25px;
  background: #EBEBEB;
  border-radius: 5px 5px 0 0;
  border: 2px solid #EBEBEB;
  cursor: pointer;
  width: 292px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
}

div#main #content.furu-sim #sim-tab-menu li:hover {
  opacity: 0.8;
}

div#main #content.furu-sim #sim-tab-menu li:nth-child(even) {
  width: 12px;
  border-width: 0 0 2px 0;
  padding: 15px 0;
  background: none;
  cursor: default;
}

div#main #content.furu-sim #sim-tab-menu li.active {
  background: none;
  cursor: default;
  border-bottom-color: #fff;
  color: var(--text-color);
  padding: 25px 25px 15px;
}

div#main #content.furu-sim #sim-tab-menu li.active:hover {
  opacity: 1;
}

/* タブの中身 */
div#main #content.furu-sim #sim-tab-box>div {
  display: none;
}

div#main #content.furu-sim #sim-tab-box>div.active {
  display: block;
}

div#main #content.furu-sim #sim-tab-box>div>div {
  position: relative;
  border: 2px solid #EBEBEB;
  border-width: 0 2px 2px;
  width: 900px;
  height: 1280px;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-size: contain;
}

div#main #content.furu-sim #sim-tab-box>div:nth-child(1)>div {
  background-image: url(../images/simulation/doc_gensen.png);
}

div#main #content.furu-sim #sim-tab-box>div:nth-child(3)>div {
  background-image: url(../images/simulation/doc_kaku-a.png);
}

div#main #content.furu-sim #sim-tab-box>div:nth-child(5)>div {
  background-image: url(../images/simulation/doc_kaku-b.png);
}

div#main #content.furu-sim #sim-tab-box>div>div input,
div#main #content.furu-sim #sim-tab-box>div>div select {
  position: absolute;
  font-size: 20px;
  background-color: transparent;
  border: none;
  text-align: right;
  outline: 0;
}

div#main #content.furu-sim #sim-tab-box>div>div select {
  padding-right: 3px;
}

div#main #content.furu-sim #sim-tab-box>div>div select.narrow {
  font-size: 12px;
  padding-right: 1px;
}

div#main #content.furu-sim #sim-tab-box>div>div select.narrow option {
  padding-right: 7px;
}

#sim-a01 {
  top: 223px;
  left: 372px;
  width: 7em;
}

#sim-a02 {
  top: 340px;
  left: 60px;
}

#sim-a03 {
  top: 340px;
  left: 103px;
}

#sim-a04 {
  top: 340px;
  left: 145px;
}

#sim-a05 {
  top: 340px;
  left: 195px;
  width: 5em;
}

#sim-a06 {
  top: 340px;
  left: 326px;
}

#sim-a07 {
  top: 340px;
  left: 368px;
}

#sim-a08 {
  top: 340px;
  left: 406px;
}

#sim-a09 {
  top: 340px;
  left: 443px;
}

#sim-a10 {
  top: 340px;
  left: 484px;
}

#sim-a11 {
  top: 340px;
  left: 534px;
}

#sim-a12 {
  top: 340px;
  left: 573px;
}

#sim-a13 {
  top: 340px;
  left: 615px;
}

#sim-a14 {
  top: 340px;
  left: 664px;
}

#sim-a15 {
  top: 340px;
  left: 712px;
}

#sim-a16 {
  top: 340px;
  left: 762px;
}

#sim-a17 {
  width: 8em;
  top: 400px;
  left: 70px;
}

#sim-a18 {
  width: 8em;
  top: 400px;
  left: 270px;
}

#sim-a19 {
  width: 8em;
  top: 400px;
  left: 468px;
}

#sim-a20 {
  width: 8em;
  top: 400px;
  left: 665px;
}

#sim-a21 {
  top: 1073px;
  left: 240px;
}

#sim-a22 {
  top: 1073px;
  left: 275px;
}

#sim-a23 {
  top: 1073px;
  left: 310px;
}

#sim-a24 {
  top: 1073px;
  left: 311px;
}

#sim-a25 {
  top: 1073px;
  left: 346px;
}

#sim-a26 {
  top: 1073px;
  left: 382px;
}

#sim-a27 {
  top: 1073px;
  left: 346px;
}

.hgks-a {
  display: none;
}

div#main #content.furu-sim #sim-tab-box>div:nth-child(3)>div input {
  width: 7.8em;
  font-size: 23px;
}

#sim-b01 {
  top: 465px;
  left: 278px;
}

#sim-b02 {
  top: 495px;
  left: 278px;
}

#sim-b03 {
  top: 525px;
  left: 278px;
}

#sim-b04 {
  top: 555px;
  left: 278px;
}

#sim-b05 {
  top: 619px;
  left: 278px;
}

#sim-b06 {
  top: 650px;
  left: 278px;
}

#sim-b07 {
  top: 681px;
  left: 278px;
}

#sim-b08 {
  top: 712px;
  left: 278px;
}

#sim-b09 {
  top: 749px;
  left: 362px;
  width: 100px;
}

#sim-b10 {
  top: 776px;
  left: 278px;
}

#sim-b11 {
  top: 812px;
  left: 362px;
  width: 100px;
}

#sim-b12 {
  top: 839px;
  left: 278px;
}

#sim-b13 {
  top: 902px;
  left: 278px;
}

#sim-b14 {
  top: 935px;
  left: 278px;
}

#sim-b15 {
  top: 967px;
  left: 278px;
}

#sim-b16 {
  top: 997px;
  left: 278px;
}

#sim-b17 {
  top: 401px;
  left: 677px;
}

.hgks103-b,
.hgks-b {
  display: none;
}

div#main #content.furu-sim #sim-tab-box>div>p {
  font-size: 16px;
  line-height: 1.6em;
}

div#main #content.furu-sim #sim-tab-box>div>p.sim-spouse {
  max-width: 900px;
  margin: 30px auto;
}

div#main #content.furu-sim #sim-tab-box>div:nth-child(5)>div input {
  width: 9em;
  font-size: 21px;
}

#sim-c01 {
  top: 537px;
  left: 233px;
}

#sim-c02 {
  top: 563px;
  left: 233px;
}

#sim-c03 {
  top: 590px;
  left: 233px;
}

#sim-c04 {
  top: 616px;
  left: 233px;
}

#sim-c05 {
  top: 642px;
  left: 233px;
}

#sim-c06 {
  top: 668px;
  left: 233px;
}

#sim-c07 {
  top: 693px;
  left: 233px;
}

#sim-c08 {
  top: 718px;
  left: 233px;
}

/* 社会保険料控除 */
#sim-c11 {
  top: 770px;
  left: 233px;
}

/* 小規模企業共済等掛金控除 */
#sim-c12 {
  top: 795px;
  left: 233px;
}

/* 生命保険料控除 */
#sim-c13 {
  top: 820px;
  left: 233px;
}

/* 地震保険料控除 */
#sim-c14 {
  top: 847px;
  left: 233px;
}

/* 寡婦、寡夫控除 */
#sim-c16 {
  top: 874px;
  left: 325px;
  width: 100px;
}

/* 勤労学生、障害者控除 */
#sim-c17 {
  top: 900px;
  left: 233px;
}

/* 配偶者(特別)控除 */
#sim-c18 {
  top: 927px;
  left: 325px;
  width: 100px;
}

/* 扶養控除 */
#sim-c19 {
  top: 954px;
  left: 233px;
}

/* 雑損控除 */
#sim-c09 {
  top: 1033px;
  left: 233px;
}

/* 医療費控除 */
#sim-c10 {
  top: 1058px;
  left: 233px;
}

/* 寄付金控除 */
#sim-c15 {
  top: 1084px;
  left: 233px;
}

#sim-c20 {
  top: 352px;
  left: 607px;
}

.hgks103-c,
.hgks-c {
  display: none;
}

div#main #content.furu-sim #sim-tab-box>div>.btn_bdr {
  display: block;
  margin: 30px auto 60px;
  cursor: pointer;
}

div#main #content.furu-sim #sim-tab-box>div>img:hover,
#contents div#main #content.furu-sim ul.inqList li.inqWeb a img:hover,
#contents div#main #content.furu-sim div p.furuback a img:hover {
  opacity: 0.8;
}

#contents div#main #content.furu-sim h3.sim-h3 {
  background: none;
  margin: 0 14px;
  font-size: 0;
  line-height: 0;
  padding: 0;
}

#contents div#main #content.furu-sim .sim-res {
  text-align: center;
  padding: 1em 0;
  font-size: 1rem;
}

div#main #content.furu-sim p.sim-res span.res-num {
  font-size: 27px;
  color: var(--text-color);
  font-weight: bold;
}

div#main #content.furu-sim p.sim-res span.res-en {
  color: var(--text-color);
  font-weight: bold;
}

div#main #content.furu-sim p.sim-res input {
  font-size: 27px;
  border: 1px solid var(--text-color);
  background: #fff;
  padding: 5px 10px;
  text-align: right;
  width: 6em;
  margin: 0 5px;
}

div#main #content.furu-sim p.sim-res span#open01,
div#main #content.furu-sim p.sim-res span#open02 {
  border: 1px solid var(--text-color);
  padding: 1em;
  margin-top: 1em;
}

div#main #content.furu-sim p.sim-res span#open01:hover,
div#main #content.furu-sim p.sim-res span#open02:hover {
  background: var(--text-color);
  color: #fff;
}

div#main #content.furu-sim p.sim-res span#open01,
div#main #content.furu-sim p.sim-res span#open02,
div#main #content.furu-sim p.sim-res span#db01,
div#main #content.furu-sim p.sim-res span#db02 {
  display: none;
}

div#main #content.furu-sim p.sim-res span#open01,
div#main #content.furu-sim p.sim-res span#open02 {
  cursor: pointer;
}

div#main #content.furu-sim div.prev-inc {
  width: 850px;
  padding-bottom: 25px;
  margin: 10px 0 25px 65px;
  border-bottom: #787878 dotted 1px;
}

#contents #main #content.furu-sim .inquiry {
  margin: 0 0 30px 44px;
}

#contents #main #content.furu-sim .inquiry .inqList li {
  background-color: #ebebeb;
  width: 445px;
  height: 170px;
  text-align: center;
  float: left;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#contents #main #content.furu-sim .inquiry .inqList li:first-child {
  margin-right: 10px;
}

#contents #main #content.furu-sim .inquiry .inqList .inqHd {
  background: url(../images/simulation/inq_bg.png) no-repeat left top;
  color: #fff;
  text-align: center;
  padding: 5px 0;
  margin: 0 0 30px;
}

#contents div#main #content.furu-sim div p.furuback {
  text-align: right;
  padding: 30px 0 83px;
  clear: both;
}

#contents div#main #content.furu-sim p.pagetop {
  position: absolute;
  right: 6px;
  bottom: 0;
  height: 25px;
  margin: 0;
  padding: 0;
}

#contents label {
  /* jQuery tooltip */
  display: inline-block;
  width: 5em;
}

.simulator .sim-support select {
  margin-left: 10px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0;
  border: 1px solid var(--text-color);
  padding: .4em 1em;
  padding-right: 40px;
  width: auto;
  text-align: center;
  font-size: 0.93333rem;
  cursor: pointer;
  color: var(--text-color);
  background: #fff;
  background-image: -webkit-gradient(linear, left bottom, right top, color-stop(50%, rgba(255, 255, 255, 0)), color-stop(50.5%, #fff)), -webkit-gradient(linear, right bottom, left top, color-stop(50%, rgba(255, 255, 255, 0)), color-stop(50.5%, #fff)), -webkit-gradient(linear, left top, right top, from(var(--text-color)), to(var(--text-color)));
  background-image: -o-linear-gradient(bottom left, rgba(255, 255, 255, 0) 50%, #fff 50.5%), -o-linear-gradient(bottom right, rgba(255, 255, 255, 0) 50%, #fff 50.5%), -o-linear-gradient(left, var(--text-color), var(--text-color));
  background-image: linear-gradient(to top right, rgba(255, 255, 255, 0) 50%, #fff 50.5%), linear-gradient(to top left, rgba(255, 255, 255, 0) 50%, #fff 50.5%), linear-gradient(to right, var(--text-color), var(--text-color));
  background-position: calc(100% - 15px) calc(100% - 8px), calc(100% - 10px) calc(100% - 8px), 100% 0;
  background-size: 5px 10px, 5px 10px, 30px 100%;
  background-repeat: no-repeat;
  margin-bottom: 5px;
  margin-top: 5px;
}

#db01 {
  display: block;
}

/* heading
----------------------------------------------------------------------------- */
.heading_01 {
  text-align: center;
  font-size: 2.13333rem;
  padding: 1.46667em 0 1.33333em;
  font-weight: 700;
  position: relative;
}

h1.heading_01 {
  font-weight: 400;
}

h1.heading_01.bottom_border::before {
  position: absolute;
  content: "";
  width: 100px;
  height: 2px;
  background-color: var(--text-color);
  left: calc(50% - 55px);
  bottom: 30px;
}

.apply .heading_01 {
  padding-bottom: 0.93333em;
}

.heading_01--bt {
  padding-bottom: 1.33333em;
}

.heading_01 img {
  width: 414px;
  vertical-align: baseline;
}

@media screen and (max-width: 767px) {
  .heading_01 {
    padding: 12vw 0;
    font-size: 1.73333rem;
  }

  .heading_01--sm {
    line-height: 1.5;
  }

  .heading_01 img {
    width: 100%;
  }

  .jichitai .heading_01 {
    padding: 6vw 0 0vw;
  }
}

.heading_02 {
  font-size: 1.6rem;
  font-weight: 700;
  position: relative;
  font-weight: bold;
}

h2.heading_02.bottom_border::before {
  position: absolute;
  content: "";
  width: 100px;
  height: 3px;
  background-color: var(--primary-color);
  left: calc(50% - 55px);
  bottom: -12px;
}

.heading_02 img {
  width: 414px;
}

.heading_02 img.img_toggle {
  width: auto;
}

.heading_02--border {
  text-align: center;
  padding: .8em 0;
}

@media all and (-ms-high-contrast: none) {
  .heading_02--border {
    padding-top: calc(.5em + 3px);
  }
}

.heading_02--sm {
  font-size: 1.06667rem;
}

.heading_02--xs {
  font-size: 1rem;
}

.heading_02--lg {
  font-size: 2.13333rem;
}

@media screen and (max-width: 767px) {
  .heading_02 {
    font-size: 1.4rem;
  }

  .heading_02--sm {
    font-size: 1.06667rem;
  }

  .heading_02--xs {
    font-size: 0.93333rem;
  }

  .l_header .heading_02--border {
    border-bottom: 1px solid #E0E0E0;
  }

  .heading_02--border {
    border: none;
    background: #fff;
    padding: .8em 0;
  }

  .heading_02+.valuation {
    margin-top: 5px;
  }
}

.heading_03 {
  font-size: 1.33333rem;
}

.heading_03__bold {
  font-size: 2.13333rem;
  font-weight: 700;
}

@media screen and (max-width: 767px) {
  .heading_03 {
    font-size: 1.06667rem;
    text-align: center;
  }

  .heading_03__bold {
    font-size: 1.73333rem;
  }
}

.heading_04 {
  font-size: 1.46667rem;
  font-weight: 700;
}

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

/* hidden
----------------------------------------------------------------------------- */
@media screen and (min-width: 767px) {
  .only_sp {
    display: none !important;
  }
}

@media screen and (max-width: 767px) {
  .only_pc {
    display: none !important;
  }
}

/* icon
----------------------------------------------------------------------------- */
.icon {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 1em;
  height: 1em;
}

.icon::before {
  content: "";
  display: block;
  width: 1em;
  height: 1em;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.icon--textbottom {
  vertical-align: text-bottom;
}

.icon--sm::before {
  font-size: .6em;
  vertical-align: middle;
}

@media all and (-ms-high-contrast: none) {
  .icon--sm::before {
    top: calc(50% - 1.5px);
  }
}

.icon--lg {
  width: 1.5em;
  height: 1.5em;
}

.icon--lg::before {
  width: 100%;
  height: 100%;
}

.icon--top::before {
  -webkit-transform: translate(-50%, -50%) rotate(-90deg);
  -ms-transform: translate(-50%, -50%) rotate(-90deg);
  transform: translate(-50%, -50%) rotate(-90deg);
}

.icon--bottom::before {
  -webkit-transform: translate(-50%, -50%) rotate(90deg);
  -ms-transform: translate(-50%, -50%) rotate(90deg);
  transform: translate(-50%, -50%) rotate(90deg);
}

.icon--right::before {
  -webkit-transform: translate(-50%, -50%) rotate(180deg);
  -ms-transform: translate(-50%, -50%) rotate(180deg);
  transform: translate(-50%, -50%) rotate(180deg);
}

.icon_arrow01::before {
  display: inline-block;
  background: url(../images/icon/arrow_01_bk.svg) no-repeat center/contain;
}

.icon_arrow01--blue::before {
  display: inline-block;
  background: url(../images/icon/arrow_blue.svg) no-repeat center/contain;
}

.icon_arrow01--wh::before {
  background-image: url(../images/icon/arrow_01_wh.svg);
}

.icon_arrow01--gy::before {
  display: inline-block;
  background: url(../images/icon/arrow_01_gy.svg) no-repeat center/contain;
  ;
}

.icon_arrow02::before {
  display: inline-block;
  background: url(../images/icon/arrow_02_bk.svg) no-repeat center/contain;
}

.icon_arrow02--wh::before {
  background-image: url(../images/icon/arrow_02_wh.svg);
}

.icon_arrow03--wh::before {
  background-image: url(../images/icon/arrow_03_wh.svg);
  top: 70%;
}

.icon_arrow03::before {
  display: inline-block;
  background: url(../images/icon/arrow_03_bk.svg) no-repeat center/contain;
}

.icon_star::before {
  top: 35%;
  display: inline-block;
  background: url(../images/icon/star.svg) no-repeat center/contain;
}

.icon_nostar::before {
  top: 35%;
  display: inline-block;
  background: url(../images/icon/no-star.svg) no-repeat center/contain;
}

.icon--hert::before {
  display: inline-block;
  background: url(../images/icon/heart_border.svg) no-repeat center/contain;
}

.icon--hert_red::before {
  display: inline-block;
  background: url(../images/icon/heart_red.svg) no-repeat center/contain;
}

.btn_wish .icon--hert::before {
  background: url(../images/icon/heart_pink.svg) no-repeat center/contain;
}

.btn_wish .icon--hert_red::before {
  background: url(../images/icon/heart_white.svg) no-repeat center/contain;
}

.btn_wish_add .icon--hert::before {
  background: url(../images/icon/heart_white.svg) no-repeat center/contain;
}

.btn_wish_add .icon--hert_red::before {
  background: url(../images/icon/heart_pink.svg) no-repeat center/contain;
}

.icon--user::before {
  display: inline-block;
  background: url(../images/icon/user.svg) no-repeat center/contain;
}

.icon--login::before {
  display: inline-block;
  background: url(../images/icon/login.svg) no-repeat center/contain;
}

.icon--regist::before {
  display: inline-block;
  background: url(../images/icon/regist.svg) no-repeat center/contain;
}

.icon--regist.icon {
  width: 1.2em;
  height: 1.2em;
}

.icon--blank::before {
  display: inline-block;
  background: url(../images/icon/blank.svg) no-repeat center/contain;
}

.icon--cart::before {
  display: inline-block;
  background: url(../images/icon/cart.svg) no-repeat center/contain;
}

.icon--close::before {
  display: inline-block;
  background: url(../images/icon/close_bk.svg) no-repeat center/contain;
}

.icon_list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -9px;
}

.icon_list img {
  height: 30px;
  width: auto;
}

.icon_list li {
  padding: 9px;
}

@media screen and (max-width: 767px) {
  .icon_list img {
    height: 35px;
    width: auto;
  }

  .icon.icon--cart {
    width: 3.0em;
    height: 2.8em;
  }

  .icon--lg.icon--hert {
    width: 3.2em;
    height: 2.8em;
  }

  .box_item__btn .icon--lg.icon--hert {
    width: 1.8em;
    height: 1.4em;
  }

  .icon--hert::before {
    background: url(../images/icon/heart_border_sp.svg) no-repeat center/contain;
  }

  .icon--cart::before {
    background: url(../images/icon/cart_sp.svg) no-repeat center/contain;
  }

  .btn_header__hert {
    font-size: 8px;
  }

  .btn_header__cart {
    font-size: 8px;
  }
}

/* item
----------------------------------------------------------------------------- */
.item {
  line-height: 1.2;
  position: relative;
}

.item>*~* {
  margin-top: 8px;
}

.item .heading_02--sm {
  line-height: 1.5;
  margin-top: 4px !important;
}

.item figure {
  position: relative;
}

.item figure img {
  vertical-align: middle;
}

.item--sell_no::before {
  content: "";
  background: rgba(0, 0, 0, 0.6);
  position: absolute;
  width: 100%;
  height: 100%;
}

.item--sell_no::after {
  content: "現在お取り扱い\Aしておりません";
  white-space: pre;
  line-height: 1.6;
  color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 1.6rem;
  font-weight: bold;
  width: 100%;
  text-align: center;
}

.item--stock_no::before,
.item--stock_no_cart::before {
  content: "";
  background: rgba(0, 0, 0, 0.6);
  position: absolute;
  width: 100%;
  height: 100%;
}

.item--stock_no::after,
.item--stock_no_cart::after {
  content: "品切れ中";
  color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 1.6rem;
  font-weight: bold;
  width: 100%;
  text-align: center;
}

.item--stock_no_cart::after {
  font-size: 0.8rem;
}

.item--period::before,
.item--period_cart::before {
  content: "";
  background: rgba(0, 0, 0, 0.6);
  position: absolute;
  width: 100%;
  height: 100%;
}

.item--period::after,
.item--period_cart::after {
  content: "受付期間外";
  color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 1.6rem;
  font-weight: bold;
  width: 100%;
  text-align: center;
}

.item--period_cart::after {
  font-size: 0.8rem;
}

.item--new {
  display: inline-block;
  background: #E07C27;
  color: #FFF;
  padding: 4px;
  position: absolute;
  top: 0;
  left: 0;
}


.item--feature {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}

.item--feature img {
  width: 100%;
  vertical-align: bottom;
}

.item+.btn_bg {
  margin-top: 1em;
}

@media screen and (max-width: 767px) {
  .item {
    font-size: 0.93333rem;
  }

  .item--stock_no::after,
  .item--stock_no_cart::after,
  .item--period::after,
  .item--period_cart::after,
  .item--sell_no::after {
    font-size: 1.06667rem;
  }

  .item+.btn_bg {
    width: 100%;
    max-width: none;
  }
}

.item_wrap {
  position: relative;
}

.item_wrap .close {
  position: absolute;
  top: 5px;
  right: 5px;
  background: #F5F5F5;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  z-index: 2;
}

.item_wrap .close::before {
  content: "";
  display: block;
  width: 10px;
  border-top: 1px solid var(--text-color);
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  -ms-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg);
}

.item_wrap .close::after {
  content: "";
  display: block;
  width: 10px;
  border-top: 1px solid var(--text-color);
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  -ms-transform: translate(-50%, -50%) rotate(-45deg);
  transform: translate(-50%, -50%) rotate(-45deg);
}

/* link
----------------------------------------------------------------------------- */
.link_border {
  text-decoration: underline;
  display: inline !important;
}

.link_border:hover {
  text-decoration: none;
  opacity: 1;
}

.link_border[target="_blank"]::after {
  content: "";
  background: url(../images/icon/blank.svg);
  width: 12px;
  padding-top: 12px;
  display: inline-block;
}

.link_out,
.link_out--wh {
  display: inline !important;
}

.link_out--wh[target="_blank"]::after {
  content: "";
  display: inline-block;
  background-image: url(../images/icon/link_out--wh.svg);
  background-repeat: no-repeat;
  background-size: contain;
  width: 12px;
  margin-left: 3px;
  padding-top: 12px;
  display: inline-block;
}

/* list
----------------------------------------------------------------------------- */
.list_border>li {
  padding: 1em 0;
}

.list_border--num>li {
  text-indent: -1em;
  padding-left: 2em;
  padding-right: 1.33333em;
}

@media screen and (max-width: 767px) {
  .list_border .heading_02 {
    font-size: 1rem;
    margin-bottom: 2.66667vw;
  }
}

.list_border02>li {
  border-top: 1px solid #ccc;
  padding: 30px;
}

.list_border02>li:last-child {
  border-bottom: 1px solid #ccc;
}

@media screen and (max-width: 767px) {
  .list_border02>li {
    padding: 8vw 0;
  }
}

.list_special {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -10px;
}

.list_special>li {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 50%;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 10px;
}

.list_special>li>ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -5px;
}

.list_special>li>ul>li {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 50%;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 5px;
}

.list_special img {
  width: 100%;
}

.list_special a {
  display: block;
}

@media screen and (max-width: 767px) {
  .list_special {
    display: block;
    margin: -1.33333vw;
  }

  .list_special>li {
    padding: 1.33333vw;
    max-width: 100%;
  }

  .list_special>li>ul {
    margin: -1.33333vw;
  }

  .list_special>li>ul>li {
    padding: 1.33333vw;
  }
}

.list_ranking>li {
  position: relative;
}

.list_ranking>li::after {
  content: "";
  display: block;
  position: absolute;
  width: 40px;
  height: 35px;
  top: -15px;
  left: 20px;
  background-repeat: no-repeat;
  background-size: contain;
}

.list_ranking>li:nth-child(1)::after {
  background-image: url("../images/icon/rank/icon_1.png");
  margin-bottom: 1px;
}

.list_ranking>li:nth-child(2)::after {
  background-image: url("../images/icon/rank/icon_2.png");
  margin-bottom: 2px;
}

.list_ranking>li:nth-child(3)::after {
  background-image: url("../images/icon/rank/icon_3.png");
  margin-bottom: 3px;
}

.list_ranking>li:nth-child(4)::after {
  background-image: url("../images/icon/rank/icon_4.png");
  margin-bottom: 4px;
}

.list_ranking>li:nth-child(5)::after {
  background-image: url("../images/icon/rank/icon_5.png");
  margin-bottom: 5px;
}

.list_ranking>li:nth-child(6)::after {
  background-image: url("../images/icon/rank/icon_6.png");
  margin-bottom: 6px;
}

.list_ranking>li:nth-child(7)::after {
  background-image: url("../images/icon/rank/icon_7.png");
  margin-bottom: 7px;
}

.list_ranking>li:nth-child(8)::after {
  background-image: url("../images/icon/rank/icon_8.png");
  margin-bottom: 8px;
}

.list_ranking>li:nth-child(9)::after {
  background-image: url("../images/icon/rank/icon_9.png");
  margin-bottom: 9px;
}

.list_ranking>li:nth-child(10)::after {
  background-image: url("../images/icon/rank/icon_10.png");
  margin-bottom: 10px;
}

.list_ranking>li:nth-child(11)::after {
  background-image: url("../images/icon/rank/icon_11.png");
  margin-bottom: 11px;
}

.list_ranking>li:nth-child(12)::after {
  background-image: url("../images/icon/rank/icon_12.png");
  margin-bottom: 12px;
}

.list_ranking>li:nth-child(13)::after {
  background-image: url("../images/icon/rank/icon_13.png");
  margin-bottom: 13px;
}

.list_ranking>li:nth-child(14)::after {
  background-image: url("../images/icon/rank/icon_14.png");
  margin-bottom: 14px;
}

.list_ranking>li:nth-child(15)::after {
  background-image: url("../images/icon/rank/icon_15.png");
  margin-bottom: 15px;
}

.list_ranking>li:nth-child(16)::after {
  background-image: url("../images/icon/rank/icon_16.png");
  margin-bottom: 16px;
}

.list_ranking>li:nth-child(17)::after {
  background-image: url("../images/icon/rank/icon_17.png");
  margin-bottom: 17px;
}

.list_ranking>li:nth-child(18)::after {
  background-image: url("../images/icon/rank/icon_18.png");
  margin-bottom: 18px;
}

.list_ranking>li:nth-child(19)::after {
  background-image: url("../images/icon/rank/icon_19.png");
  margin-bottom: 19px;
}

.list_ranking>li:nth-child(20)::after {
  background-image: url("../images/icon/rank/icon_20.png");
  margin-bottom: 20px;
}

.list_ranking>li:nth-child(21)::after {
  background-image: url("../images/icon/rank/icon_21.png");
  margin-bottom: 21px;
}

.list_ranking>li:nth-child(22)::after {
  background-image: url("../images/icon/rank/icon_22.png");
  margin-bottom: 22px;
}

.list_ranking>li:nth-child(23)::after {
  background-image: url("../images/icon/rank/icon_23.png");
  margin-bottom: 23px;
}

.list_ranking>li:nth-child(24)::after {
  background-image: url("../images/icon/rank/icon_24.png");
  margin-bottom: 24px;
}

.list_ranking>li:nth-child(25)::after {
  background-image: url("../images/icon/rank/icon_25.png");
  margin-bottom: 25px;
}

.list_ranking>li:nth-child(26)::after {
  background-image: url("../images/icon/rank/icon_26.png");
  margin-bottom: 26px;
}

.list_ranking>li:nth-child(27)::after {
  background-image: url("../images/icon/rank/icon_27.png");
  margin-bottom: 27px;
}

.list_ranking>li:nth-child(28)::after {
  background-image: url("../images/icon/rank/icon_28.png");
  margin-bottom: 28px;
}

.list_ranking>li:nth-child(29)::after {
  background-image: url("../images/icon/rank/icon_29.png");
  margin-bottom: 29px;
}

.list_ranking>li:nth-child(30)::after {
  background-image: url("../images/icon/rank/icon_30.png");
  margin-bottom: 30px;
}

@media screen and (max-width: 767px) {
  .list_ranking>li::after {
    width: 8vw;
    height: 6.66667vw;
    top: -2.66667vw;
    left: 0vw;
  }
}

.list_disc>li {
  text-indent: -1em;
  padding-left: 1em;
}

.list_disc>li~li {
  margin-top: .5em;
}

.list_num__num {
  color: var(--text-color);
  font-size: 1.2rem;
}

.list_num>li {
  text-indent: -1.2em;
  padding-left: 1.2em;
}

.list_num>li~li {
  margin-top: .5em;
}

.item_list.l_grid_row li a {
  overflow: hidden;
}

.jichitai_new figcaption {
  position: relative;
  display: block;
  margin-top: -32px;
}

.jichitai_new .start-date {
  position: relative;
  display: block;
  width: 100%;
  margin: 0 0 10px;
  text-align: right;
}

.jichitai_new .start-date .date {
  background: #daa520;
  padding: 8px 12px;
  font-weight: bold;
  color: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 0.95rem;
  line-height: 1;
  text-align: center;
  min-width: 80px;
}

.map_j-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.map_j-list>div {
  width: 48%;
}

.map_j-list>div:first-child {
  margin-right: 4%;
}

.map {
  position: relative;
  margin-bottom: 1rem;
  text-align: right;
}

.map__text {
  width: 168px;
  position: absolute;
  top: 40px;
  left: 142px;
}

.l_grid_row .map_img {
  width: 83%;
}

@media screen and (max-width: 1100px) {
  .map {
    margin-bottom: 0;
  }

  .map__text {
    width: 15.27273vw;
    top: 3.63636vw;
    left: 12.90909vw;
  }
}

@media screen and (max-width: 767px) {
  .map__text {
    width: 100%;
    position: static;
    margin-top: 8vw;
  }

  .map_j-list>div {
    width: 100%;
  }

  .map_j-list>div:first-child {
    margin-right: 0;
  }
}

.map_link__btn {
  display: block;
  width: 130px;
  position: relative;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  font-weight: bold;
}

@media all and (-ms-high-contrast: none) {
  .map_link__btn {
    padding-top: .8em;
    padding-bottom: .5em;
  }
}

.map_link__btn:hover {
  opacity: 1;
  color: #fff;
}

.map_link__btn:hover .icon::before {
  background-image: url(../images/icon/arrow_02_wh.svg);
}

.map_link__btn .icon {
  position: absolute;
  right: .7em;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.map_link__list {
  padding-left: 1em;
}

.map_link>li {
  position: absolute;
}

.map_link>li:nth-child(1) {
  top: 46px;
  left: 443px;
}

.map_link>li:nth-child(2) {
  top: 180px;
  right: 164px;
}


.map_link>li:nth-child(3) {
  top: 336px;
  left: 718px;
}

.map_link>li:nth-child(4) {
  top: 180px;
  left: 404px;
}


.map_link>li:nth-child(5) {
  top: 449px;
  left: 595px;
}

.map_link>li:nth-child(6) {
  top: 297px;
  left: 224px;
}

.map_link>li:nth-child(7) {
  top: 540px;
  left: 445px;
}


.map_link>li:nth-child(8) {
  top: 360px;
  left: -25px;
}


.map_link>li.off .map_link__btn {
  opacity: .5;
  border-color: #767676 !important;
  color: #767676 !important;
}

.map_link>li.off .map_link__btn:hover {
  background-color: #ffffff !important;
  color: #767676 !important;
}

.map_link>li.off .map_link__btn:hover .icon::before {
  background-image: url(../images/icon/arrow_02_bk.svg);
}

@media screen and (max-width: 1100px) {
  .map_link__btn {
    width: 15.72727vw;
    font-size: 1.14286vw;
    margin-bottom: 0.71429vw;
  }

  .map_link__list {
    font-size: 1.07143vw;
  }

  .map_link>li:nth-child(1) {
    top: 4.18182vw;
    left: 40.27273vw;
  }

  .map_link>li:nth-child(2) {
    top: 16.36364vw;
    right: 14.90909vw;
  }

  .map_link>li:nth-child(3) {
    top: 30.54545vw;
    left: 65.27273vw;
  }

  .map_link>li:nth-child(4) {
    top: 16.36364vw;
    left: 36.72727vw;
  }

  .map_link>li:nth-child(5) {
    top: 40.81818vw;
    left: 54.09091vw;
  }

  .map_link>li:nth-child(6) {
    top: 27vw;
    left: 20.36364vw;
  }

  .map_link>li:nth-child(7) {
    top: 49.09091vw;
    left: 40.45455vw;
  }

  .map_link>li:nth-child(8) {
    top: 39.54545vw;
    left: 14.27273vw;
  }
}

@media screen and (max-width: 767px) {
  .map_link__btn {
    width: 100%;
    font-size: 1.06667rem;
    margin-bottom: 10px;
    padding: .7em .9em;
  }

  .map_link__list {
    font-size: 1rem;
  }

  .map_link li {
    position: static;
  }

  .map_link li~li {
    margin-top: 25px;
  }

  .map_link li li~li {
    margin-top: 10px;
  }
}

.mypage_nav_content {
  border-top: 1px solid var(--text-color);
  border-bottom: 1px solid var(--text-color);
  margin-bottom: 30px;
}

.mypage_nav a {
  font-size: 1.06667rem;
  font-weight: bold;
  padding: 1em;
  padding-left: 2em;
  display: block;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
  position: relative;
}

.mypage_nav a .icon {
  position: absolute;
  left: .8em;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.mypage_nav a:hover {
  background: #F5F5F5;
}

.mypage_nav .current a {
  background: #F5F5F5;
}

.mypage_nav__btn {
  display: none;
}

@media screen and (max-width: 767px) {
  .mypage_nav_content {
    border-top: 1px solid var(--text-color);
    border-bottom: 1px solid var(--text-color);
    margin-bottom: 12vw;
  }

  .mypage_nav ul {
    padding: .7em 0;
    background: #F5F5F5;
  }

  .mypage_nav a {
    font-size: 1.06667rem;
    padding: .7em;
    padding-left: 2em;
    background: #F5F5F5;
  }

  .mypage_nav__btn {
    display: block;
    padding: 1em;
    font-size: 1.13333rem;
    font-weight: bold;
    position: relative;
  }

  .mypage_nav__btn .icon {
    position: absolute;
    right: 1em;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }

  .mypage_nav__btn.active .icon {
    -webkit-transform: translateY(-50%) rotate(180deg);
    -ms-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg);
  }
}

/* news
----------------------------------------------------------------------------- */
.news {
  max-width: 950px;
  margin: 0 auto;
  max-height: 13.5em;
  padding-right: 10px;
  overflow-x: hidden;
  overflow-y: auto;
}

.news::-webkit-scrollbar {
  width: 6px;
}

.news::-webkit-scrollbar-thumb {
  background: #A5A5A5;
  border-radius: 5px;
}

.news li {
  padding: 1em;
}

.news li+li {
  border-top: 1px solid #ccc;
}

.news li>a,
.news li>div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -10px;
}

.news li>a>*,
.news li>div>* {
  padding: 0 10px;
}

.new .news__cate {
  width: 124px;
  text-align: center;
  padding-left: 40px;
}

.news__cate span {
  font-family: "source-han-serif-japanese", serif;
  color: #fff;
  background-color: #99B8D3;
  font-size: 18px;
  display: block;
  padding: 5px 10px;
  line-height: 1.2;
}

@media all and (-ms-high-contrast: none) {
  .news__cate span {
    padding-top: 8px !important;
  }
}

.news__text {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

@media screen and (max-width: 767px) {
  .news {
    max-height: 133.33333vw;
  }

  .news li {
    padding: 4vw 0;
  }

  .news li>a,
  .news li>div {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .news__text {
    -webkit-box-flex: 1;
    -webkit-flex: auto;
    -ms-flex: auto;
    flex: auto;
    width: 100%;
    margin-top: 4vw;
  }

  .news+.sec__btn {
    margin-top: 8vw;
  }

  .news__cate {
    width: auto;
  }
}

/* pager
----------------------------------------------------------------------------- */
.pager {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.address .pager {
  margin-top: 2em;
}

.pager li {
  padding: 0 5px;
}

.pager a,
.pager span {
  color: var(--bottom-color);
  height: 26px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.pager__num>span {
  width: 26px;
  margin-right: 10px;
  padding: 5px;
  border: 1px solid var(--bottom-color);
  font-size: 18px;
}

.pager__num>span a {
  width: 100%;
}

.pager__num>span a:hover {
  opacity: 1;
}

.pager__num>span:hover {
  background: var(--bottom-color);
  color: #fff;
  opacity: 1;
}

.pager__num>span:hover a {
  color: #fff;
}

@media all and (-ms-high-contrast: none) {
  .pager__num>span {
    padding-top: 5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
}

.pager .current {
  background: var(--bottom-color);
  color: #fff;
}

/* popup
----------------------------------------------------------------------------- */
@media screen and (max-width: 767px) {
  .item_list_page .mfp-container {
    padding-left: 0;
    padding-right: 0;
  }

  .item_list_page .mfp-wrap {
    -webkit-overflow-scrolling: touch;
  }

  .item_list_page button.mfp-close {
    width: 10.66667vw;
    height: 10.66667vw;
    top: 3.33333vw;
    right: 3.33333vw;
    font-size: 0;
  }

  .item_list_page button.mfp-close:active {
    top: 3.33333vw;
  }

  .item_list_page button.mfp-close::before {
    content: "";
    display: block;
    border-top: 1px solid #707070;
    width: 8.33333vw;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    -ms-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg);
  }

  .item_list_page button.mfp-close::after {
    content: "";
    display: block;
    border-top: 1px solid #707070;
    width: 8.33333vw;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    -ms-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg);
  }
}

.favorit .mfp-content {
  max-width: 600px;
  width: 100%;
  background: #fff;
  padding: 45px;
  text-align: center;
}

.favorit .mfp-content p~p {
  margin-top: 10px;
}

.favorit .btn,
.favorit .btn_bdr,
.favorit .btn_bg {
  padding: 20px;
}

.favorit .l_grid_row {
  margin-top: 35px;
}

.favorit .mfp-close {
  font-size: 0;
}

@media screen and (max-width: 767px) {
  .favorit .mfp-content {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 100%;
    padding: 12vw 8vw;
  }
}

.mypage .mfp-content {
  margin-top: 70px;
  padding-bottom: 70px;
  width: auto;
}

.mypage .mfp-close {
  font-size: 0;
  background: url(../images/icon/icon_close.svg) no-repeat center/contain;
  top: -50px;
}

.mypage .mfp-close:active {
  top: -50px;
}

.mypage #limit {
  background: #fff;
  display: block;
  padding: 50px;
  width: 100%;
  max-width: 600px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.mypage #more,
.mypage #group_id {
  background: #fff;
  display: block;
  padding: 50px;
  width: 800px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.mypage iframe {
  width: 100%;
}

@media screen and (max-width: 1100px) {

  .mypage #more,
  .mypage #group_id {
    width: 78.57143vw;
  }
}

@media screen and (max-width: 767px) {

  .mypage #more,
  .mypage #group_id {
    width: 94.66667vw;
  }

  .mypage #more {
    padding: 5.33333vw;
  }

  .mypage #limit {
    padding: 6.66667vw;
  }
}

.cart .mfp-content,
.member_regist_new .mfp-content {
  margin-top: 70px;
  padding-bottom: 70px;
  width: 100%;
  max-width: 980px;
}

.cart .mfp-content #pop01,
.member_regist_new .mfp-content #pop01 {
  padding: 0 40px 60px;
  background: #fff;
}

.cart .mfp-content #pop02,
.member_regist_new .mfp-content #pop02 {
  padding: 60px 40px;
  background: #fff;
}

.cart .mfp-close,
.member_regist_new .mfp-close {
  font-size: 0;
  background: url(../images/icon/icon_close.svg) no-repeat center/contain;
  top: -50px;
}

.cart .mfp-close:active,
.member_regist_new .mfp-close:active {
  top: -50px;
}

.cart .mfp-close,
.member_regist_new .mfp-close {
  font-size: 0;
  background: url(../images/icon/icon_close.svg) no-repeat center/contain;
  top: -50px;
}

.cart .mfp-close:active,
.member_regist_new .mfp-close:active {
  top: -50px;
}

.cart iframe,
.member_regist_new iframe {
  width: 100%;
  background: #fff;
}

@media screen and (max-width: 767px) {

  .cart .mfp-content,
  .member_regist_new .mfp-content {
    margin: 0;
    padding-bottom: 0;
    width: 94.66667vw;
  }

  .cart .mfp-content #pop01,
  .member_regist_new .mfp-content #pop01 {
    padding: 0 1.33333vw 5.33333vw 5.33333vw;
  }

  .cart .mfp-content #pop01 .pop01_inr,
  .member_regist_new .mfp-content #pop01 .pop01_inr {
    height: 70vh;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
    padding-right: 4vw;
  }

  .cart .mfp-content #pop02,
  .member_regist_new .mfp-content #pop02 {
    padding: 60px 15px;
  }

  .cart .mfp-content .pop02_inr,
  .member_regist_new .mfp-content .pop02_inr {
    height: auto;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
  }
}

/* popup
----------------------------------------------------------------------------- */
.popup-mail {
  background: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0;
  left: 0;
  overflow-y: auto;
  width: 100%;
  height: calc(100% - 200px);
  z-index: 10000;
  padding: 100px 0;
}

.popup-mail__wrap {
  background: #fff;
  max-width: 542px;
  width: 38.71429vw;
  padding: 14px;
  margin: auto;
}

.popup-mail__inr {
  border: 1px solid var(--text-color);
  padding: 50px;
  text-align: center;
}

.popup-mail__inr *+* {
  margin-top: 2em;
}

.popup-mail__ttl {
  font-size: 2.13333rem;
  font-weight: bold;
}

.popup-mail .btn--bk {
  margin-left: auto;
  margin-right: auto;
}

@media screen and (max-width: 767px) {
  .popup-mail__wrap {
    width: 80%;
    padding: 1.86667vw;
  }

  .popup-mail__inr {
    padding: 4vw;
  }

  .popup-mail__ttl {
    font-size: 1.6rem;
  }
}

[data-ruby] {
  position: relative;
}

[data-ruby]::before {
  content: attr(data-ruby);
  position: absolute;
  top: -1.5em;
  left: 0;
  right: 0;
  margin: auto;
  font-size: 0.8rem;
  white-space: nowrap;
}

@media screen and (max-width: 767px) {
  [data-ruby]::before {
    font-size: 0.66667rem;
  }
}

/* 以下追加 */
rt {
  display: none;
}

/* scroll
----------------------------------------------------------------------------- */
.scroll_txt {
  overflow-y: auto;
  max-height: 300px;
  padding-right: 15px;
}

.scroll_txt--sm {
  max-height: 120px;
  height: auto;
  border: 1px solid var(--text-color);
  background: #fff;
  padding: 1em;
}

.scroll_txt::-webkit-scrollbar {
  width: 5px;
}

.scroll_txt::-webkit-scrollbar-thumb {
  background: #A5A5A5;
  border-radius: 10px;
}

@media screen and (max-width: 767px) {
  .scroll_txt {
    max-height: 250px;
    padding-right: 10px;
  }

  .scroll_txt--sm {
    max-height: 4em;
    height: auto;
  }
}

/* sec
----------------------------------------------------------------------------- */
.l_contents__main .sec~.sec {
  margin-top: 8.64198%;
}

.sec--first {
  padding-top: 6.72727%;
}

.sec--first02 {
  padding-top: 9.09091%;
}

.sec__ttl {
  margin-bottom: 4.54545%;
}

.sec__ttl--serif {
  font-weight: 600;
  font-size: 2rem !important;
}

@media screen and (max-width: 767px) {
  .sec__ttl--serif {
    font-size: 1.67rem !important;
  }
}

.sec__item {
  margin-top: 2.66667em;
}

.sec__head {
  position: relative;
  margin-bottom: 20px;
}

.l_contents__main .sec__head {
  margin-bottom: 3.7037%;
}

.sec__head .form_select {
  width: 140px;
  position: absolute;
  top: 0;
  right: 0;
}

#list .sec__head .form_select {
  display: block !important;
}

@media screen and (max-width: 767px) {
  #list .sec__head .form_select {
    position: static;
    margin: 0 0 0 auto;
  }

}

.sec__head .form_select--mypage {
  width: 160px;
}

.sec__head .form_select select {
  padding-right: 3em;
  padding-left: .8em;
}

.address .sec__head .form_select {
  position: static;
  margin: 0 0 0 auto;
}

.sec__head.row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.sec__head.row .valuation {
  margin-left: 20px;
}

@media screen and (max-width: 1020px) {
  .sec__head.row {
    display: block;
  }

  .sec__head.row .valuation {
    margin-left: 0;
  }
}

.sec__head02 {
  margin-bottom: 20px;
}

.sec__head02>* {
  line-height: 1.4;
  margin-bottom: 15px;
}

.sec__head02 .heading_02--sm {
  margin-bottom: 5px;
}

.sec__head02 .tag_list {
  line-height: 1.5;
  margin-bottom: 10px;
}

.sec__lead {
  margin-bottom: 1em;
}

.l_contents__main .sec__lead {
  margin-bottom: 3.20988%;
}

.sec__lead02 {
  margin-bottom: 1em;
}

.sec__text {
  line-height: 1.8;
}

.sec__text~.sec__text {
  margin-top: 1.33333em;
}

.sec__ph-notes {
  font-size: 0.66667rem;
}

.sec__btn {
  margin-top: 1.8em;
}

.sec__btn a {
  border-radius: 6px;
  font-weight: 500;
}

.sec~.sec {
  margin-top: 80px
}

.top .sec~.sec {
  margin-top: 0px
}

.member .sec__btn {
  max-width: 380px;
  margin-right: auto;
  margin-left: auto;
}

.member .sec__btn .note {
  font-size: 0.8rem;
  text-align: left;
  margin-top: .5em;
}

.sec__btn~.sec__btn {
  margin-top: 1.33333em;
}

.sec__btn .btn,
.sec__btn .btn_bdr,
.sec__btn .btn_bg {
  padding: 1.5em 1em;
}

.sec__btn .btn_bdr--m {
  padding: 1em;
}

.sec__btn .btn_bg--input {
  padding: 0;
  margin: 0 auto;
}

.disaster .sec__btn .btn_bg--input {
  margin: 0;
}

.sec__btn .btn_bg--input input {
  padding: 1.5em 1em;
}

.sec__btn .btn_bdr--input {
  padding: 0;
  margin: 0 auto;
}

.sec__btn .btn_bdr--input input {
  padding: 1.5em 1em;
}

.sec .pager {
  margin-top: 5.45455%;
}

.l_contents__main .sec .pager {
  margin-top: 3.7037%;
}

.sec--consept>div {
  position: relative;
}

.sec--consept>div .btn_bdr {
  position: absolute;
  bottom: calc(90/500*100%);
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  padding: 1.5em 1em;
}

@media screen and (max-width: 767px) {
  .sec__btn {
    margin-top: 1em;
  }

  .sec~.sec {
    margin-top: 12vw;
  }

  .top .sec~.sec {
    margin-top: 4vw;
  }

  .l_contents__main .sec~.sec {
    margin-top: 12vw;
  }

  .sec--first {
    padding-top: 12vw;
  }

  .item_detail .sec--first {
    padding-top: 0;
  }

  .sec--consept>div {
    margin-right: -4vw;
    margin-left: -4vw;
  }

  .sec--consept>div .btn_bdr {
    bottom: calc(90/703*100%);
  }

  .sec.l_grid_row--pc,
  .sec .l_grid_row--pc {
    margin-bottom: 0;
  }

  .sec.sm_space.l_grid_row--pc,
  .sec.sm_space>.l_grid_row--pc {
    margin-bottom: 0;
  }

  .sec.sm_space.l_grid_row--pc>[class*="col-"]~[class*="col-"],
  .sec.sm_space>.l_grid_row--pc>[class*="col-"]~[class*="col-"] {
    margin-top: 12vw;
  }

  .sec__ttl {
    margin-bottom: 9.33333vw;
  }

  .sec__head {
    position: relative;
    margin-bottom: 8vw;
  }

  .l_contents__main .sec__head {
    margin-bottom: 5.33333vw;
  }

  .sec__head .form_select {
    width: 130px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }

  .sec__head .form_select--mypage {
    width: 180px;
  }

  .address .sec__head .form_select {
    top: 0;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  .sec__lead {
    margin-bottom: 4vw;
  }

  .l_contents__main .sec__lead {
    margin-bottom: 5.33333vw;
  }

  .sec__lead02 {
    margin-bottom: 1.33333vw;
  }

  .sec .pager {
    margin-top: 8vw;
  }

  .l_contents__main .sec .pager {
    margin-top: 8vw;
  }

  .sec__ph-notes {
    font-size: 0.53333rem;
    text-align: right;
  }

  .member .sec__btn {
    max-width: 300px;
  }

  .disaster .sec__btn .btn_bg--input {
    margin: 0 auto;
  }
}

/* side
----------------------------------------------------------------------------- */
.side.mfp-hide {
  display: block !important;
}

.side .btn_bg--red {
  margin-bottom: 2em;
  padding-right: 2.5em;
}

.side .form small {
  font-weight: bold;
  font-size: 0.8rem;
  vertical-align: bottom;
}

.side .form small span {
  margin-left: 4px;
  font-size: 0.93333rem;
}

.side .form label~label {
  margin-top: .5em;
}

.side .btn_bdr+form {
  margin-top: 7.8125%;
}

.side form+.note {
  margin-top: 3.90625%;
  font-size: 0.7rem;
}

.side dl,
.side .side_dl {
  padding: 7.71875% 0;
}

.side dl dt:last-child,
.side dl .side_dt:last-child,
.side .side_dl dt:last-child,
.side .side_dl .side_dt:last-child {
  margin-bottom: 0;
}

.side dl .dd_wrap,
.side .side_dl .dd_wrap {
  padding-left: 1em;
  padding-right: 1em;
}

.side .close-btn__text {
  border: none;
  padding: 0;
}

.side_category__ttl {
  margin-bottom: .8em;
}

.side_category--category .side_btn .label {
  font-weight: bold;
}

.side .l_grid_row {
  margin-top: 11.71875%;
  margin-bottom: -15px;
}

.side .l_grid_row .col,
.side .l_grid_row [class*="col-"] {
  margin-bottom: 15px;
}

.side .list_border div {
  position: relative;
}

.side .list_border .icon_arrow01 {
  position: absolute;
  right: 1em;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(90deg);
  -ms-transform: translateY(-50%) rotate(90deg);
  transform: translateY(-50%) rotate(90deg);
}

.side .list_border .active .icon_arrow01 {
  -webkit-transform: translateY(-50%) rotate(-90deg);
  -ms-transform: translateY(-50%) rotate(-90deg);
  transform: translateY(-50%) rotate(-90deg);
}

.side .list_border .icon {
  z-index: 2;
}

.side .list_border>li {
  padding: 0;
}

.side .list_border>li label {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  line-height: 1;
  padding-top: 1em;
  padding-bottom: 1em;
  padding-right: 2em;
}

.side .list_border>li label>input {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-right: 8px;
  pointer-events: none;
}

.side .list_border>li label>span {
  top: 1.1em;
}

.side .list_border .list_border {
  padding: 1em;
}

.side .list_border .list_border .icon_arrow01 {
  right: 0;
}

.side .list_border .list_border>li label {
  margin: 0;
}

.side .list_border .list_border>.group {
  border-top: 1px solid #ccc;
  padding-top: 1em;
}

.side .list_border .list_border>.group:last-child {
  border-bottom: 1px solid #ccc;
}

.side .list_border .list_border .list_border_no {
  padding-bottom: .5em;
  padding-top: 0;
}

.side .list_border .list_border_no {
  background: #FAFAFA;
  padding-bottom: .5em;
  padding-top: .5em;
}

.side .list_border .list_border_no>li label {
  margin: 0 1em;
  padding-top: .5em;
  padding-bottom: .5em;
}

.side .list_border .list_border_no>li label>span {
  top: .6em;
}

.side .list_border--only {
  margin: -.8em 0;
}

.side .list_border--only>li {
  border: none;
}

.side_btn__parent .toggler {
  color: transparent;
  cursor: pointer;
  height: 100%;
  outline: none;
  position: absolute;
  right: 0;
  top: 0;
}

.side_btn__parent .toggler::after {
  border-top: 1px solid var(--text-color);
  border-right: 1px solid var(--text-color);
  content: '';
  display: block;
  height: 8px;
  position: absolute;
  right: 10px;
  top: 50%;
  -webkit-transform: translateY(-80%) rotate(135deg);
  -ms-transform: translateY(-80%) rotate(135deg);
  transform: translateY(-80%) rotate(135deg);
  -webkit-transition: all .1s ease-out;
  -o-transition: all .1s ease-out;
  transition: all .1s ease-out;
  width: 8px;
}

.side_btn__parent .toggler:hover::after {
  -webkit-transform: translateY(-80%) rotate(135deg) scale(1.3);
  -ms-transform: translateY(-80%) rotate(135deg) scale(1.3);
  transform: translateY(-80%) rotate(135deg) scale(1.3);
}

.side_btn__parent.active .toggler::after {
  -webkit-transform: translateY(-50%) rotate(-45deg);
  -ms-transform: translateY(-50%) rotate(-45deg);
  transform: translateY(-50%) rotate(-45deg);
}

.side_btn__parent.active .toggler:hover::after {
  -webkit-transform: translateY(-50%) rotate(-45deg) scale(1.3);
  -ms-transform: translateY(-50%) rotate(-45deg) scale(1.3);
  transform: translateY(-50%) rotate(-45deg) scale(1.3);
}

.side_btn__child {
  background: #FAFAFA;
}

.side_btn__child>.group:first-child {
  padding-top: 0 !important;
}

.side_btn .group {
  border-bottom: 0;
  margin-bottom: .6em;
  padding: 0;
}

.side_btn .group:first-child {
  padding-top: .7em;
}

.side_btn .group__term {
  margin-bottom: .3em;
  padding-left: 1em;
}

.side_btn label {
  padding-left: 1em;
  -webkit-transition: background .2s ease-out;
  -o-transition: background .2s ease-out;
  transition: background .2s ease-out;
}

.side_btn label:hover {
  background: #E9F0F5;
}

.side_btn .side_btn .group {
  padding-left: 1em;
}

.side_btn .side_btn .group__term {
  font-weight: bold;
}

.side_btn .side_btn .label {
  font-weight: normal;
}

.side_btn .side_btn .side_btn .label {
  padding-top: .7em;
  padding-bottom: .7em;
}

.side__btn {
  border-top: 1px solid #E0E0E0;
  background: #fff;
  border-bottom: 1px solid var(--text-color);
  bottom: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 0.86667rem;
  margin-top: 11.71875%;
  padding: 15px 10px;
  width: 256px;
}

.side__btn div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: -5px;
}

.side__btn div a {
  margin: 5px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: .5em .2em;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  border-radius: 6px;
}

.side__btn div a.btn_bg {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 130px;
  -ms-flex: 0 0 130px;
  flex: 0 0 130px;
}

.side__btn.is-fixed {
  border: none;
  position: fixed;
  z-index: 1;
}

@media (max-width: 1130px) {
  .side__btn {
    width: 100%;
    max-width: 23.27273%;
  }

  .side__btn.is-fixed {
    width: 23.27273%;
  }
}

@media screen and (max-width: 767px) {
  .side {
    background: #fff;
    padding: 16vw 0 21.6vw;
    width: 100%;
  }

  .side .only_sp {
    border-bottom: 0;
  }

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

  .side dl:not(.close-btn__text),
  .side .side_dl {
    margin-right: 4vw;
    margin-left: 4vw;
    padding: 2vw 0;
  }

  .side dl:not(.close-btn__text):first-of-type,
  .side .side_dl:first-of-type {
    margin-top: 7vw;
  }

  .side dl:not(.close-btn__text) dt,
  .side dl:not(.close-btn__text) .side_dt,
  .side .side_dl dt,
  .side .side_dl .side_dt {
    margin-bottom: 5.33333vw;
  }

  .side .mfp-close {
    position: fixed;
  }

  .side .heading_02--border {
    height: 8vw;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1;
  }

  .side .form--search input[type=search] {
    font-size: 1.06667rem !important;
  }

  .side .form--label {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .side .form--label>label {
    -webkit-box-flex: 50%;
    -webkit-flex: 50%;
    -ms-flex: 50%;
    flex: 50%;
    margin-top: 0 !important;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 1.33333vw;
    padding-bottom: 1.33333vw;
  }

  .side__btn {
    font-size: 1rem;
    max-width: 100%;
    padding: 4vw 4vw;
    width: 100% !important;
  }

  .side__btn div a.btn_bg {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 57.33333vw;
    -ms-flex: 0 0 57.33333vw;
    flex: 0 0 57.33333vw;
  }

  .side .list_border {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  .side_btn .group:first-of-type {
    border-top: none;
    margin-top: 0;
  }
}

.side_sp {
  position: fixed;
  bottom: 0;
  background: #fff;
  width: 100%;
  padding: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 1rem;
  z-index: 99;
}

.side_sp .btn_bg {
  width: 54.66667vw;
}

.side_sp>* {
  padding: 2.66667vw;
}

.donate-form {
  text-align: center;
}

.donate-form__input {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.donate-form__input .input {
  padding: .4em !important;
}

.donate-form__input .unit {
  font-weight: bold;
  margin-left: .5em;
}

.donate-form .dash {
  display: inline-block;
  font-weight: bold;
  margin: .3em 1.2em .3em 0;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.donate-form__button {
  border: none !important;
  padding-bottom: 0 !important;
}

.donate-form__button .term {
  margin-bottom: .5em;
}

.donate-form__button .submit {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background: var(--text-color);
  color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: .4em 0;
  width: 100%;
}

.donate-form__button .submit::before {
  background: url(../images/icon/search.svg) no-repeat center;
  background-size: contain;
  content: '';
  display: inline-block;
  height: 15px;
  margin-right: .5em;
  width: 15px;
}

@media screen and (max-width: 767px) {
  .donate-form__input {
    width: 100%;
  }

  .donate-form__input .input[type=text] {
    padding: 2.66667vw !important;
  }

  .donate-form .dash {
    font-size: 4.53333vw;
    margin: 0.66667vw auto;
  }

  .donate-form__button {
    margin: 4vw 0 0 !important;
    padding-top: 0 !important;
    width: 100%;
  }

  .donate-form__button .submit {
    padding: 2.66667vw 0;
  }
}

.dv_rc_price::before {
  content: "寄付金額：";
}

.dv_rc_price::after {
  content: " 円";
}

/* slider
----------------------------------------------------------------------------- */
.slider,
.slider_02,
.slider_02_thum,
.slider_03,
.slider_04,
.slider_05,
.slider_pc {
  display: none;
}

.slider.slick-initialized,
.slider_02.slick-initialized,
.slider_02_thum.slick-initialized,
.slider_03.slick-initialized,
.slider_04.slick-initialized,
.slider_05.slick-initialized,
.slider_pc.slick-initialized {
  display: block;
}

.slider .slick-track,
.slider_02 .slick-track,
.slider_02_thum .slick-track,
.slider_03 .slick-track,
.slider_04 .slick-track,
.slider_05 .slick-track,
.slider_pc .slick-track {
  margin: 0;
}

.slider .slick-prev,
.slider .slick-next {
  display: none !important;
}

.top .btn_bg:hover {
  opacity: 1;
  background-color: var(--accent-color);
  color: #fff;
  border: 2px solid var(--accent-color);
}

.top .btn_bg:hover::after {
  background-image: url(../images/icon/arrow_03_wh.svg);
}

.top .slick-track {
  margin: 0 auto;
}

.top .hero .slick-list {
  overflow: visible;
}

.top .hero .slick-arrow {
  position: absolute;
  width: 50px;
  height: 100%;
  color: transparent;
  cursor: pointer;
  z-index: 99;
  opacity: 0.5;
  -webkit-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}

.top .hero .slick-arrow:hover {
  opacity: 0.8;
}

.top .hero .slick-arrow:focus {
  outline: none;
}

.top .hero .slick-arrow::before {
  content: "";
  position: absolute;
  color: var(--text-color);
  z-index: 99;
  width: 30px;
  height: 56px;
  background-image: url(../images/icon/slider_arrow2.png);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}

@media screen and (max-width: 1130px) {
  .top .hero .slick-arrow {
    display: none !important;
  }
}

.top .hero .slick-prev,
.top .hero .slick-next {
  display: inline-block !important;
}

.top .hero .slick-prev {
  top: 0;
  left: 0;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.top .hero .slick-prev::before {
  top: 50%;
  left: 50px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.top .hero .slick-next {
  top: 0;
  right: 30px;
  -webkit-transform: translateX(50%);
  -ms-transform: translateX(50%);
  transform: translateX(50%);
}

.top .hero .slick-next::before {
  top: 50%;
  right: 20px;
  -webkit-transform: rotateY(180deg) translateY(-50%);
  transform: rotateY(180deg) translateY(-50%);
}

@media screen and (max-width: 1130px) {

  .top .hero .filter-left,
  .top .hero .filter-right {
    display: none;
  }
}

.l_recommender {
  height: 342px;
  background: url(../images/icon/load.gif) center center no-repeat;
}

.l_recommender>* {
  opacity: 0;
}

.l_recommender.active {
  height: auto;
  background-image: none;
}

.l_recommender.active>* {
  opacity: 1;
}

@media screen and (max-width: 767px) {
  .l_recommender {
    height: 260px;
  }
}

.slide-dots {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 5px;
  font-size: 0;
}

.slide-dots li~li {
  margin-left: 15px;
}

.slide-dots button {
  display: block;
  width: 9px;
  height: 9px;
  border: 1px solid #CCCCCC;
  background: #CCCCCC;
  border-radius: 50%;
  color: #CCCCCC;
}

.slide-dots .slick-active button {
  background: var(--primary-color);
  border: 1px solid var(--primary-color);
}

.slider_02_thum {
  padding: 4px 10px 0;
}

.slider_02_thum li {
  position: relative;
}

.slider_02_thum li::after {
  content: "";
  display: block;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.slider_02_thum .slick-current li::after {
  display: none;
}

.slider_02_thum .slick-slide {
  margin: 4px;
}

.slider_02_thum button.slick-arrow {
  width: 26px;
  height: 26px;
  color: rgba(255, 255, 255, 0);
  background: url(../images/icon/slider_arrow.png) center/contain;
  position: absolute;
  font-size: 0;
}

.slider_02_thum button.slick-arrow.slick-prev {
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 2;
}

.slider_02_thum button.slick-arrow.slick-next {
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(-180deg);
  -ms-transform: translateY(-50%) rotate(-180deg);
  transform: translateY(-50%) rotate(-180deg);
  z-index: 2;
}

.slider_02_thum .slick-track {
  -webkit-transform: translate(0, 0) !important;
  -ms-transform: translate(0, 0) !important;
  transform: translate(0, 0) !important;
}

.slider_02 .slide-dots {
  display: none !important;
}

@media screen and (max-width: 767px) {
  .slider_02 {
    margin: 0 -4vw;
  }

  .slider_02 .slide-dots {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
}

.slider_03 {
  margin: 2.66667em auto 0;
  padding: 0 6.36364%;
  position: relative;
}

.slider_03 .slick-slide {
  margin: 0 10px;
}

.slider_03 button.slick-arrow {
  width: 26px;
  height: 26px;
  color: rgba(255, 255, 255, 0);
  background: url(../images/icon/slider_arrow.png) center/contain;
  position: absolute;
  font-size: 0;
}

.slider_03 button.slick-arrow.slick-prev {
  left: 0px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 2;
}

.slider_03 button.slick-arrow.slick-next {
  right: 0px;
  top: 50%;
  -webkit-transform: rotate(-180deg) translateY(50%);
  -ms-transform: rotate(-180deg) translateY(50%);
  transform: rotate(-180deg) translateY(50%);
  z-index: 2;
}

.slider_03 img {
  max-width: 100%;
  width: 100%;
}

@media screen and (max-width: 767px) {
  .slider_03 {
    padding: 0;
    margin-left: -4vw;
    margin-right: -4vw;
  }

  .slider_03 li a,
  .slider_03 li a img {
    width: 100%;
  }

  .slider_03 .slick-slide {
    margin: 0 2.66667vw;
  }

  .slider_03 button.slick-arrow {
    width: 6.93333vw;
    height: 6.93333vw;
  }

  .slider_03 button.slick-arrow.slick-prev {
    left: 45px;
  }

  .slider_03 button.slick-arrow.slick-next {
    right: 45px;
  }
}

.slider_04 button.slick-arrow,
.slider_05 button.slick-arrow,
.slider_se01 button.slick-arrow,
.slider_se02 button.slick-arrow {
  width: 30px;
  height: 30px;
  color: rgba(255, 255, 255, 0);
  background: url(../images/icon/slider_arrow2.png) no-repeat center/contain;
  position: absolute;
  font-size: 0;
}

.slider_04 button.slick-arrow.slick-prev,
.slider_05 button.slick-arrow.slick-prev,
.slider_se01 button.slick-arrow.slick-prev,
.slider_se02 button.slick-arrow.slick-prev {
  left: -20px;
  top: 111.5px;
  z-index: 2;
}

.slider_04 button.slick-arrow.slick-next,
.slider_05 button.slick-arrow.slick-next,
.slider_se01 button.slick-arrow.slick-next,
.slider_se02 button.slick-arrow.slick-next {
  right: -20px;
  top: 111.5px;
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
  z-index: 2;
}

@media (max-width: 1100px) {

  .slider_04 button.slick-arrow,
  .slider_05 button.slick-arrow,
  .slider_se01 button.slick-arrow,
  .slider_se02 button.slick-arrow {
    width: 3.63636vw;
    height: 3.63636vw;
  }

  .slider_04 button.slick-arrow.slick-prev,
  .slider_05 button.slick-arrow.slick-prev,
  .slider_se01 button.slick-arrow.slick-prev,
  .slider_se02 button.slick-arrow.slick-prev {
    top: 9.77273vw;
  }

  .slider_04 button.slick-arrow.slick-next,
  .slider_05 button.slick-arrow.slick-next,
  .slider_se01 button.slick-arrow.slick-next,
  .slider_se02 button.slick-arrow.slick-next {
    top: 9.77273vw;
  }
}

@media screen and (max-width: 767px) {

  .slider_04 button.slick-arrow,
  .slider_05 button.slick-arrow,
  .slider_se01 button.slick-arrow,
  .slider_se02 button.slick-arrow {
    width: 26px;
    height: 26px;
  }

  .slider_04 button.slick-arrow.slick-prev,
  .slider_05 button.slick-arrow.slick-prev,
  .slider_se01 button.slick-arrow.slick-prev,
  .slider_se02 button.slick-arrow.slick-prev {
    top: 20.8vw;
    left: -5px;
  }

  .slider_04 button.slick-arrow.slick-next,
  .slider_05 button.slick-arrow.slick-next,
  .slider_se01 button.slick-arrow.slick-next,
  .slider_se02 button.slick-arrow.slick-next {
    top: 20.8vw;
    right: -5px;
  }
}

.slider_pc {
  margin: 0 -30px -40px;
}

.slider_pc .slick-slide {
  margin-right: 30px;
  margin-left: 30px;
  margin-bottom: 40px;
}

.slider_pc a {
  display: block;
}

.slider_pc img {
  width: 100%;
}

.slider_pc button.slick-arrow {
  width: 30px;
  height: 30px;
  color: rgba(255, 255, 255, 0);
  background: url(../images/icon/slider_arrow.png) no-repeat center/contain;
  position: absolute;
  font-size: 0;
}

.slider_pc button.slick-arrow.slick-prev {
  left: 15px;
  top: 148.5px;
  z-index: 2;
}

.slider_pc button.slick-arrow.slick-next {
  right: 15px;
  top: 148.5px;
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
  z-index: 2;
}

@media screen and (max-width: 767px) {
  .slider_pc {
    margin-bottom: -30px;
    margin-right: -7.5px;
    margin-left: -7.5px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .slider_pc>li {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-bottom: 30px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }

  .slider_pc button.slick-arrow.slick-prev {
    top: 13.04545vw;
  }

  .slider_pc button.slick-arrow.slick-next {
    top: 13.04545vw;
  }
}

.slider_04,
.slider_se02 {
  margin: 0 -15px -30px;
}

.slider_04 a,
.slider_se02 a {
  display: block;
}

.slider_04 .slick-slide,
.slider_se02 .slick-slide {
  margin-right: 15px;
  margin-left: 15px;
  margin-bottom: 30px;
}

.slider_04 img,
.slider_se02 img {
  width: 100%;
}

@media screen and (max-width: 767px) {

  .slider_04,
  .slider_se02 {
    margin-bottom: -30px;
    margin-right: -7.5px;
    margin-left: -7.5px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .slider_04>li,
  .slider_se02>li {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-bottom: 30px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
}

.slider_05,
.slider_se01 {
  margin: 0 -15px -30px;
}

.slider_05 a,
.slider_se01 a {
  display: block;
}

.slider_05 .slick-slide,
.slider_se01 .slick-slide {
  margin-right: 15px;
  margin-left: 15px;
  margin-bottom: 30px;
}

.slider_05 img,
.slider_se01 img {
  width: 100%;
}

@media screen and (max-width: 767px) {

  .slider_05 .slick-slide,
  .slider_se01 .slick-slide {
    margin-right: 7.5px;
    margin-left: 7.5px;
    margin-bottom: 30px;
  }
}

.m-0 {
  margin: 0 !important;
}

.mt-0,
.my-0 {
  margin-top: 0 !important;
}

.mr-0,
.mx-0 {
  margin-right: 0 !important;
}

.mb-0,
.my-0 {
  margin-bottom: 0 !important;
}

.ml-0,
.mx-0 {
  margin-left: 0 !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.mt-1,
.my-1 {
  margin-top: 0.25rem !important;
}

.mr-1,
.mx-1 {
  margin-right: 0.25rem !important;
}

.mb-1,
.my-1 {
  margin-bottom: 0.25rem !important;
}

.ml-1,
.mx-1 {
  margin-left: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.mt-2,
.my-2 {
  margin-top: 0.5rem !important;
}

.mr-2,
.mx-2 {
  margin-right: 0.5rem !important;
}

.mb-2,
.my-2 {
  margin-bottom: 0.5rem !important;
}

.ml-2,
.mx-2 {
  margin-left: 0.5rem !important;
}

.m-3 {
  margin: 1rem !important;
}

.mt-3,
.my-3 {
  margin-top: 1rem !important;
}

.mr-3,
.mx-3 {
  margin-right: 1rem !important;
}

.mb-3,
.my-3 {
  margin-bottom: 1rem !important;
}

.ml-3,
.mx-3 {
  margin-left: 1rem !important;
}

.m-4 {
  margin: 1.5rem !important;
}

.mt-4,
.my-4 {
  margin-top: 1.5rem !important;
}

.mr-4,
.mx-4 {
  margin-right: 1.5rem !important;
}

.mb-4,
.my-4 {
  margin-bottom: 1.5rem !important;
}

.ml-4,
.mx-4 {
  margin-left: 1.5rem !important;
}

.m-5 {
  margin: 2rem !important;
}

.mt-5,
.my-5 {
  margin-top: 2rem !important;
}

.mr-5,
.mx-5 {
  margin-right: 2rem !important;
}

.mb-5,
.my-5 {
  margin-bottom: 2rem !important;
}

.ml-5,
.mx-5 {
  margin-left: 2rem !important;
}

.m-6 {
  margin: 2.5rem !important;
}

.mt-6,
.my-6 {
  margin-top: 2.5rem !important;
}

.mr-6,
.mx-6 {
  margin-right: 2.5rem !important;
}

.mb-6,
.my-6 {
  margin-bottom: 2.5rem !important;
}

.ml-6,
.mx-6 {
  margin-left: 2.5rem !important;
}

.m-7 {
  margin: 3rem !important;
}

.mt-7,
.my-7 {
  margin-top: 3rem !important;
}

.mr-7,
.mx-7 {
  margin-right: 3rem !important;
}

.mb-7,
.my-7 {
  margin-bottom: 3rem !important;
}

.ml-7,
.mx-7 {
  margin-left: 3rem !important;
}

.m-8 {
  margin: 3.5rem !important;
}

.mt-8,
.my-8 {
  margin-top: 3.5rem !important;
}

.mr-8,
.mx-8 {
  margin-right: 3.5rem !important;
}

.mb-8,
.my-8 {
  margin-bottom: 3.5rem !important;
}

.ml-8,
.mx-8 {
  margin-left: 3.5rem !important;
}

.m-9 {
  margin: 4rem !important;
}

.mt-9,
.my-9 {
  margin-top: 4rem !important;
}

.mr-9,
.mx-9 {
  margin-right: 4rem !important;
}

.mb-9,
.my-9 {
  margin-bottom: 4rem !important;
}

.ml-9,
.mx-9 {
  margin-left: 4rem !important;
}

.m-10 {
  margin: 5rem !important;
}

.mt-10,
.my-10 {
  margin-top: 5rem !important;
}

.mr-10,
.mx-10 {
  margin-right: 5rem !important;
}

.mb-10,
.my-10 {
  margin-bottom: 5rem !important;
}

.ml-10,
.mx-10 {
  margin-left: 5rem !important;
}

.p-0 {
  padding: 0 !important;
}

.pt-0,
.py-0 {
  padding-top: 0 !important;
}

.pr-0,
.px-0 {
  padding-right: 0 !important;
}

.pb-0,
.py-0 {
  padding-bottom: 0 !important;
}

.pl-0,
.px-0 {
  padding-left: 0 !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.pt-1,
.py-1 {
  padding-top: 0.25rem !important;
}

.pr-1,
.px-1 {
  padding-right: 0.25rem !important;
}

.pb-1,
.py-1 {
  padding-bottom: 0.25rem !important;
}

.pl-1,
.px-1 {
  padding-left: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.pt-2,
.py-2 {
  padding-top: 0.5rem !important;
}

.pr-2,
.px-2 {
  padding-right: 0.5rem !important;
}

.pb-2,
.py-2 {
  padding-bottom: 0.5rem !important;
}

.pl-2,
.px-2 {
  padding-left: 0.5rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.pt-3,
.py-3 {
  padding-top: 1rem !important;
}

.pr-3,
.px-3 {
  padding-right: 1rem !important;
}

.pb-3,
.py-3 {
  padding-bottom: 1rem !important;
}

.pl-3,
.px-3 {
  padding-left: 1rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.pt-4,
.py-4 {
  padding-top: 1.5rem !important;
}

.pr-4,
.px-4 {
  padding-right: 1.5rem !important;
}

.pb-4,
.py-4 {
  padding-bottom: 1.5rem !important;
}

.pl-4,
.px-4 {
  padding-left: 1.5rem !important;
}

.p-5 {
  padding: 2rem !important;
}

.pt-5,
.py-5 {
  padding-top: 2rem !important;
}

.pr-5,
.px-5 {
  padding-right: 2rem !important;
}

.pb-5,
.py-5 {
  padding-bottom: 2rem !important;
}

.pl-5,
.px-5 {
  padding-left: 2rem !important;
}

.p-6 {
  padding: 2.5rem !important;
}

.pt-6,
.py-6 {
  padding-top: 2.5rem !important;
}

.pr-6,
.px-6 {
  padding-right: 2.5rem !important;
}

.pb-6,
.py-6 {
  padding-bottom: 2.5rem !important;
}

.pl-6,
.px-6 {
  padding-left: 2.5rem !important;
}

.p-7 {
  padding: 3rem !important;
}

.pt-7,
.py-7 {
  padding-top: 3rem !important;
}

.pr-7,
.px-7 {
  padding-right: 3rem !important;
}

.pb-7,
.py-7 {
  padding-bottom: 3rem !important;
}

.pl-7,
.px-7 {
  padding-left: 3rem !important;
}

.p-8 {
  padding: 3.5rem !important;
}

.pt-8,
.py-8 {
  padding-top: 3.5rem !important;
}

.pr-8,
.px-8 {
  padding-right: 3.5rem !important;
}

.pb-8,
.py-8 {
  padding-bottom: 3.5rem !important;
}

.pl-8,
.px-8 {
  padding-left: 3.5rem !important;
}

.p-9 {
  padding: 4rem !important;
}

.pt-9,
.py-9 {
  padding-top: 4rem !important;
}

.pr-9,
.px-9 {
  padding-right: 4rem !important;
}

.pb-9,
.py-9 {
  padding-bottom: 4rem !important;
}

.pl-9,
.px-9 {
  padding-left: 4rem !important;
}

.p-10 {
  padding: 5rem !important;
}

.pt-10,
.py-10 {
  padding-top: 5rem !important;
}

.pr-10,
.px-10 {
  padding-right: 5rem !important;
}

.pb-10,
.py-10 {
  padding-bottom: 5rem !important;
}

.pl-10,
.px-10 {
  padding-left: 5rem !important;
}

.m-auto {
  margin: auto !important;
}

.mt-auto,
.my-auto {
  margin-top: auto !important;
}

.mr-auto,
.mx-auto {
  margin-right: auto !important;
}

.mb-auto,
.my-auto {
  margin-bottom: auto !important;
}

.ml-auto,
.mx-auto {
  margin-left: auto !important;
}

@media (max-width: 375.98px) {
  .m-xs-0 {
    margin: 0 !important;
  }

  .mt-xs-0,
  .my-xs-0 {
    margin-top: 0 !important;
  }

  .mr-xs-0,
  .mx-xs-0 {
    margin-right: 0 !important;
  }

  .mb-xs-0,
  .my-xs-0 {
    margin-bottom: 0 !important;
  }

  .ml-xs-0,
  .mx-xs-0 {
    margin-left: 0 !important;
  }

  .m-xs-1 {
    margin: 0.25rem !important;
  }

  .mt-xs-1,
  .my-xs-1 {
    margin-top: 0.25rem !important;
  }

  .mr-xs-1,
  .mx-xs-1 {
    margin-right: 0.25rem !important;
  }

  .mb-xs-1,
  .my-xs-1 {
    margin-bottom: 0.25rem !important;
  }

  .ml-xs-1,
  .mx-xs-1 {
    margin-left: 0.25rem !important;
  }

  .m-xs-2 {
    margin: 0.5rem !important;
  }

  .mt-xs-2,
  .my-xs-2 {
    margin-top: 0.5rem !important;
  }

  .mr-xs-2,
  .mx-xs-2 {
    margin-right: 0.5rem !important;
  }

  .mb-xs-2,
  .my-xs-2 {
    margin-bottom: 0.5rem !important;
  }

  .ml-xs-2,
  .mx-xs-2 {
    margin-left: 0.5rem !important;
  }

  .m-xs-3 {
    margin: 1rem !important;
  }

  .mt-xs-3,
  .my-xs-3 {
    margin-top: 1rem !important;
  }

  .mr-xs-3,
  .mx-xs-3 {
    margin-right: 1rem !important;
  }

  .mb-xs-3,
  .my-xs-3 {
    margin-bottom: 1rem !important;
  }

  .ml-xs-3,
  .mx-xs-3 {
    margin-left: 1rem !important;
  }

  .m-xs-4 {
    margin: 1.5rem !important;
  }

  .mt-xs-4,
  .my-xs-4 {
    margin-top: 1.5rem !important;
  }

  .mr-xs-4,
  .mx-xs-4 {
    margin-right: 1.5rem !important;
  }

  .mb-xs-4,
  .my-xs-4 {
    margin-bottom: 1.5rem !important;
  }

  .ml-xs-4,
  .mx-xs-4 {
    margin-left: 1.5rem !important;
  }

  .m-xs-5 {
    margin: 2rem !important;
  }

  .mt-xs-5,
  .my-xs-5 {
    margin-top: 2rem !important;
  }

  .mr-xs-5,
  .mx-xs-5 {
    margin-right: 2rem !important;
  }

  .mb-xs-5,
  .my-xs-5 {
    margin-bottom: 2rem !important;
  }

  .ml-xs-5,
  .mx-xs-5 {
    margin-left: 2rem !important;
  }

  .m-xs-6 {
    margin: 2.5rem !important;
  }

  .mt-xs-6,
  .my-xs-6 {
    margin-top: 2.5rem !important;
  }

  .mr-xs-6,
  .mx-xs-6 {
    margin-right: 2.5rem !important;
  }

  .mb-xs-6,
  .my-xs-6 {
    margin-bottom: 2.5rem !important;
  }

  .ml-xs-6,
  .mx-xs-6 {
    margin-left: 2.5rem !important;
  }

  .m-xs-7 {
    margin: 3rem !important;
  }

  .mt-xs-7,
  .my-xs-7 {
    margin-top: 3rem !important;
  }

  .mr-xs-7,
  .mx-xs-7 {
    margin-right: 3rem !important;
  }

  .mb-xs-7,
  .my-xs-7 {
    margin-bottom: 3rem !important;
  }

  .ml-xs-7,
  .mx-xs-7 {
    margin-left: 3rem !important;
  }

  .m-xs-8 {
    margin: 3.5rem !important;
  }

  .mt-xs-8,
  .my-xs-8 {
    margin-top: 3.5rem !important;
  }

  .mr-xs-8,
  .mx-xs-8 {
    margin-right: 3.5rem !important;
  }

  .mb-xs-8,
  .my-xs-8 {
    margin-bottom: 3.5rem !important;
  }

  .ml-xs-8,
  .mx-xs-8 {
    margin-left: 3.5rem !important;
  }

  .m-xs-9 {
    margin: 4rem !important;
  }

  .mt-xs-9,
  .my-xs-9 {
    margin-top: 4rem !important;
  }

  .mr-xs-9,
  .mx-xs-9 {
    margin-right: 4rem !important;
  }

  .mb-xs-9,
  .my-xs-9 {
    margin-bottom: 4rem !important;
  }

  .ml-xs-9,
  .mx-xs-9 {
    margin-left: 4rem !important;
  }

  .m-xs-10 {
    margin: 5rem !important;
  }

  .mt-xs-10,
  .my-xs-10 {
    margin-top: 5rem !important;
  }

  .mr-xs-10,
  .mx-xs-10 {
    margin-right: 5rem !important;
  }

  .mb-xs-10,
  .my-xs-10 {
    margin-bottom: 5rem !important;
  }

  .ml-xs-10,
  .mx-xs-10 {
    margin-left: 5rem !important;
  }

  .p-xs-0 {
    padding: 0 !important;
  }

  .pt-xs-0,
  .py-xs-0 {
    padding-top: 0 !important;
  }

  .pr-xs-0,
  .px-xs-0 {
    padding-right: 0 !important;
  }

  .pb-xs-0,
  .py-xs-0 {
    padding-bottom: 0 !important;
  }

  .pl-xs-0,
  .px-xs-0 {
    padding-left: 0 !important;
  }

  .p-xs-1 {
    padding: 0.25rem !important;
  }

  .pt-xs-1,
  .py-xs-1 {
    padding-top: 0.25rem !important;
  }

  .pr-xs-1,
  .px-xs-1 {
    padding-right: 0.25rem !important;
  }

  .pb-xs-1,
  .py-xs-1 {
    padding-bottom: 0.25rem !important;
  }

  .pl-xs-1,
  .px-xs-1 {
    padding-left: 0.25rem !important;
  }

  .p-xs-2 {
    padding: 0.5rem !important;
  }

  .pt-xs-2,
  .py-xs-2 {
    padding-top: 0.5rem !important;
  }

  .pr-xs-2,
  .px-xs-2 {
    padding-right: 0.5rem !important;
  }

  .pb-xs-2,
  .py-xs-2 {
    padding-bottom: 0.5rem !important;
  }

  .pl-xs-2,
  .px-xs-2 {
    padding-left: 0.5rem !important;
  }

  .p-xs-3 {
    padding: 1rem !important;
  }

  .pt-xs-3,
  .py-xs-3 {
    padding-top: 1rem !important;
  }

  .pr-xs-3,
  .px-xs-3 {
    padding-right: 1rem !important;
  }

  .pb-xs-3,
  .py-xs-3 {
    padding-bottom: 1rem !important;
  }

  .pl-xs-3,
  .px-xs-3 {
    padding-left: 1rem !important;
  }

  .p-xs-4 {
    padding: 1.5rem !important;
  }

  .pt-xs-4,
  .py-xs-4 {
    padding-top: 1.5rem !important;
  }

  .pr-xs-4,
  .px-xs-4 {
    padding-right: 1.5rem !important;
  }

  .pb-xs-4,
  .py-xs-4 {
    padding-bottom: 1.5rem !important;
  }

  .pl-xs-4,
  .px-xs-4 {
    padding-left: 1.5rem !important;
  }

  .p-xs-5 {
    padding: 2rem !important;
  }

  .pt-xs-5,
  .py-xs-5 {
    padding-top: 2rem !important;
  }

  .pr-xs-5,
  .px-xs-5 {
    padding-right: 2rem !important;
  }

  .pb-xs-5,
  .py-xs-5 {
    padding-bottom: 2rem !important;
  }

  .pl-xs-5,
  .px-xs-5 {
    padding-left: 2rem !important;
  }

  .p-xs-6 {
    padding: 2.5rem !important;
  }

  .pt-xs-6,
  .py-xs-6 {
    padding-top: 2.5rem !important;
  }

  .pr-xs-6,
  .px-xs-6 {
    padding-right: 2.5rem !important;
  }

  .pb-xs-6,
  .py-xs-6 {
    padding-bottom: 2.5rem !important;
  }

  .pl-xs-6,
  .px-xs-6 {
    padding-left: 2.5rem !important;
  }

  .p-xs-7 {
    padding: 3rem !important;
  }

  .pt-xs-7,
  .py-xs-7 {
    padding-top: 3rem !important;
  }

  .pr-xs-7,
  .px-xs-7 {
    padding-right: 3rem !important;
  }

  .pb-xs-7,
  .py-xs-7 {
    padding-bottom: 3rem !important;
  }

  .pl-xs-7,
  .px-xs-7 {
    padding-left: 3rem !important;
  }

  .p-xs-8 {
    padding: 3.5rem !important;
  }

  .pt-xs-8,
  .py-xs-8 {
    padding-top: 3.5rem !important;
  }

  .pr-xs-8,
  .px-xs-8 {
    padding-right: 3.5rem !important;
  }

  .pb-xs-8,
  .py-xs-8 {
    padding-bottom: 3.5rem !important;
  }

  .pl-xs-8,
  .px-xs-8 {
    padding-left: 3.5rem !important;
  }

  .p-xs-9 {
    padding: 4rem !important;
  }

  .pt-xs-9,
  .py-xs-9 {
    padding-top: 4rem !important;
  }

  .pr-xs-9,
  .px-xs-9 {
    padding-right: 4rem !important;
  }

  .pb-xs-9,
  .py-xs-9 {
    padding-bottom: 4rem !important;
  }

  .pl-xs-9,
  .px-xs-9 {
    padding-left: 4rem !important;
  }

  .p-xs-10 {
    padding: 5rem !important;
  }

  .pt-xs-10,
  .py-xs-10 {
    padding-top: 5rem !important;
  }

  .pr-xs-10,
  .px-xs-10 {
    padding-right: 5rem !important;
  }

  .pb-xs-10,
  .py-xs-10 {
    padding-bottom: 5rem !important;
  }

  .pl-xs-10,
  .px-xs-10 {
    padding-left: 5rem !important;
  }

  .m-xs-auto {
    margin: auto !important;
  }

  .mt-xs-auto,
  .my-xs-auto {
    margin-top: auto !important;
  }

  .mr-xs-auto,
  .mx-xs-auto {
    margin-right: auto !important;
  }

  .mb-xs-auto,
  .my-xs-auto {
    margin-bottom: auto !important;
  }

  .ml-xs-auto,
  .mx-xs-auto {
    margin-left: auto !important;
  }
}

@media (max-width: 767.98px) {
  .m-md-0 {
    margin: 0 !important;
  }

  .mt-md-0,
  .my-md-0 {
    margin-top: 0 !important;
  }

  .mr-md-0,
  .mx-md-0 {
    margin-right: 0 !important;
  }

  .mb-md-0,
  .my-md-0 {
    margin-bottom: 0 !important;
  }

  .ml-md-0,
  .mx-md-0 {
    margin-left: 0 !important;
  }

  .m-md-1 {
    margin: 0.25rem !important;
  }

  .mt-md-1,
  .my-md-1 {
    margin-top: 0.25rem !important;
  }

  .mr-md-1,
  .mx-md-1 {
    margin-right: 0.25rem !important;
  }

  .mb-md-1,
  .my-md-1 {
    margin-bottom: 0.25rem !important;
  }

  .ml-md-1,
  .mx-md-1 {
    margin-left: 0.25rem !important;
  }

  .m-md-2 {
    margin: 0.5rem !important;
  }

  .mt-md-2,
  .my-md-2 {
    margin-top: 0.5rem !important;
  }

  .mr-md-2,
  .mx-md-2 {
    margin-right: 0.5rem !important;
  }

  .mb-md-2,
  .my-md-2 {
    margin-bottom: 0.5rem !important;
  }

  .ml-md-2,
  .mx-md-2 {
    margin-left: 0.5rem !important;
  }

  .m-md-3 {
    margin: 1rem !important;
  }

  .mt-md-3,
  .my-md-3 {
    margin-top: 1rem !important;
  }

  .mr-md-3,
  .mx-md-3 {
    margin-right: 1rem !important;
  }

  .mb-md-3,
  .my-md-3 {
    margin-bottom: 1rem !important;
  }

  .ml-md-3,
  .mx-md-3 {
    margin-left: 1rem !important;
  }

  .m-md-4 {
    margin: 1.5rem !important;
  }

  .mt-md-4,
  .my-md-4 {
    margin-top: 1.5rem !important;
  }

  .mr-md-4,
  .mx-md-4 {
    margin-right: 1.5rem !important;
  }

  .mb-md-4,
  .my-md-4 {
    margin-bottom: 1.5rem !important;
  }

  .ml-md-4,
  .mx-md-4 {
    margin-left: 1.5rem !important;
  }

  .m-md-5 {
    margin: 2rem !important;
  }

  .mt-md-5,
  .my-md-5 {
    margin-top: 2rem !important;
  }

  .mr-md-5,
  .mx-md-5 {
    margin-right: 2rem !important;
  }

  .mb-md-5,
  .my-md-5 {
    margin-bottom: 2rem !important;
  }

  .ml-md-5,
  .mx-md-5 {
    margin-left: 2rem !important;
  }

  .m-md-6 {
    margin: 2.5rem !important;
  }

  .mt-md-6,
  .my-md-6 {
    margin-top: 2.5rem !important;
  }

  .mr-md-6,
  .mx-md-6 {
    margin-right: 2.5rem !important;
  }

  .mb-md-6,
  .my-md-6 {
    margin-bottom: 2.5rem !important;
  }

  .ml-md-6,
  .mx-md-6 {
    margin-left: 2.5rem !important;
  }

  .m-md-7 {
    margin: 3rem !important;
  }

  .mt-md-7,
  .my-md-7 {
    margin-top: 3rem !important;
  }

  .mr-md-7,
  .mx-md-7 {
    margin-right: 3rem !important;
  }

  .mb-md-7,
  .my-md-7 {
    margin-bottom: 3rem !important;
  }

  .ml-md-7,
  .mx-md-7 {
    margin-left: 3rem !important;
  }

  .m-md-8 {
    margin: 3.5rem !important;
  }

  .mt-md-8,
  .my-md-8 {
    margin-top: 3.5rem !important;
  }

  .mr-md-8,
  .mx-md-8 {
    margin-right: 3.5rem !important;
  }

  .mb-md-8,
  .my-md-8 {
    margin-bottom: 3.5rem !important;
  }

  .ml-md-8,
  .mx-md-8 {
    margin-left: 3.5rem !important;
  }

  .m-md-9 {
    margin: 4rem !important;
  }

  .mt-md-9,
  .my-md-9 {
    margin-top: 4rem !important;
  }

  .mr-md-9,
  .mx-md-9 {
    margin-right: 4rem !important;
  }

  .mb-md-9,
  .my-md-9 {
    margin-bottom: 4rem !important;
  }

  .ml-md-9,
  .mx-md-9 {
    margin-left: 4rem !important;
  }

  .m-md-10 {
    margin: 5rem !important;
  }

  .mt-md-10,
  .my-md-10 {
    margin-top: 5rem !important;
  }

  .mr-md-10,
  .mx-md-10 {
    margin-right: 5rem !important;
  }

  .mb-md-10,
  .my-md-10 {
    margin-bottom: 5rem !important;
  }

  .ml-md-10,
  .mx-md-10 {
    margin-left: 5rem !important;
  }

  .p-md-0 {
    padding: 0 !important;
  }

  .pt-md-0,
  .py-md-0 {
    padding-top: 0 !important;
  }

  .pr-md-0,
  .px-md-0 {
    padding-right: 0 !important;
  }

  .pb-md-0,
  .py-md-0 {
    padding-bottom: 0 !important;
  }

  .pl-md-0,
  .px-md-0 {
    padding-left: 0 !important;
  }

  .p-md-1 {
    padding: 0.25rem !important;
  }

  .pt-md-1,
  .py-md-1 {
    padding-top: 0.25rem !important;
  }

  .pr-md-1,
  .px-md-1 {
    padding-right: 0.25rem !important;
  }

  .pb-md-1,
  .py-md-1 {
    padding-bottom: 0.25rem !important;
  }

  .pl-md-1,
  .px-md-1 {
    padding-left: 0.25rem !important;
  }

  .p-md-2 {
    padding: 0.5rem !important;
  }

  .pt-md-2,
  .py-md-2 {
    padding-top: 0.5rem !important;
  }

  .pr-md-2,
  .px-md-2 {
    padding-right: 0.5rem !important;
  }

  .pb-md-2,
  .py-md-2 {
    padding-bottom: 0.5rem !important;
  }

  .pl-md-2,
  .px-md-2 {
    padding-left: 0.5rem !important;
  }

  .p-md-3 {
    padding: 1rem !important;
  }

  .pt-md-3,
  .py-md-3 {
    padding-top: 1rem !important;
  }

  .pr-md-3,
  .px-md-3 {
    padding-right: 1rem !important;
  }

  .pb-md-3,
  .py-md-3 {
    padding-bottom: 1rem !important;
  }

  .pl-md-3,
  .px-md-3 {
    padding-left: 1rem !important;
  }

  .p-md-4 {
    padding: 1.5rem !important;
  }

  .pt-md-4,
  .py-md-4 {
    padding-top: 1.5rem !important;
  }

  .pr-md-4,
  .px-md-4 {
    padding-right: 1.5rem !important;
  }

  .pb-md-4,
  .py-md-4 {
    padding-bottom: 1.5rem !important;
  }

  .pl-md-4,
  .px-md-4 {
    padding-left: 1.5rem !important;
  }

  .p-md-5 {
    padding: 2rem !important;
  }

  .pt-md-5,
  .py-md-5 {
    padding-top: 2rem !important;
  }

  .pr-md-5,
  .px-md-5 {
    padding-right: 2rem !important;
  }

  .pb-md-5,
  .py-md-5 {
    padding-bottom: 2rem !important;
  }

  .pl-md-5,
  .px-md-5 {
    padding-left: 2rem !important;
  }

  .p-md-6 {
    padding: 2.5rem !important;
  }

  .pt-md-6,
  .py-md-6 {
    padding-top: 2.5rem !important;
  }

  .pr-md-6,
  .px-md-6 {
    padding-right: 2.5rem !important;
  }

  .pb-md-6,
  .py-md-6 {
    padding-bottom: 2.5rem !important;
  }

  .pl-md-6,
  .px-md-6 {
    padding-left: 2.5rem !important;
  }

  .p-md-7 {
    padding: 3rem !important;
  }

  .pt-md-7,
  .py-md-7 {
    padding-top: 3rem !important;
  }

  .pr-md-7,
  .px-md-7 {
    padding-right: 3rem !important;
  }

  .pb-md-7,
  .py-md-7 {
    padding-bottom: 3rem !important;
  }

  .pl-md-7,
  .px-md-7 {
    padding-left: 3rem !important;
  }

  .p-md-8 {
    padding: 3.5rem !important;
  }

  .pt-md-8,
  .py-md-8 {
    padding-top: 3.5rem !important;
  }

  .pr-md-8,
  .px-md-8 {
    padding-right: 3.5rem !important;
  }

  .pb-md-8,
  .py-md-8 {
    padding-bottom: 3.5rem !important;
  }

  .pl-md-8,
  .px-md-8 {
    padding-left: 3.5rem !important;
  }

  .p-md-9 {
    padding: 4rem !important;
  }

  .pt-md-9,
  .py-md-9 {
    padding-top: 4rem !important;
  }

  .pr-md-9,
  .px-md-9 {
    padding-right: 4rem !important;
  }

  .pb-md-9,
  .py-md-9 {
    padding-bottom: 4rem !important;
  }

  .pl-md-9,
  .px-md-9 {
    padding-left: 4rem !important;
  }

  .p-md-10 {
    padding: 5rem !important;
  }

  .pt-md-10,
  .py-md-10 {
    padding-top: 5rem !important;
  }

  .pr-md-10,
  .px-md-10 {
    padding-right: 5rem !important;
  }

  .pb-md-10,
  .py-md-10 {
    padding-bottom: 5rem !important;
  }

  .pl-md-10,
  .px-md-10 {
    padding-left: 5rem !important;
  }

  .m-md-auto {
    margin: auto !important;
  }

  .mt-md-auto,
  .my-md-auto {
    margin-top: auto !important;
  }

  .mr-md-auto,
  .mx-md-auto {
    margin-right: auto !important;
  }

  .mb-md-auto,
  .my-md-auto {
    margin-bottom: auto !important;
  }

  .ml-md-auto,
  .mx-md-auto {
    margin-left: auto !important;
  }
}

@media (max-width: 999.98px) {
  .m-lg-0 {
    margin: 0 !important;
  }

  .mt-lg-0,
  .my-lg-0 {
    margin-top: 0 !important;
  }

  .mr-lg-0,
  .mx-lg-0 {
    margin-right: 0 !important;
  }

  .mb-lg-0,
  .my-lg-0 {
    margin-bottom: 0 !important;
  }

  .ml-lg-0,
  .mx-lg-0 {
    margin-left: 0 !important;
  }

  .m-lg-1 {
    margin: 0.25rem !important;
  }

  .mt-lg-1,
  .my-lg-1 {
    margin-top: 0.25rem !important;
  }

  .mr-lg-1,
  .mx-lg-1 {
    margin-right: 0.25rem !important;
  }

  .mb-lg-1,
  .my-lg-1 {
    margin-bottom: 0.25rem !important;
  }

  .ml-lg-1,
  .mx-lg-1 {
    margin-left: 0.25rem !important;
  }

  .m-lg-2 {
    margin: 0.5rem !important;
  }

  .mt-lg-2,
  .my-lg-2 {
    margin-top: 0.5rem !important;
  }

  .mr-lg-2,
  .mx-lg-2 {
    margin-right: 0.5rem !important;
  }

  .mb-lg-2,
  .my-lg-2 {
    margin-bottom: 0.5rem !important;
  }

  .ml-lg-2,
  .mx-lg-2 {
    margin-left: 0.5rem !important;
  }

  .m-lg-3 {
    margin: 1rem !important;
  }

  .mt-lg-3,
  .my-lg-3 {
    margin-top: 1rem !important;
  }

  .mr-lg-3,
  .mx-lg-3 {
    margin-right: 1rem !important;
  }

  .mb-lg-3,
  .my-lg-3 {
    margin-bottom: 1rem !important;
  }

  .ml-lg-3,
  .mx-lg-3 {
    margin-left: 1rem !important;
  }

  .m-lg-4 {
    margin: 1.5rem !important;
  }

  .mt-lg-4,
  .my-lg-4 {
    margin-top: 1.5rem !important;
  }

  .mr-lg-4,
  .mx-lg-4 {
    margin-right: 1.5rem !important;
  }

  .mb-lg-4,
  .my-lg-4 {
    margin-bottom: 1.5rem !important;
  }

  .ml-lg-4,
  .mx-lg-4 {
    margin-left: 1.5rem !important;
  }

  .m-lg-5 {
    margin: 2rem !important;
  }

  .mt-lg-5,
  .my-lg-5 {
    margin-top: 2rem !important;
  }

  .mr-lg-5,
  .mx-lg-5 {
    margin-right: 2rem !important;
  }

  .mb-lg-5,
  .my-lg-5 {
    margin-bottom: 2rem !important;
  }

  .ml-lg-5,
  .mx-lg-5 {
    margin-left: 2rem !important;
  }

  .m-lg-6 {
    margin: 2.5rem !important;
  }

  .mt-lg-6,
  .my-lg-6 {
    margin-top: 2.5rem !important;
  }

  .mr-lg-6,
  .mx-lg-6 {
    margin-right: 2.5rem !important;
  }

  .mb-lg-6,
  .my-lg-6 {
    margin-bottom: 2.5rem !important;
  }

  .ml-lg-6,
  .mx-lg-6 {
    margin-left: 2.5rem !important;
  }

  .m-lg-7 {
    margin: 3rem !important;
  }

  .mt-lg-7,
  .my-lg-7 {
    margin-top: 3rem !important;
  }

  .mr-lg-7,
  .mx-lg-7 {
    margin-right: 3rem !important;
  }

  .mb-lg-7,
  .my-lg-7 {
    margin-bottom: 3rem !important;
  }

  .ml-lg-7,
  .mx-lg-7 {
    margin-left: 3rem !important;
  }

  .m-lg-8 {
    margin: 3.5rem !important;
  }

  .mt-lg-8,
  .my-lg-8 {
    margin-top: 3.5rem !important;
  }

  .mr-lg-8,
  .mx-lg-8 {
    margin-right: 3.5rem !important;
  }

  .mb-lg-8,
  .my-lg-8 {
    margin-bottom: 3.5rem !important;
  }

  .ml-lg-8,
  .mx-lg-8 {
    margin-left: 3.5rem !important;
  }

  .m-lg-9 {
    margin: 4rem !important;
  }

  .mt-lg-9,
  .my-lg-9 {
    margin-top: 4rem !important;
  }

  .mr-lg-9,
  .mx-lg-9 {
    margin-right: 4rem !important;
  }

  .mb-lg-9,
  .my-lg-9 {
    margin-bottom: 4rem !important;
  }

  .ml-lg-9,
  .mx-lg-9 {
    margin-left: 4rem !important;
  }

  .m-lg-10 {
    margin: 5rem !important;
  }

  .mt-lg-10,
  .my-lg-10 {
    margin-top: 5rem !important;
  }

  .mr-lg-10,
  .mx-lg-10 {
    margin-right: 5rem !important;
  }

  .mb-lg-10,
  .my-lg-10 {
    margin-bottom: 5rem !important;
  }

  .ml-lg-10,
  .mx-lg-10 {
    margin-left: 5rem !important;
  }

  .p-lg-0 {
    padding: 0 !important;
  }

  .pt-lg-0,
  .py-lg-0 {
    padding-top: 0 !important;
  }

  .pr-lg-0,
  .px-lg-0 {
    padding-right: 0 !important;
  }

  .pb-lg-0,
  .py-lg-0 {
    padding-bottom: 0 !important;
  }

  .pl-lg-0,
  .px-lg-0 {
    padding-left: 0 !important;
  }

  .p-lg-1 {
    padding: 0.25rem !important;
  }

  .pt-lg-1,
  .py-lg-1 {
    padding-top: 0.25rem !important;
  }

  .pr-lg-1,
  .px-lg-1 {
    padding-right: 0.25rem !important;
  }

  .pb-lg-1,
  .py-lg-1 {
    padding-bottom: 0.25rem !important;
  }

  .pl-lg-1,
  .px-lg-1 {
    padding-left: 0.25rem !important;
  }

  .p-lg-2 {
    padding: 0.5rem !important;
  }

  .pt-lg-2,
  .py-lg-2 {
    padding-top: 0.5rem !important;
  }

  .pr-lg-2,
  .px-lg-2 {
    padding-right: 0.5rem !important;
  }

  .pb-lg-2,
  .py-lg-2 {
    padding-bottom: 0.5rem !important;
  }

  .pl-lg-2,
  .px-lg-2 {
    padding-left: 0.5rem !important;
  }

  .p-lg-3 {
    padding: 1rem !important;
  }

  .pt-lg-3,
  .py-lg-3 {
    padding-top: 1rem !important;
  }

  .pr-lg-3,
  .px-lg-3 {
    padding-right: 1rem !important;
  }

  .pb-lg-3,
  .py-lg-3 {
    padding-bottom: 1rem !important;
  }

  .pl-lg-3,
  .px-lg-3 {
    padding-left: 1rem !important;
  }

  .p-lg-4 {
    padding: 1.5rem !important;
  }

  .pt-lg-4,
  .py-lg-4 {
    padding-top: 1.5rem !important;
  }

  .pr-lg-4,
  .px-lg-4 {
    padding-right: 1.5rem !important;
  }

  .pb-lg-4,
  .py-lg-4 {
    padding-bottom: 1.5rem !important;
  }

  .pl-lg-4,
  .px-lg-4 {
    padding-left: 1.5rem !important;
  }

  .p-lg-5 {
    padding: 2rem !important;
  }

  .pt-lg-5,
  .py-lg-5 {
    padding-top: 2rem !important;
  }

  .pr-lg-5,
  .px-lg-5 {
    padding-right: 2rem !important;
  }

  .pb-lg-5,
  .py-lg-5 {
    padding-bottom: 2rem !important;
  }

  .pl-lg-5,
  .px-lg-5 {
    padding-left: 2rem !important;
  }

  .p-lg-6 {
    padding: 2.5rem !important;
  }

  .pt-lg-6,
  .py-lg-6 {
    padding-top: 2.5rem !important;
  }

  .pr-lg-6,
  .px-lg-6 {
    padding-right: 2.5rem !important;
  }

  .pb-lg-6,
  .py-lg-6 {
    padding-bottom: 2.5rem !important;
  }

  .pl-lg-6,
  .px-lg-6 {
    padding-left: 2.5rem !important;
  }

  .p-lg-7 {
    padding: 3rem !important;
  }

  .pt-lg-7,
  .py-lg-7 {
    padding-top: 3rem !important;
  }

  .pr-lg-7,
  .px-lg-7 {
    padding-right: 3rem !important;
  }

  .pb-lg-7,
  .py-lg-7 {
    padding-bottom: 3rem !important;
  }

  .pl-lg-7,
  .px-lg-7 {
    padding-left: 3rem !important;
  }

  .p-lg-8 {
    padding: 3.5rem !important;
  }

  .pt-lg-8,
  .py-lg-8 {
    padding-top: 3.5rem !important;
  }

  .pr-lg-8,
  .px-lg-8 {
    padding-right: 3.5rem !important;
  }

  .pb-lg-8,
  .py-lg-8 {
    padding-bottom: 3.5rem !important;
  }

  .pl-lg-8,
  .px-lg-8 {
    padding-left: 3.5rem !important;
  }

  .p-lg-9 {
    padding: 4rem !important;
  }

  .pt-lg-9,
  .py-lg-9 {
    padding-top: 4rem !important;
  }

  .pr-lg-9,
  .px-lg-9 {
    padding-right: 4rem !important;
  }

  .pb-lg-9,
  .py-lg-9 {
    padding-bottom: 4rem !important;
  }

  .pl-lg-9,
  .px-lg-9 {
    padding-left: 4rem !important;
  }

  .p-lg-10 {
    padding: 5rem !important;
  }

  .pt-lg-10,
  .py-lg-10 {
    padding-top: 5rem !important;
  }

  .pr-lg-10,
  .px-lg-10 {
    padding-right: 5rem !important;
  }

  .pb-lg-10,
  .py-lg-10 {
    padding-bottom: 5rem !important;
  }

  .pl-lg-10,
  .px-lg-10 {
    padding-left: 5rem !important;
  }

  .m-lg-auto {
    margin: auto !important;
  }

  .mt-lg-auto,
  .my-lg-auto {
    margin-top: auto !important;
  }

  .mr-lg-auto,
  .mx-lg-auto {
    margin-right: auto !important;
  }

  .mb-lg-auto,
  .my-lg-auto {
    margin-bottom: auto !important;
  }

  .ml-lg-auto,
  .mx-lg-auto {
    margin-left: auto !important;
  }
}

@media (max-width: 1399.98px) {
  .m-xl-0 {
    margin: 0 !important;
  }

  .mt-xl-0,
  .my-xl-0 {
    margin-top: 0 !important;
  }

  .mr-xl-0,
  .mx-xl-0 {
    margin-right: 0 !important;
  }

  .mb-xl-0,
  .my-xl-0 {
    margin-bottom: 0 !important;
  }

  .ml-xl-0,
  .mx-xl-0 {
    margin-left: 0 !important;
  }

  .m-xl-1 {
    margin: 0.25rem !important;
  }

  .mt-xl-1,
  .my-xl-1 {
    margin-top: 0.25rem !important;
  }

  .mr-xl-1,
  .mx-xl-1 {
    margin-right: 0.25rem !important;
  }

  .mb-xl-1,
  .my-xl-1 {
    margin-bottom: 0.25rem !important;
  }

  .ml-xl-1,
  .mx-xl-1 {
    margin-left: 0.25rem !important;
  }

  .m-xl-2 {
    margin: 0.5rem !important;
  }

  .mt-xl-2,
  .my-xl-2 {
    margin-top: 0.5rem !important;
  }

  .mr-xl-2,
  .mx-xl-2 {
    margin-right: 0.5rem !important;
  }

  .mb-xl-2,
  .my-xl-2 {
    margin-bottom: 0.5rem !important;
  }

  .ml-xl-2,
  .mx-xl-2 {
    margin-left: 0.5rem !important;
  }

  .m-xl-3 {
    margin: 1rem !important;
  }

  .mt-xl-3,
  .my-xl-3 {
    margin-top: 1rem !important;
  }

  .mr-xl-3,
  .mx-xl-3 {
    margin-right: 1rem !important;
  }

  .mb-xl-3,
  .my-xl-3 {
    margin-bottom: 1rem !important;
  }

  .ml-xl-3,
  .mx-xl-3 {
    margin-left: 1rem !important;
  }

  .m-xl-4 {
    margin: 1.5rem !important;
  }

  .mt-xl-4,
  .my-xl-4 {
    margin-top: 1.5rem !important;
  }

  .mr-xl-4,
  .mx-xl-4 {
    margin-right: 1.5rem !important;
  }

  .mb-xl-4,
  .my-xl-4 {
    margin-bottom: 1.5rem !important;
  }

  .ml-xl-4,
  .mx-xl-4 {
    margin-left: 1.5rem !important;
  }

  .m-xl-5 {
    margin: 2rem !important;
  }

  .mt-xl-5,
  .my-xl-5 {
    margin-top: 2rem !important;
  }

  .mr-xl-5,
  .mx-xl-5 {
    margin-right: 2rem !important;
  }

  .mb-xl-5,
  .my-xl-5 {
    margin-bottom: 2rem !important;
  }

  .ml-xl-5,
  .mx-xl-5 {
    margin-left: 2rem !important;
  }

  .m-xl-6 {
    margin: 2.5rem !important;
  }

  .mt-xl-6,
  .my-xl-6 {
    margin-top: 2.5rem !important;
  }

  .mr-xl-6,
  .mx-xl-6 {
    margin-right: 2.5rem !important;
  }

  .mb-xl-6,
  .my-xl-6 {
    margin-bottom: 2.5rem !important;
  }

  .ml-xl-6,
  .mx-xl-6 {
    margin-left: 2.5rem !important;
  }

  .m-xl-7 {
    margin: 3rem !important;
  }

  .mt-xl-7,
  .my-xl-7 {
    margin-top: 3rem !important;
  }

  .mr-xl-7,
  .mx-xl-7 {
    margin-right: 3rem !important;
  }

  .mb-xl-7,
  .my-xl-7 {
    margin-bottom: 3rem !important;
  }

  .ml-xl-7,
  .mx-xl-7 {
    margin-left: 3rem !important;
  }

  .m-xl-8 {
    margin: 3.5rem !important;
  }

  .mt-xl-8,
  .my-xl-8 {
    margin-top: 3.5rem !important;
  }

  .mr-xl-8,
  .mx-xl-8 {
    margin-right: 3.5rem !important;
  }

  .mb-xl-8,
  .my-xl-8 {
    margin-bottom: 3.5rem !important;
  }

  .ml-xl-8,
  .mx-xl-8 {
    margin-left: 3.5rem !important;
  }

  .m-xl-9 {
    margin: 4rem !important;
  }

  .mt-xl-9,
  .my-xl-9 {
    margin-top: 4rem !important;
  }

  .mr-xl-9,
  .mx-xl-9 {
    margin-right: 4rem !important;
  }

  .mb-xl-9,
  .my-xl-9 {
    margin-bottom: 4rem !important;
  }

  .ml-xl-9,
  .mx-xl-9 {
    margin-left: 4rem !important;
  }

  .m-xl-10 {
    margin: 5rem !important;
  }

  .mt-xl-10,
  .my-xl-10 {
    margin-top: 5rem !important;
  }

  .mr-xl-10,
  .mx-xl-10 {
    margin-right: 5rem !important;
  }

  .mb-xl-10,
  .my-xl-10 {
    margin-bottom: 5rem !important;
  }

  .ml-xl-10,
  .mx-xl-10 {
    margin-left: 5rem !important;
  }

  .p-xl-0 {
    padding: 0 !important;
  }

  .pt-xl-0,
  .py-xl-0 {
    padding-top: 0 !important;
  }

  .pr-xl-0,
  .px-xl-0 {
    padding-right: 0 !important;
  }

  .pb-xl-0,
  .py-xl-0 {
    padding-bottom: 0 !important;
  }

  .pl-xl-0,
  .px-xl-0 {
    padding-left: 0 !important;
  }

  .p-xl-1 {
    padding: 0.25rem !important;
  }

  .pt-xl-1,
  .py-xl-1 {
    padding-top: 0.25rem !important;
  }

  .pr-xl-1,
  .px-xl-1 {
    padding-right: 0.25rem !important;
  }

  .pb-xl-1,
  .py-xl-1 {
    padding-bottom: 0.25rem !important;
  }

  .pl-xl-1,
  .px-xl-1 {
    padding-left: 0.25rem !important;
  }

  .p-xl-2 {
    padding: 0.5rem !important;
  }

  .pt-xl-2,
  .py-xl-2 {
    padding-top: 0.5rem !important;
  }

  .pr-xl-2,
  .px-xl-2 {
    padding-right: 0.5rem !important;
  }

  .pb-xl-2,
  .py-xl-2 {
    padding-bottom: 0.5rem !important;
  }

  .pl-xl-2,
  .px-xl-2 {
    padding-left: 0.5rem !important;
  }

  .p-xl-3 {
    padding: 1rem !important;
  }

  .pt-xl-3,
  .py-xl-3 {
    padding-top: 1rem !important;
  }

  .pr-xl-3,
  .px-xl-3 {
    padding-right: 1rem !important;
  }

  .pb-xl-3,
  .py-xl-3 {
    padding-bottom: 1rem !important;
  }

  .pl-xl-3,
  .px-xl-3 {
    padding-left: 1rem !important;
  }

  .p-xl-4 {
    padding: 1.5rem !important;
  }

  .pt-xl-4,
  .py-xl-4 {
    padding-top: 1.5rem !important;
  }

  .pr-xl-4,
  .px-xl-4 {
    padding-right: 1.5rem !important;
  }

  .pb-xl-4,
  .py-xl-4 {
    padding-bottom: 1.5rem !important;
  }

  .pl-xl-4,
  .px-xl-4 {
    padding-left: 1.5rem !important;
  }

  .p-xl-5 {
    padding: 2rem !important;
  }

  .pt-xl-5,
  .py-xl-5 {
    padding-top: 2rem !important;
  }

  .pr-xl-5,
  .px-xl-5 {
    padding-right: 2rem !important;
  }

  .pb-xl-5,
  .py-xl-5 {
    padding-bottom: 2rem !important;
  }

  .pl-xl-5,
  .px-xl-5 {
    padding-left: 2rem !important;
  }

  .p-xl-6 {
    padding: 2.5rem !important;
  }

  .pt-xl-6,
  .py-xl-6 {
    padding-top: 2.5rem !important;
  }

  .pr-xl-6,
  .px-xl-6 {
    padding-right: 2.5rem !important;
  }

  .pb-xl-6,
  .py-xl-6 {
    padding-bottom: 2.5rem !important;
  }

  .pl-xl-6,
  .px-xl-6 {
    padding-left: 2.5rem !important;
  }

  .p-xl-7 {
    padding: 3rem !important;
  }

  .pt-xl-7,
  .py-xl-7 {
    padding-top: 3rem !important;
  }

  .pr-xl-7,
  .px-xl-7 {
    padding-right: 3rem !important;
  }

  .pb-xl-7,
  .py-xl-7 {
    padding-bottom: 3rem !important;
  }

  .pl-xl-7,
  .px-xl-7 {
    padding-left: 3rem !important;
  }

  .p-xl-8 {
    padding: 3.5rem !important;
  }

  .pt-xl-8,
  .py-xl-8 {
    padding-top: 3.5rem !important;
  }

  .pr-xl-8,
  .px-xl-8 {
    padding-right: 3.5rem !important;
  }

  .pb-xl-8,
  .py-xl-8 {
    padding-bottom: 3.5rem !important;
  }

  .pl-xl-8,
  .px-xl-8 {
    padding-left: 3.5rem !important;
  }

  .p-xl-9 {
    padding: 4rem !important;
  }

  .pt-xl-9,
  .py-xl-9 {
    padding-top: 4rem !important;
  }

  .pr-xl-9,
  .px-xl-9 {
    padding-right: 4rem !important;
  }

  .pb-xl-9,
  .py-xl-9 {
    padding-bottom: 4rem !important;
  }

  .pl-xl-9,
  .px-xl-9 {
    padding-left: 4rem !important;
  }

  .p-xl-10 {
    padding: 5rem !important;
  }

  .pt-xl-10,
  .py-xl-10 {
    padding-top: 5rem !important;
  }

  .pr-xl-10,
  .px-xl-10 {
    padding-right: 5rem !important;
  }

  .pb-xl-10,
  .py-xl-10 {
    padding-bottom: 5rem !important;
  }

  .pl-xl-10,
  .px-xl-10 {
    padding-left: 5rem !important;
  }

  .m-xl-auto {
    margin: auto !important;
  }

  .mt-xl-auto,
  .my-xl-auto {
    margin-top: auto !important;
  }

  .mr-xl-auto,
  .mx-xl-auto {
    margin-right: auto !important;
  }

  .mb-xl-auto,
  .my-xl-auto {
    margin-bottom: auto !important;
  }

  .ml-xl-auto,
  .mx-xl-auto {
    margin-left: auto !important;
  }
}

/* definition
----------------------------------------------------------------------------- */
.table_01 {
  width: 100%;
  border: 1px solid #ccc;
}

.table_01~.table_01 {
  margin-top: 1.5em;
}

.table_01 tr {
  border-bottom: 1px solid #ccc;
}

.table_01 tr:first-of-type {
  border-top: 1px solid #ccc;
}

.table_01 th {
  text-align: left;
  background: #F5F5F5;
  padding: 0.66667em 1.33333em;
  white-space: nowrap;
  width: 130px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: middle;
}

.table_01 th.center {
  text-align: center;
}

.l_feature .table_01 th {
  width: 200px;
}

.table_01 td {
  padding: 0.66667em 1.33333em;
  word-break: normal;
}


.tax_amount .table_01 tr:first-of-type {
  border-bottom: none;
}

.tax_amount .table_01 td,
.tax_amount .table_01 th {
  padding: 8px 5px;
  text-align: center;
  border: 1px solid #ccc;
  white-space: nowrap;
}

/* --------------------------------------
   1. スクロール領域の設定
-------------------------------------- */
.tax-table-wrap {
  width: 100%;
  max-width: 100%;
  max-height: 800px;
  /* 縦スクロールが発生する高さを指定してください */
  overflow: auto;
  /* スクロールバーを表示 */
}

/* --------------------------------------
   2. テーブルの基本設定と枠線ズレ対策
-------------------------------------- */
.tax-table-wrap .table_01 {
  width: 100%;
  min-width: 1000px;
  /* 横スクロールが発生する最小幅を指定してください */
  /* sticky時の枠線消失バグを防ぐため、collapseではなくseparateを使用 */
  border-collapse: separate;
  border-spacing: 0;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
}

/* スクロール時に文字が透けないよう、必ず背景色を設定します */
.tax-table-wrap .table_01 th,
.tax-table-wrap .table_01 td {
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding: 10px;
  text-align: center;
}

/* --------------------------------------
   3. ヘッダー（thead）の縦スクロール固定
-------------------------------------- */
/* 1行目 */
.tax-table-wrap .table_01 thead tr:nth-child(1) th,
.tax-table-wrap .table_01 thead tr:nth-child(1) td {
  position: sticky;
  top: 0;
  z-index: 2;
  height: 45px;
}

/* 2行目 (※ topの値は1行目の高さに合わせて調整してください) */
.tax-table-wrap .table_01 thead tr:nth-child(2) th,
.tax-table-wrap .table_01 thead tr:nth-child(2) td {
  position: sticky;
  top: 45px;
  /* 例: 1行目が45pxの場合 */
  z-index: 2;
}

/* 3行目 (※ topの値は1行目+2行目の高さに合わせて調整してください) */
.tax-table-wrap .table_01 thead tr:nth-child(3) th,
.tax-table-wrap .table_01 thead tr:nth-child(3) td {
  position: sticky;
  top: 116px;
  /* 例: 1,2行目の合計が90pxの場合 */
  z-index: 2;
}

/* --------------------------------------
   4. 左端（tbodyのth）の横スクロール固定
-------------------------------------- */
.tax-table-wrap .table_01 tbody th {
  position: sticky;
  left: 0;
  z-index: 1;
}

/* --------------------------------------
   5. 左上のセル（給与収入）の固定
-------------------------------------- */
/* 縦・横どちらにスクロールしても常に手前に表示させるため、一番高い z-index を設定 */
.tax-table-wrap .table_01 thead tr:first-child th:first-child {
  position: sticky;
  top: 0;
  left: 0;
  z-index: 3;
}


.tax_amount .tax_amount_title {
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #ccc;
  text-align: center;
}

.tax_amount table td {
  background-color: #F5F5F5;
}

.tax_amount table tbody tr:nth-child(odd) td {
  background: #fff;
}

.tax_amount .table_01 .vertically {
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  text-align: center;
  border-top: 1px solid #ccc;
  border-right: 1px solid #ccc;
}

.tax_amount thead th,
.tax_amount thead td {
  background-color: #eee;
}

.tax_amount thead th {
  background-color: var(--bottom-color);
  color: #fff;
}

.tax_amount tbody th {
  background-color: var(--bottom-color);
  color: #fff;
}

@media screen and (max-width: 767px) {
  .l_feature .table_01 th {
    width: 32vw;
  }
}

.table_border {
  width: 100%;
}

.table_border tr {
  border-top: 1px solid #ccc;
}

.table_border tr:last-child {
  border-bottom: 1px solid #ccc;
}

.table_border th {
  white-space: nowrap;
  width: 130px;
}

.table_border td {
  padding: 20px;
}

@media all and (-ms-high-contrast: none) {
  .table_border td img {
    position: relative;
    bottom: -6px;
  }
}

.table_border th {
  text-align: left;
  padding: 15px 0;
}

@media screen and (max-width: 767px) {
  .table_border {
    width: 100%;
  }

  .table_border td,
  .table_border th {
    display: block;
    width: 100%;
  }

  .table_border th {
    padding-bottom: 0;
    padding-top: 20px;
  }

  .table_border td {
    padding-bottom: 20px;
    padding-left: 0;
  }
}

/* table_02 */
.table_02 {
  width: 100%;
  border: 1px solid #ccc;
  min-width: 768px;
}

.table_02~.table_02 {
  margin-top: 1.5em;
}

.table_02 tbody tr {
  border-bottom: 1px solid #ccc;
}

.table_02 th {
  text-align: left;
  background: var(--bg-color);
  padding: 0.66667em 1.33333em;
  white-space: nowrap;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: middle;
  border-right: 1px solid #ccc;
}

.table_02 th.center {
  text-align: center;
}

.table_02 thead {
  background-color: var(--bg-color);
  border-bottom: 1px solid #ccc;
}

.table_02 thead th {
  text-align: center;
}

.table_02 td {
  padding: 0.66667em 1.33333em;
  border-right: 1px solid #ccc;
}





/* tag
----------------------------------------------------------------------------- */
.tag {
  border: 1px solid var(--text-color);
  font-size: 0.8rem;
  line-height: 1.5;
  padding: .1em .5em;
  display: block;
}

@media all and (-ms-high-contrast: none) {
  .tag {
    padding-top: calc(.1em + 3px);
  }
}

.tag--red {
  border-color: #C31818;
  color: #C31818;
}

.tag--red02 {
  border-color: var(--text-color);
  color: var(--text-color);
}

.tag--red03 {
  border-color: var(--text-color);
  background-color: var(--text-color);
  color: #fff;
}

.tag--purple {
  border-color: #A22098;
  color: #A22098;
}

.tag--lightgreen {
  border-color: #398E67;
  color: #398E67;
}

.tag--green {
  border-color: #658956;
  color: #658956;
}

.tag--blue {
  border-color: #143E9B;
  color: #143E9B;
}

.tag--yellow {
  border-color: #A86A15;
  color: #A86A15;
}

.tag--lightblue {
  border-color: #077DA0;
  color: #077DA0;
}

.tag--orange {
  border-color: #CE9D30;
  color: #CE9D30;
}

.tag--pink {
  border-color: #e64a84;
  color: #e64a84;
}

.tag--gray02 {
  border-color: #707070;
  color: var(--text-color);
}

.tag--gray03 {
  background-color: #F5F5F5;
  border-color: #F5F5F5;
}

.tag--gray {
  border: none;
  background-color: #F5F5F5;
  font-size: 0.93333rem;
  padding: .7em;
}

.tag--gray::after {
  content: "×";
  margin-left: .7em;
}

.tag--black {
  background-color: #fff;
  border-color: #707070;
  font-size: 0.93333rem;
  padding: .7em;
}

.tag--temperature {
  border-color: #666;
  color: #666;
}

.tag--temperature.is-reizo {
  border-color: #4e8bc9;
  color: #4e8bc9;
}

.tag--temperature.is-reito {
  border-color: #251197;
  color: #251197;
}


.list_tag {
  position: relative;
  padding-right: 1.2em;
}

.cross::before,
.cross::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 7px;
  width: 1px;
  height: 10px;
  background: #707070;
}

.cross::before {
  transform: translate(-50%, -50%) rotate(45deg);
}

.cross::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}

@media all and (-ms-high-contrast: none) {
  .tag--gray {
    padding-top: calc(.7em + 3px);
  }

  .tag--black {
    padding-top: calc(.7em + 3px);
  }
}

@media screen and (max-width: 767px) {
  .tag {
    font-size: 0.8rem;
  }

  .tag--gray {
    font-size: 0.93333rem;
  }

  .tag--black {
    font-size: 0.93333rem;
  }
}

.tag_list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -2px;
}

.tag_list>* {
  padding: 2px;
}

.tag_list_02 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin: -5px;
}

.tag_list_02>* {
  padding: 5px;
}

.tag_list_03 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.tag_list_03__ttl {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 5.5em;
  -ms-flex: 0 0 5.5em;
  flex: 0 0 5.5em;
  font-size: 1rem;
  font-weight: bold;
  padding: .7em 0;
}

.tag_list_03 ul {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 1;
  -ms-flex: 0 0 1;
  flex: 0 0 1;
}

@media screen and (max-width: 767px) {
  .tag_list_03__ttl {
    font-size: 1rem;
  }
}

/* text
----------------------------------------------------------------------------- */
.text_bold {
  font-weight: bold;
}

.text_left {
  text-align: left;
}

.text_right {
  text-align: right;
}

.text_center {
  text-align: center;
}

.text_color_red {
  color: var(--text-color);
}

.text_color_red02 {
  color: #C31818;
}

.text-justify {
  text-align: justify !important;
}

.text-nowrap {
  white-space: nowrap !important;
}

.text-left {
  text-align: left !important;
}

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

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

.fl-left {
  float: left !important;
  margin: 0 1em 1em 0;
}

.fl-right {
  float: right !important;
  margin: 0 0 1em 1em;
}

@media (max-width: 375.98px) {
  .text-xs-left {
    text-align: left !important;
  }

  .text-xs-right {
    text-align: right !important;
  }

  .text-xs-center {
    text-align: center !important;
  }

  .fl-xs-left {
    float: left !important;
    margin: 0 1em 1em 0;
  }

  .fl-xs-right {
    float: right !important;
    margin: 0 0 1em 1em;
  }
}

@media (max-width: 767.98px) {
  .text-md-left {
    text-align: left !important;
  }

  .text-md-right {
    text-align: right !important;
  }

  .text-md-center {
    text-align: center !important;
  }

  .fl-md-left {
    float: left !important;
    margin: 0 1em 1em 0;
  }

  .fl-md-right {
    float: right !important;
    margin: 0 0 1em 1em;
  }
}

@media (max-width: 999.98px) {
  .text-lg-left {
    text-align: left !important;
  }

  .text-lg-right {
    text-align: right !important;
  }

  .text-lg-center {
    text-align: center !important;
  }

  .fl-lg-left {
    float: left !important;
    margin: 0 1em 1em 0;
  }

  .fl-lg-right {
    float: right !important;
    margin: 0 0 1em 1em;
  }
}

@media (max-width: 1399.98px) {
  .text-xl-left {
    text-align: left !important;
  }

  .text-xl-right {
    text-align: right !important;
  }

  .text-xl-center {
    text-align: center !important;
  }

  .fl-xl-left {
    float: left !important;
    margin: 0 1em 1em 0;
  }

  .fl-xl-right {
    float: right !important;
    margin: 0 0 1em 1em;
  }
}

@media screen and (max-width: 767px) {
  .text-md-center {
    text-align: center !important;
  }

  .text-md-left {
    text-align: left !important;
  }
}

.text-lowercase {
  text-transform: lowercase !important;
}

.text-uppercase {
  text-transform: uppercase !important;
}

.text-capitalize {
  text-transform: capitalize !important;
}

.fw-light {
  font-weight: 300 !important;
}

.fw-normal {
  font-weight: 400 !important;
}

.fw-bold {
  font-weight: 700 !important;
}

.font-italic {
  font-style: italic !important;
}

.note {
  display: block;
  position: relative;
  padding-left: 1.2em;
  font-weight: normal;
}

.note span {
  position: absolute;
  left: 0;
}

.note--em2 {
  padding-left: 2.2em;
}

[lang=en] .note {
  padding-left: .8em;
}

.small {
  font-size: 85%;
}

.xsmall {
  font-size: 70%;
}

.large {
  font-size: 120%;
}

.xlarge {
  font-size: 130%;
}

.fz-14 {
  font-size: 0.93333rem;
}

sup .fz-14 {
  font-size: 0.93333rem;
}

.fz-20 {
  font-size: 1.33333rem;
}

.fz-46 {
  font-size: 3.06667rem;
}

.fz-60 {
  font-size: 4rem;
}

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

.u-mt0 {
  margin-top: 0px !important;
}

.u-mr0 {
  margin-right: 0px !important;
}

.u-mb0 {
  margin-bottom: 0px !important;
}

.u-ml0 {
  margin-left: 0px !important;
}

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

.u-pr0 {
  padding-right: 0px !important;
}

.u-pb0 {
  padding-bottom: 0px !important;
}

.u-pl0 {
  padding-left: 0px !important;
}

.u-mt5 {
  margin-top: 5px !important;
}

.u-mt-5 {
  margin-top: -5px !important;
}

.u-mr5 {
  margin-right: 5px !important;
}

.u-mb5 {
  margin-bottom: 5px !important;
}

.u-ml5 {
  margin-left: 5px !important;
}

.u-pt5 {
  padding-top: 5px !important;
}

.u-pr5 {
  padding-right: 5px !important;
}

.u-pb5 {
  padding-bottom: 5px !important;
}

.u-pl5 {
  padding-left: 5px !important;
}

.u-mt10 {
  margin-top: 10px !important;
}

.u-mt-10 {
  margin-top: -10px !important;
}

.u-mr10 {
  margin-right: 10px !important;
}

.u-mb10 {
  margin-bottom: 10px !important;
}

.u-ml10 {
  margin-left: 10px !important;
}

.u-pt10 {
  padding-top: 10px !important;
}

.u-pr10 {
  padding-right: 10px !important;
}

.u-pb10 {
  padding-bottom: 10px !important;
}

.u-pl10 {
  padding-left: 10px !important;
}

.u-mt15 {
  margin-top: 15px !important;
}

.u-mt-15 {
  margin-top: -15px !important;
}

.u-mr15 {
  margin-right: 15px !important;
}

.u-mb15 {
  margin-bottom: 15px !important;
}

.u-ml15 {
  margin-left: 15px !important;
}

.u-pt15 {
  padding-top: 15px !important;
}

.u-pr15 {
  padding-right: 15px !important;
}

.u-pb15 {
  padding-bottom: 15px !important;
}

.u-pl15 {
  padding-left: 15px !important;
}

.u-mt20 {
  margin-top: 20px !important;
}

.u-mt-20 {
  margin-top: -20px !important;
}

.u-mr20 {
  margin-right: 20px !important;
}

.u-mb20 {
  margin-bottom: 20px !important;
}

.u-ml20 {
  margin-left: 20px !important;
}

.u-pt20 {
  padding-top: 20px !important;
}

.u-pr20 {
  padding-right: 20px !important;
}

.u-pb20 {
  padding-bottom: 20px !important;
}

.u-pl20 {
  padding-left: 20px !important;
}

.u-mt25 {
  margin-top: 25px !important;
}

.u-mt-25 {
  margin-top: -25px !important;
}

.u-mr25 {
  margin-right: 25px !important;
}

.u-mb25 {
  margin-bottom: 25px !important;
}

.u-ml25 {
  margin-left: 25px !important;
}

.u-pt25 {
  padding-top: 25px !important;
}

.u-pr25 {
  padding-right: 25px !important;
}

.u-pb25 {
  padding-bottom: 25px !important;
}

.u-pl25 {
  padding-left: 25px !important;
}

.u-mt30 {
  margin-top: 30px !important;
}

.u-mt-30 {
  margin-top: -30px !important;
}

.u-mr30 {
  margin-right: 30px !important;
}

.u-mb30 {
  margin-bottom: 30px !important;
}

.u-ml30 {
  margin-left: 30px !important;
}

.u-pt30 {
  padding-top: 30px !important;
}

.u-pr30 {
  padding-right: 30px !important;
}

.u-pb30 {
  padding-bottom: 30px !important;
}

.u-pl30 {
  padding-left: 30px !important;
}

.u-mt35 {
  margin-top: 35px !important;
}

.u-mt-35 {
  margin-top: -35px !important;
}

.u-mr35 {
  margin-right: 35px !important;
}

.u-mb35 {
  margin-bottom: 35px !important;
}

.u-ml35 {
  margin-left: 35px !important;
}

.u-pt35 {
  padding-top: 35px !important;
}

.u-pr35 {
  padding-right: 35px !important;
}

.u-pb35 {
  padding-bottom: 35px !important;
}

.u-pl35 {
  padding-left: 35px !important;
}

.u-mt40 {
  margin-top: 40px !important;
}

.u-mt-40 {
  margin-top: -40px !important;
}

.u-mr40 {
  margin-right: 40px !important;
}

.u-mb40 {
  margin-bottom: 40px !important;
}

.u-ml40 {
  margin-left: 40px !important;
}

.u-pt40 {
  padding-top: 40px !important;
}

.u-pr40 {
  padding-right: 40px !important;
}

.u-pb40 {
  padding-bottom: 40px !important;
}

.u-pl40 {
  padding-left: 40px !important;
}

.u-mt45 {
  margin-top: 45px !important;
}

.u-mt-45 {
  margin-top: -45px !important;
}

.u-mr45 {
  margin-right: 45px !important;
}

.u-mb45 {
  margin-bottom: 45px !important;
}

.u-ml45 {
  margin-left: 45px !important;
}

.u-pt45 {
  padding-top: 45px !important;
}

.u-pr45 {
  padding-right: 45px !important;
}

.u-pb45 {
  padding-bottom: 45px !important;
}

.u-pl45 {
  padding-left: 45px !important;
}

.u-mt50 {
  margin-top: 50px !important;
}

.u-mt-50 {
  margin-top: -50px !important;
}

.u-mr50 {
  margin-right: 50px !important;
}

.u-mb50 {
  margin-bottom: 50px !important;
}

.u-ml50 {
  margin-left: 50px !important;
}

.u-pt50 {
  padding-top: 50px !important;
}

.u-pr50 {
  padding-right: 50px !important;
}

.u-pb50 {
  padding-bottom: 50px !important;
}

.u-pl50 {
  padding-left: 50px !important;
}

.u-mt55 {
  margin-top: 55px !important;
}

.u-mt-55 {
  margin-top: -55px !important;
}

.u-mr55 {
  margin-right: 55px !important;
}

.u-mb55 {
  margin-bottom: 55px !important;
}

.u-ml55 {
  margin-left: 55px !important;
}

.u-pt55 {
  padding-top: 55px !important;
}

.u-pr55 {
  padding-right: 55px !important;
}

.u-pb55 {
  padding-bottom: 55px !important;
}

.u-pl55 {
  padding-left: 55px !important;
}

.u-mt60 {
  margin-top: 60px !important;
}

.u-mt-60 {
  margin-top: -60px !important;
}

.u-mr60 {
  margin-right: 60px !important;
}

.u-mb60 {
  margin-bottom: 60px !important;
}

.u-ml60 {
  margin-left: 60px !important;
}

.u-pt60 {
  padding-top: 60px !important;
}

.u-pr60 {
  padding-right: 60px !important;
}

.u-pb60 {
  padding-bottom: 60px !important;
}

.u-pl60 {
  padding-left: 60px !important;
}

.u-mt65 {
  margin-top: 65px !important;
}

.u-mt-65 {
  margin-top: -65px !important;
}

.u-mr65 {
  margin-right: 65px !important;
}

.u-mb65 {
  margin-bottom: 65px !important;
}

.u-ml65 {
  margin-left: 65px !important;
}

.u-pt65 {
  padding-top: 65px !important;
}

.u-pr65 {
  padding-right: 65px !important;
}

.u-pb65 {
  padding-bottom: 65px !important;
}

.u-pl65 {
  padding-left: 65px !important;
}

.u-mt70 {
  margin-top: 70px !important;
}

.u-mt-70 {
  margin-top: -70px !important;
}

.u-mr70 {
  margin-right: 70px !important;
}

.u-mb70 {
  margin-bottom: 70px !important;
}

.u-ml70 {
  margin-left: 70px !important;
}

.u-pt70 {
  padding-top: 70px !important;
}

.u-pr70 {
  padding-right: 70px !important;
}

.u-pb70 {
  padding-bottom: 70px !important;
}

.u-pl70 {
  padding-left: 70px !important;
}

.u-mt75 {
  margin-top: 75px !important;
}

.u-mt-75 {
  margin-top: -75px !important;
}

.u-mr75 {
  margin-right: 75px !important;
}

.u-mb75 {
  margin-bottom: 75px !important;
}

.u-ml75 {
  margin-left: 75px !important;
}

.u-pt75 {
  padding-top: 75px !important;
}

.u-pr75 {
  padding-right: 75px !important;
}

.u-pb75 {
  padding-bottom: 75px !important;
}

.u-pl75 {
  padding-left: 75px !important;
}

.u-mt80 {
  margin-top: 80px !important;
}

.u-mt-80 {
  margin-top: -80px !important;
}

.u-mr80 {
  margin-right: 80px !important;
}

.u-mb80 {
  margin-bottom: 80px !important;
}

.u-ml80 {
  margin-left: 80px !important;
}

.u-pt80 {
  padding-top: 80px !important;
}

.u-pr80 {
  padding-right: 80px !important;
}

.u-pb80 {
  padding-bottom: 80px !important;
}

.u-pl80 {
  padding-left: 80px !important;
}

.u-mt85 {
  margin-top: 85px !important;
}

.u-mt-85 {
  margin-top: -85px !important;
}

.u-mr85 {
  margin-right: 85px !important;
}

.u-mb85 {
  margin-bottom: 85px !important;
}

.u-ml85 {
  margin-left: 85px !important;
}

.u-pt85 {
  padding-top: 85px !important;
}

.u-pr85 {
  padding-right: 85px !important;
}

.u-pb85 {
  padding-bottom: 85px !important;
}

.u-pl85 {
  padding-left: 85px !important;
}

.u-mt90 {
  margin-top: 90px !important;
}

.u-mt-90 {
  margin-top: -90px !important;
}

.u-mr90 {
  margin-right: 90px !important;
}

.u-mb90 {
  margin-bottom: 90px !important;
}

.u-ml90 {
  margin-left: 90px !important;
}

.u-pt90 {
  padding-top: 90px !important;
}

.u-pr90 {
  padding-right: 90px !important;
}

.u-pb90 {
  padding-bottom: 90px !important;
}

.u-pl90 {
  padding-left: 90px !important;
}

.u-mt95 {
  margin-top: 95px !important;
}

.u-mt-95 {
  margin-top: -95px !important;
}

.u-mr95 {
  margin-right: 95px !important;
}

.u-mb95 {
  margin-bottom: 95px !important;
}

.u-ml95 {
  margin-left: 95px !important;
}

.u-pt95 {
  padding-top: 95px !important;
}

.u-pr95 {
  padding-right: 95px !important;
}

.u-pb95 {
  padding-bottom: 95px !important;
}

.u-pl95 {
  padding-left: 95px !important;
}

.u-mt100 {
  margin-top: 100px !important;
}

.u-mt-100 {
  margin-top: -100px !important;
}

.u-mr100 {
  margin-right: 100px !important;
}

.u-mb100 {
  margin-bottom: 100px !important;
}

.u-ml100 {
  margin-left: 100px !important;
}

.u-pt100 {
  padding-top: 100px !important;
}

.u-pr100 {
  padding-right: 100px !important;
}

.u-pb100 {
  padding-bottom: 100px !important;
}

.u-pl100 {
  padding-left: 100px !important;
}

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

  .u-mr0-sp {
    margin-right: 0px !important;
  }

  .u-mb0-sp {
    margin-bottom: 0px !important;
  }

  .u-ml0-sp {
    margin-left: 0px !important;
  }

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

  .u-pr0-sp {
    padding-right: 0px !important;
  }

  .u-pb0-sp {
    padding-bottom: 0px !important;
  }

  .u-pl0-sp {
    padding-left: 0px !important;
  }

  .u-mt5-sp {
    margin-top: 5px !important;
  }

  .u-mr5-sp {
    margin-right: 5px !important;
  }

  .u-mb5-sp {
    margin-bottom: 5px !important;
  }

  .u-ml5-sp {
    margin-left: 5px !important;
  }

  .u-pt5-sp {
    padding-top: 5px !important;
  }

  .u-pr5-sp {
    padding-right: 5px !important;
  }

  .u-pb5-sp {
    padding-bottom: 5px !important;
  }

  .u-pl5-sp {
    padding-left: 5px !important;
  }

  .u-mt10-sp {
    margin-top: 10px !important;
  }

  .u-mr10-sp {
    margin-right: 10px !important;
  }

  .u-mb10-sp {
    margin-bottom: 10px !important;
  }

  .u-ml10-sp {
    margin-left: 10px !important;
  }

  .u-pt10-sp {
    padding-top: 10px !important;
  }

  .u-pr10-sp {
    padding-right: 10px !important;
  }

  .u-pb10-sp {
    padding-bottom: 10px !important;
  }

  .u-pl10-sp {
    padding-left: 10px !important;
  }

  .u-mt15-sp {
    margin-top: 15px !important;
  }

  .u-mr15-sp {
    margin-right: 15px !important;
  }

  .u-mb15-sp {
    margin-bottom: 15px !important;
  }

  .u-ml15-sp {
    margin-left: 15px !important;
  }

  .u-pt15-sp {
    padding-top: 15px !important;
  }

  .u-pr15-sp {
    padding-right: 15px !important;
  }

  .u-pb15-sp {
    padding-bottom: 15px !important;
  }

  .u-pl15-sp {
    padding-left: 15px !important;
  }

  .u-mt20-sp {
    margin-top: 20px !important;
  }

  .u-mr20-sp {
    margin-right: 20px !important;
  }

  .u-mb20-sp {
    margin-bottom: 20px !important;
  }

  .u-ml20-sp {
    margin-left: 20px !important;
  }

  .u-pt20-sp {
    padding-top: 20px !important;
  }

  .u-pr20-sp {
    padding-right: 20px !important;
  }

  .u-pb20-sp {
    padding-bottom: 20px !important;
  }

  .u-pl20-sp {
    padding-left: 20px !important;
  }

  .u-mt25-sp {
    margin-top: 25px !important;
  }

  .u-mr25-sp {
    margin-right: 25px !important;
  }

  .u-mb25-sp {
    margin-bottom: 25px !important;
  }

  .u-ml25-sp {
    margin-left: 25px !important;
  }

  .u-pt25-sp {
    padding-top: 25px !important;
  }

  .u-pr25-sp {
    padding-right: 25px !important;
  }

  .u-pb25-sp {
    padding-bottom: 25px !important;
  }

  .u-pl25-sp {
    padding-left: 25px !important;
  }

  .u-mt30-sp {
    margin-top: 30px !important;
  }

  .u-mr30-sp {
    margin-right: 30px !important;
  }

  .u-mb30-sp {
    margin-bottom: 30px !important;
  }

  .u-ml30-sp {
    margin-left: 30px !important;
  }

  .u-pt30-sp {
    padding-top: 30px !important;
  }

  .u-pr30-sp {
    padding-right: 30px !important;
  }

  .u-pb30-sp {
    padding-bottom: 30px !important;
  }

  .u-pl30-sp {
    padding-left: 30px !important;
  }

  .u-mt35-sp {
    margin-top: 35px !important;
  }

  .u-mr35-sp {
    margin-right: 35px !important;
  }

  .u-mb35-sp {
    margin-bottom: 35px !important;
  }

  .u-ml35-sp {
    margin-left: 35px !important;
  }

  .u-pt35-sp {
    padding-top: 35px !important;
  }

  .u-pr35-sp {
    padding-right: 35px !important;
  }

  .u-pb35-sp {
    padding-bottom: 35px !important;
  }

  .u-pl35-sp {
    padding-left: 35px !important;
  }

  .u-mt40-sp {
    margin-top: 40px !important;
  }

  .u-mr40-sp {
    margin-right: 40px !important;
  }

  .u-mb40-sp {
    margin-bottom: 40px !important;
  }

  .u-ml40-sp {
    margin-left: 40px !important;
  }

  .u-pt40-sp {
    padding-top: 40px !important;
  }

  .u-pr40-sp {
    padding-right: 40px !important;
  }

  .u-pb40-sp {
    padding-bottom: 40px !important;
  }

  .u-pl40-sp {
    padding-left: 40px !important;
  }

  .u-mt45-sp {
    margin-top: 45px !important;
  }

  .u-mr45-sp {
    margin-right: 45px !important;
  }

  .u-mb45-sp {
    margin-bottom: 45px !important;
  }

  .u-ml45-sp {
    margin-left: 45px !important;
  }

  .u-pt45-sp {
    padding-top: 45px !important;
  }

  .u-pr45-sp {
    padding-right: 45px !important;
  }

  .u-pb45-sp {
    padding-bottom: 45px !important;
  }

  .u-pl45-sp {
    padding-left: 45px !important;
  }

  .u-mt50-sp {
    margin-top: 50px !important;
  }

  .u-mr50-sp {
    margin-right: 50px !important;
  }

  .u-mb50-sp {
    margin-bottom: 50px !important;
  }

  .u-ml50-sp {
    margin-left: 50px !important;
  }

  .u-pt50-sp {
    padding-top: 50px !important;
  }

  .u-pr50-sp {
    padding-right: 50px !important;
  }

  .u-pb50-sp {
    padding-bottom: 50px !important;
  }

  .u-pl50-sp {
    padding-left: 50px !important;
  }

  .u-mt55-sp {
    margin-top: 55px !important;
  }

  .u-mr55-sp {
    margin-right: 55px !important;
  }

  .u-mb55-sp {
    margin-bottom: 55px !important;
  }

  .u-ml55-sp {
    margin-left: 55px !important;
  }

  .u-pt55-sp {
    padding-top: 55px !important;
  }

  .u-pr55-sp {
    padding-right: 55px !important;
  }

  .u-pb55-sp {
    padding-bottom: 55px !important;
  }

  .u-pl55-sp {
    padding-left: 55px !important;
  }

  .u-mt60-sp {
    margin-top: 60px !important;
  }

  .u-mr60-sp {
    margin-right: 60px !important;
  }

  .u-mb60-sp {
    margin-bottom: 60px !important;
  }

  .u-ml60-sp {
    margin-left: 60px !important;
  }

  .u-pt60-sp {
    padding-top: 60px !important;
  }

  .u-pr60-sp {
    padding-right: 60px !important;
  }

  .u-pb60-sp {
    padding-bottom: 60px !important;
  }

  .u-pl60-sp {
    padding-left: 60px !important;
  }

  .u-mt65-sp {
    margin-top: 65px !important;
  }

  .u-mr65-sp {
    margin-right: 65px !important;
  }

  .u-mb65-sp {
    margin-bottom: 65px !important;
  }

  .u-ml65-sp {
    margin-left: 65px !important;
  }

  .u-pt65-sp {
    padding-top: 65px !important;
  }

  .u-pr65-sp {
    padding-right: 65px !important;
  }

  .u-pb65-sp {
    padding-bottom: 65px !important;
  }

  .u-pl65-sp {
    padding-left: 65px !important;
  }

  .u-mt70-sp {
    margin-top: 70px !important;
  }

  .u-mr70-sp {
    margin-right: 70px !important;
  }

  .u-mb70-sp {
    margin-bottom: 70px !important;
  }

  .u-ml70-sp {
    margin-left: 70px !important;
  }

  .u-pt70-sp {
    padding-top: 70px !important;
  }

  .u-pr70-sp {
    padding-right: 70px !important;
  }

  .u-pb70-sp {
    padding-bottom: 70px !important;
  }

  .u-pl70-sp {
    padding-left: 70px !important;
  }

  .u-mt75-sp {
    margin-top: 75px !important;
  }

  .u-mr75-sp {
    margin-right: 75px !important;
  }

  .u-mb75-sp {
    margin-bottom: 75px !important;
  }

  .u-ml75-sp {
    margin-left: 75px !important;
  }

  .u-pt75-sp {
    padding-top: 75px !important;
  }

  .u-pr75-sp {
    padding-right: 75px !important;
  }

  .u-pb75-sp {
    padding-bottom: 75px !important;
  }

  .u-pl75-sp {
    padding-left: 75px !important;
  }

  .u-mt80-sp {
    margin-top: 80px !important;
  }

  .u-mr80-sp {
    margin-right: 80px !important;
  }

  .u-mb80-sp {
    margin-bottom: 80px !important;
  }

  .u-ml80-sp {
    margin-left: 80px !important;
  }

  .u-pt80-sp {
    padding-top: 80px !important;
  }

  .u-pr80-sp {
    padding-right: 80px !important;
  }

  .u-pb80-sp {
    padding-bottom: 80px !important;
  }

  .u-pl80-sp {
    padding-left: 80px !important;
  }

  .u-mt85-sp {
    margin-top: 85px !important;
  }

  .u-mr85-sp {
    margin-right: 85px !important;
  }

  .u-mb85-sp {
    margin-bottom: 85px !important;
  }

  .u-ml85-sp {
    margin-left: 85px !important;
  }

  .u-pt85-sp {
    padding-top: 85px !important;
  }

  .u-pr85-sp {
    padding-right: 85px !important;
  }

  .u-pb85-sp {
    padding-bottom: 85px !important;
  }

  .u-pl85-sp {
    padding-left: 85px !important;
  }

  .u-mt90-sp {
    margin-top: 90px !important;
  }

  .u-mr90-sp {
    margin-right: 90px !important;
  }

  .u-mb90-sp {
    margin-bottom: 90px !important;
  }

  .u-ml90-sp {
    margin-left: 90px !important;
  }

  .u-pt90-sp {
    padding-top: 90px !important;
  }

  .u-pr90-sp {
    padding-right: 90px !important;
  }

  .u-pb90-sp {
    padding-bottom: 90px !important;
  }

  .u-pl90-sp {
    padding-left: 90px !important;
  }

  .u-mt95-sp {
    margin-top: 95px !important;
  }

  .u-mr95-sp {
    margin-right: 95px !important;
  }

  .u-mb95-sp {
    margin-bottom: 95px !important;
  }

  .u-ml95-sp {
    margin-left: 95px !important;
  }

  .u-pt95-sp {
    padding-top: 95px !important;
  }

  .u-pr95-sp {
    padding-right: 95px !important;
  }

  .u-pb95-sp {
    padding-bottom: 95px !important;
  }

  .u-pl95-sp {
    padding-left: 95px !important;
  }

  .u-mt100-sp {
    margin-top: 100px !important;
  }

  .u-mr100-sp {
    margin-right: 100px !important;
  }

  .u-mb100-sp {
    margin-bottom: 100px !important;
  }

  .u-ml100-sp {
    margin-left: 100px !important;
  }

  .u-pt100-sp {
    padding-top: 100px !important;
  }

  .u-pr100-sp {
    padding-right: 100px !important;
  }

  .u-pb100-sp {
    padding-bottom: 100px !important;
  }

  .u-pl100-sp {
    padding-left: 100px !important;
  }
}

.u-pos-fixed {
  position: fixed;
}

/* _valuation
----------------------------------------------------------------------------- */
.valuation {
  font-size: 0.93333rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.valuation ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.valuation .icon--lg {
  width: 14px;
  height: 14px;
}


.valuation__num {
  margin-left: .5em;
}

.valuation p {
  margin-right: 5px;
}

/* fixed
----------------------------------------------------------------------------- */
.is_fixed {
  position: fixed;
}

/*# sourceMappingURL=../maps/css/style.css.map */


/* カート確認 */
.l_form__form--confirm .l_form__box.send {
  margin-bottom: 30px;
  border-bottom: 1px solid #D8D8D8;
}

/* ログイン画面
----------------------------------------------------------------------------- */
#Login h3 {
  margin-bottom: 3rem;
  font-size: 1.3rem;
  font-weight: bold;
  line-height: 1.56;
}

#Login .flexbox {
  display: flex;
}

#Login .box {
  box-sizing: border-box;
  padding: 6.36364% 20px;
  width: 50%;
  background-color: #F5F5F5;
}

#Login.reminder .box {
  margin: 0 auto;
}

@media screen and (max-width: 767px) {
  #Login.reminder .box {
    width: 100%;
  }
}

#Login .icon_form img {
  vertical-align: text-top;
}

#Login .wide-box {
  margin: 20px auto 0;
  box-sizing: border-box;
  padding: 6.36364% 20px;
  width: 100%;
  max-width: 760px;
  background-color: #F5F5F5;
}

#Login .wide-box-wh {
  margin: 20px auto 0;
  box-sizing: border-box;
  padding: 6.36364% 20px;
  width: 100%;
  max-width: 760px;
}

#Login .box+.box {
  margin: 0 0 0 20px;
}

#Login .form-box {
  max-width: 450px;
  margin: 0 auto;
}

#Login .form-box label {
  display: block;
  margin: 0 0 10px;
  font-weight: bold;
  font-size: 1rem;
}

#Login .form-box+.form-box {
  margin: 30px auto 0;
}

#Login .link_text {
  margin: 10px 0 0;
  text-align: right;
  font-size: .9rem;
}

#Login input[type=text] {
  text-align: left;
}

#Login .note {
  margin: 0 0 1rem;
}

/* ボタン系 */
#Login .btn_bg {
  margin: 30px auto 0;
}

#Login .btn_bg::after {
  content: none;
}

#Login input[type=submit] {
  padding: 1em;
}

#Login .btn_bg a {
  width: 100%;
  padding: 15px 0;
}

#Login .btn_bg--black a {
  color: #FFF;
}

#Login .btn_bg--black:hover a {
  color: var(--text-color);
}

#Login .btn_bg--border {
  background-color: transparent;
  border: 1px solid var(--text-color);
}

#Login .btn_bg--border:hover {
  background-color: var(--text-color);
}

#Login .btn_bg--border:hover a {
  color: #FFF;
}

#Login .btn_bg--black a:hover,
#Login .btn_bg--border a:hover {
  transition: 0.3s;
  opacity: 1;
}

#Login .wide-box-wh .btn_bg {
  margin: 30px auto 0;
  max-width: 380px;
}

@media screen and (max-width: 767px) {
  #Login .flexbox {
    display: block;
  }

  #Login .flexbox .box {
    width: 100%;
  }

  #Login .flexbox .box+.box {
    margin: 20px 0 0 0;
  }

  #Login .wide-box-wh {
    padding: 6.36364% 0;
  }

  #Login .wide-box-wh a,
  #Login .wide-box-wh .input[type=submit] {
    max-width: 100%;
  }
}

.common-comment {
  text-align: center;
}

/* トピックス一覧
----------------------------------------------------------------------------- */
#Topics .pagelink {
  margin: 0 0 30px;
}

#Topics .news {
  max-width: 100%;
  max-height: 100%;
  overflow: auto;
}

#Topics .news li>a,
.news li>div {
  align-items: center;
}

#Topics .topics_category {
  display: flex;
  margin: 0 0 40px;
  border: 1px solid var(--text-color);
  box-sizing: border-box;
}

#Topics .topics_category li a {
  display: block;
  padding: 10px;
}

#Topics .topics_category li a:hover {
  opacity: 1;
  background: #DDD;
}

#Topics .topics_category li a.select {
  background: #DDD;
}

#Topics .news_content {
  margin: 10px 0 0;
}

#Topics select {
  border: 1px solid var(--text-color);
  padding: 0.5em;
  width: 140px;
  background-image: -webkit-gradient(linear, left bottom, right top, color-stop(50%, rgba(255, 255, 255, 0)), color-stop(50.5%, #fff)), -webkit-gradient(linear, right bottom, left top, color-stop(50%, rgba(255, 255, 255, 0)), color-stop(50.5%, #fff)), -webkit-gradient(linear, left top, right top, from(var(--text-color)), to(var(--text-color)));
  background-image: -o-linear-gradient(bottom left, rgba(255, 255, 255, 0) 50%, #fff 50.5%), -o-linear-gradient(bottom right, rgba(255, 255, 255, 0) 50%, #fff 50.5%), -o-linear-gradient(left, var(--text-color), var(--text-color));
  background-image: linear-gradient(to top right, rgba(255, 255, 255, 0) 50%, #fff 50.5%), linear-gradient(to top left, rgba(255, 255, 255, 0) 50%, #fff 50.5%), linear-gradient(to right, var(--text-color), var(--text-color));
  background-position: calc(100% - 20px) calc(1em + -4px), calc(100% - 15px) calc(1em + -4px), 100% 0;
  background-size: 5px 10px, 5px 10px, 45px 100%;
  background-repeat: no-repeat;
}

.event-list-message {
  margin-bottom: 3em;
}

/* トピックス詳細
----------------------------------------------------------------------------- */
#Topics_detail .box h2 {
  margin: 0 0 10px;
  font-size: 18px;
  font-weight: bold;
}

#Topics_detail .box h1 {
    margin: 0 0 10px;
  font-size: 1.4rem;
  font-weight: bold;
}

#Topics_detail .btn_bg {
  margin: 0 auto;
}

#Topics_detail .btn_bg a {
  display: block;
  width: 100%;
  color: #FFF;
  padding: 20px 0;
}

#Topics_detail .btn_bg a:hover {
  color: var(--text-color);
}

#Topics_detail .box img {
    margin: auto;
    display: block;
}

#Topics_detail .box .topics-date {
      margin-bottom: 5em;
}

@media screen and (max-width: 767px) {
  #Topics_detail .box .topics-date {
      margin-bottom: 3em;
}
}



.propaty_area table {
  border: 1px solid #CCC;
  margin: 15px 0;
}

.propaty_area table th {
  padding: 5px 10px;
  text-align: left;
  border: 1px solid #CCC;
  background: #F6F6F6;
}

.propaty_area table td {
  padding: 5px 10px;
  border: 1px solid #CCC;
}

.propaty_area table .variation-price {
  font-weight: 700;
  color: var(--accent-color);
}

.propaty_area #variation-comment {
  font-weight: 700;
  margin-top: 10px;
  color: var(--accent-color);
}

/* 選択された行の背景色 */
.propaty_area .selected-row {
  background-color: #fff3f0;
  transition: background-color 0.3s;
  /* ふんわり色が変わるアニメーション（お好みで） */
}

.variation-image--sp,
.variation-image--pc {
  width: 100%;
  max-width: 250px;
}


.ctg_area .ctg:nth-child(n+2) {
  border-top: 1px solid #E0E0E0;
}

.ctg ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 20px 0;
}

.ctg ul li a {
  text-decoration: underline;
  padding: 12px 9px 12px 26px;
  background: 10px center url(../images/icon/arrow-right.svg) no-repeat;
}

.ctg ul li .select {
  background: 10px center url(../images/icon/arrow-down.svg) no-repeat #F5F5F5;
}

.top_keyword {
  padding: 0 1em;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 10px;
}

.top_keyword ul {
  margin-left: 12px;
}

.top_keyword ul li {
  display: inline-block;
  padding: 3px 14px;
  margin-right: 8px;
  border: #BFBFBF 1px solid;
  font-size: 14px;
  font-weight: 400;
  border-radius: 20px;
}

@media screen and (max-width: 767px) {
  .top_keyword {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    overflow-x: auto;
    white-space: nowrap;
    margin-top: 10px;
    font-size: 14px;
    padding: 0 0 0 14px;
  }
}

.page_link {
  margin: 40px 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.page_link li {
  margin: 0 4%;
}

.page_link .icon_arrow03:before {
  top: 35%;
  font-size: .8em;
  left: 70%;
}

@media screen and (max-width: 767px) {
  .page_link li {
    margin: 5px 10px;
  }
}

.appeal_border {
  border-top: 1px solid #E0E0E0;
  border-bottom: 1px solid #E0E0E0;
  padding: 14px 0;
}

.item_count_to {
  margin-left: 10px;
}

.region h1.heading_01 {
  font-size: 36px;
}

.region h2.heading_02 {
  font-size: 30px;
}

.region h2.bottom_border {
  font-size: 32px;
}

.achievement h2.heading_02.bottom_border::before {
  left: calc(50% - 50px);
}

@media screen and (max-width: 767px) {
  .region h1.heading_01 {
    font-size: 1.73333rem;
  }

  .region h2.heading_02 {
    font-size: 1.4rem;
  }

  .region h2.bottom_border {
    font-size: 1.4rem;
  }
}

/* ここから追記 */
.item-list-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 20px;
  margin-bottom: 2em;
}

.item-list-grid .item-container {
  position: relative;
  padding: 0;
  min-width: 0;
}

.item-list-grid .ranking-icon {
  position: absolute;
  top: 0;
  left: 5px;
  width: 30px;
  text-align: center;
  font-size: 12px;
  color: #fff;
  padding: 3px 0;
  background: var(--primary-color);
}

.item-list-grid .ranking-icon::after {
  content: '';
  position: absolute;
  left: 0;
  top: 100%;
  height: 0;
  width: 0;
  border-left: 16px solid var(--primary-color);
  /*順位のアイコンの背景色*/
  border-right: 16px solid var(--primary-color);
  /*順位のアイコンの背景色*/
  border-bottom: 7px solid transparent;
}

#ranking_no1 .ranking-icon {
  background: #806000;
}

#ranking_no1 .ranking-icon::after {
  background-color: #806000;
  border-left: 16px solid #806000;
  /*順位のアイコンの背景色*/
  border-right: 15px solid #806000;
  border-bottom: 7px solid transparent;
}

#ranking_no2 .ranking-icon {
  background: #595959;
}

#ranking_no2 .ranking-icon::after {
  background-color: #595959;
  border-left: 16px solid #595959;
  /*順位のアイコンの背景色*/
  border-right: 15px solid #595959;
  border-bottom: 7px solid transparent;
}

#ranking_no3 .ranking-icon {
  background: #4A2E1B;
}

#ranking_no3 .ranking-icon::after {
  background-color: #4A2E1B;
  border-left: 16px solid #4A2E1B;
  /*順位のアイコンの背景色*/
  border-right: 15px solid #4A2E1B;
  border-bottom: 7px solid transparent;
}

.item-container .city-name {
  font-size: 0.8rem;
  color: var(--text-color);

}


.item-container .reference-price__title,
.item-container .reference-price__unit {
  font-size: 0.8rem;
}

.item-container .text {
  margin-top: 10px;
  overflow: hidden;
}

.item-container .price__title {
  font-size: 0.8rem;
  font-weight: 700;
}

.item-container .item-name a {
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  max-height: 70px;
  font-weight: 700;
  width: 100%;
  margin-bottom: 3px;
}

.item-container .price {
  color: var(--accent-color);
  font-weight: 700;

}

.item-container .price__price {
  font-size: 1.2rem;
}

.item-container .tag_list {
  margin-top: 3px;
}

@media screen and (max-width: 950px) {
  .item-list-grid {
    grid-template-columns: 1fr 1fr 1fr;
  }
}

@media screen and (max-width: 767px) {
  .item-list-grid {
    grid-template-columns: 1fr 1fr;
  }
}

/* イベントトピックスリスト */
.topics-event .box {
  display: flex;
  border-bottom: 1px solid #ccc;
}

.topics-event__img {
  width: 36%;
}

.topics-event__img .img_box {
  width: 100%;
  aspect-ratio: 4/3;
  overflow: hidden;
}

.topics-event .news_content a {
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  /* ブラウザがサポートしていない場合のフェールセーフ */
  max-height: 70px;
  width: 100%;
}

.topics-event__img .img_box img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.topics-event__data {
  padding-left: 2em;
  padding-top: 10px;
  display: flex;
  flex-direction: column;
  width: 64%;
  justify-content: flex-start;
}

.topics-event__more {
  margin-top: auto;
  text-align: right;
}

.topics-event__more a {
  margin-top: 10px;
}

@media screen and (max-width: 767px) {
  .topics-event .box {
    display: block;
  }

  .topics-event__img {
    width: 100%;
  }

  .topics-event .box {
    width: 100%;
  }

  .topics-event__data {
    width: 100%;
    padding-left: 0;
  }
}

.topics-news li:first-child {
  border-top: 1px solid #ccc;
}

.topics-news .box {
  display: flex;
  border-bottom: 1px solid #ccc;
  align-items: flex-start;
  padding: 3em;
}

.topics-news__title {
  font-size: 1.2rem;
  font-weight: 600;
}

.topics-news .topics__time {
  margin-right: 1em;
}

.topics-news__data {
  display: flex;
  width: 260px;
}

.topics-tag-list {
  display: flex;
}

.event-data {
  font-weight: bold;
}

.event_content {
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  max-height: 70px;
  margin-top: 1em;
}

.news__tag,
.event__tag {
  color: #fff;
  padding: 3px 10px;
  background: var(--accent-color);
  border-radius: 20px;
  font-size: 12px;
  text-align: center;
  white-space: nowrap;
  margin-right: 6px;
}

.news__tag.is-osirase {
  background: var(--primary-color);
}

@media screen and (max-width: 767px) {
  .topics-news .box {
    display: block;
    padding: 2em 0;
  }

  .topics-news__title {
    margin-left: 0;
    margin-top: 10px;
  }
}

/* サイド検索 */
.side_free_search form {
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 15px 10px;
}

.side_free_search_price {
  display: flex;
  justify-content: space-between;
}

.side_free_search_price>input {
  width: 100px;
  border: 1px solid #C4C4C4;
  line-height: 1;
  padding: .4em;
  font-size: 0.93333rem;
}

.side_free_search_price>span {
  display: block;
}

.side_free_search .form--search input[type=submit] {
  padding-left: 0;
}

.aside-search-category {
  padding: 15px 10px;
}

.aside-search-category span {
  width: 100%;
}

.aside-search-category a {
  display: block;
  width: 100%;
}

.aside-search-category h3 {
  font-size: 1.2rem;
  font-weight: bold;
  text-align: center;
  margin: 20px 0;
}

.banner-area {
  margin: 80px 0;
}

.banner-area .banner-area__list {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 20px;
}

.banner-area .banner-area__list li {
  border-radius: 6px;
  overflow: hidden;
}

.banner-area-wrap {
  margin-top: 80px;
}

@media screen and (max-width: 767px) {
  .banner-area {
    margin: 30px 0;
  }
  .banner-area .banner-area__list {
    grid-template-columns: 1fr 1fr;
    gap: 14px;
  }

  .banner-area-wrap {
    margin-top: 4vw;
  }
}

/* representative_message */

.representative-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.representative-area__img {
  position: relative;
}

.representative-top__image {
  width: 40%;
      border-radius: 30px;
    overflow: hidden;
}

@media screen and (max-width: 767px) {
  .representative-top__image {
  width: 100%;
  max-width: 390px;
  margin: auto;
}

.representative-top {
  display: flex;
  flex-direction: column-reverse;
  justify-content: space-between;
  align-items: center;
}
.representative-top__text {
  width: 100%;
  margin-top: 20px;
}
}

.representative-area__text {
  position: absolute;
  top: 60%;
  left: 20px;
  transform: translateY(-50%);
}

.representative-area__title {
  font-size: clamp(1.1rem, 4vw, 3rem);
  padding: 20px;
}

.representative-area__logo {
  max-width: 260px;
  width: 60%;
  min-width: 160px;
}

.representative-area__name {
  font-size: clamp(1rem, 2vw, 2rem);
  padding: 20px;
}

.representative-title {
  font-size: 1.8rem;
  font-weight: 500;
  position: relative;
  padding: 3rem 0 3rem 6.5rem;
  margin-bottom: 1rem;
  margin-top: 2rem;
}

.representative-title::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -1rem;
  transform: translateY(-50%);
  z-index: -10;
  width: 10rem;
  height: 10rem;
  background-image: url(../images/icon/logo-shape.png);
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
}

.representative-text {
  font-size: 1.2rem;
  margin: 3em 0;
  line-height: 1.6;
}

@media screen and (max-width: 767px) {

  .representative-area__title,
  .representative-area__name {
    padding: 10px;
  }

  .representative-area__text {
    top: 60%;
    left: 10px;
  }

  .representative-area__title {
  font-size: 1.3rem;
  font-weight: 700;
}

  .representative-title {
    font-size: 1.6rem;
    padding: 2rem 0 2rem 4rem;
    margin-bottom: 0;
    margin-top: 1rem;
  }

  .representative-title::before {
    width: 6rem;
    height: 6rem;

  }

}

.pt-logo-area {
  text-align: center;
  margin: 5em 0;
}

.pt-logo {
  padding: 5px;
}

.simple_h1 {
  font-weight: bold;
  text-align: center;
  font-size: 2.13333rem;
  padding: 1.46667em 0 1.33333em;
  letter-spacing: 0.1em;
  color: var(--text-color);
  margin-bottom: 30px;
}

.simple_h1 span {
  letter-spacing: 0.2em;
  font-size: 0.89rem;
  color: var(--primary-color);
  text-transform: uppercase;
  display: block;
  margin-top: 1.2rem;
}

.simple_h2 {
  font-size: 1.8rem;
  padding: 0.8rem;
  font-weight: 500;
  margin: 2em 0;
  background-image: var(--gradation-color);
  color: var(--text-color);
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: 100% 6px; /* 左から右への幅、下線の太さ */
  padding-bottom: 6px;
}

.simple_h3 {
  font-size: 1.5rem;
  padding: 4px 16px 4px 12px;
  color: var(--text-color);
  margin: 2em 0;
  border-left: 9px solid var(--sub-accent-color);
  font-weight: 500;

}

.simple_h4 {
  font-size: 1.2rem;
  padding: 8px 2px;
  margin-bottom: 30px;
  font-weight: 500;
  border-bottom: 3px solid var(--sub-accent-color);
}

.simple_h5 {
  font-size: 1.2rem;
  margin-bottom: 30px;
  text-align: center;
  font-weight: bold;
}

.main_text {
  font-size: 1.06667rem;
  line-height: 1.8;
}

.font-red {
  color: #C31818;
}

.font-bold {
  font-weight: bold;
}

.font-large {
  font-size: large;
}

.text-center {
  text-align: center;
}

.border-link {
  text-decoration: underline;
  color: #143E9B;
}

.text-link {
  position: relative;
  font-size: 1.2rem;
  font-weight: 500;
}

.box-container {
  background-color: var(--bg-color);
  border-radius: 10px;
  padding: 3em;
  margin: 50px 0;
}

.text-link::after {
  content: "";
  background-image: url(../images/icon/arrow-right.svg);
  background-repeat: no-repeat;
  background-size: 7px;
  width: 12px;
  display: inline-block;
  height: 12px;
  position: absolute;
  right: -1.3rem;
  top: 50%;
  transform: translateY(-50%);
  transition: .3s;
}

.text-link:hover {
  opacity: 1;
}

.text-link:hover::after {
  right: -1.6rem;
}

@media screen and (max-width: 767px) {
  .simple_h1 {
    font-size: 1.8rem;
  }

  .simple_h2 {
    font-size: 1.6rem;
  }

  .simple_h3 {
    font-size: 1.3rem;
  }

  .simple_h4 {
    font-size: 1.1rem;
  }

  .box-container {
    padding: 20px;
  }
}

.kome-text {
  margin: 1em 0;
}

.kome-text li {
  padding-left: 1.2rem;
  position: relative;
  margin-bottom: 5px;
}

.kome-text li::before {
  content: "※";
  position: absolute;
  left: 0;
}


.list-text {
  margin: 1em 0;
}

.list-text li {
  padding-left: 1.2rem;
  position: relative;
  margin-bottom: 5px;
}

.list-text li::before {
  content: "・";
  position: absolute;
  left: 0;
}

.flex-box-col2 {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 30px 0;
}

.flex-box-col2__box {
  width: 48%;
  background-color: var(--bg-color);
  border-radius: 10px;
  padding: 2em;
  box-sizing: border-box;
}

.page-index {
  background-color: var(--bark-bg-color);
  border-radius: 10px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  padding: 2em;
  margin: 30px 0;
  flex-wrap: wrap;
  box-sizing: border-box;

}

.page-index a {
  display: flex;
  border-radius: 6px;
  background-color: #fff;
  padding: 10px 50px 10px 20px;
  box-sizing: border-box;
  align-items: center;
  font-weight: 500;
  position: relative;
  line-height: 1.4;
}

.page-index__num {
  font-size: 30px;
  font-weight: bolder;
  color: var(--primary-color);
  margin-right: 20px;
}

.page-index a::after {
  content: "";
  background-image: url(../images/icon/arrow-down.svg);
  background-repeat: no-repeat;
  background-size: 12px;
  width: 12px;
  display: inline-block;
  height: 12px;
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);

}

@media screen and (max-width: 767px) {
  .flex-box-col2__box {
    width: 100%;
    margin-bottom: 20px;
  }

  .page-index {
    grid-template-columns: 1fr;
    padding: 20px;
  }

  .page-index a {
    padding: 10px 40px 10px 10px;
  }

  .page-index a::after {
    right: 10px;
  }


}

/* 自治体用サイドカテゴリー */

.side-list {
  margin-bottom: 80px;
}

.side-list li {
  position: relative;
}

.side-list li a {
  width: 100%;
  height: 100%;
  padding: 8px 5px;
  transition: .3s;
}

.side-list li a:hover {
  background-color: #eee;
  opacity: 1;
}

.side-list li::after {
  content: "";
  background-image: url(../images/icon/arrow-right.svg);
  background-repeat: no-repeat;
  background-size: 7px;
  width: 12px;
  display: inline-block;
  height: 12px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

#j-aside h3 {
  font-size: 1.1rem;
  font-weight: bold;
  padding: 8px 0;
  font-weight: bold;
  margin-bottom: 10px;
  text-align: center;
      background: #eee;
}

#j-aside .l_contents {
  margin-top: 30px;
}


/* ワンストップ */

.select-procedure {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;

}

.select-procedure__box {
  display: flex;
  width: 48%;
  background-color: var(--bg-color);
  border-radius: 10px;
  align-items: center;
  padding: 2em;
  box-sizing: border-box;

}

.select-procedure .flex-box-col2__box {
  align-items: center;
  display: flex;
}

.select-procedure .flex-box-col2__box img {
  width: 100px;
}

.select-procedure dl {
  width: calc(100% - 100px);
  font-weight: bold;
  text-align: center;
  font-size: 1rem;
}

.select-procedure dt {
  color: var(--accent-color);
  border-bottom: 1px dotted var(--accent-color);
  margin-bottom: 10px;
  letter-spacing: 3px;
}

.deadline-text {
  text-align: center;
  margin: 30px 0;
}

.deadline-text p {
  padding: 1.4em 2em;
  background-color: var(--bg-color);
  font-weight: bold;
  display: inline-block;
  font-size: 1.2rem;
  border-radius: 10px;
  border: 3px solid #C31818;
}

.onestop-table {
  overflow-x: auto;

}

.onestop-table__sticy {
  position: sticky;
  left: 0;
  /* 左端に固定 */
  z-index: 1;
  /* 他のセルより前面に表示させる */
}

.onestop-table .table_02 {
  width: 100%;
  border-collapse: collapse;
  min-width: 800px;
  /* スクロールを発生させるための最小幅 */
}

.onestop-table .table_02 th,
.onestop-table .table_02 td {
  border: 1px solid #ccc;
  padding: 10px;
}

.buttons-area {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}

.buttons-area .sec__btn {
  width: 49%;
}

@media screen and (max-width: 767px) {
  .buttons-area {
    display: block;
  }

  .buttons-area .sec__btn {
    width: 100%;
  }
}


/* item_detail */

.item_detail .item-code {
  font-size: 0.8rem;
}

.item-detail-comments {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.item-detail-comments .item-detail-comment {
  width: 49%;
  max-width: 100%;
  padding: 0;
}

.item-detail-comment table {
  border-collapse: collapse;
}

.item-detail-comment table th,
.item-detail-comment table td {
  border: solid 1px #ccc;
  /* 枠線指定 */
  padding: 10px;
  /* 余白指定 */
}

.item-detail-comment table th {
  background-color: #eee;
}

/* SNSシェアボタン */

.share-buttons button {
  padding: 10px 20px;
  margin-right: 10px;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  color: #fff;
  font-weight: bold;
}

.btn-x {
  background-color: #000;
}

.btn-fb {
  background-color: #1877f2;
}

.btn-line {
  background-color: #06c755;
}

.share-buttons button:hover {
  opacity: 0.8;
}

.share-container {
  text-align: center;
  font-family: sans-serif;
}

.share-buttons {
  display: flex;
  justify-content: center;
  gap: 15px;
  margin-top: 10px;
  transform: scale(0.7);
}

.btn-share {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  color: #fff;
  cursor: pointer;
  transition: transform 0.2s, opacity 0.2s;
}

.btn-share:hover {
  transform: translateY(-3px);
  opacity: 0.9;
}

/* 各ブランドカラー */
.btn-x {
  background-color: #000;
}

.btn-fb {
  background-color: #1877f2;
}

.btn-line {
  background-color: #06c755;
}

.btn-copy {
  background-color: #6c757d;
}

@media screen and (max-width: 767px) {
  .item-detail-comments .item-detail-comment {
    width: 100%;
    margin-bottom: 2em;
  }

  .item-detail-comments {
    display: block;
  }
}

.item-detail .item-container .reference-price {
  font-size: 0.9rem;
}

.item-detail .item-container .reference-price__price,
.item-detail .item-container .price__title,
.item-detail .item-container .price__unit {
  font-size: 1.4rem;
}

.item-detail .item-container .price__price {
  font-size: 2rem;
}

.item-container .item-name {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.contact-page h2 {
  font-size: 1.2rem;
  font-weight: 700;
  margin-bottom: 20px;
}

.contact-page .apply_area {
  margin: 50px 0;
}

.contact-page .apply_area input,
.contact-page .apply_area textarea {
  background: #eee;
  padding: 10px;
}

.contact-page .apply_area textarea {
  width: 100%;
}

.contact-page .apply_area td {
  padding: 10px 0 10px 30px;
}

.contact-page .apply_area th {
  vertical-align: top;
  padding: 10px 0;
  text-align: left;
  min-width: 170px;
}

.contact-page .apply_area .title img {
  vertical-align: middle;
}

.contact-page .apply_area select {
  background: #eee;
  padding: 10px 35px 10px 10px;
  cursor: pointer;
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23333"><path d="M7 10l5 5 5-5z"/></svg>');
  background-repeat: no-repeat;
  background-position: right 12px center;
  /* 右から12px、上下中央 */
  background-size: 18px;
}

.contact-page .buttonarea {
  text-align: center;
  margin-bottom: 30px;
}

.contact-page .buttonarea input,
.contact-page .buttonarea a {
  background: var(--primary-color);
  color: #fff;
  padding: 10px 30px;
  border-radius: 6px;
  font-weight: 700;
  font-size: 1.2rem;
  cursor: pointer;
}


.contact-page .buttonarea input.negative {
  background: var(--text-color);
}

@media screen and (max-width: 767px) {

  .contact-page .apply_area th,
  .contact-page .apply_area td {
    width: 100%;
    display: block;
    padding: 10px 0;
  }

  .contact-page .apply_area {
    margin: 50px 0;
  }
}

/* simulation */

.simulation-container {}

/* 入力カード */
.simulation-container .input-card {
  background: #fff;
  padding: 30px;
  border: 1px solid #E0DED9;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
  border-radius: 10px;
  max-width: 640px;
  margin: 40px auto;
}

.simulation-container .input-item {
  margin-bottom: 25px;
}

.simulation-container .input-item label {
  display: block;
  font-weight: bold;
  font-size: 15px;
  margin-bottom: 10px;
}

.simulation-container .field-row {
  display: flex;
  align-items: center;
  border-bottom: 2px solid #ccc;
  padding-bottom: 5px;
}

.simulation-container .field-row input[type="number"] {
  border: none;
  font-size: 24px;
  width: 100%;
  outline: none;
  font-weight: 500;
}

.simulation-container .unit {
  font-size: 18px;
  margin-left: 10px;
}

.simulation-container select {
  width: 100%;
  padding: 12px;
  border: 1px solid #ccc;
  font-size: 16px;
  background-color: #fff;
  cursor: pointer;
}

/* ボタン */
.simulation-container .calc-btn {
  width: 100%;
  background-color: var(--primary-color);
  color: #fff;
  border: none;
  padding: 18px;
  font-size: 18px;
  font-weight: bold;
  cursor: pointer;
  transition: 0.3s;
  border-radius: 4px;
}

.simulation-container .calc-btn:hover {
  background-color: var(--primary-color);
}

/* 結果表示 */
.simulation-container .result-section {
  margin-top: 30px;
  animation: fadeIn 0.5s ease-out;
}

.simulation-container .result-card {
  background: #fff;
  border: 2px solid var(--primary-color);
  padding: 30px;
  text-align: center;
}

.simulation-container .result-label {
  font-weight: bold;
  font-size: 16px;
  margin-bottom: 15px;
}

.simulation-container .amount-wrap {
  color: var(--primary-color);
  margin-bottom: 20px;
}

.simulation-container .amount {
  font-size: 48px;
  font-weight: bold;
  margin: 0 5px;
}

.simulation-container .currency {
  font-size: 18px;
  font-weight: bold;
}

.simulation-container .divider {
  height: 1px;
  background-color: #E0DED9;
  margin: 20px 0;
}

.simulation-container .disclaimer {
  font-size: 12px;
  color: #888;
  text-align: left;
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(10px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* 詳細用 */

.simulation-container .input-section h3 {
  font-size: 18px;
  border-left: 5px solid var(--primary-color);
  margin-top: 30px;
  background: #fdf2f2;
  padding: 10px 0 10px 10px;
  margin-bottom: 20px;
}

.simulation-container .input-group {
  margin-bottom: 20px;
}

.simulation-container label {
  display: block;
  font-weight: bold;
  margin-bottom: 5px;
  font-size: 14px;
}

.simulation-container input[type="number"],
.simulation-container select {
  width: 100%;
  padding: 12px;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  font-size: 16px;
}

.simulation-container .help-text {
  font-size: 11px;
  color: #777;
  margin-top: 5px;
}

/* 家族追加セクション */
.simulation-container .family-member-row {
  display: flex;
  gap: 10px;
  background: #f9f9f9;
  padding: 10px;
  border-radius: 4px;
  margin-bottom: 10px;
  align-items: center;
}

.simulation-container .btn-add {
  background: #fff;
  border: 1px dashed var(--primary-color);
  color: var(--primary);
  padding: 10px;
  width: 100%;
  cursor: pointer;
  font-weight: bold;
  margin-bottom: 15px;
}

.simulation-container .btn-del {
  background: #ddd;
  border: none;
  padding: 10px;
  cursor: pointer;
  border-radius: 4px;
}

/* faqページ */
/* リセットと基本設定 */
.guide-faq {
  line-height: 1.7;
  margin: 0 auto;
}

.guide-faq #faq-container {
  max-width: 1000px;
  margin: 0 auto;
}

/* 見出し */
.guide-faq .heading_02 {
  font-size: 2rem;
  color: #2c3e50;
  text-align: center;
  margin-bottom: 30px;
  position: relative;
}

/* ナビゲーション */
.guide-faq .faq-list {
  display: grid;
  gap: 12px;
  padding: 0;
  list-style: none;
  margin-bottom: 40px;
  width: 100%;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}

.guide-faq .faq-list li {
min-height: 68px;
}

@media screen and (max-width: 767px) {
  .guide-faq .faq-list {
  grid-template-columns: 1fr 1fr;

  }
}

.guide-faq .faq-list li a {
  width: 100%;
  height: 100%;
  padding: 10px 20px;
  background: #fff;
  color: var(--text-color);
  border: 1px solid #ccc;
  text-decoration: none;
  border-radius: 4px;
  font-size: 0.95rem;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
  transition: all 0.2s;
  box-sizing: border-box;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--bg-color);
  min-height: 68.5px;
}

.guide-faq .faq-list li a:hover {
  background: var(--primary-color);
  color: #fff;
  border-color: var(--primary-color);
  opacity: 1;
}

/* 検索エリア */
.guide-faq .search-container {
  background: #fff;
  padding: 30px;
  border-radius: 12px;
  margin-bottom: 50px;
  text-align: center;
}

.guide-faq .search-container p {
  font-weight: bold;
  margin-bottom: 15px;
}

.guide-faq .search-box {
  width: 80%;
  max-width: 500px;
  padding: 15px;
  font-size: 1rem;
  border: 2px solid #ccd1d9;
  border-radius: 30px;
  outline: none;
  transition: border-color 0.3s;
  min-width: 280px;
}

.guide-faq .search-box:focus {
  border-color: #3498db;
}

/* セクションとアイテム */

.guide-faq .faq-item {
  background: #fff;
  margin-bottom: 2px;
  border-bottom: 1px solid #edf0f2;
  padding: 14px;
}

.guide-faq .question {
  font-weight: bold;
  color: var(--text-color);
  font-size: 1.1rem;
  display: flex;
}

.guide-faq .faq-section h2 {
  background: var(--bg-color);
  padding: 12px 20px;
  border-left: 6px solid var(--primary-color);
  font-size: 1.4rem;
  margin-top: 60px;
}



.guide-faq .question::before {
  content: "Q.";
  margin-right: 12px;
  font-size: 1.3rem;
  font-style: italic;
}

.guide-faq .answer {
  padding-left: 35px;
  color: #555;
  margin: 0;
}

/* 検索結果なし */
.guide-faq #no-result {
  display: none;
  background: #fdf2f2;
  color: #c0392b;
  padding: 20px;
  text-align: center;
  border-radius: 8px;
  margin: 20px 0;
}

.guide-faq .search-container form {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 10px;
  max-width: 600px;
  margin: 0 auto;
}

.guide-faq .search-container form {
  display: flex;
  align-items: center;
}

.guide-faq .search-box {
  flex: 1;
  /* 入力欄を広げる */
}

.guide-faq .search-button,
.guide-faq .reset-button {
  padding: 0 20px;
  border-radius: 4px;
  border: none;
  cursor: pointer;
  font-weight: bold;
  transition: background 0.2s;
}

.guide-faq .search-button {
  background-color: var(--bottom-color);
  color: #fff;
  padding: 10px 20px;
}

.guide-faq .search-button:hover {
  background-color: var(--accent-color);
}

.guide-faq .reset-button {
  background-color: #eee;
  color: #666;
  transition: 0.3s;
  padding: 10px 20px;
}

.guide-faq .reset-button:hover {
  background-color: var(--accent-color);
  color: #fff
}

.guide-faq .faq-section {
  scroll-margin-top: 100px;
  margin-bottom: 50px;
}

.guide-faq .faq-item .question {
  cursor: pointer;
  position: relative;
  padding-right: 30px;
  /* 矢印用の余白 */
  user-select: none;
  /* テキスト選択防止 */
}

.guide-faq .faq-item .question::after {
  content: '+';
  position: absolute;
  right: 10px;
  font-size: 1.2rem;
  color: #666;
  transition: transform 0.3s;
}

.guide-faq .faq-item.is-open .question::after {
  content: '-';
  transform: rotate(180deg);
}

.guide-faq .faq-item .answer {
  display: none;
  padding: 15px 0 0 8px;
  background: #fdfdfd;
  color: #c0392b;
}

.guide-faq .faq-item.is-open .answer {
  display: block;
}

/* 退会ページ */

.member-taikai .custom-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
}

/* ポップアップの白いボックス */
.member-taikai .custom-modal__content {
  background-color: #fff;
  padding: 30px;
  border-radius: 8px;
  width: 90%;
  max-width: 500px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
  position: relative;
  box-sizing: border-box;
}

/* 閉じる「×」ボタン */
.member-taikai .custom-modal__close {
  position: absolute;
  top: 15px;
  right: 20px;
  font-size: 28px;
  cursor: pointer;
  color: #aaa;
}

.member-taikai .custom-modal__close:hover {
  color: #333;
}

.member-taikai .custom-modal__title {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 15px;
  text-align: center;
  border-bottom: 2px solid #f2f2f2;
  padding-bottom: 10px;
}

.member-taikai .custom-modal__body {
  font-size: 14px;
  line-height: 1.6;
  margin-bottom: 20px;
  background: #f9f9f9;
  padding: 15px;
  border-radius: 4px;
}

.member-taikai .custom-modal__body ul {
  margin-top: 10px;
  padding-left: 20px;
}

.member-taikai .custom-modal__body li {
  margin-bottom: 5px;
  list-style-type: disc;
}

.member-taikai .custom-modal__agree {
  text-align: center;
  margin-bottom: 20px;
  font-size: 15px;
}

.member-taikai .custom-modal__agree input[type="checkbox"] {
  display: inline-block !important;
  -webkit-appearance: checkbox !important;
  appearance: auto !important;
  opacity: 1 !important;
  visibility: visible !important;
  width: 16px !important;
  height: 16px !important;
  transform: scale(1.2);
  margin-right: 8px;
  vertical-align: middle;
}

/* ボタンエリア */
.member-taikai .custom-modal__buttons {
  display: flex;
  justify-content: space-between;
  gap: 10px;
}

.member-taikai .custom-modal__buttons button {
  flex: 1;
  padding: 12px;
  border-radius: 4px;
  font-size: 14px;
  font-weight: bold;
  cursor: pointer;
  border: none;
}

.member-taikai .btn-cancel {
  background-color: #e0e0e0;
  color: #333;
}

.member-taikai .btn-submit {
  background-color: var(--accent-color);
  color: #fff;
  transition: opacity 0.2s;
}

/* チェックが入っていない時のボタンの見た目 */
.member-taikai .btn-submit:disabled {
  background-color: #ccc !important;
  color: #888;
  cursor: not-allowed;
  opacity: 0.7;
}

/* レビュー一覧ページ */
.review-page .total-review .valuation {
  font-size: large;
  margin: 20px 0;
}

.review-page .review_list {
  display: block;
}

.review-page .review_list li {
  width: 100%;
  max-width: 100%;
}

.review-page .review_list li .review-comment {
      margin-top: 20px;
}

.policy {
  font-size: 1.078rem;
  line-height: 1.6;
}

.policy__text {
  margin-bottom: 3rem;
}

.policy h3 {
  font-weight: 700;
  margin: 1rem 0;
  font-size: 1.3rem;
}

.policy ol,
.policy li {
  list-style: decimal;
}

.policy ol {
  padding-left: 2rem;
  margin: 0.6rem 0;
}

.policy li {
  padding-left: 0.6rem;
  margin-bottom: 0.6rem;
}

.policy ul {
  list-style: disc;
}

.policy ul>li {
  list-style: disc;
}

.policy .ol-kakko>li {
  list-style-type: none;
  counter-increment: number;
  padding: 0;
  margin: 0;
}

.policy .ol-kakko {
  position: relative;
}

.policy .ol-kakko>li::before {
  content: "("counter(number) ") ";
  position: absolute;
  left: 0;
}

.policy__text ul {
  margin: 1rem 0 1rem 2rem;
}

/* =========================================
   ベーススタイル（PC用）
========================================= */
.privacy-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
  line-height: 1.6;
  margin: 2rem 0;
}

.privacy-table th,
.privacy-table td {
  border: 1px solid #ddd;
  padding: 16px;
  text-align: left;
  vertical-align: top;
}

.privacy-table th {
  background-color: #f4f6f8;
  color: #333;
  font-weight: bold;
}

/* =========================================
   レスポンシブ対応（スマホ用：767px以下）
========================================= */
@media screen and (max-width: 767px) {
  .privacy-table {
    /* 表全体をブロック要素化し、横スクロールを許可 */
    display: block;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch; /* スマホでのスクロールを滑らかにする */
  }

  /* スクロール時に文字が極端に縦長にならないよう、各セルに最小幅を設ける */
  .privacy-table th,
  .privacy-table td {
    min-width: 200px; 
    white-space: normal;
  }

  /* ツール名（一番左の列）は文字数が多いので少し広めにする */
  .privacy-table th:first-child {
    min-width: 240px;
  }
}


.item_detail .review_list .review-comment {
display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4; /* 表示したい行数を指定 */
  overflow: hidden;
}

.bottom-dl-btn {
  margin-top: 0;
}

.bottom-dl-btn a {
  border-radius: 6px;
  border: 1px solid #fff;
  padding: 4px 10px;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .l_footer__nav ul .bottom-dl-btn {
    border: none;
    margin-top: 0;
  }
  .l_footer__nav ul .bottom-dl-btn:last-child {
    border: none;
  }
}

/* リンク・バナーについて */

.main-ol {
  padding: 0.3em 0.5em;
  position: relative;
  list-style-type: none;
  counter-reset: number;
      font-size: 1.06667rem;
}

.main-ol li {
  line-height: 1.5;
  padding: 0 0 20px 14px;
}

.main-ol li:before {
  display: inline-block;
  position: absolute;
  content: counter(number);
  counter-increment: number;
  left: 0.5em;
  width: 26px;
  height: 26px;
  border-radius: 20%;
  background: var(--bottom-color);
  color: white;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  line-height: 26px;
}

.main-ol li:last-of-type{
  border-bottom: none;
}

.tab-container ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  border-bottom: 3px solid var(--primary-color);
}

.tab-container ul li {
  width: 100%;
  padding: 12px 20px;
  text-align: center;
  cursor: pointer;
  transition: all 0.3s ease;
  border-bottom: 3px solid transparent;
  list-style: none;
  margin: 0;
  border-radius: 6px 6px 0 0;
  background-color: #f0f0f0;
  font-weight: bold;
}

.tab-container ul li:first-child {
  margin-right: 5px;
}

.tab-container ul li.selected {
  color: #fff;
  background-color: var(--primary-color);
  cursor: default;
}

.tab-container ul li:not(.selected):hover {
  background-color: #e0e0e0;
}

.tab-container .tab-content {
  display: none;
  padding: 20px;
  min-height: 150px;
}

.tab-container .tab-content.selected {
  display: block;
}

.fullcommit-banner-container {
  margin: 3em 0;
}

.fullcommit-banner-box {
  display: flex;
  width: 100%;
  justify-content: space-between;
  padding-bottom: 30px;
  border-bottom: 2px solid #ccc;
  margin-bottom: 30px;
}

.fullcommit-banner-box>div {
  flex-basis: 50%;
  box-sizing: border-box; /* パディングや枠線を含めた幅計算にするため追加 */
}

.fullcommit-banner-box__image {
  text-align: center;
}

.fullcommit-banner-box__image img {
  max-width: 100%;
  height: auto;
  margin-bottom: 10px;
}

.fullcommit-banner-box__textarea textarea {
  width: 100%;
  height: 130px;
  border: 1px solid #ccc;
  padding: 10px;
  box-sizing: border-box;
}

@media (max-width: 1024px) {
  .fullcommit-banner-box {
    flex-direction: column;
  }
  
  .fullcommit-banner-box>div {
    flex-basis: 100%;
    margin-bottom: 15px;
  
  .fullcommit-banner-box>div:last-child {
    margin-bottom: 0;
  }
}
}











.gradation-button {
  position: relative;
  display: inline-block;
  background-image: radial-gradient(circle closest-corner, #d33131 10%, #e67e45);
  transition: opacity 0.3s ease;
  border-radius: 6px;
}

.gradation-button::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(circle closest-corner, #d33131 90%, #e67e45);
  border-radius: 5px;
  opacity: 0;
  /* 最初は透明にしておく */
  transition: opacity 0.3s ease;
  /* 変化の速度を指定 */
  z-index: -1;
}

.gradation-button:hover::before {
  opacity: 1;
}