main,.fs-l-main{width: 100%!important;margin: 0;padding: 0;}
html, body,
h1, h2, h3, h4, h5, h6,
a, p, span,
em, small, strong,
sub, sup,
mark, del, ins, strike,
abbr, dfn,
blockquote, q, cite,
code, pre,
ol, ul, li, dl, dt, dd,
div, section, article,
main, aside, nav,
header, hgroup, footer,
img, figure, figcaption,
address, time,
audio, video,
canvas, iframe,
details, summary,
fieldset, form, label, legend,
table, caption,
tbody, tfoot, thead,
tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
}
html {
    font-size: 62.5%;
}
 
body {
    font-size: 1.6rem;
    line-height: 1.4;
	letter-spacing: 0.2rem;
}
 
* {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}
 
a,
a:visited {
    color: inherit;
}
article,
aside,
footer,
header,
nav,
section,
main {
    display: block;
}

* {
    box-sizing: border-box;
}

*:before,
*:after {
    box-sizing: inherit;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}

ol,
ul {
    list-style: none;
}

img,
video {
    max-width: 100%;
}

img {
    border-style: none;
}
a {
	text-decoration: none;
}
html,body {
	color: #fff;
	background: #000;
}
body
{animation: fadeIn 5s ease 0s 1 normal;-webkit-animation: fadeIn 5s ease 0s 1 normal;}
@keyframes fadeIn
{0% {opacity: 0}100% {opacity: 1}}
@-webkit-keyframes fadeIn
{0% {opacity: 0}100% {opacity: 1}}


a,
a img {transition: .4s;}
a img:hover {opacity: 0.3;}
a.btn {
	display: block;
	text-align: center;
	text-decoration: none;
	color: #808080;
	border: 2px solid #808080;
	border-radius: 3px;
}
a.btn:hover {
	background-color: rgba(128,128,128,0.3);
	color: #fff;
}

.flex_column {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.flex_wrap {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
}


/****/
header
{position:relative;border-bottom: 1px solid #000000;}
.header {
	width: 100%;
	height: 100vh;
	overflow: auto;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url('https://sfactory.itembox.design/item/ver-2-0_index/img/bg.jpg');
}
.header-logo {width: 40%;}
.header-description {width: 100%;margin: 0;}
.header-link {width: 20%;margin: 40px 0 20px;}
.header-menu {width: 65%;margin: 20px 0;}
.menu-item_sitemap {width: 20%;}
.menu-item_sns {width: 4%;margin: 0 1%;}

.header {text-align: center;}
.header-description {font-size: 1.2rem;font-style: normal;}
.header-link {font-size: 1.7rem}
.menu-item_sitemap {font-size: 1.5rem}

.menu-item_sitemap a::before {
  content: "";
  display: inline-block;
  margin: 0 0.2em 0.2em 0;
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  border: 2px solid;
  border-color:  transparent transparent #FFFFFF #FFFFFF;
  transform: rotate(-45deg);
}


.header-link a {padding: 4% 0;}
.menu-item_sitemap a {display: block;padding: 4% 0;}
.menu-item_sitemap a:hover {
	background-color: rgba(128,128,128,0.3);
	color: #fff;
}

@media screen and (max-width: 800px) {
.header-logo {width: 70%;}
.header-description {width: 100%;}
.header-link {width: 40%;}
.header-menu {width: 100%;margin: 15px 0;}
.menu-item_sitemap {width: 25%;margin: 0;letter-spacing: 0.1rem;}
.menu-item_sns {width: 8%;margin: 0 2%;}
	
.header-description {font-size: 1rem}
.header-link {font-size: 1.4rem}
.menu-item_sitemap {font-size: 1.2rem}
}
/****/
.article {width: 100%;padding: 6% 0;background:linear-gradient(90deg,#17120f 0%,#17120f 30%,#000000 100%);border-bottom: 1px solid #362a23}
.article-inner {width: 100%;margin-bottom: 5%;}
.article-inner_left {width: 35%}
.article-inner_right {width: 65%}

.article-inner_tit {width: 100%;}
.article-inner_description {width: 100%;order: -1;}
.article-inner_textarea {width: 100%;padding: 0 2% 5%;}
.textarea_tit {width: 100%;margin-bottom: 13px;}
.textarea_text {width: 100%;margin-bottom: 13px;}
.textarea_img {width: 100%;margin-bottom: 13px;}
.textarea_link {width: 100%;margin: 13px 0;padding: 3% 0;}

.article-inner_tit {font-size: 1.3rem;text-align: center;}
.article-inner_description {font-size: 4.5rem;text-align: center;font-weight: bold;}
.textarea_tit {font-size: 1.8rem;font-weight: bold;}
.textarea_text {font-size: 1.3rem}
.textarea_link {font-size: 1.5rem}

.list_img {width: 60%;}
.list_tit {width: 80%;margin-top: 5px;padding: 5px 0;}
.list_text {width: 80%;padding: 5px 0;}
.list {width: 80%;margin: 15px 0;}
.list_heading {width: 100%;padding: 10px 0 3px;}
.list_data {width: 100%;}
.list_link {width: 40%;margin: 13px 0;padding: 3% 0;}

.list_tit {font-size: 1.8rem;font-weight: bold;}
.list_text {font-size: 1.3rem;}
.list_heading {font-size: 1.1rem;}
.list_data {font-size: 1.3rem;}
.list_link {font-size: 1.5rem;}


@media screen and (max-width: 800px) {
.article {width: 100%;padding: 10% 0;background:linear-gradient(180deg,#17120f 0%,#17120f 30%,#000000 100%);}
.article-inner_left {width: 100%;margin-bottom: 5%;}
.article-inner_right {width: 95%}
	
.article-inner_tit {font-size: 1.3rem;}
.article-inner_description {font-size: 3rem;}
.textarea_tit {font-size: 1.5rem;}
.textarea_text {font-size: 1.3rem}
.textarea_link {font-size: 1.5rem}
	
.list_img {width: 80%;}
.list_tit {width: 95%;padding: 5px 0;}
.list_text {width: 95%;padding: 5px 0;}
.list {width: 85%;margin: 15px 0;}
.list_tit {text-align: center}

	
}
/****/
    .swiper-container {
      width: 80%;
		height: 750px;
      margin-left: auto;
      margin-right: auto;
    }
.swiper-slide_inner {width: 80%;height: 650px;margin: 0 auto;}

.swiper-pagination-thumb{
    width: 180px;
    height: 60px;
	border-bottom: 1px solid #E8DBDB;
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin: 5px 0 30px;
    cursor: pointer;
	opacity: .3
}
.swiper-pagination-thumb-active{opacity: 1;border: none;}
.swiper-pagination-thumb:focus {outline: none;}


.swiper-button-prev,.swiper-button-next {
    width: 23px !important;
    height: 23px !important;
}
.swiper-button-prev {
    background-image: url("https://sfactory.itembox.design/item/ver-2-0_index/img/swiper_pre.png") !important;
    background-size: 23px 23px !important;
}
.swiper-button-next {
    background-image: url("https://sfactory.itembox.design/item/ver-2-0_index/img/swiper_next.png") !important;
    background-size: 23px 23px !important;
}

@media screen and (max-width: 800px) {
.swiper-container {width: 100%;height: 600px;}
.swiper-slide_inner {width: 85%;height: 550px;}
.swiper-pagination-thumb{width: 80px;height: 60px;margin: 5px 0 10px;}
}

footer {width: 100%;text-align: center}
.footer-inner {width: 100%;margin: 20% 0; text-align: center}
.footer-inner_text {width: 100%;margin-bottom: 13px;font-style: normal;font-size: 1.2rem}
.footer-menu {width: 65%;margin: 20px 0;}
@media screen and (max-width: 800px) {
.footer-menu {width: 100%;margin: 15px 0;}
}

#page-top {width: 50px;position: fixed;bottom: 16px;right: 16px;opacity: 0;z-index: 1000;}
#page-top.fade-in {opacity: 1;transition: opacity 1s;}
#page-top:hover {-webkit-transition: all .4s ease;transition: all .4s ease;cursor: pointer;}
@media screen and (max-width: 800px) {
#page-top{width: 40px;bottom: 8px;right: 15px;}

}