@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=EB+Garamond&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Sawarabi+Gothic&display=swap');

/* 三角屋 */

body {
	background: #000000;
	color: #ffffff;
	font-size: 16px;
    font-family: 'Noto Serif JP', serif;
	line-height: 1.5em;
	min-width: 1440px;
	margin: 0 auto;
	overflow-x: hidden;
	background-image: url(../img/s-body-bk-img01.png);
	background-position: top center;
	background-repeat: repeat;
}
.en {
	font-family: garamond-premier-pro, 'EB Garamond', 'Noto Serif JP', serif;
}
.goth {
	font-family: dnp-shuei-gothic-gin-std, 'Sawarabi Gothic', sans-serif;
}
.s-wrapper {
	width: 1440px;
	margin: 0 auto;
	position: relative;
	display: inline-block;
}
a {
	transition: all 0.3s;
}
.pc {
}
.tb {
	display: none;
}
.sp {
	display: none;
}
*:focus {
	outline: none;
}
a {
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	cursor:pointer;
}

.s-header--main {
	display: flex;
	position: fixed;
	flex-wrap: nowrap;
	margin: 0;
	padding: 0;
	width: 100%;
	max-width: calc(100% - 190px);
	top: 0;
	left: 0;
	justify-content: space-between;
	z-index: 10000;
	transition: all 0.5s;
}
.s-header--main.hide {
	transform:translateY(-95px);
}
.s-header--title-en {
	flex-basis: 160px;
	height: fit-content;
	margin: 41px 51px 0 42px;
}
.s-header--title-en a {
	display: inline-block;
	width: 160px;
	height: auto;
}
.s-header--title-en a img {
	width: 100%;
	height: auto;
}
.s-header--title-en .st0 {
	fill: #FFFFFF;
	transition: all 0.3s;
}
.light-mode .s-header--title-en .st0 {
	fill: #333333;
}
.s-header--title-en img {
	width: 160px;
	height: auto;
}
.s-header-nav {
	flex-basis: auto;
	width: 100%;
	height: fit-content;
	margin: 48px 0 0 0;
}
.s-header-nav--ul {
	display: flex;
	flex-wrap: nowrap;
}
.s-header-nav--ul-main {
	display: flex;
	flex-wrap: nowrap;
}
.s-header-nav--ul-main-li {
	list-style: none;
	font-size: 16px;
	font-weight: 400;
	line-height: 20px;
	letter-spacing: 0.06em;
	color: #ffffff;
	margin-right: 38px;
}
.light-mode .s-header-nav--ul-main-li {
	color: #333333;
}
.s-header-nav--ul-main-li span {
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 0.06em;
	opacity: 0.5;
}
.s-header-nav--ul-sub {
	display: flex;
	flex-wrap: nowrap;
	margin: 2px 30px 0 auto;
}
.s-header-nav--ul-sub-li {
	position: relative;
	list-style: none;
	font-size: 12px;
	font-weight: 400;
	line-height: 16px;
	letter-spacing: 0.06em;
	color: #ffffff;
	margin-left: 37px;
}
.light-mode .s-header-nav--ul-sub-li {
	color: #333333;
}
.s-header-nav--ul-sub-li span {
	font-size: 12px;
	font-weight: 400;
	letter-spacing: 0.06em;
	opacity: 0.5;
}
.s-header-nav--ul-sub-li::after {
	content: "";
	position: absolute;
	width: 6px;
	height: 1px;
	top: 9px;
	left: -11px;
	background-color: #ffffff;
}
.light-mode .s-header-nav--ul-sub-li::after {
	background-color: #333333;
}
.s-header--title-jp img {
	width: 43px;
	height: auto;
}
.s-header--right {
	display: flex;
	position: fixed;
	flex-flow: column;
	align-items: center;
	width: 190px;
	height: 100vh;
	top: 0;
	right: 0;
	margin: 0;
	border-left: 1px solid rgba(255, 255, 255, 0.1);
	opacity: 1;
	z-index: 1000;
}
.s-header--right.scroll {
	opacity: 0.2;
}
.s-header--right:hover {
	opacity: 1;
}
.s-header--title-jp-logo {
	display: inline-block;
	width: 42px;
	height: fit-content;
}
.s-header--title-jp-logo .st0 {
	fill: #ffffff;
	transition: all 0.3s;
}
.light-mode .s-header--title-jp-logo .st0 {
	fill: #333333;
}
.light-mode .s-header--right:hover .s-header--title-jp-logo .st0 {
	fill: #ffffff;
}
.s-header--righ-bk {
	display: flex;
	position: fixed;
	flex-flow: column;
	align-items: center;
	width: 190px;
	height: 100vh;
	top: 0;
	right: 0;
	margin: 0;
	background-color: rgba(50, 55, 64, 0);
	mix-blend-mode: multiply;
	opacity: 1;
	transition: all 0.3s;
	z-index: 900;
}
.s-header--righ-bk.hover {
	background-color: rgba(50, 55, 64, 0.9);
	opacity: 1;
}
.s-header--title-jp {
	margin-top: 54px;
	mix-blend-mode: normal;
}
.s-header--lang {
	margin-top: 33px;
	display: flex;
	flex-wrap: nowrap;
}
.s-header--lang-btn {
	display: inline-block;
	width: 27px;
	height: 27px;
	border-radius: 50%;
	margin: 0 7px;
	font-size: 12px;
	font-weight: 400;
	line-height: 27px;
	text-align: center;
	color: rgba(2555, 255, 255, 0.5);
	background-color: transparent;
}
.light-mode .s-header--lang-btn {
	color: rgba(0, 0, 0, 0.5);
}
.light-mode .s-header--right:hover .s-header--lang-btn {
	color: rgba(2555, 255, 255, 0.5);
}
.s-header--lang-btn.current {
	display: inline-block;
	width: 27px;
	height: 27px;
	border-radius: 50%;
	margin: 0 7px;
	font-size: 12px;
	font-weight: 400;
	line-height: 27px;
	text-align: center;
	color: #ffffff;
	background-color: rgba(255, 255, 255, 0.2);
}
.light-mode .s-header--lang-btn.current {
	color: #333333;
	background-color: rgba(0, 0, 0, 0.2);
}
.light-mode .s-header--right:hover .s-header--lang-btn.current {
	color: #ffffff;
	background-color: rgba(255, 255, 255, 0.2);
}
.s-header--lang-line {
	width: 1px;
	height: 12px;
	background-color: #ffffff;
	margin-top: 8px;
}
.light-mode .s-header--lang-line {
	background-color: #333333;
}
.light-mode .s-header--right:hover .s-header--lang-line {
	background-color: #ffffff;
}
.s-header-nav-sns {
	margin: auto auto 30px auto;
}
.s-header-nav-sns--ul {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
}
.s-header-nav-sns--ul-li a {
	display: inline-block;
	overflow: hidden;
	width: 40px;
	height: 40px;
	margin: 0 5px;
}
.s-header-nav-sns--ul-li a i {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	color: #ffffff;
	border: 1px solid #888888;
	background-color: rgba(225, 225, 225, 0);
	font-size: 20px;
	line-height: 40px;
	text-align: center;
	transition: all 0.3s;
}
.light-mode .s-header-nav-sns--ul-li a i {
	color: #333333;
	border: 1px solid #888888;
	background-color: rgba(0, 0, 0, 0);
}
.light-mode .s-header--right:hover .s-header-nav-sns--ul-li a i {
	color: #ffffff;
	border: 1px solid #888888;
	background-color: rgba(225, 225, 225, 0);
}
.s-header-nav-sns--ul-li a:hover i {
	background-color: rgba(225, 225, 225, 0.2);
}
.light-mode .s-header--right:hover .s-header-nav-sns--ul-li a:hover i {
	background-color: rgba(225, 225, 225, 0.2);
}
.s-header--right:hover .s-header-nav-sns--ul-li a i {
	border: 1px solid #ffffff;
}
.s-home-start-section {
	width: 100vw;
	height: 100vh;
	margin: 0;
	position: relative;
	z-index: -1;
}
.s-home-start-section::after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: rgba(0, 0, 0, 0.3);
}
.s-home-start-background-slide {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	background-image: url(../img/s-home-start-background-slide03.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
.s-home-start-background-video {
	position: relative;
	width: 100%;
	height: 100%;
}
#s-home-start .mbYTP_wrapper {
	opacity: 0 !important;
	transition: opacity 0.6s ease;
}
#s-home-start .mbYTP_wrapper.is-kv-video-ready {
	opacity: 1 !important;
}
#iframe_youtube {
	left: 50% !important;
	width: 177.7777vh !important;
	height: 100% !important;
	top: 50% !important;
	margin-top: 0% !important;
	margin-right: -50% !important;
	margin-left: auto !important;
	transform: translate(-50%, -50%);
	aspect-ratio: 16 / 9;
}
@media (min-aspect-ratio: 16/9) {
	#iframe_youtube {
		width: 100% !important;
		height: 56.25vw !important;
		aspect-ratio: 16 / 9;
	}
}
#iframe_youtube .ytp-gradient-top {
	height: 0 !important;
}
#iframe_youtube .ytp-embed:not(.ad-showing) .ytp-gradient-top {
	height: 0 !important;
}
#iframe_youtube-footer {
	left: 50% !important;
	width: 177.7777vw !important;
	height: 100% !important;
	top: 50% !important;
	margin-top: 0% !important;
	margin-right: -50% !important;
	margin-left: auto !important;
	transform: translate(-50%, -50%);
	aspect-ratio: 16 / 9;
}
@media (min-aspect-ratio: 16/9) {
	#iframe_youtube-footer {
		width: 100% !important;
		height: 56.25vw !important;
		aspect-ratio: 16 / 9;
	}
}
.movie-disable {
	display: none;
}
.s-home-start-background-slide img {
	width: 100%;
	height: 100%;
	background-size: cover;
	z-index: 1;
}
.s-home-start-overlay-scroll {
	position: absolute;
	bottom: 300px;
	left: 40px;
	transform: rotate(90deg);
	font-size: 12px;
	font-weight: 400;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: #ffffff;
	z-index: 2;
}
.s-home-start-overlay-scroll a {
	display: inline-block;
	position: relative;
	left: 0;
	padding: 0 10px 0 0 ;
}
.s-home-start-overlay-scroll a:hover {
	left: -10px;
}
.s-home-start-overlay-scroll-line {
	position: absolute;
	width: 1px;
	height: 260px;
	bottom: 0;
	left: 66px;
	background-color: rgba(255, 255, 255, 0.2);
	overflow: hidden;
	z-index: 100;
}
.s-home-start-overlay-scroll-line::after {
	content: "";
	position: absolute;
	width: 1px;
	height: 100px;
	bottom: 80px;
	left: 0;
	background-color: #ffffff;
    -webkit-animation-name: scrollBar;
    animation-name: scrollBar;
    -webkit-animation-duration: 2.5s;
    animation-duration: 2.5s;
    -webkit-animation-timing-function: cubic-bezier(.165, .84, .44, 1);
    animation-timing-function: cubic-bezier(.165, .84, .44, 1);
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
@-webkit-keyframes scrollBar {
	0% {
		bottom: 260px;
		height: 0
	}
	5% {
		bottom: 260px;
		height: 100px
	}
	95% {
		bottom: 0;
		height: 100px
	}
	100% {
		bottom: -100px;
		height: 100px
	}
}
@keyframes scrollBar {
	0% {
		bottom: 260px;
		height: 0
	}
	5% {
		bottom: 260px;
		height: 100px
	}
	100% {
		bottom: -100px;
		height: 100px
	}
}

.s-craftmanship-section {
	width: 100%;
	margin: 0;
	text-align: center;
	background-image: url(../img/s-body-bk-img01.png);
	background-position: top center;
	background-repeat: repeat;
}
.s-craftmanship-text-box {
	position: absolute;
	width: 580px;
	height: fit-content;
	top: 220px;
	left: 80px;
	z-index: 2;
	text-align: left;
}
.s-craftmanship-title-1 {
	display: inline-block;
	position: relative;
	font-size: 18px;
	font-weight: 400;
	letter-spacing: 0.06em;
	color: #888888;
	margin-bottom: 80px;
	text-align: left;
}
.s-craftmanship-title-1::after {
	content: "";
	position: absolute;
	top: 13px;
    right: -67px;
	width: 50px;
	height: 1px;
	background-color: #888888;
}
.s-craftmanship-title-2 {
	font-size: 34px;
	font-weight: 400;
	color: #ffffff;
	margin-bottom: 98px;
	text-align: left;
}
.s-craftmanship-description {
	font-size: 16px;
	font-weight: 400;
	line-height: 32px;
	letter-spacing: 0.02em;
	color: #ffffff;
	margin-bottom: 45px;
	text-align: left;
}
.s-craftmanship-description-en {
	font-size: 16px;
	font-weight: 400;
	line-height: 26px;
	letter-spacing: 0.02em;
	color: #ffffff;
	margin-bottom: 35px;
	text-align: left;
}
.s-craftmanship-more {
	position: relative;
	margin-top: 0;
	text-align: left;
}
.s-craftmanship-more-btn {
	display: inline-block;
	position: relative;
	font-size: 16px;
	font-weight: 400;
	color: #888888;
	text-align: left;
}
a:hover.s-craftmanship-more-btn {
	color: #ffffff;
}
.s-craftmanship-more-arrow-r {
	display: inline-block;
	position: relative;
	width: 60px;
	height: 60px;
	top: 23px;
	left: 20px;
	border-radius: 50%;
	border: 1px solid #ffffff;
	background-image: url(../img/s-content-arrow-icon01-w.svg);
	background-position: center center;
	background-repeat: no-repeat;
	opacity: 0.6;
	transition: all 0.3s;
}
a:hover.s-craftmanship-more-btn .s-craftmanship-more-arrow-r{
	opacity: 1;
}
a:active.s-craftmanship-more-btn .s-craftmanship-more-arrow-r{
	left: 20px;
}
.s-craftmanship-slides {
	position: relative;
	width: 950px;
	height: 640px;
	margin: 138px 0 180px 490px;
	z-index: 1;
	overflow: hidden;
}
.s-craftmanship-slide {
	width: 950px;
	height: 640px;
	margin-top: 34px;
}
.s-craftmanship-slide img {
	width: 950px;
	height: 640px;
	object-fit: cover;
}
.s-craftmanship-slides .slick-dots {
	position: absolute;
	display: flex;
	flex-wrap: nowrap;
	top: 0;
	right: 215px;
}
.s-craftmanship-slides .slick-dots li {
    position: relative;
    display: inline-block;
    width: 19px;
    height: 19px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}
.s-craftmanship-slides .slick-dots li button {
    position: relative;
	font-size: 0;
    line-height: 0;
    display: block;
    width: 19px;
    height: 19px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.s-craftmanship-slides .slick-dots li button::before {
    content: "";
	position: absolute;
    top: calc( 50% - 3.5px);
    left: calc( 50% - 3.5px);
    width: 7px;
    height: 7px;
	background-color: #888888;
	border-radius: 50%;
	transition: all 0.3s;
}
.s-craftmanship-slides .slick-dots li button::after {
    content: "";
	position: absolute;
    top: calc( 50% - 9.5px);
    left: calc( 50% - 9.5px);
    width: 19px;
    height: 19px;
	border: transparent;
	border-radius: 50%;
	transition: all 0.3s;
}
.s-craftmanship-slides .slick-dots li.slick-active button::before {
    content: "";
	position: absolute;
    top: calc( 50% - 3.5px);
    left: calc( 50% - 3.5px);
    width: 7px;
    height: 7px;
	background-color: #a48440;
	border-radius: 50%;
}
.s-craftmanship-slides .slick-dots li.slick-active button::after {
    content: "";
	position: absolute;
    top: calc( 50% - 9.5px);
    left: calc( 50% - 9.5px);
    width: 19px;
    height: 19px;
	border: 1px solid #a48440;
	border-radius: 50%;
}

.s-case-section {
	position: relative;
	height: 100vh;
	margin: 0;
	padding: 0;
	background-image: url(../img/s-body-bk-img01.png);
	background-position: top center;
	background-repeat: repeat;
}
.s-case-box {
	position: absolute;
	width: 100vw;
	height: 100vh;
	margin: 0;
	padding: 0;
	text-align: center;
}
.s-case-section-fixed {
	position: fixed;
	top: 0;
}
.case-trigger-wrapper-back {
	position: absolute;
	top: -50vh;
}
.case-trigger-box {
	position: relative
}
.case-trigger-element {
	position: absolute;
	width: 10vw;
	height: 50vh;
	/* border: 1px dashed #ff0000; */
	box-sizing: border-box;
	z-index: 900;
}
#case-trigger-1 {
	top: 50vh;
}
#case-trigger-2 {
	top: 100vh;
}
#case-trigger-3 {
	top: 150vh;
}
#case-trigger-4 {
	top: 200vh;
	height: 80vh;
}
#case1 {
	z-index: 40;
}
#case1 .s-case-box-textbox {
	z-index: 40;
}
#case2 {
	z-index: 30;
}
#case2 .s-case-box-textbox {
	z-index: 30;
}
#case3 {
	z-index: 20;
}
#case3 .s-case-box-textbox {
	z-index: 20;
}
#case4 {
	z-index: 10;
}
#case4 .s-case-box-textbox {
	z-index: 10;
}
.dummy-scroll-space-up {
	height: 230vh;
}
.dummy-scroll-space-down {
	height: 400vh;
}
.dummy-scroll-space-up-diable {
	height: 0;
}
.dummy-scroll-space-down-diable {
	height: 0;
}
.s-case-box-wrapper {
	position: relative;
	width: 100vw;
	height: 100vh;
	margin: 0;
	padding: 0;
}
.s-case-box-inner {
	position: relative;
	width: 100vw;
	height: 100vh;
	margin: 0;
	padding: 0;
	opacity: 1;
	transition: all 2s;
	transition-timing-function: ease;
}
#case1 .s-case-box-inner {
	opacity: 1;
}
.s-case-box-wrapper-fixed {
	position: fixed;
	top: 0;
}
.s-case-box-inner-fixed {
	opacity: 1;
}
.s-case-box-wrapper-after {
	position: relative;
	top: 100vh;
}
.s-case-box-inner-after {
	opacity: 1;
}
.s-case-box-bk-case1 {
	width: 100vw;
	height: 100vh;
	z-index: 2;
}
.s-case-box-bk-case1::after {
	content: "";
	position: absolute;
	display: block;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-image: url(../img/s-home-case-img01.jpg);
	background-size: cover;
	background-repeat: no-repeat;
}
.s-case-box-bk-case2 {
	width: 100vw;
	height: 100vh;
	z-index: 2;
}
.s-case-box-bk-case2::after {
	content: "";
	position: absolute;
	display: block;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-image: url(../img/s-home-case-img02.jpg);
	background-size: cover;
	background-repeat: no-repeat;
}
.s-case-box-bk-case3 {
	width: 100vw;
	height: 100vh;
	z-index: 2;
}
.s-case-box-bk-case3::after {
	content: "";
	position: absolute;
	display: block;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-image: url(../img/s-home-case-img03.jpg);
	background-size: cover;
	background-repeat: no-repeat;
}
.s-case-box-bk-case4 {
	width: 100vw;
	height: 100vh;
	z-index: 2;
}
.s-case-box-bk-case4::after {
	content: "";
	position: absolute;
	display: block;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-image: url(../img/s-home-case-img04.jpg);
	background-size: cover;
	background-repeat: no-repeat;
}
.s-case-box-textbox {
	position: absolute;
	width: 530px;
	height: fit-content;
	top: calc( 50vh - 115px );
	left: calc( 50% - 640px );
	text-align: left;
}
.s-case-title-1 {
	display: inline-block;
	position: relative;
	font-size: 22px;
	font-weight: 400;
	letter-spacing: 0.02em;
	color: #ffffff;
	margin-bottom: 60px;
	text-align: left;
}
.s-case-title-1::after {
	content: "";
	position: absolute;
	top: 13px;
    right: -67px;
	width: 50px;
	height: 1px;
	background-color: #ffffff;
}
.s-case-title-2 {
	font-size: 46px;
	font-weight: 400;
	letter-spacing: 0.12em;
	color: #ffffff;
	margin-bottom: 42px;
	text-align: left;
}
.s-case-description {
	font-size: 16px;
	font-weight: 400;
	line-height: 26px;
	letter-spacing: 0.06em;
	color: #ffffff;
	text-align: left;
}
.s-case-more {
	position: relative;
	margin-top: 40px;
	text-align: left;
}
.s-case-more-btn {
	display: inline-block;
	position: relative;
	font-size: 16px;
	font-weight: 400;
	color: #888888;
	text-align: left;
}
a:hover.s-case-more-btn {
	color: #ffffff;
}
.s-case-more-arrow-r {
	display: inline-block;
	position: relative;
	width: 60px;
	height: 60px;
	top: 23px;
	left: 20px;
	border-radius: 50%;
	border: 1px solid #ffffff;
	background-image: url(../img/s-content-arrow-icon01-w.svg);
	background-position: center center;
	background-repeat: no-repeat;
	opacity: 0.6;

	transition: all 0.3s;
}
a:hover.s-case-more-btn .s-case-more-arrow-r{
	opacity: 1;
}
a:active.s-case-more-btn .s-case-more-arrow-r{
	left: 20px;
}
.s-case-box-pagenation {
	position: absolute;
	top: calc(50vh - 27px);
	left: calc( 50vw + 425px);
	z-index: 9999;
}
.s-case-box-pagenation-fixed {
	position: fixed;
	top: calc(50vh - 27px);
	left: calc( 50vw + 425px);
}
.s-case-box-pagenation-after {
	position: absolute;
	top: calc(750vh - 27px);
	left: calc( 50vw + 425px);
	z-index: 9999;
}
.s-case-box-pagenation-case {
	position: relative;
	font-size: 16px;
	font-weight: 400;
	letter-spacing: 0.12em;
	color: rgba(225, 225, 225, 0.4);
	text-align: left;
	margin-bottom: 25px;
	padding-right: 35px;
	transition: all 0.3s;
}
.s-case-box-pagenation-case.current {
	color: rgba(225, 225, 225, 1);
}
.s-case-box-pagenation-case::after {
	content: "";
	position: absolute;
	top: 10px;
	right: 0;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background-color: rgba(225, 225, 225, 0.4);
}
.s-case-box-pagenation-case.current::after {
	background-color: rgba(225, 225, 225, 1);
}
.s-case-box-pagenation-case.current::before {
	content: "";
	position: absolute;
	top: 0;
	right: -10.5px;
	width: 27px;
	height: 27px;
	border-radius: 50%;
	background-color: rgba(225, 225, 225, 0.2);
}
.s-case-box-pagenation-case a:hover {
	color: rgba(225, 225, 225, 1);
}
.case-hidden {
	opacity: 0;
}

.s-projects-section {
	width: 100%;
	margin: 0;
	text-align: center;
	background-image: url(../img/s-body-bk-img01.png);
	background-position: top center;
	background-repeat: repeat;
	padding-bottom: 240px;
}
.s-projects-header {
	display: flex;
	flex-wrap: nowrap;
	margin: 0;
	width: 100%;
	padding-top: calc( 253px - 10vh );
}
.s-projects-title-1 {
	position: relative;
	font-size: 46px;
	font-weight: 400;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: #ffffff;
	padding-right: 120px;
	padding-left: 75px;
}
.s-projects-title-1::after {
	content: "";
	position: absolute;
	top: 12px;
	right: 35px;
	width: 50px;
	height: 1px;
	background-color: #888888;
}
.s-projects-title-2 {
	font-size: 16px;
	font-weight: 400;
	letter-spacing: 0.06em;
	color: #888888;
}
.s-projects-more {
	position: relative;
	margin: -38px 240px 0 auto;
	text-align: left;
}
.s-projects-more-btn {
	display: inline-block;
	position: relative;
	font-size: 16px;
	font-weight: 400;
	color: #888888;
	text-align: left;
}
a:hover.s-projects-more-btn {
	color: #ffffff;
}
.s-projects-more-arrow-r {
	display: inline-block;
	position: relative;
	width: 60px;
	height: 60px;
	top: 23px;
	left: 20px;
	border-radius: 50%;
	border: 1px solid #ffffff;
	background-image: url(../img/s-content-arrow-icon01-w.svg);
	background-position: center center;
	background-repeat: no-repeat;
	opacity: 0.6;

	transition: all 0.3s;
}
a:hover.s-projects-more-btn .s-projects-more-arrow-r{
	opacity: 1;
}
a:active.s-projects-more-btn .s-projects-more-arrow-r{
	left: 20px;
}
.s-projects-content {
	position: relative;
	width: 1440px;
	height: auto;
	margin: 0 auto;
	overflow: hidden;
}
.s-projects-content-header {
	display: flex;
	flex-wrap: wrap;
	position: absolute;
	width: 900px;
	top: 155px;
	left: 80px;
	text-align: left;
	z-index: 50;
}
.s-projects-content-title {
	font-size: 28px;
	font-weight: 400;
	letter-spacing: 0.06em;
	color: #ffffff;
	margin-right: 28px;
	white-space: nowrap;
}
.s-projects-content-type {
	position: relative;
	top: 7px;
	font-size: 12px;
	font-weight: 400;
	letter-spacing: 0.06em;
	line-height: 20px;
	color: #ffffff;
	height: 22px;
	border: 1px solid #ffffff;
	border-radius: 11px;
	padding: 0 10px;
	margin-right: 10px;
}
.s-projects-content-spec {
	width: 100%;
	font-size: 12px;
	font-weight: 400;
	line-height: 24px;
	color: #888888;
	margin-top: 15px;
}
.s-swiper-wrapper {
	position: relative;
	display: flex;
	flex-wrap: nowrap;
	width: 1360px;
	height: auto;
	margin-top: 160px;
	margin-left: 80px;
	overflow: hidden;
}
.s-swiper-left-content {
	position: relative;
	width: 863px;
	height: 470px;
	margin-top: 115px;
	margin-left: -533px;
	overflow: hidden;
}
.s-swiper-left-content .swiper-slide img {
	width: 863px;
	height: 470px;
	object-fit: cover;
	transform: scale(1);
	transition: transform 1.8s cubic-bezier(0.4, 0, 0.2, 1) 0s;
	transition-timing-function: ease;
}
.s-swiper-left-content .swiper-slide-prev img {
	transform: scale(1.25);
}
.s-swiper-right-content {
	position: relative;
	width: 1010px;
	height: 585px;
	margin: 0 0 0 20px;
	padding-top: 35px;
	overflow: hidden;
}

.s-swiper-slide-overlay {
	position: absolute;
	display: flex;
	bottom: 0;
	right: 0;
	width: 1010px;
	height: 550px;
	text-align: center;
	align-items: center;
	background-color: rgba(0, 0, 0, 0.6);
	z-index: 98;
	opacity: 0;
	transition: all 0.3s;
}
.s-swiper-slide-overlay:hover {
	opacity: 1;
}
.s-swiper-slide-overlay-left {
	position: absolute;
	display: flex;
	bottom: 0;
	right: 0;
	width: 863px;
	height: 470px;
	text-align: center;
	align-items: center;
	background-color: rgba(0, 0, 0, 0.6);
	z-index: 99;
	opacity: 0;
	transition: all 0.3s;
}
.s-swiper-slide-overlay-left.hover {
	opacity: 1;
}
.s-swiper-right-content .swiper-slide img {
	width: 1010px;
	height: 585px;
	object-fit: cover;
	transform: scale(1);
	transition: transform 1.8s cubic-bezier(0.4, 0, 0.2, 1) 0s;
	transition-timing-function: ease;
}
.s-swiper-right-content .swiper-slide-next img {
	transform: scale(1.25);
}
.s-swiper-right-content .swiper-pagination {
	position: absolute;
    display: flex;
    flex-wrap: nowrap;
    top: -29px;
    right: 215px;
}
.s-swiper-right-content .swiper-horizontal>.swiper-pagination-bullets,
.s-swiper-right-content .swiper-pagination-bullets.swiper-pagination-horizontal,
.s-swiper-right-content .swiper-pagination-custom,
.s-swiper-right-content .swiper-pagination-fraction {
	bottom: auto;
    left: auto;
    width: auto;
}
.s-swiper-right-content .swiper-pagination-bullet {
	position: relative;
	margin: 0 10px!important;
	width: 7px;
	height: 7px;
	background: #888888;
	opacity: 1;
	transition: all 0.3s;
}
.s-swiper-right-content .swiper-pagination-bullet-active {
	width: 7px;
	height: 7px;
	background: #a48440;
	opacity: 1;
}
.s-swiper-right-content .swiper-pagination-bullet-active::after {
    content: "";
	position: absolute;
    top: calc( 50% - 9.5px);
    left: calc( 50% - 9.5px);
    width: 19px;
    height: 19px;
	border: 1px solid #a48440;
	border-radius: 50%;
	transition: all 0.3s;
}

.s-projects-wrapper {
	position: relative;
	width: 1360px;
	height: auto;
	margin-left: 80px;
	overflow: hidden;
}
.s-projects-slides {
	position: relative;
	width: 2040px;
	height: 550px;
	margin: 200px 0 0 0;
	left: -670px;
}
.s-projects-slide {
	position: relative;
	width: 1010px;
	height: 550px;
	margin-top: 80px;
	transform: scale( 1, 1 );
	transition: all 0.3s;
}
.s-projects-slide-overlay {
	position: absolute;
	display: flex;
	top: 0;
	right: 10px;
	bottom: 0;
	left: 0;
	text-align: center;
	align-items: center;
	background-color: rgba(0, 0, 0, 0.6);
	opacity: 0;
	transition: all 0.3s;
}
.s-projects-slide-overlay:hover {
	opacity: 1;
}
.s-projects-slide.slick-current .s-projects-slide-overlay:hover {
	opacity: 0;
}
.s-slide-more {
	position: relative;
	margin: -38px auto 0 auto;
	text-align: left;
}
.s-slide-more-btn {
	display: inline-block;
	position: relative;
	font-size: 16px;
	font-weight: 400;
	color: #888888;
	text-align: left;
}
a:hover.s-slide-more-btn {
	color: #ffffff;
}
.s-slide-more-arrow-r {
	display: inline-block;
	position: relative;
	width: 60px;
	height: 60px;
	top: 23px;
	left: 20px;
	border-radius: 50%;
	border: 1px solid #ffffff;
	background-image: url(../img/s-content-arrow-icon01-w.svg);
	background-position: center center;
	background-repeat: no-repeat;
	opacity: 0.6;
	transition: all 0.3s;
}
a:hover.s-slide-more-btn .s-slide-more-arrow-r{
	opacity: 1;
}
a:active.s-slide-more-btn .s-slide-more-arrow-r{
	left: 20px;
}

.s-projects-slide img {
	width: 1010px;
	height: 550px;
	object-fit: cover;
	z-index: -1;
}
.s-projects-slide.slick-active {
	transform: scale( 1, 1 );
	margin-top: 0;
}
.s-projects-slide.slick-current {
	margin-top: 80px;
	right: 0;
}
.s-projects-slides .slick-dots {
	position: absolute;
	display: flex;
	flex-wrap: nowrap;
	top: -34px;
	right: 215px;
}
.s-projects-slides .slick-dots li {
    position: relative;
    display: inline-block;
    width: 19px;
    height: 19px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}
.s-projects-slides .slick-dots li button {
    position: relative;
	font-size: 0;
    line-height: 0;
    display: block;
    width: 19px;
    height: 19px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.s-projects-slides .slick-dots li button::before {
    content: "";
	position: absolute;
    top: calc( 50% - 3.5px);
    left: calc( 50% - 3.5px);
    width: 7px;
    height: 7px;
	background-color: #888888;
	border-radius: 50%;
	transition: all 0.3s;
}
.s-projects-slides .slick-dots li button::after {
    content: "";
	position: absolute;
    top: calc( 50% - 9.5px);
    left: calc( 50% - 9.5px);
    width: 19px;
    height: 19px;
	border: transparent;
	border-radius: 50%;
	transition: all 0.3s;
}
.s-projects-slides .slick-dots li.slick-active button::before {
    content: "";
	position: absolute;
    top: calc( 50% - 3.5px);
    left: calc( 50% - 3.5px);
    width: 7px;
    height: 7px;
	background-color: #a48440;
	border-radius: 50%;
}
.s-projects-slides .slick-dots li.slick-active button::after {
    content: "";
	position: absolute;
    top: calc( 50% - 9.5px);
    left: calc( 50% - 9.5px);
    width: 19px;
    height: 19px;
	border: 1px solid #a48440;
	border-radius: 50%;
}
.s-projects-content-footer {
	position: relative;
	width: 710px;
	margin: 40px 0 0 80px;
}
.s-projects-content-description {
	font-size: 14px;
	font-weight: 400;
	line-height: 28px;
	color: #ffffff;
	text-align: left;
}
.s-projects-footer {
	position: relative;
	width: 100%;
    height: 750px;
	margin: 240px 0 0 0;
	overflow: hidden;
}
.s-projects-footer-inner {
	position: absolute;
	width: 100%;
    height: 1500px;
	top: 0;
	left: 0;
}
.s-projects-footer-inner::after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: rgba(0, 0, 0, 0.3);
}
.s-projects-footer-video {
	position: relative;
	width: 100%;
	height: 1500px;
}

.s-video-section {
	position: relative;
	width: 100%;
	height: 750px;
	margin: 0;
}
.s-video-section::after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: rgba(0, 0, 0, 0.3);
}

.s-experience-section {
	width: 100%;
	margin: 0;
	text-align: center;
	background-image: url(../img/s-body-bk-img01.png);
	background-position: top center;
	background-repeat: repeat;
}
.s-experience-content {
	display: flex;
	position: relative;
	flex-flow: column;
	margin: 310px 220px 40px 80px;
}
.s-experience-top-content {
	position: relative;
	display: flex;
	flex-wrap: nowrap;
	width: 100%;
	text-align: left;
	margin-bottom: 80px;
}
.s-experience-top-left-content {
	margin: 0 80px 0 0;
	text-align: left;
}
.s-experience-text-box {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 37px;
}
.s-experience-title-1 {
	display: inline-block;
	position: relative;
	font-size: 18px;
	font-weight: 400;
	letter-spacing: 0.06em;
	color: #888888;
	margin-bottom: 49px;
	text-align: left;
}
.s-experience-title-1::after {
	content: "";
	position: absolute;
	top: 13px;
    right: -67px;
	width: 50px;
	height: 1px;
	background-color: #888888;
}
.s-experience-title-2 {
	font-size: 34px;
	font-weight: 400;
	color: #ffffff;
	text-align: left;
}
.s-experience-top-right-content {
	margin-top: 67px;
}
.s-experience-description {
	font-size: 14px;
	font-weight: 400;
	line-height: 28px;
	letter-spacing: 0.06em;
	color: #ffffff;
	text-align: left;
}
.s-experience-main-content {
	position: relative;
}
.s-experience-main-content-place {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 100%;
	text-align: left;
}
.s-experience-main-content-place-list {
	width: 540px;
	margin-bottom: 50px;
}
.s-experience-main-content-place-list-img {
	position: relative;
	z-index: 1;
}
.s-experience-main-content-place-list-img::after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: rgba(0, 0, 0, 0.6);
	opacity: 0;
	z-index: 2;
	transition: all 0.3s;
}
.s-experience-main-content-place-list-img:hover:after {
	opacity: 1;
}
.s-experience-main-content-place-list-img .s-slide-more {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%);
	transform: translateX(-50%);
	opacity: 0;
	z-index: 3;
	transition: all 0.3s;
}
.s-experience-main-content-place-list-img:hover .s-slide-more {
	opacity: 1;
}
.s-experience-main-content-place-list-name {
	font-size: 24px;
	font-weight: 400;
	line-height: 30px;
	letter-spacing: 0.06em;
	margin: 22px 0 7px 0;
}
.s-experience-main-content-place-list-tab {
	display: inline-block;
	height: 30px;
	font-size: 14px;
	font-weight: 400;
	line-height: 30px;
	letter-spacing: 0.06em;
	vertical-align: 3px;
	margin-left: 20px;
	padding: 0 17px;
	color: #333333;
	background-color: #ffffff;
	border-radius: 15px;
}
.s-experience-main-content-place-list-address {
	font-size: 12px;
	font-weight: 400;
	line-height: 30px;
	color: #888888;
}
.s-experience-bottom-content {
	position: relative;
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	margin-top: 16px;
	padding: 80px 40px;
	text-align: left;
	border-top: 1px solid rgba(225, 225, 225, 0.1);
	border-bottom: 1px solid rgba(225, 225, 225, 0.1);
}
.s-experience-bottom-left-content-title {
	font-size: 18px;
	font-weight: 400;
	line-height: 18px;
	letter-spacing: 0.06em;
	margin-bottom: 20px;
}
.s-experience-bottom-left-content-text {
	font-size: 14px;
	font-weight: 400;
	line-height: 28px;
	letter-spacing: 0.06em;
}
.s-experience-bottom-right-content {
	width: 300px;
	margin: 0 0 0 auto;
}
.s-experience-link a {
	display: inline-block;
	position: relative;
	width: 100%;
	height: 50px;
	border-radius: 25px;
	border: 1px solid #888888;
	color: #ffffff;
	font-size: 14px;
	font-weight: 400;
	line-height: 50px;
	text-align: center;
	margin-bottom: 10px;
}
.s-experience-link a:hover {
	border: 1px solid #ffffff;
}
.s-experience-link a::after {
	content: "";
	position: absolute;
	width: 50px;
	height: 50px;
	top: 0;
	right: 7px;
	background-image: url(../img/s-content-arrow-icon01-w.svg);
	background-position: center center;
	background-repeat: no-repeat;
	opacity: 0.6;
	transition: all 0.3s;
}
.s-experience-link a:hover:after {
	opacity: 1;
}

.s-news-section {
	width: 100%;
	margin: 0;
	text-align: center;
	background-image: url(../img/s-body-bk-img01.png);
	background-position: top center;
	background-repeat: repeat;
}
.s-news-content {
	display: flex;
	position: relative;
	flex-wrap: nowrap;
	justify-content: space-between;
	margin: 170px 220px 157px 80px;
}
.s-news-top-content {
	position: absolute;
	width: 320px;
	text-align: left;
	top: 8px;
	left: 0;
}
.s-news-left-content {
	width: 320px;
	margin: 100px auto 0 0;
	text-align: left;
}
.s-news-text-box {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 37px;
}
.s-news-title-1 {
	display: inline-block;
	position: relative;
	font-size: 32px;
	font-weight: 400;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: #ffffff;
	margin: 0 120px 0 0;
	text-align: left;
}
.s-news-title-1::after {
	content: "";
	position: absolute;
	top: 13px;
    right: -86px;
	width: 50px;
	height: 1px;
	background-color: #888888;
}
.s-news-title-2 {
	font-size: 16px;
	font-weight: 400;
	letter-spacing: 0.06em;
	color: #888888;
}
.s-news-description {
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 0.02em;
	color: #888888;
	margin-bottom: 37px;
}
.s-news-link a {
	display: inline-block;
	position: relative;
	width: 100%;
	height: 50px;
	border-radius: 25px;
	border: 1px solid #888888;
	color: #ffffff;
	font-size: 14px;
	font-weight: 400;
	line-height: 50px;
	text-align: left;
	margin-bottom: 10px;
	transition: all 0.3s;
}
.s-news-link a:hover {
	border: 1px solid #ffffff;
}
.s-news-link a::after {
	content: "";
	position: absolute;
	width: 50px;
	height: 50px;
	top: 0;
	right: 7px;
	background-image: url(../img/s-content-arrow-icon01-w.svg);
	background-position: center center;
	background-repeat: no-repeat;
	opacity: 0.6;
	transition: all 0.3s;
}
.s-news-link a:hover:after {
	opacity: 1;
}
.s-news-link a .fab {
	padding: 0 20px 0 40px;
	font-size: 20px;
}
.s-news-more {
	position: relative;
	margin-top: 13px;
	text-align: left;
}
.s-news-more-btn {
	display: inline-block;
	position: relative;
	font-size: 16px;
	font-weight: 400;
	color: #888888;
	text-align: left;
}
a:hover.s-news-more-btn {
	color: #ffffff;
}
.s-news-more-arrow-r {
	display: inline-block;
	position: relative;
	width: 60px;
	height: 60px;
	top: 23px;
	left: 20px;
	border-radius: 50%;
	border: 1px solid #ffffff;
	background-image: url(../img/s-content-arrow-icon01-w.svg);
	background-position: center center;
	background-repeat: no-repeat;
	opacity: 0.6;
	transition: all 0.3s;
}
a:hover.s-news-more-btn .s-news-more-arrow-r{
	opacity: 1;
}
a:active.s-news-more-btn .s-news-more-arrow-r{
	left: 20px;
}
.s-news-right-content {
	width: 650px;
	text-align: left;
	margin-top: -17px;
}
.s-news-list-ul {
	display: flex;
	flex-flow: column;
}
.s-news-list-li {
	flex-basis: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: left;
	padding: 20px 0 16px 0;
	border-bottom: 1px solid #888888;
}
.s-news-list-li-date {
	font-size: 12px;
	font-weight: 400;
	line-height: 22px;
	color: #888888;
	text-align: left;
}
.s-news-list-li-cat a {
	width: fit-content;
	height: 20px;
	border-radius: 10px;
	border: 1px solid #888888;
	font-size: 10px;
	font-weight: 400;
	line-height: 18px;
	color: #888888 !important;
	text-decoration: none !important;
	text-align: center;
	padding: 0 14px;
	margin-left: 14px;
	display: inline-block;
	transition: all 0.3s;
}
.s-news-list-li-cat a:hover {
	border: 1px solid #ffffff;
	color: #ffffff !important;
}
.s-news-list-li-title-inner {
	width: 100%;
	margin-top: 10px;
}
.s-news-list-li-title {
	font-size: 14px;
	font-weight: 400;
	line-height: 22px;
	color: #ffffff;
	text-align: left;
	border-bottom: 1px solid transparent;
	transition: all 0.3s;
}
.s-news-list-li-title:hover {
	border-bottom: 1px solid #ffffff;
}

.s-contact-section {
	width: 100%;
	height: 480px;
	max-height: 480px;
	margin: 0;
	text-align: center;
	background-image: url(../img/s-home-contact-img01.jpg);
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}
.s-contact-content {
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	margin: 193px 220px 157px 80px;
}
.s-contact-left-content {
	width: 450px;
	margin: 8px auto 0 0;
	text-align: left;
}
.s-contact-text-box {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 37px;
}
.s-contact-title-1 {
	display: inline-block;
	position: relative;
	font-size: 32px;
	font-weight: 400;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: #ffffff;
	margin: 0 120px 37px 0;
	text-align: left;
}
.s-contact-title-1::after {
	content: "";
	position: absolute;
	top: 13px;
    right: -86px;
	width: 50px;
	height: 1px;
	background-color: #888888;
}
.s-contact-title-2 {
	font-size: 16px;
	font-weight: 400;
	letter-spacing: 0.06em;
	color: #888888;
}
.s-contact-description {
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 0.02em;
	color: #ffffff;
}
.s-contact-right-content {
	width: 400px;
	text-align: left;
	margin: -3px 0 0 auto;
}
.s-contact-link a {
	display: inline-block;
	position: relative;
	width: 400px;
	height: 100px;
	color: #888888;
	border: 1px solid #888888;
	border-radius: 50px;
	font-size: 16px;
	font-weight: 400;
	letter-spacing: 0.06em;
	line-height: 20px;
	text-align: left;
	padding: 28px 0 0 44px;
	transition: all 0.3s;
}
.s-contact-link a span {
	font-size: 12px;
}
.s-contact-link a:hover {
	color: #ffffff;
	border: 1px solid #ffffff;
}
.s-contact-link a::after {
	content: "";
	position: absolute;
	width: 50px;
	height: 50px;
	top: 23px;
	right: 32px;
	background-image: url(../img/s-content-arrow-icon01-w.svg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 29px;
	opacity: 0.6;
	transition: all 0.3s;
}
.s-contact-link a:hover:after {
	opacity: 1;
}

.s-footer {
	width: 100%;
	min-height: 700px;
	margin: 0;
	text-align: center;
	background-image: url(../img/s-body-bk-img01.png);
	background-position: top center;
	background-repeat: repeat;
}
.s-footer-content {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 170px 220px 70px 120px;
}
.s-footer-left-content {
	width: 450px;
	margin-right: 102px;
}
.s-footer-title {
	width: 341px;
	height: auto;
	margin-bottom: 38px;
}
.s-footer-title img {
	width: 341px;
	height: auto;
}
.s-footer-address {
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 0.06em;
	line-height: 25px;
	text-align: left;
	margin-bottom: 20px;
}
.s-footer-address span {
	font-size: 12px;
	letter-spacing: 0.02em;
}
.s-footer-address a {
	color: #a48440;
	transition: all 0.3s;
}
.s-footer-address a:hover {
	color: #d3a950;
}
.link-blank {
	position: relative;
	display: inline-block;
	width: 10px;
	height: 10px;
	border-bottom: 1px solid #a48440;
	margin: 0 2px;
	transition: all 0.3s;
}
.link-blank:hover {
	border-bottom: 1px solid #d3a950;
}
.link-blank::before {
	content: "";
	position: absolute;
	width: 4px;
	height: 4px;
	top: 1px;
	right: 0;
	border-top: 1px solid #a48440;
	border-right: 1px solid #a48440;
	transition: all 0.3s;
}
a:hover .link-blank::before {
	border-top: 1px solid #d3a950;
	border-right: 1px solid #d3a950;
}
.link-blank::after {
    content: "";
    position: absolute;
    width: 8px;
    height: 1px;
    top: 4px;
    right: -0.575px;
    border-top: 1px solid #a48440;
    transform: rotate(-45deg);
	transition: all 0.3s;
}
a:hover .link-blank::after {
    border-top: 1px solid #d3a950;
}
.s-footer-center-content {
	width: 200px;
	margin-top: -7px;
}
.s-footer-center-ul {
	display: flex;
	flex-flow: column;
}
.s-footer-center-li {
	font-size: 18px;
	font-weight: 400;
	letter-spacing: 0.06em;
	text-align: left;
	margin-bottom: 40px;
}
.s-footer-center-sub-ul {
	display: flex;
	flex-wrap: wrap;
	margin: 15px 0 5px 18px;
}
.s-footer-center-sub-li {
	position: relative;
	width: calc(50% - 22px);
	font-size: 12px;
	font-weight: 400;
	letter-spacing: 0.06em;
	text-align: left;
	margin-top: 5px;
	padding-left: 14px;
}
.s-footer-center-sub-li::after {
	content: "";
	position: absolute;
	width: 6px;
	height: 1px;
	top: 50%;
	left: 0;
	background-color: #ffffff;
}
.s-footer-right-content {
	width: 278px;
	margin: -3px 0 0 auto;
}
.s-footer-link a {
	display: inline-block;
	position: relative;
	width: 100%;
	height: 50px;
	border-radius: 25px;
	border: 1px solid #888888;
	color: #ffffff;
	font-size: 14px;
	font-weight: 400;
	line-height: 50px;
	text-align: left;
	margin-bottom: 10px;
	padding-left: 40px;
}
.s-footer-link a:hover {
	border: 1px solid #ffffff;
}
.s-footer-link a::after {
	content: "";
	position: absolute;
	width: 50px;
	height: 50px;
	top: 0;
	right: 7px;
	background-image: url(../img/s-content-arrow-icon01-w.svg);
	background-position: center center;
	background-repeat: no-repeat;
	opacity: 0.6;
	transition: all 0.3s;
}
.s-footer-link a:hover:after {
	opacity: 1;
}
.s-footer-right-bottom-content {
	width: 278px;
	margin: -10px 0 0 0;
}
.s-footer-bottom-content {
	width: 100%;
	display: flex;
	flex-wrap: nowrap;
	margin-top: 115px;
}
.s-footer-bottom-left-content {
	flex-basis: 50%;
	text-align: left;
}
.s-footer-bottom-left-copyright {
	font-size: 12px;
	font-weight: 400;
	letter-spacing: 0.06em;
	line-height: 12px;
	text-align: left;
	color: #888888;
}
.s-footer-bottom-right-content {
	flex-basis: 50%;
	text-align: right;
}
.s-footer-bottom-right-link {
	font-size: 12px;
	font-weight: 400;
	letter-spacing: 0.06em;
	line-height: 12px;
	text-align: right;
	color: #888888;
}
.s-footer-bottom-right-link a {
	color: #888888;
}
.s-footer-bottom-right-link a:hover {
	color: #ffffff;
}
.s-pagetop {
	display: none;
	position: absolute;
	top: 238px;
	right: 49px;
	transform: rotate(90deg);
    font-size: 12px;
    font-weight: 400;
	letter-spacing: 0.06em;
    text-transform: uppercase;
	cursor: pointer;
    color: #888888;
    z-index: 10010;
}
.s-pagetop:hover {
	color: #ffffff;
}
.s-pagetop::after {
	content: "";
	position: absolute;
	width: 40px;
	height: 40px;
	top: -7px;
	left: -56px;
	transform: rotate(180deg);
	background-image: url(../img/s-content-arrow-icon01-w.svg);
	background-position: center center;
	background-size: 29px;
	background-repeat: no-repeat;
	opacity: 0.6;
	transition: all 0.3s;
}
.s-pagetop:hover:after {
	opacity: 1;
}

/* プロジェクト 個別 */
.s-project-single-header {
	width: 100vw;
	height: 100vh;
	margin: 0;
	position: relative;
}
.s-project-single-header-box {
	width: 1440px;
	height: 100vh;
	position: relative;
	display: flex;
	flex-flow: column;
	align-items: flex-start;
	justify-content: center;
	text-align: left;
	margin: 0 auto;
	z-index: 2;
}
.s-project-single-nophoto-header {
	width: 100vw;
	height: auto;
	margin: 0;
	position: relative;
}
.s-project-single-nophoto-header .s-project-single-header-box {
	width: 1440px;
	height: auto;
	position: relative;
	display: flex;
	flex-flow: column;
	align-items: flex-start;
	justify-content: center;
	text-align: left;
	margin: 210px auto -80px;
	z-index: 2;
}
.s-project-single-header-box-inner {
	width: auto;
	height: auto;
	margin-left: 120px;
	margin-top: 20px;
	text-align: left;
}
.s-project-single-header-box-wrap {
	display: flex;
	flex-wrap: nowrap;
}
.s-project-single-title-1 {
	position: relative;
	font-size: 18px;
	font-weight: 400;
	letter-spacing: 0.06em;
	line-height: 18px;
	text-align: left;
	color: #ffffff;
	text-transform: uppercase;
	padding-right: 105px;
	margin-bottom: 65px;
}
.s-project-single-title-1::after {
    content: "";
    position: absolute;
    top: 9px;
    right: 30px;
    width: 50px;
    height: 1px;
    background-color: #888888;
}
.s-project-single-title-2 {
	position: relative;
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 0.06em;
	line-height: 18px;
	text-align: left;
	color: #bbbbbb;
}
.s-project-single-content-title {
	position: relative;
	font-size: 30px;
	font-weight: 400;
	letter-spacing: 0.06em;
	line-height: 30px;
	text-align: left;
	color: #ffffff;
	margin: 0 30px 40px 0;
	float: left;
}
.s-project-single-content-type {
	display: inline-block;
	position: relative;
	top: 3px;
	font-size: 12px;
	font-weight: 400;
	letter-spacing: 0.06em;
	line-height: 20px;
	color: #ffffff;
	height: 22px;
	border: 1px solid #ffffff;
	border-radius: 11px;
	padding: 0 10px;
	margin-right: 10px;
}
.s-project-singles-content-summary {
	position: relative;
	max-width: 900px;
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 0.06em;
	line-height: 28px;
	text-align: left;
	color: #ffffff;
}
.s-project-singles-content-spec {
	display: flex;
	flex-wrap: wrap;
	width: 530px;
	margin-top: 20px;
}
.s-project-singles-content-spec dt {
	flex-basis: 60px;
	font-size: 12px;
	font-weight: 400;
	letter-spacing: 0.06em;
	line-height: 26px;
	color: #888888;
}
.s-project-singles-content-spec dd {
	flex-basis: 155px;
	margin-right: 50px;
	font-size: 12px;
	font-weight: 400;
	letter-spacing: 0.06em;
	line-height: 26px;
	color: #888888;
}
.s-project-singles-content-spec a {
	text-decoration: underline;
}
.s-project-singles-content-spec a:hover {
	color: #ffffff;
}
.s-project-single-content-photographer {
	margin-top: 60px;
	font-size: 12px;
	font-weight: 400;
	letter-spacing: 0.06em;
	line-height: 26px;
	color: #888888;
}
.s-project-single-content-photographer a {
	text-decoration: underline;
}
.s-project-single-content-photographer a:hover {
	color: #ffffff;
}
.s-project-single-header-background-slide {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
}
.s-project-single-header-background-slide::after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: rgba(0, 0, 0, 0.4);
}
.s-project-single-header-background-slide img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: 1;
}
.s-project-main-section {
	width: 100%;
	margin: 0;
	position: relative;
}
.s-single-wrapper {
	width: 1440px;
	margin: 210px auto 0;
	padding: 0 210px 0 20px;
}
.s-project-main-section-img-content {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 120px;
}
.s-project-main-section-large-wrap {
	width: 1210px;
	height: fit-content;
	margin: 0 0 20px 0;
}
.s-project-main-section-large-wrap img {
	width: 100%;
	height: auto;
	object-fit: contain;
}
.s-project-main-section-small-wrap {
	flex-shrink: 0;
	width: 595px;
	height: auto;
	margin: 0 0 20px 0;
	background-color: rgba(0, 0, 0, 0.2);
}
.s-project-main-section-small-wrap img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.fancybox-button--close {
	width: 37px;
	height: 37px;
	padding: 0;
	margin: 20px 80px 0 0;
	background-color: transparent;
}
.fancybox-button--arrow_left {
	width: 52px;
	height: 53px;
	padding: 0;
	margin-left: 60px;
	background-color: transparent;
}
.fancybox-button--arrow_right {
	width: 52px;
	height: 53px;
	padding: 0;
	margin-right: 60px;
	background-color: transparent;
}
.fancybox-navigation .fancybox-button--arrow_right {
	padding: 0 !important;
}
.fancybox-navigation .fancybox-button div {
	padding: 0 !important;
}
.s-project-main-section-detail-content {
	position: relative;
	width: calc( 100% - 60px );
	margin: 0 0 140px 60px;
}
.s-project-single-content-photographer.detail-content {
/*	margin-top: -27px;*/
}
.s-project-single-detail-box-wrap {
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	width: 100%;
	margin-top: 45px;
}
.s-project-single-detail-box-right {
	flex-shrink: 0;
	width: 430px;
}
.s-project-singles-content-spec.detail-content {
	display: flex;
	flex-wrap: wrap;
	width: 430px;
	margin-top: 0;
}
.s-project-singles-content-spec.detail-content:last-child {
	margin-top: 30px;
}
.s-project-singles-content-spec.detail-content dt {
	flex-basis: 130px;
	width: 130px;
	flex-shrink: 0;
	font-size: 12px;
	font-weight: 400;
	letter-spacing: 0.06em;
	line-height: 26px;
	color: #888888;
}
.s-project-singles-content-spec.detail-content dd {
	flex-basis: 250px;
	width: 250px;
	flex-shrink: 0;
	font-size: 12px;
	font-weight: 400;
	letter-spacing: 0.06em;
	line-height: 26px;
	color: #888888;
}
.s-project-single-detail-box-left {
	flex-shrink: 0;
	width: 680px;
}
.s-project-single-detail-box-left p {
	position: relative;
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 0.06em;
	line-height: 28px;
	text-align: left;
	color: #ffffff;
	padding-bottom: 28px;
}

.s-other-project-section {
	width: 100%;
	margin: 0;
	text-align: center;
}
.s-other-project-content {
	width: calc( 100% - 80px);
	margin-left: 80px;
	text-align: left;
	overflow: hidden;
}
.s-other-project-text-box {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 37px;
}
.s-other-project-title-1 {
	display: inline-block;
	position: relative;
	font-size: 18px;
	font-weight: 400;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: #ffffff;
	margin: 0 120px 0 0;
	text-align: left;
}
.s-other-project-title-1::after {
	content: "";
	position: absolute;
	top: 13px;
    right: -86px;
	width: 50px;
	height: 1px;
	background-color: #888888;
}
.s-other-project-title-2 {
	font-size: 16px;
	font-weight: 400;
	letter-spacing: 0.06em;
	color: #888888;
}
.s-swiper-other-project-content {
	position: relative;
	width: 1440px;
	margin: -75px auto 210px;
	padding-top: 83px;
	overflow: hidden;
}
.s-swiper-other-project-slide {
	width: 260px;
	text-align: left;
}
.s-swiper-other-project-content .swiper-slide:first-child {
	margin-left: 80px;
}
.s-swiper-other-project-slide-link {
	display: inline-block;
	position: relative;
	width: 260px;
	height: 260px;
	background-color: #000000;
}
.s-swiper-other-project-slide-link img {
	width: 100%;
	height: 100%;
	margin-bottom: 10px;
	object-fit: cover;
	opacity: 1;
	transition: all 0.3s;
}
.s-swiper-other-project-slide-link:hover img {
	opacity: 0.6;
}
.s-swiper-other-project-title {
	font-size: 18px;
	font-weight: 400;
	letter-spacing: 0.06em;
	line-height: 18px;
	color: #ffffff;
	margin-top: 11px;
	margin-right: 10px;
	display: contents;
}
.s-swiper-other-project-title::after {
	content: "　";
}
.s-swiper-other-project-type {
	display: inline-block;
	position: relative;
	font-size: 12px;
	font-weight: 400;
	letter-spacing: 0.06em;
	line-height: 20px;
	color: #ffffff;
	height: 22px;
	border: 1px solid #ffffff;
	border-radius: 11px;
	padding: 0 10px;
	margin: 10px 10px 0 0;
}
.s-swiper-other-project-spec {
	font-size: 12px;
	font-weight: 400;
	letter-spacing: 0.06em;
	line-height: 16px;
	color: #888888;
	margin-top: 15px;
	clear: both;
}
.other-project-swiper-button-prev {
	position: absolute;
	top: 0;
	right: 278px;
	width: 52px;
	height: 53px;
	opacity: 0.6;
	cursor: pointer;
}
.other-project-swiper-button-prev:hover {
	opacity: 1;
}
.other-project-swiper-button-next {
	position: absolute;
	top: 0;
	right: 222px;
	width: 52px;
	height: 53px;
	opacity: 0.6;
	cursor: pointer;
}
.other-project-swiper-button-next:hover {
	opacity: 1;
}

/* プロジェクト 個別 */
.s-project-archive-article {
	width: 1440px;
	margin: 0 auto 0;
	padding-top: 210px;
}
.s-archive-wrapper {
	width: 1150px;
	margin: 0 210px 0 80px;
}
.s-project-archive-header{
	position: relative;
	width: 100%;
	margin: 0;
}
.s-project-archive-header-wrap {
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	width: calc( 100% - 30px ) ;
	margin: 0 30px 0 0;
}
.s-project-archive-header-title-1 {
	position: relative;
	font-size: 32px;
	font-weight: 400;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: #ffffff;
	padding-right: 120px;
}
.s-project-archive-header-title-1::after {
	content: "";
	position: absolute;
	top: 12px;
	right: 35px;
	width: 50px;
	height: 1px;
	background-color: #888888;
}
.s-project-archive-header-title-2 {
	font-size: 16px;
	font-weight: 400;
	letter-spacing: 0.06em;
	color: #888888;
	margin-right: auto;
}
.s-project-archive-header-right-1 {
	margin-top: -6px;
	position: relative;
}
.s-project-archive-header-right-2 {
	margin-top: -6px;
	margin-left: 40px;
	position: relative;
}
.s-project-archive-header-cat {
	position: relative;
	width: 130px;
	border-bottom: 1px solid #888888;
	font-size: 12px;
	font-weight: 400;
	letter-spacing: 0.06em;
	line-height: 25px;
	color: #888888;
}
.s-project-archive-header-cat span {
	position: absolute;
	top: 0;
	right: 27px;
	color: #ffffff;
}
.s-project-archive-header-cat::after {
	content: "";
	position: absolute;
	top: 7px;
	right: 0;
	width: 7px;
	height: 7px;
	border-right: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	transform: rotate(45deg);
	cursor: pointer;
	transition: all 0.3s;
}
.s-project-archive-header-cat.active::after {
	transform: rotate(225deg);
	top: 11px;
}
.s-project-archive-header-cat-ul {
	position: absolute;
	top: 26px;
	left: 0;
	display: flex;
	flex-flow: column;
	width: 130px;
	display: none;
	z-index: 99;
	background-color: rgba(0, 0, 0, 0.6);
}
.s-project-archive-header-cat-li a {
	display: inline-block;
	width: 130px;
	height: 25px;
	border-bottom: 1px solid #888888;
	font-size: 12px;
	font-weight: 400;
	letter-spacing: 0.06em;
	line-height: 25px;
	text-align: right;
	color: #888888;
	padding-right: 27px;
}
.s-project-archive-header-cat-li a:hover {
	color: #ffffff;
}
.s-project-archive-section {
	position: relative;
	width: 100%;
	margin-top: 132px;
}
.s-project-archive-section-cat-name {
	font-size: 18px;
	font-weight: 400;
	letter-spacing: 0.06em;
	color: #ffffff;
	text-transform: uppercase;
}
.s-project-archive-section-content {
	width: 1120px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 63px 0 0 0;
}
.s-project-archive-section-content::before{
	content:"";
	display: block;
	width:23%;
	order:1;
}
.s-project-archive-section-content::after{
	content:"";
	display: block;
	width:23%;
}
.s-project-archive-section-content .s-swiper-other-project-slide {
	margin-bottom: 40px;
}
.s-project-archive-footer {
	width: 100%;
	display: flex;
	flex-wrap: nowrap;
	justify-content: flex-end;
	margin: 6px 0 242px 0;
}
.s-project-archive-footer-page {
	position: relative;
	font-size: 16px;
	font-weight: 400;
	letter-spacing: 0.02em;
	color: #888888;
	margin: 14px 21px 0 0;
	display: flex;
	flex-wrap: nowrap;
}
.s-project-archive-footer-page-start {
	color: #ffffff;
	margin: 0 0 0 15px;
	vertical-align: -3px;
}
.s-project-archive-footer-page-end {
	color: #ffffff;
	margin: 0 0 0 25px;
	vertical-align: -3px;
}
.s-project-archive-footer-page-end::before {
	content: "";
	position: absolute;
	top: 15px;
	right: 15px;
	width: 24px;
	height: 1px;
	background-color: #888888;
	transform: rotate(-70deg);
}
.s-project-archive-footer-button-prev {
	margin: 0 0 0 0;
}
.s-project-archive-footer-button-prev a {
	opacity: 0.6;
}
.s-project-archive-footer-button-prev a:hover {
	opacity: 1;
}
.s-project-archive-footer-button-next {
	margin-right: 8px;
}
.s-project-archive-footer-button-next a {
	opacity: 0.6;
}
.s-project-archive-footer-button-next a:hover {
	opacity: 1;
}

/* お知らせ アーカイブ */
.s-news-archive-article {
	width: 1440px;
	margin: 0 auto 0;
	padding-top: 210px;
}
.s-archive-wrapper {
	width: 1150px;
	margin: 0 210px 0 80px;
}
.s-news-archive-header{
	position: relative;
	width: 100%;
	margin: 0;
}
.s-news-archive-header-wrap {
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	width: 100%;
	margin: 0;
}
.s-news-archive-header-title-1 {
	position: relative;
	font-size: 32px;
	font-weight: 400;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: #ffffff;
	padding-right: 120px;
}
.s-news-archive-header-title-1::after {
	content: "";
	position: absolute;
	top: 12px;
	right: 35px;
	width: 50px;
	height: 1px;
	background-color: #888888;
}
.s-news-archive-header-title-2 {
	font-size: 16px;
	font-weight: 400;
	letter-spacing: 0.06em;
	color: #888888;
	margin-right: auto;
}
.s-news-archive-header-right {
	position: relative;
	display: flex;
	flex-wrap: nowrap;
	justify-content: flex-end;
	margin-top: -18px;
}
.s-news-archive-footer-page {
	position: relative;
	font-size: 16px;
	font-weight: 400;
	letter-spacing: 0.02em;
	color: #888888;
	margin: 14px 21px 0 0;
	display: flex;
	flex-wrap: nowrap;
}
.s-news-archive-footer-page-start {
	color: #ffffff;
	margin: 0 0 0 15px;
	vertical-align: -3px;
}
.s-news-archive-footer-page-end {
	color: #ffffff;
	margin: 0 0 0 25px;
	vertical-align: -3px;
}
.s-news-archive-footer-page-end::before {
	content: "";
	position: absolute;
	top: 15px;
	right: 15px;
	width: 24px;
	height: 1px;
	background-color: #888888;
	transform: rotate(-70deg);
}
.s-news-archive-footer-button-prev {
	margin: 0 0 0 0;
}
.s-news-archive-footer-button-prev a {
	opacity: 0.6;
}
.s-news-archive-footer-button-prev a:hover {
	opacity: 1;
}
.s-news-archive-footer-button-next {
	margin-right: 8px;
}
.s-news-archive-footer-button-next a {
	opacity: 0.6;
}
.s-news-archive-footer-button-next a:hover {
	opacity: 1;
}
.s-news-archive-section {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 100%;
	margin-top: 64px;
}
.s-news-archive-side {
	width: 320px;
	margin-right: auto;
}
.s-news-archive-side-cat-title {
	position: relative;
	display: inline-block;
	font-size: 16px;
	font-weight: 400;
	letter-spacing: 0.06em;
	color: #ffffff;
	padding-right: 120px;
	margin-bottom: 23px;
}
.s-news-archive-side-cat-title::after {
	content: "";
	position: absolute;
	top: 13px;
	right: 64px;
	width: 50px;
	height: 1px;
	background-color: #888888;
}
.s-news-archive-side-cat-ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: left;
	width: 330px;
	margin-bottom: 110px;

}
.s-news-archive-side-cat-li  {
	margin-bottom: 7px;
}
.s-news-archive-side-cat-li a {
	position: relative;
	display: inline-block;
	font-size: 10px;
	font-weight: 400;
	letter-spacing: 0.06em;
	line-height: 19px;
	color: #888888;
	height: 21px;
	border: 1px solid #888888;
	border-radius: 10.5px;
	padding: 0 10px;
	margin-right: 10px;
}
.s-news-archive-side-cat-li a:hover,
.s-news-archive-side-cat-li a.current {
	color: #ffffff;
	border: 1px solid #ffffff;
}
.s-news-archive-side-description {
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 0.06em;
	line-height: 14px;
	color: #ffffff;
	margin-bottom: 44px;
}
.s-news-archive-main {
	position: relative;
	width: 780px;
}
.s-news-archive-main-ul {
	position: relative;
	display: flex;
	flex-flow: column;
	margin: -13px 0 70px 0;
}
.s-news-archive-main-li {
	display: flex;
	flex-wrap: nowrap;
	margin-right: 20px;
}
.s-news-side-list-li {
	display: flex;
	flex-wrap: wrap;
	justify-content: left;
	padding: 13px 0 20px 0;
	border-bottom: transparent;
}
.s-news-list-li-img-link {
	display: inline-block;
	width: 110px;
	height: 70px;
	margin: 20px 20px  0 0;
	overflow: hidden;
}
.s-news-list-li-img-link img {
	width: 110px;
	height: 70px;
	object-fit: cover;
}
.s-news-list-li-img-link.no-image {
	display: inline-block;
	width: 110px;
	height: 70px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	background-image: url(../img/s-news-archive-thumb-no-img.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	font-size: 12px;
	font-weight: 400;
	letter-spacing: 0.06em;
	line-height: 12px;
	color: #333333;
}
.s-news-archive-footer {
	width: 100%;
	display: flex;
	flex-wrap: nowrap;
	justify-content: flex-end;
	margin: 6px 0 242px 0;
}

/* お知らせ 個別 */
.s-news-single-article {
	width: 1440px;
	margin: 0 auto 0;
	padding-top: 210px;
}
.s-archive-wrapper {
	width: 1150px;
	margin: 0 210px 0 80px;
}
.s-news-single-header{
	position: relative;
	width: 100%;
	margin: 0;
}
.s-news-single-header-wrap {
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	width: 100%;
	margin: 0;
}
.s-news-single-header-title-1 {
	position: relative;
	font-size: 32px;
	font-weight: 400;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: #ffffff;
	padding-right: 120px;
}
.s-news-single-header-title-1::after {
	content: "";
	position: absolute;
	top: 12px;
	right: 35px;
	width: 50px;
	height: 1px;
	background-color: #888888;
}
.s-news-single-header-title-2 {
	font-size: 16px;
	font-weight: 400;
	letter-spacing: 0.06em;
	color: #888888;
	margin-right: auto;
}
.s-news-single-header-right {
	position: relative;
	display: flex;
	flex-wrap: nowrap;
	justify-content: flex-end;
	margin-right: 10px;
}
.s-news-single-header-right-share {
	font-size: 12px;
	font-weight: 400;
	letter-spacing: 0.06em;
	color: #ffffff;
	line-height: 23px;
}
.s-news-single-header-right-share img {
	width: 23px;
	height: auto;
	margin-left: 16px;
	margin-right: 16px;
	vertical-align: -4px;
}
.s-news-single-header-right-share a {
	margin-left: 30px;
}
.s-news-single-header-right-share i {
	font-size: 23px;
}
.s-news-single-section {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 100%;
	margin-top: 77px;
}
.s-news-single-side {
	width: 320px;
	margin-right: auto;
	margin-bottom: 100px;
	order: 1;
}
.s-news-single-side-cat-title {
	position: relative;
	display: inline-block;
	font-size: 16px;
	font-weight: 400;
	letter-spacing: 0.06em;
	color: #ffffff;
	padding-right: 120px;
	margin-bottom: 10px;
}
.s-news-single-side-cat-title::after {
	content: "";
	position: absolute;
	top: 13px;
	right: 64px;
	width: 50px;
	height: 1px;
	background-color: #888888;
}
.s-news-single-side-ul {
	display: flex;
	flex-flow: column;
	margin-bottom: 100px;
}
.s-news-single-side-li {
	display: flex;
	flex-wrap: nowrap;
	border-bottom: 1px solid #888888;
}
.s-news-side-list-li-img-link {
	display: inline-block;
	width: 80px;
	height: 60px;
	margin: 15px 0 0 0;
	overflow: hidden;
}
.s-news-side-list-li-img-link img {
	width: 80px;
	height: 60px;
	object-fit: cover;
}
.s-news-side-list-li-img-link.no-image {
	display: inline-block;
	width: 80px;
	height: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	background-image: url(../img/s-news-archive-thumb-no-img.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	font-size: 12px;
	font-weight: 400;
	letter-spacing: 0.06em;
	line-height: 12px;
	color: #333333;
}
.s-news-side-list-li {
	width: 216px;
	margin-left: auto;
}
.s-news-single-side-li .s-news-list-li-title {
	font-size: 12px;
	font-weight: 400;
	line-height: 20px;
	color: #ffffff;
	text-align: left;
	padding-top: 3px;
	border-bottom: transparent;
}
.s-news-single-side-cat-ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: left;
	width: 330px;
	margin-bottom: 110px;

}
.s-news-single-side-cat-li  {
	margin-bottom: 7px;
}
.s-news-single-side-cat-li a {
	position: relative;
	display: inline-block;
	font-size: 10px;
	font-weight: 400;
	letter-spacing: 0.06em;
	line-height: 19px;
	color: #888888;
	height: 21px;
	border: 1px solid #888888;
	border-radius: 10.5px;
	padding: 0 10px;
	margin-right: 10px;
}
.s-news-single-side-cat-li a:hover,
.s-news-single-side-cat-li a.current {
	color: #ffffff;
	border: 1px solid #ffffff;
}
.s-news-single-side-description {
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 0.06em;
	line-height: 14px;
	color: #ffffff;
	margin-bottom: 44px;
}
.s-news-single-main {
	position: relative;
	width: 780px;
	margin-top: 10px;
	margin-bottom: 78px;
	order: 2;
}
.s-news-single-main-header-wrap {
	display: flex;
	flex-wrap: nowrap;
	margin-bottom: 60px;
}
.s-news-single-main h2.title {
	font-size: 20px;
	font-weight: 700;
	letter-spacing: 0.02em;
	line-height: 14px;
	color: #ffffff;
	margin-bottom: 23px;
}
.s-news-single-main img {
	max-width: 100%;
	height: auto;
	margin-bottom: 75px;
}
.s-news-single-main figure {
	margin-bottom: 75px;
}
.s-news-single-main figure img {
	max-width: 100%;
	height: auto;
	margin-bottom: 10px;
}
.s-news-single-main figcaption {
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 0.02em;
	line-height: 18px;
	color: #bbbbbb;
	text-align: left;
	margin-bottom: 68px;
}
.s-news-single-main h1 {
	font-size: 28px;
	font-weight: 700;
	letter-spacing: 0.02em;
	line-height: 1.5em;
	color: #ffffff;
	margin-bottom: 52px;
}
.s-news-single-main h2 {
	font-size: 24px;
	font-weight: 700;
	letter-spacing: 0.02em;
	line-height: 1.5em;
	color: #ffffff;
	margin-bottom: 52px;
}
.s-news-single-main h3 {
	font-size: 22px;
	font-weight: 700;
	letter-spacing: 0.02em;
	line-height: 1.5em;
	color: #ffffff;
	margin-bottom: 52px;
}
.s-news-single-main h4 {
	font-size: 20px;
	font-weight: 700;
	letter-spacing: 0.02em;
	line-height: 1.5em;
	color: #ffffff;
	margin-bottom: 52px;
}
.s-news-single-main h5 {
	font-size: 18px;
	font-weight: 700;
	letter-spacing: 0.02em;
	line-height: 1.5em;
	color: #ffffff;
	margin-bottom: 52px;
}
.s-news-single-main h6 {
	font-size: 16px;
	font-weight: 700;
	letter-spacing: 0.02em;
	line-height: 1.5em;
	color: #ffffff;
	margin-bottom: 52px;
}
.s-news-single-main p {
	font-size: 16px;
	font-weight: 400;
	letter-spacing: 0.02em;
	line-height: 26px;
	color: #ffffff;
	margin-bottom: 26px;
}
.s-news-single-main a {
	color: #a48440;
	text-decoration: underline;
}
.s-news-single-main a:hover {
	color: #d3a950;
}
.blank-btn,
.s-project-single-content-photographer.detail-content a[target="_blank"],
.s-project-singles-content-spec.detail-content a[target="_blank"],
.s-news-single-main a[target="_blank"] {
	position: relative;
	background-image: url(../img/blank-icon.svg);
	background-position: right center;
	background-repeat: no-repeat;
	background-size: auto;
	padding-right: 15px;
	margin-right: 2px;
}
.blank-btn:hover,
.s-news-single-main a[target="_blank"]:hover {
	background-image: url(../img/blank-icon-hover.svg);
}
.s-news-single-main ul,
.s-news-single-main ol {
	margin-bottom: 26px;
}
.s-news-single-main ul {
	list-style-type: disc;
	list-style-position: inside;
}
.s-news-single-main ol {
	list-style-type: decimal;
	list-style-position: inside;
}
.s-news-single-main li {
	font-size: 16px;
	font-weight: 400;
	letter-spacing: 0.02em;
	line-height: 26px;
	color: #ffffff;
}
.s-news-single-main hr {
	display: block;
	border-top: 1px solid #888888;
	margin: 78px 0 78px 0;
}
.s-news-single-main blockquote {
	font-size: 16px;
	font-weight: 400;
	letter-spacing: 0.02em;
	line-height: 26px;
	color: #ffffff;
	margin-bottom: 26px;
	padding: 30px 34px;
	background-color: rgba(225, 225, 225, 0.1);
	margin-bottom: 78px;
}
.s-news-single-footer {
	width: 100%;
	margin: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	order: 3;
}
.s-news-single-footer-1 {
	position: relative;
	display: flex;
	flex-wrap: nowrap;
	width: 780px;
	margin-bottom: 78px;
	padding: 60px 0;
	border-top: 1px solid rgba(225, 225, 225, 0.1);
	border-bottom: 1px solid rgba(225, 225, 225, 0.1);
}
.s-news-single-footer-share {
	font-size: 12px;
	font-weight: 400;
	letter-spacing: 0.06em;
	color: #ffffff;
	line-height: 23px;
	margin-right: auto;
}
.s-news-single-footer-share img {
	width: 23px;
	height: auto;
	margin-left: 16px;
	margin-right: 16px;
	vertical-align: -4px;
}
.s-news-single-footer-share-right a {
	margin-left: 48px;
}
.s-news-single-footer-share-right i {
	font-size: 23px;
}
.s-news-single-footer-2 {
	position: relative;
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	width: 780px;
	margin-bottom: 260px;
}
.s-news-single-footer-prev {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	position: relative;
	width: 300px;
	height: 58px;
	padding-left: 0;
	font-size: 12px;
	font-weight: 400;
	letter-spacing: 0.06em;
	color: #ffffff;
	line-height: 20px;
}
.s-news-single-footer-prev-img {
	width: 57px;
}
.s-news-single-footer-prev img {
	width: 57px;
	opacity: 0.6;
	transition: all 0.3s;
}
.s-news-single-footer-prev:hover img {
	opacity: 1;
}
.s-news-single-footer-prev-text {
	width: 223px;
	text-align: left;
	padding: 0 10px;
}
.s-news-single-footer-next {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	position: relative;
	width: 300px;
	height: 58px;
	padding-left: 0;
	font-size: 12px;
	font-weight: 400;
	letter-spacing: 0.06em;
	color: #ffffff;
	line-height: 20px;
}
.s-news-single-footer-next-img {
	width: 57px;
}
.s-news-single-footer-next img {
	width: 57px;
	opacity: 0.6;
	transition: all 0.3s;
}
.s-news-single-footer-next:hover img {
	opacity: 1;
}
.s-news-single-footer-next-text {
	width: 223px;
	text-align: right;
	padding: 0 10px;
}
.s-news-single-footer-archive {
	display: flex;
	align-items: center;
	height: 58px;
}
/* 三角屋について */
.s-about-single-header {
	width: 100vw;
	height: 100vh;
	margin: 0;
	position: relative;
}
.s-about-single-header-box {
	width: 1440px;
	height: 100vh;
	position: relative;
	display: flex;
	flex-flow: column;
	align-items: flex-start;
	justify-content: center;
	text-align: left;
	margin: 0 auto;
	z-index: 2;
}
.s-about-single-header-box-inner {
	width: auto;
	height: auto;
	margin-left: 120px;
	margin-top: -100px;
	text-align: left;
}
.s-about-single-header-box-wrap {
	display: flex;
	flex-wrap: nowrap;
}
.s-about-single-title-1 {
	position: relative;
	font-size: 32px;
	font-weight: 400;
	letter-spacing: 0.06em;
	line-height: 18px;
	text-align: left;
	color: #ffffff;
	text-transform: uppercase;
	padding-right: 105px;
	margin-bottom: 110px;
}
.s-about-single-title-1::after {
    content: "";
    position: absolute;
    top: 9px;
    right: 30px;
    width: 50px;
    height: 1px;
    background-color: #888888;
}
.s-about-single-title-2 {
	position: relative;
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 0.06em;
	line-height: 18px;
	text-align: left;
	color: #bbbbbb;
}
.s-about-single-content-title {
	position: relative;
	font-size: 30px;
	font-weight: 400;
	letter-spacing: 0.06em;
	line-height: 30px;
	text-align: left;
	color: #ffffff;
	margin: 0 30px 40px 0;
}
.s-about-single-content-summary {
	position: relative;
	font-size: 18px;
	font-weight: 400;
	letter-spacing: 0.06em;
	line-height: 34px;
	text-align: left;
	color: #ffffff;
	margin-bottom: 20px;
}
.s-about-single-content-summary-en {
	position: relative;
	font-size: 16px;
	font-weight: 400;
	letter-spacing: 0.06em;
	line-height: 26px;
	text-align: left;
	color: #ffffff;
}
.s-about-single-header-background-slide {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
}
.s-about-single-header-background-slide img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: 1;
}
.s-about-main-section {
	position: relative;
	width: 100%;
	margin: 0 0 0 0;
}
.s-about-main-section-content {
	position: relative;
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	width: 100%;
	margin-bottom: 45px;
}
.s-about-wrapper {
	width: 1440px;
	margin: 0 auto 0;
	padding: 140px 210px 0 20px;
}
.s-about-main-section-content-left {
	position: relative;
	width: calc( (100% - 60px - 45px) / 2 );
	margin: 0 auto 0 60px;
}
.s-about-main-section-content-left p {
	font-size: 16px;
	font-weight: 400;
	letter-spacing: 0.06em;
	line-height: 32px;
	text-align: left;
	color: #ffffff;
	margin-bottom: 30px;
}
.s-about-main-section-content-right {
	width: calc( (100% - 60px - 45px) / 2 );
	margin: 0 0 0 auto;
}
.s-about-main-section-content-right p {
	font-size: 16px;
	font-weight: 400;
	letter-spacing: 0.06em;
	line-height: 25px;
	text-align: left;
	color: #ffffff;
	margin-bottom: 26px;
}
.s-about-main-slide-content {
	position: relative;
	width: 100%;
	margin: 0 0 135px 60px;
}
.s-about-slides {
	position: relative;
	width: 1140px;
	height: 812px;
}
.s-about-slide {
	position: relative;
	width: 1140px;
	height: 730px;
	overflow: hidden;
}
.s-about-slide img {
	width: 1140px;
	height: 730px;
	object-fit: cover;
}
.s-about-slides .slick-prev {
	position: absolute;
	bottom: 0;
	right: 55px;
	cursor: pointer;
	opacity: 0.6;
	transition: all 0.3s;
}
.s-about-slides .slick-prev:hover {
	opacity: 1;
}
.s-about-slides .slick-next {
	position: absolute;
	bottom: 0;
	right: 0;
	cursor: pointer;
	opacity: 0.6;
	transition: all 0.3s;
}
.s-about-slides .slick-next:hover {
	opacity: 1;
}
.s-about-thumbs {
	position: absolute;
	display: flex;
	flex-wrap: nowrap;
	width: 900px;
	height: 30px;
	bottom: 25px;
	left: 0;
}
.s-about-thumb {
	position: relative;
	width: 40px;
	height: 30px;
	margin-right: 1px;
	overflow: hidden;
	cursor: pointer;
	opacity: 0.3;
	transition: all 0.3s;
}
.s-about-thumb.slick-current {
	opacity: 1;
}
.s-about-thumb img {
	width: 40px;
	height: 30px;
	object-fit: cover;
}
.s-about-case-header {
	position: relative;
	width: 100%;
    height: 650px;
	margin: 0;
	overflow: hidden;
}
.s-about-case-header-inner {
	position: absolute;
	width: 100%;
    height: 1105px;
	margin: 0;
	top: 0;
	left: 0;
	overflow: hidden;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
/*	transition-timing-function: ease;*/
}
.s-about-case-header-inner.case1 {
	background-image: url(../img/s-about-bk1-img01.jpg);
}
.s-about-case-header-inner.case2 {
	background-image: url(../img/s-about-bk1-img02.jpg);
}
.s-about-case-header-inner.case3 {
	background-image: url(../img/s-about-bk1-img03.jpg);
}
.s-about-case-header-inner.case4 {
	background-image: url(../img/s-about-bk1-img04.jpg);
}
.s-about-case-section-content {
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	margin-top: -25px;
}
.s-about-case-section-content-left {
	width: 360px;
	margin-left: 60px;
}
.s-about-case-title-1 {
	display: inline-block;
	position: relative;
	font-size: 22px;
	font-weight: 400;
	letter-spacing: 0.02em;
	color: #ffffff;
	margin-bottom: 35px;
	text-align: left;
}
.s-about-case-title-1::after {
	content: "";
	position: absolute;
	top: 13px;
    right: -67px;
	width: 50px;
	height: 1px;
	background-color: #ffffff;
}
.s-about-case-title-2 {
	font-size: 36px;
	font-weight: 400;
	letter-spacing: 0.12em;
	color: #ffffff;
	text-align: left;
}
.s-about-case-section-content-right {
	width: 790px;
	margin-top: -6px;
	margin-bottom: 120px;
}
.s-about-case-section-content-right p.jp {
	font-size: 16px;
	font-weight: 400;
	letter-spacing: 0.06em;
	line-height: 32px;
	text-align: left;
	color: #ffffff;
	margin-bottom: 45px;
}
.s-about-case-section-content-right p.en {
	font-size: 16px;
	font-weight: 400;
	letter-spacing: 0.06em;
	line-height: 25px;
	text-align: left;
	color: #ffffff;
	margin-bottom: 45px;
}
.s-about-case-slide-content {
	position: relative;
	width: 100%;
	margin: 0;
}
.s-about-case-slides {
	position: relative;
	width: 780px;
	height: 550px;
}
.s-about-case-slide {
	position: relative;
	width: 780px;
	height: 480px;
	overflow: hidden;
}
.s-about-case-slide img {
	width: 780px;
	height: 480px;
	object-fit: cover;
}
.s-about-case-slides .slick-prev {
	position: absolute;
	bottom: 0;
	right: 55px;
	cursor: pointer;
	opacity: 0.6;
	transition: all 0.3s;
}
.s-about-case-slides .slick-prev:hover {
	opacity: 1;
}
.s-about-case-slides .slick-next {
	position: absolute;
	bottom: 0;
	right: 0;
	cursor: pointer;
	opacity: 0.6;
	transition: all 0.3s;
}
.s-about-case-slides .slick-next:hover {
	opacity: 1;
}
.s-about-case-thumbs {
	position: absolute;
	display: flex;
	flex-wrap: nowrap;
	width: 640px;
	height: 30px;
	bottom: 25px;
	left: 0;
}
.s-about-case-thumb {
	position: relative;
	width: 40px;
	height: 30px;
	margin-right: 1px;
	overflow: hidden;
	cursor: pointer;
	opacity: 0.3;
	transition: all 0.3s;
}
.s-about-case-thumb.slick-current {
	opacity: 1;
}
.s-about-case-thumb img {
	width: 40px;
	height: 30px;
	object-fit: cover;
}
.s-about-bottom-photo {
	position: relative;
	width: 100%;
	height: 750px;
	margin: 0 0 160px 0;
	overflow: hidden;
	background-image: url(../img/s-about-bk1-img05.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
.s-about-bottom-link {
	width: 1440px;
	margin: 0 auto 120px;
}
.s-about-bottom-link-inner {
	margin: 0 220px 0 80px;
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
}
.s-about-bottom-link-box {
	position: relative;
	width: 550px;
	height: 220px;
	background-color: rgba(225, 225, 225, 0.1);
	display: flex;
	flex-wrap: nowrap;
}
.s-about-bottom-link-box-left {
	width: calc( 60% - 40px );
	margin: 0 0 0 40px;
	padding-top: 54px;
}
.s-about-bottom-link-box-text1 {
	display: inline-block;
	position: relative;
	font-size: 18px;
	font-weight: 400;
	letter-spacing: 0.06em;
	color: #888888;
	margin-bottom: 17px;
	text-align: left;
}
.s-about-bottom-link-box-text1::after {
	content: "";
	position: absolute;
	top: 13px;
    right: -67px;
	width: 50px;
	height: 1px;
	background-color: #888888;
}
.s-about-bottom-link-box-text2 {
	font-size: 24px;
	font-weight: 400;
	letter-spacing: 0.06em;
	color: #ffffff;
	text-align: left;
}
.s-about-bottom-link-box-right {
	width: calc( 40% - 40px );
	margin: 0 40px 0 0;
	padding-top: 91px;
}
.s-about-bottom-link-box-right .s-slide-more {
	text-align: right;
}

/* 404 */
.s-404-page-article {
	width: 1440px;
	margin: 0 auto 0;
	padding-top: 300px;
}
.s-404-wrapper {
	width: 1150px;
	margin: 0 210px 0 80px;
}
.s-404-archive-header{
	position: relative;
	width: 100%;
	margin: 0;
}
.s-404-archive-header-wrap {
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	width: 100%;
	margin: 0;
}
.s-404-archive-header-title-1 {
	position: relative;
	font-size: 32px;
	font-weight: 400;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: #ffffff;
	padding-right: 120px;
}
.s-404-archive-header-title-1::after {
	content: "";
	position: absolute;
	top: 12px;
	right: 35px;
	width: 50px;
	height: 1px;
	background-color: #888888;
}
.s-404-archive-header-title-2 {
	font-size: 16px;
	font-weight: 400;
	letter-spacing: 0.06em;
	color: #888888;
	margin-right: auto;
}
.s-404-archive-main-text-1 {
	font-size: 34px;
	font-weight: 400;
	letter-spacing: 0.02em;
	line-height: 42px;
	color: #ffffff;
	margin: 78px 0 0 0;
}
.s-404-archive-main-text-1 a {
	border-bottom: 1px solid #ffffff;
}
.s-404-archive-main-text-2 {
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 0.02em;
	color: #ffffff;
	margin: 38px 0 300px 0;
}
.s-404-archive-main-text-2 a {
	border-bottom: 1px solid #ffffff;
}

/* 三角屋を体験する */
.s-experience-single-article {
	width: 1440px;
	margin: 0 auto;
	padding-top: 210px;
	position: relative;
}
.s-experience-single-header {
	width: 1150px;
	margin: 0 210px 0 80px;
}
.s-experience-single-header-inner {
	display: flex;
	flex-flow: column;
}
.s-experience-single-header-inner-wrap {
	display: flex;
	flex-wrap: nowrap;
}
.s-experience-single-title-1 {
	position: relative;
	font-size: 32px;
	font-weight: 400;
	letter-spacing: 0.06em;
	line-height: 18px;
	text-align: left;
	color: #ffffff;
	text-transform: uppercase;
	padding-right: 105px;
	margin-bottom: 80px;
}
.s-experience-single-title-1::after {
    content: "";
    position: absolute;
    top: 9px;
    right: 30px;
    width: 50px;
    height: 1px;
    background-color: #888888;
}
.s-experience-single-title-2 {
	position: relative;
	font-size: 16px;
	font-weight: 400;
	letter-spacing: 0.06em;
	line-height: 18px;
	text-align: left;
	color: #bbbbbb;
}
.s-experience-single-content-summary {
	position: relative;
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 0.06em;
	line-height: 28px;
	text-align: left;
	color: #ffffff;
}
.s-experience-wrapper {
	margin: 0 220px 0 80px;
}
.s-experience-single-main-content {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 28px;
}
.s-experience-single-main-content-block1 {
	width: 400px;
	order: 1;
}
.s-experience-single-main-content-block2 {
	width: 400px;
	order: 3;
}
.s-experience-single-main-content-block2.multiple {
	margin-top: -53px;
}
.s-experience-single-main-content-block3 {
	width: 700px;
	margin-left: auto;
	padding-top: 150px;
	order: 2;
}
.s-experience-single-main-content-block4 {
	width: 700px;
	margin-left: auto;
	order: 4;
}
.s-experience-single-main-left-content-title {
	font-size: 30px;
	font-weight: 400;
	letter-spacing: 0.06em;
	line-height: 30px;
	text-align: left;
	color: #ffffff;
	padding-top: 150px;
}
.s-experience-single-main-left-content-title-tab {
	display: inline-block;
	height: 30px;
	font-size: 14px;
	font-weight: 400;
	line-height: 30px;
	letter-spacing: 0.06em;
	vertical-align: 6px;
	margin-left: 20px;
	padding: 0 17px;
	color: #333333;
	background-color: #ffffff;
	border-radius: 15px;
}
.s-experience-single-main-left-content-detail {
	display: flex;
	flex-wrap: wrap;
	margin: 50px 0 25px 0;
	font-size: 14px;
	font-weight: 400;
	line-height: 24px;
	letter-spacing: 0.06em;
	color: #888888;
}
.s-experience-single-main-left-content-detail dt {
	width: 88px;
	margin-bottom: 25px;
}
.s-experience-single-main-left-content-detail dd {
	width: 312px;
	margin-bottom: 25px;
}
.s-experience-single-main-right-content-text {
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 0.06em;
	line-height: 28px;
	text-align: left;
	color: #ffffff;
}
.s-experience-single-main-slides {
	position: relative;
	width: 700px;
	height: 580px;
	margin-top: 40px;
}
.s-experience-single-main-slide {
	position: relative;
	width: 700px;
}
.s-experience-single-main-slide img {
	width: 700px;
	height: 520px;
	object-fit: cover;
}
.s-experience-single-main-slides .slick-prev {
	position: absolute;
	bottom: 0;
	right: 55px;
	cursor: pointer;
	opacity: 0.6;
	transition: all 0.3s;
}
.s-experience-single-main-slides .slick-prev:hover {
	opacity: 1;
}
.s-experience-single-main-slides .slick-next {
	position: absolute;
	bottom: 0;
	right: 0;
	cursor: pointer;
	opacity: 0.6;
	transition: all 0.3s;
}
.s-experience-single-main-slides .slick-next:hover {
	opacity: 1;
}
.s-experience-single-main-slides .slick-dots {
	position: absolute;
	display: flex;
	flex-wrap: nowrap;
	bottom: 19px;
	left: 0;
}
.s-experience-single-main-slides .slick-dots li {
    position: relative;
    display: inline-block;
    width: 19px;
    height: 19px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}
.s-experience-single-main-slides .slick-dots li button {
    position: relative;
	font-size: 0;
    line-height: 0;
    display: block;
    width: 19px;
    height: 19px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.s-experience-single-main-slides .slick-dots li button::before {
    content: "";
	position: absolute;
    top: calc( 50% - 3.5px);
    left: calc( 50% - 3.5px);
    width: 7px;
    height: 7px;
	background-color: #888888;
	border-radius: 50%;
	transition: all 0.3s;
}
.s-experience-single-main-slides .slick-dots li button::after {
    content: "";
	position: absolute;
    top: calc( 50% - 9.5px);
    left: calc( 50% - 9.5px);
    width: 19px;
    height: 19px;
	border: transparent;
	border-radius: 50%;
	transition: all 0.3s;
}
.s-experience-single-main-slides .slick-dots li.slick-active button::before {
    content: "";
	position: absolute;
    top: calc( 50% - 3.5px);
    left: calc( 50% - 3.5px);
    width: 7px;
    height: 7px;
	background-color: #a48440;
	border-radius: 50%;
}
.s-experience-single-main-slides .slick-dots li.slick-active button::after {
    content: "";
	position: absolute;
    top: calc( 50% - 9.5px);
    left: calc( 50% - 9.5px);
    width: 19px;
    height: 19px;
	border: 1px solid #a48440;
	border-radius: 50%;
}
.s-experience-single-bottom {
	margin: 170px 0 360px 0;
}

/* ご依頼の方へ */
.s-forclients-single-article {
	width: 1440px;
	margin: 0 auto;
	padding-top: 210px;
	position: relative;
}
.s-forclients-single-header {
	width: 1150px;
	margin: 0 210px 0 80px;
}
.s-forclients-single-header-inner {
	display: flex;
	flex-flow: column;
}
.s-forclients-single-header-inner-wrap {
	display: flex;
	flex-wrap: nowrap;
}
.s-forclients-single-title-1 {
	position: relative;
	font-size: 32px;
	font-weight: 400;
	letter-spacing: 0.06em;
	line-height: 18px;
	text-align: left;
	color: #ffffff;
	text-transform: uppercase;
	padding-right: 105px;
	margin-bottom: 80px;
}
.s-forclients-single-title-1::after {
    content: "";
    position: absolute;
    top: 9px;
    right: 30px;
    width: 50px;
    height: 1px;
    background-color: #888888;
}
.s-forclients-single-title-2 {
	position: relative;
	font-size: 16px;
	font-weight: 400;
	letter-spacing: 0.06em;
	line-height: 18px;
	text-align: left;
	color: #bbbbbb;
}
.s-forclients-single-content-summary{
	position: relative;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.06em;
    line-height: 28px;
    text-align: left;
    color: #ffffff;
	margin-bottom: 70px;
}
.s-forclients-wrapper {
	margin: 0 220px 0 80px;
}
.s-forclients-single-main-content {
	width: 100%;
	margin-top: 90px;
	background-color: rgba(255, 255, 255, 0.1);
}
.s-forclients-single-main-content-block1{
	width: 1140px;
	height: 230px;
	display: flex;
	align-items: center;
}
.s-forclients-container{
	padding: 0px 40px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.s-forclients-num-container{
	display: flex;
	align-items: center;
	color: #333333;
}
.s-forclients-circle{
	border-radius: 50%;
	position: relative;
	background-color: #ffffff;
	width: 60px;
	height: 60px;
}
.s-forclients-number{
	position: absolute;
	font-size: 26px;
	top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}
.s-forclients-text-container{
	margin-left: 50px;
}
.s-forclients-title-box{
	display: flex;
	align-items: center;
	color: #ffffff;
}
.s-forclients-title-box p{
	font-size: 22px;
	font-weight: bold;
}
.s-forclients-title-box hr{
	width: 50px;
	margin-left: 30px;
}
.s-forclients-text{
	margin-top: 30px;
	line-height: 28px;
	letter-spacing: 0.06em;
}
.s-forclients-triangle{
	width: 0;
    height: 0;
	border-right: 8px solid transparent;
	border-left: 8px solid transparent;
	border-top: 10px solid rgba(255, 255, 255, 0.1);
	margin-left: 62px;
}
.mb-160{
	margin-bottom: 160px;
}
.s-forclients-sp{
	display: none;
}
.s-forclients-pc{
	display: flex;
	align-items: center;
}