@charset "UTF-8";
/* ========================================================================== 
	Setting
========================================================================== */
html {
  color: #3d3d3d;
  font-size: 1rem;
}

a {
  transition: all 0.3s;
}
a:hover {
  transition: all 0.3s;
  opacity: 0.8;
}

/*最小値:1.1rem → 可変（0.9rem + 0.625vw（画面幅320px:2px, 800px:5px, 1200px:7.5px））→ 最大値:1.6rem*/
.fs-responsive-S {
  font-size: clamp(0.7rem, 0.5rem + 0.625vw, 0.8rem);
}

.fs-responsive-L {
  font-size: clamp(0.7rem, 0.5rem + 0.625vw, 1.14rem);
}

.btn-yellow {
  background-color: #fcee21;
}

/* ========================================================================== 
	Common
========================================================================== */
@media screen and (max-width: 767px) {
  #top-contact-area {
    position: fixed;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 90;
  }
}

aside {
  padding-right: 30px;
}
@media screen and (max-width: 767px) {
  aside {
    padding-right: 0;
  }
}

@media screen and (max-width: 767px) {
  footer {
    padding-bottom: 120px;
  }
}

.accordion-button:focus {
  outline: none;
  border: none;
  box-shadow: none;
}

.accordion-button:not(.collapsed) {
  box-shadow: none;
  border: none;
}

.hover_change_text {
  transition: all 0.3s;
}
.hover_change_text:hover {
  color: #4ebf1d;
  transition: all 0.3s;
  opacity: 0.8;
}

.hover_change_white {
  transition: all 0.3s;
}
.hover_change_white:hover {
  color: #fff;
  transition: all 0.3s;
  opacity: 0.6;
}

.hover_change_bg {
  transition: all 0.3s;
}
.hover_change_bg:hover {
  background-color: #4ebf1d;
  transition: all 0.3s;
  opacity: 0.8;
}

.hover_change_bg-secondary {
  transition: all 0.3s;
}
.hover_change_bg-secondary:hover {
  background-color: #edf8e8;
  transition: all 0.3s;
}

.hover_change_bg-success {
  transition: all 0.3s;
}
.hover_change_bg-success:hover {
  background-color: #459c2b;
  transition: all 0.3s;
}

.hover_change_bg-dark {
  transition: all 0.3s;
}
.hover_change_bg-dark:hover {
  background-color: #3d3d3d;
}

.hover_change_bg-warning {
  transition: all 0.3s;
}
.hover_change_bg-warning:hover {
  background-color: #f17a07;
  opacity: 1;
}

.nav-pills .nav-link {
  border-radius: 0;
  padding: 1rem;
}

.nouki_btn {
  padding: 2px 0.25rem;
}

.breadcrumb li::after {
  content: ">";
  margin-left: 0.5rem;
}

.breadcrumb li:last-child::after {
  content: none;
}

.local_nav li a {
  position: relative;
}
.local_nav li a::before {
  font-family: "FontAwesome";
  content: "\f0d7";
  color: #4ebf1d;
  position: absolute;
  top: 0.4rem;
  left: 0;
  padding-right: 1rem;
}

.balloon1 {
  position: relative;
  padding: 7px 10px;
  min-width: 120px;
  max-width: 100%;
  color: #4ebf1d;
  font-size: 16px;
  background: #e0edff;
}
.balloon1::before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #4ebf1d;
}

.balloon1 p {
  margin: 0;
  padding: 0;
}

.balloon2 {
  position: relative;
  border-bottom: solid 1px #dee2e6;
}
.balloon2::before {
  content: "";
  position: absolute;
  bottom: -24px;
  left: 50%;
  margin-left: -15px;
  border: 12px solid transparent;
  border-top: 12px solid #FFF;
  z-index: 2;
}
.balloon2::after {
  content: "";
  position: absolute;
  bottom: -28px;
  left: 50%;
  margin-left: -17px;
  border: 14px solid transparent;
  border-top: 14px solid #dee2e6;
  z-index: 1;
}

.maker-sq-w,
.maker-sq-bl {
  position: relative;
  padding-left: 1.2rem;
}

.maker-sq-w::after {
  font-family: "FontAwesome";
  content: "\f45c";
  font-size: 90%;
  color: #fff;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}

.maker-sq-bl::after {
  font-family: "FontAwesome";
  content: "\f45c";
  font-size: 90%;
  color: #4ebf1d;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}

.more-info {
  position: relative;
}

.more-info::after {
  font-family: "FontAwesome";
  content: "\f138";
  font-size: 1.5rem;
  color: #4ebf1d;
  position: absolute;
  left: 40%;
  bottom: -4rem;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}

.maker-star {
  position: relative;
  padding-left: 1rem;
}

.maker-star::after {
  content: "";
  display: inline-block;
  width: 14px;
  height: 14px;
  background-image: url(../images/common/icon/icon-star.png);
  background-size: contain;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}

.arrow-right-primary,
.arrow-right-light {
  position: relative;
}

.arrow-right-primary::after,
.arrow-right-light::after {
  font-family: "FontAwesome";
  content: "\f061";
  font-size: 100%;
  position: absolute;
  right: 1rem;
  top: 43%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}

.arrow-right-primary::after {
  color: #4ebf1d;
}

.arrow-right-light::after {
  color: #fff;
  top: 50%;
}

.chevron-right-w,
.chevron-right-bl,
.chevron-right-bl-end {
  position: relative;
  padding-right: 1rem;
}

.chevron-right-fs-4-w {
  position: relative;
  padding-right: 2rem;
}

.chevron-right-w::after,
.chevron-right-fs-4-w::after {
  font-family: "FontAwesome";
  content: "\f054";
  font-size: 90%;
  color: #fff;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}

.chevron-right-bl-end::after {
  font-family: "FontAwesome";
  content: "\f0da";
  font-size: 1.2rem;
  color: #4ebf1d;
  position: absolute;
  right: -0.1rem;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}

.caret-right-w,
.caret-right-w-block,
.caret-right-bl {
  position: relative;
  padding-left: 0.75rem;
}

.caret-right-w::after,
.caret-right-w-block::after,
.caret-right-bl::after {
  font-family: "FontAwesome";
  position: absolute;
  left: 0;
  top: 53%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}

.caret-right-w::after {
  content: "\f0da";
  font-size: 100%;
  color: #fff;
}

.caret-right-w-block::after {
  content: "\f0da";
  font-size: 100%;
  color: #fff;
  left: 0.75rem;
}

.caret-right-bl::after {
  content: "\f0da";
  font-size: 90%;
  color: #4ebf1d;
}

.chevron-right-bl::after {
  font-family: "FontAwesome";
  content: "\f054";
  font-size: 90%;
  color: #4ebf1d;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}

article h2 {
  font-size: 1.8rem;
  letter-spacing: 0.5rem;
  font-weight: bold;
}

.fukidashi {
  position: relative;
  padding: 1rem 1.5rem;
  font-size: 1.5rem;
  font-weight: bold;
  text-align: center;
  letter-spacing: 0.5rem;
}

.fukidashi::before,
.fukidashi::after {
  position: absolute;
  top: 0.8rem;
  height: 1.8rem;
  content: "";
}

.fukidashi::before {
  border-left: solid 2px;
  left: 0;
  transform: rotate(-25deg);
}

.fukidashi::after {
  border-right: solid 2px;
  right: 0;
  transform: rotate(25deg);
}

.contact-cta strong {
  font-size: 2rem;
}

/* タブ切り替え */
.nav-pills .nav-link.active {
  color: #4ebf1d;
  background: none;
  border-bottom: 3px solid;
  border-color: #4ebf1d;
}

/* ========================================================================== 
	Global Navi
========================================================================== */
.dropdown-menu {
  border: none;
  border-radius: 0;
}

.navbar-nav .nav-item:hover .dropdown-menu {
  display: block;
  left: 0;
}

.dropdown {
  position: static;
}

.navbar-expand-md .navbar-nav .dropdown-menu {
  position: absolute;
  left: 1018px;
  transform: translateX(calc((100vw - 1018px) / 2 * -1));
  -webkit-transform: translateX(calc((100vw - 1018px) / 2 * -1));
  -ms-transform: translateX(calc((100vw - 1018px) / 2 * -1));
  width: 100vw;
}

.goods_nav a.nav-link {
  position: relative;
  transition: all 0.3;
}
.goods_nav a.nav-link::after {
  position: absolute;
  content: "";
  display: inline-block;
  width: 30%;
  height: 2px;
  background-color: #4ebf1d;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  opacity: 0;
}
.goods_nav a.nav-link:hover {
  color: #4ebf1d;
  transition: all 0.3;
}
.goods_nav a.nav-link:hover:after {
  transition: all 0.3;
  opacity: 1;
}

ul.icon_menu li {
  position: relative;
}

.cart-badge {
  position: absolute;
  top: 0;
  right: 0;
}

@media screen and (max-width: 767px) {
  .gnav_sp {
    padding-bottom: 8rem;
  }
  .humburger {
    position: fixed;
    z-index: 100;
    display: block;
    right: 15px;
    top: 20px;
    width: 30px;
  }
  .js_humburgerOpen .navi {
    transform: translateZ(0) translateX(0);
  }
  .navi {
    display: block;
    position: fixed;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: #4ebf1d;
    opacity: 0.8;
    top: 0;
    left: 0;
    padding: 60px 0 0;
    z-index: 3;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 600ms ease-out;
    -o-transition: all 600ms ease-out;
    transition: all 600ms ease-out;
    transform: translateZ(0) translateX(100%);
    overflow: auto;
  }
  .humburger span.humburger_bar {
    display: block;
    width: 100%;
    margin: 0 auto 9px;
    height: 2px;
    background: #4ebf1d;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
  }
  .humburger span.humburger_bar:last-child {
    margin-bottom: 0;
  }
  .js_humburgerOpen .humburger span.humburger_bar {
    background: #FFF;
  }
  .js_humburgerOpen .humburger span.humburger_bar.top {
    -webkit-transform: translateY(10px) rotate(-45deg);
    -ms-transform: translateY(10px) rotate(-45deg);
    transform: translateY(10px) rotate(-45deg);
  }
  .js_humburgerOpen .humburger span.humburger_bar.middle {
    opacity: 0;
  }
  .js_humburgerOpen .humburger span.humburger_bar.bottom {
    -webkit-transform: translateY(-12px) rotate(45deg);
    -ms-transform: translateY(-12px) rotate(45deg);
    transform: translateY(-12px) rotate(45deg);
  }
  .sp_global_accordion .accordion-button::after {
    background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%23fff' xmlns='http://www.w3.org/2000/svg'><path d='M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4z' clip-rule='evenodd'/></svg>");
  }
  .sp_global_menu .accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%23fff' xmlns='http://www.w3.org/2000/svg'><path d='M4 8a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 4 8z' clip-rule='evenodd'/></svg>");
  }
  .sp_footer_guide .accordion-button::after {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>");
  }
  .sp_footer_guide .accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>");
  }
}
/* ========================================================================== 
	Side Menu
========================================================================== */
.side_menu_accordion .accordion-button::after {
  background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%23333' xmlns='http://www.w3.org/2000/svg'><path d='M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4z' clip-rule='evenodd'/></svg>");
}

.side_menu_accordion .accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%23333' xmlns='http://www.w3.org/2000/svg'><path d='M4 8a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 4 8z' clip-rule='evenodd'/></svg>");
}

.side_menu_accordion .accordion-button:not(.collapsed) {
  background-color: #fff;
  color: #3d3d3d;
  border: none;
}

.makeshop-calendar1 table, .makeshop-calendar1 th, .makeshop-calendar1 td,
.makeshop-calendar2 table,
.makeshop-calendar2 th,
.makeshop-calendar2 td {
  border-collapse: collapse;
  border: #cccccc 1px solid;
  text-align: center;
  padding: 0.5rem 0;
}
.makeshop-calendar1 th,
.makeshop-calendar2 th {
  background-color: #b3b3b3;
  color: #fff;
  font-weight: bold;
}
.makeshop-calendar1 td.saturday,
.makeshop-calendar2 td.saturday {
  background-color: #e6e6e6;
  color: #4ebf1d;
}
.makeshop-calendar1 td.sunday,
.makeshop-calendar2 td.sunday {
  background-color: #e6e6e6;
  color: #dc3545;
}
.makeshop-calendar1 td.today,
.makeshop-calendar2 td.today {
  background-color: #edf8e8;
}

.calendar_bg .calendar_bg_today {
  position: relative;
}
.calendar_bg .calendar_bg_today::before {
  position: absolute;
  content: "";
  display: inline-block;
  width: 14px;
  height: 14px;
  background-color: #edf8e8;
  border: #cccccc 1px solid;
  margin-right: 6px;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.calendar_bg .calendar_bg_holiday {
  position: relative;
}
.calendar_bg .calendar_bg_holiday::before {
  position: absolute;
  content: "";
  display: inline-block;
  width: 14px;
  height: 14px;
  background-color: #e6e6e6;
  border: #cccccc 1px solid;
  margin-right: 6px;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

/* ========================================================================== 
	Top
========================================================================== */
#slider_area {
  overflow: hidden;
}

.slider_container {
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}

#slider_area .bx-wrapper {
  position: relative;
  box-shadow: none;
  border: none;
  background: none;
}

#slider_area .bx-viewport {
  overflow: visible !important;
}

.slider_img {
  display: block;
  object-fit: cover;
  width: 100%;
  height: auto;
}

@media screen and (max-width: 767px) {
  .pickupbanner:nth-child(3) {
    display: none;
  }
}

.flow_box {
  position: relative;
}
.flow_box::after {
  font-family: "FontAwesome";
  content: "\f04b";
  font-size: 90%;
  color: #4ebf1d;
  position: absolute;
  right: -0.5rem;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}
.flow_box:last-child::after {
  content: "";
}
@media screen and (max-width: 767px) {
  .flow_box {
    width: 90%;
  }
}

.indexflow .flow_icon {
  width: 50px;
  margin: 0 auto;
}

@media screen and (max-width: 768px) {
  .flow_box {
    margin: 0 auto;
  }
  .flow_box::after {
    flex-shrink: 0;
    font-family: "FontAwesome";
    content: "\f0dd";
    font-size: 3rem;
    color: #00d5d5;
    position: relative;
    right: -50%;
    top: -0.5rem;
  }
  .indexflow .flow_icon {
    width: 30%;
  }
}
#column_slider_area {
  max-width: 1080px;
  margin: 0 auto;
}

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

#column_slider_area .bx-wrapper {
  position: relative;
  box-shadow: none;
  border: none;
  background: none;
  margin-bottom: 1.5rem;
}

.column_slider_img {
  display: block;
  object-fit: cover;
  width: 100%;
  height: auto;
}

.bx-controls-direction {
  width: 100%;
  display: block;
}

#column_slider_area .bx-wrapper .bx-controls-direction a {
  background: none;
  width: 200px;
  height: 50px;
}

#column_slider_area .bx-wrapper .bx-controls-direction a:before,
#column_slider_area .bx-wrapper .bx-controls-direction a:after {
  content: "";
  position: absolute;
  top: 16px;
  left: 100px;
}

#column_slider_area .bx-wrapper .bx-controls-direction a:after {
  width: 16px;
  height: 16px;
  border-top: 1px solid #333;
  border-right: 1px solid #333;
  transform: rotate(45deg);
}

#column_slider_area .bx-wrapper .bx-controls-direction a.bx-prev:after {
  transform: rotate(-135deg);
  left: -50px;
}

.bx-wrapper .bx-next {
  position: absolute;
  right: -120px;
}

/* ========================================================================== 
	shopping_guide
========================================================================== */
ul.shoppingflowlist {
  margin-top: 6rem;
  margin-bottom: 0;
  padding-right: 1.7rem;
}

ul.shoppingflowlist li:nth-child(6),
ul.shoppingflowlist li:nth-child(7),
ul.shoppingflowlist li:nth-child(8),
ul.shoppingflowlist li:nth-child(9),
ul.shoppingflowlist li:nth-child(10) {
  margin-top: 6rem;
}

.shoppingflow_box img {
  width: 60%;
}

.shoppingflow_box {
  width: 17%;
  position: relative;
}
.shoppingflow_box::after {
  font-family: "FontAwesome";
  content: "\f04b";
  font-size: 90%;
  color: #00d5d5;
  position: absolute;
  right: -1.7rem;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}
.shoppingflow_box:last-child::after {
  content: "";
}

ul.shoppingflowlist li a::after {
  flex-shrink: 0;
  font-family: "FontAwesome";
  content: "\f078";
  font-size: 1rem;
  color: #4ebf1d;
  margin-left: auto;
}

.flowpoint {
  padding: 8% 0;
}

li.flow2 div, li.flow3 div, li.flow4 div {
  top: -4.5rem;
}

li.flow2 div {
  left: 43%;
  width: 95px;
}

li.flow3 div {
  left: 50%;
  width: 83px;
}

li.flow4 div {
  left: 15%;
  width: 120px;
}

.balloon3 {
  position: absolute;
  border: solid 1px #999;
  padding: 0.5rem;
  display: inline;
}
.balloon3::before {
  content: "";
  position: absolute;
  bottom: -12px;
  left: 80%;
  margin-left: -7px;
  border: 6px solid transparent;
  border-top: 6px solid #FFF;
  z-index: 2;
}
.balloon3::after {
  content: "";
  position: absolute;
  bottom: -14px;
  left: 80%;
  margin-left: -8px;
  border: 7px solid transparent;
  border-top: 7px solid #999;
  z-index: 1;
}

.balloon4 {
  position: absolute;
  background-color: #dc3545;
  border: solid 1px #dc3545;
  padding: 0.5rem;
  display: inline;
}
.balloon4::before {
  content: "";
  position: absolute;
  bottom: -12px;
  left: 80%;
  margin-left: -7px;
  border: 6px solid transparent;
  border-top: 6px solid #dc3545;
  z-index: 2;
}
.balloon4::after {
  content: "";
  position: absolute;
  bottom: -14px;
  left: 80%;
  margin-left: -8px;
  border: 7px solid transparent;
  border-top: 7px solid #dc3545;
  z-index: 1;
}

@media screen and (max-width: 576px) {
  /* 576px以下に適用されるCSS（スマホ用） */
  ul.shoppingflowlist {
    margin-top: 1rem;
    padding-right: 2rem;
  }
  ul.shoppingflowlist li:nth-child(6),
  ul.shoppingflowlist li:nth-child(7),
  ul.shoppingflowlist li:nth-child(8),
  ul.shoppingflowlist li:nth-child(9),
  ul.shoppingflowlist li:nth-child(10) {
    margin-top: 0;
  }
  .shoppingflow_box {
    margin-bottom: 1rem;
    width: 27%;
    position: relative;
  }
  .shoppingflow_box:nth-child(5)::after {
    content: "\f04b";
  }
  .flowpoint {
    padding: 10% 0;
  }
}
.shipping-bg-blue {
  background-color: #B2F2F2 !important;
}

.shipping-bg-orange {
  background-color: #FFD278 !important;
}

.shipping-bg-red {
  background-color: #FFC0B5 !important;
}

/* ========================================================================== 
	quality_guide
========================================================================== */
ul.refundflowlist {
  margin: 0 -1.5rem;
}

ul.refundflowlist li {
  position: relative;
  width: 20%;
  padding: 0 1rem;
}
ul.refundflowlist li::after {
  font-family: "FontAwesome";
  content: "\f04b";
  font-size: 90%;
  color: #4ebf1d;
  position: absolute;
  right: -0.5rem;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}
ul.refundflowlist li :last-child::after {
  content: "";
}

ul.refundflowlist li img {
  width: 60%;
}

@media screen and (max-width: 576px) {
  ul.refundflowlist {
    margin: 0;
  }
  ul.refundflowlist li {
    width: 50%;
    padding: 0;
    padding-right: 2rem;
  }
  ul.refundflowlist li::after {
    right: 0.5rem;
  }
}
.linklist li a::after {
  font-family: "FontAwesome";
  content: "\f054";
  color: #4ebf1d;
  position: absolute;
  right: 0;
  padding-right: 1rem;
}

.itemlinklist li::after {
  font-family: "FontAwesome";
  content: "／";
  color: #3d3d3d;
  position: absolute;
  right: -1.8rem;
  padding-right: 1rem;
}

.itemlinklist li:last-child::after {
  content: "";
}

/* ========================================================================== 
	data_illustrator_guide / data_photoshop_guide
========================================================================== */
.flow-guide {
  padding: 2rem;
}

.data_guide_flow {
  margin-right: -3%;
}

.data_guide_flow li {
  width: 25%;
  position: relative;
  padding-right: 3%;
}
.data_guide_flow li::after {
  font-family: "FontAwesome";
  content: "\f04b";
  color: #4ebf1d;
  position: absolute;
  top: 50%;
  right: 0;
  font-size: 1.5rem;
}
.data_guide_flow li:last-child::after {
  content: "";
}

.cutpass_guide_flow li {
  width: 20%;
  position: relative;
  padding-right: 5%;
}
.cutpass_guide_flow li::after {
  font-family: "FontAwesome";
  content: "\f04b";
  color: #4ebf1d;
  position: absolute;
  top: 40%;
  right: 1rem;
  font-size: 1.5rem;
}
.cutpass_guide_flow li:last-child::after {
  content: "";
}
.cutpass_guide_flow li:nth-child(3) {
  width: 40%;
}

.cutpass_ps_guide_flow li {
  width: 20%;
  position: relative;
  padding-right: 5%;
}
.cutpass_ps_guide_flow li::after {
  font-family: "FontAwesome";
  content: "\f04b";
  color: #4ebf1d;
  position: absolute;
  top: 40%;
  right: 1rem;
  font-size: 1.5rem;
}
.cutpass_ps_guide_flow li:last-child::after {
  content: "";
}
.cutpass_ps_guide_flow li:nth-child(3) {
  width: 60%;
}
.cutpass_ps_guide_flow li:nth-child(4) {
  width: 83%;
}
.cutpass_ps_guide_flow li:last-child {
  padding: 0;
  width: 15%;
}

.check-list li {
  position: relative;
}
.check-list li::before {
  font-family: "FontAwesome";
  content: "\f14a";
  color: #4ebf1d;
  position: absolute;
  left: -1.5rem;
}

@media screen and (max-width: 576px) {
  .data_guide_flow,
  .cutpass_guide_flow {
    margin-right: 0;
  }
  .data_guide_flow li:nth-child(1),
  .data_guide_flow li,
  .cutpass_guide_flow li,
  .cutpass_ps_guide_flow li,
  .cutpass_ps_guide_flow li:last-child {
    width: 50%;
    padding-right: 3%;
  }
  .cutpass_guide_flow li:nth-child(3),
  .cutpass_ps_guide_flow li:nth-child(3),
  .cutpass_ps_guide_flow li:nth-child(4) {
    width: 100%;
    padding-right: 10%;
  }
  .cutpass_guide_flow li::after,
  .cutpass_ps_guide_flow li::after {
    right: 0;
  }
}/*# sourceMappingURL=style.css.map */