.swiper-container {  margin-left: auto;   margin-right: auto;   position: relative;   overflow: hidden;   list-style: none;     padding: 0 20px;    margin-top: 60px;  z-index: 1; }

.swiper-container-vertical > .swiper-wrapper {   flex-direction: column; }

.swiper-wrapper {  position: relative;   width: 100%;   height: 100%;   z-index: 1;   display: flex;   transition-property: transform;   box-sizing: content-box; }

.swiper-container-android .swiper-slide,
.swiper-wrapper {  transform: translate3d(0px, 0, 0); }

.swiper-container-multirow > .swiper-wrapper {  flex-wrap: wrap; }

.swiper-container-multirow-column > .swiper-wrapper { flex-wrap: wrap;  flex-direction: column;}

.swiper-container-free-mode > .swiper-wrapper { transition-timing-function: ease-out;  margin: 0 auto;}

.swiper-slide { flex-shrink: 0;    width: 100%;    height: 100%;    position: relative;    transition-property: transform;}

.swiper-slide-invisible-blank {  visibility: hidden;}

.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {  height: auto;}

.swiper-container-autoheight .swiper-wrapper {  align-items: flex-start;  transition-property: transform, height;}


.swiper-bottom {  position: relative;   max-width: 300px;    margin: 0 auto; }
.width_full.toppage.case-study .swiper-bottom {    width: 100px;    height: 46px;      margin: 28px auto 0 auto;}

.swiper-bottom:before {     content: "";    position: absolute;    width: 40px;    height: 40px;    border: solid 1px #333333;    border-radius: 40px;    right: 0;    top: 3px;    cursor: pointer;    display: block;}

.swiper-bottom:after {    content: "";     display: block;     position: absolute;     width: 40px;     height: 40px;     border: solid 1px #333333;     border-radius: 40px;     left: 0;     top: 3px;     cursor: pointer; }

.swiper-slide img {    border-radius: 10px 10px;    margin: 0 0 28px 0;}
.swiper-slide img + p {    font-weight: 700;    font-size: 16px;    margin: 0 0 12px 0;}
.swiper-slide ul {    margin: 0 0;}
.swiper-slide ul li {    display: flex;    font-size: 15px;    margin: 0 0 4px 0;}
.swiper-slide ul li span {    width: 100px;}

.swiper-button-prev,
.swiper-button-next {   position: absolute;   top: 42%;   width: 8px;   height: 8px;   margin-top: calc(-1 * var(--swiper-navigation-size) / 2);   z-index: 10;   cursor: pointer;   display: flex;   align-items: center;   justify-content: center;   color: var(--swiper-navigation-color, var(--swiper-theme-color)); }

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {   opacity: 0.35;   cursor: auto;   pointer-events: none; }




.swiper-button-prev {  content: "";   left: 11px;   right: auto;   border-left: 2px solid #b3b3b3;   border-bottom: 2px solid #b3b3b3;   transform: rotate(45deg); }

.swiper-button-next {  content:"";  right: 11px;  border-top: 2px solid #b3b3b3;  border-right: 2px solid #b3b3b3;  transform: rotate(45deg); }


.width_full.toppage.case-study  .swiper-button-prev {    left: 18px;    border-color: #333333;}
.width_full.toppage.case-study .swiper-button-next {    right: 18px;    border-color: #333333;}



.swiper-button-lock {  display: none;}

.swiper-pagination {  text-align: center;   transition: 300ms opacity;   transform: translate3d(0, 0, 0);   z-index: 10;    margin-top: 28px; }

.swiper-pagination.swiper-pagination-hidden {   opacity: 0; }

.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {   bottom: 10px;   left: 0;   width: 100%; }

.swiper-pagination-bullets-dynamic {  overflow: hidden;  font-size: 0; }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {  transform: scale(0.33);  position: relative; }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {   transform: scale(1); }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {   transform: scale(1); }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {   transform: scale(0.66); }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {   transform: scale(0.33); }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {   transform: scale(0.66); }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {   transform: scale(0.33); }

.swiper-pagination-bullet {  width: 8px;  height: 8px;  display: inline-block;  border-radius: 100%;  background: #000;  opacity: 0.2;     margin: 0 4px;  }

button.swiper-pagination-bullet {  border: none;  margin: 0;  padding: 0;  box-shadow: none;  -webkit-appearance: none;     -moz-appearance: none;    appearance: none; }

.swiper-pagination-clickable .swiper-pagination-bullet {  cursor: pointer;}

.swiper-pagination-bullet-active {  opacity: 1;  background: #ef8300;}

.swiper-container-vertical > .swiper-pagination-bullets {  right: 10px;  top: 50%;  transform: translate3d(0px, -50%, 0); }

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {  margin: 6px 0;  display: block;	}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {  top: 50%;  transform: translateY(-50%);  width: 8px;}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {  display: inline-block;  transition: 200ms transform, 200ms top;}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {  margin: 0 4px;}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {  left: 50%;  transform: translateX(-50%);  white-space: nowrap;}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {   transition: 200ms transform, 200ms left; }

.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {   transition: 200ms transform, 200ms right; }

.swiper-pagination-progressbar {  background: rgba(0, 0, 0, 0.25);   position: absolute; }

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {  background: var(--swiper-pagination-color, var(--swiper-theme-color));  position: absolute;  left: 0;  top: 0;  width: 100%;  height: 100%;  transform: scale(0);  transform-origin: left top;}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {  transform-origin: right top;}

.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {  width: 100%;   height: 4px;   left: 0;   top: 0; }

.swiper-container-vertical > .swiper-pagination-progressbar,
.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {  width: 4px;   height: 100%;   left: 0;   top: 0; }

.swiper-pagination-lock {   display: none; }

.swiper-scrollbar {   border-radius: 10px;   position: relative;   -ms-touch-action: none;   background: rgba(0, 0, 0, 0.1); }

.swiper-container-horizontal > .swiper-scrollbar {  position: absolute;   left: 1%;   bottom: 3px;   z-index: 50;   height: 5px;   width: 98%; }

.swiper-container-vertical > .swiper-scrollbar {   position: absolute;   right: 3px;   top: 1%;   z-index: 50;   width: 5px;   height: 98%; }

.swiper-scrollbar-drag {   height: 100%;   width: 100%;   position: relative;   background: rgba(0, 0, 0, 0.5);   border-radius: 10px;   left: 0;   top: 0; }

.swiper-scrollbar-cursor-drag {   cursor: move; }

.swiper-scrollbar-lock {   display: none; }

.swiper-zoom-container {   width: 100%;   height: 100%;   display: flex;   justify-content: center;   align-items: center;   text-align: center; }

.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {   max-width: 100%;   max-height: 100%;   object-fit: contain; }

.swiper-slide-zoomed {   cursor: move; }

.swiper-lazy-preloader {   width: 42px;   height: 42px;   position: absolute;   left: 50%;   top: 50%;   margin-left: -21px;   margin-top: -21px;    z-index: 10;   transform-origin: 50%;   animation: swiper-preloader-spin 1s infinite linear;   box-sizing: border-box;   border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));   border-radius: 50%;   border-top-color: transparent; }


@keyframes swiper-preloader-spin {
  100% {
    transform: rotate(360deg);
  }
}

.swiper-container .swiper-notification {   position: absolute;   left: 0;   top: 0;   pointer-events: none;   opacity: 0;   z-index: -1000; }

.swiper-container-fade.swiper-container-free-mode .swiper-slide {   transition-timing-function: ease-out; }

.swiper-container-fade .swiper-slide {   pointer-events: none;   transition-property: opacity; }

.swiper-container-fade .swiper-slide .swiper-slide {   pointer-events: none; }

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {   pointer-events: auto; }

.overflow-right__sliderWrap {    width: 100vw;    margin-left: calc(50% - 50vw);    padding-left: calc(50vw - 50%);    margin-bottom: 100px;}


.swiper-slide figure {   margin: 0 0;    line-height: 0; }

.swiper-slide ul.detail {      padding: 15px 20px;   margin: 0 0;    font-size: 72%;}

.swiper-slide ul.detail li span {   display: inline-block;     margin: 0 20px 0 0;     font-weight: 800; }


@media screen and (max-width: 680px) and (min-width: 280px) {

.swiper-container {   padding: 0 40px 40px 40px;}
	
	
}