@charset "UTF-8";

/*----------------------------------------
	common
-----------------------------------------*/
body {
	position: relative;
	font-family: "Shippori Mincho", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 13px;
	line-height: 2;
	-webkit-text-size-adjust: 100%;
	overflow-x: hidden;
}
a {
	text-decoration: none;
	color: #000;
}
a:hover img {
	opacity: 0.7;
}
img {
	vertical-align: top;
	max-width: 100%;
}
a:focus, *:focus {
	outline: none;
}
strong {
	font-weight: bold;
}
ul li:first-child, ol li:first-child {
	margin-left: 0;
}
section {
	padding-top: 97px;
}
section p {
	letter-spacing: 0.2em;
}
.inner {
	max-width: 1366px;
	margin: auto;
}
.pad_block {
	display: none !important;
}
.sp_block {
	display: none !important;
}
.pc_block {
	display: block !important;
}

.pad_inline-block {
	display: none !important;
}
.sp_inline-block {
	display: none !important;
}
.pc_inline-block {
	display: inline-block !important;
}

@media screen and (max-width: 1024px) {
	section {
		padding-top: 60px;
	}
	section p {
		font-size: 12px;
	}
	.pc_block {
		display: none !important;
	}
	.pad_block, .pc_block.pad_none {
		display: block !important;
	}
	.sp_block {
		display: none !important;
	}

	.pc_inline-block {
		display: none !important;
	}
	.pad_inline-block, .pc_inline-block.pad_none {
		display: inline-block !important;
	}
	.sp_inline-block {
		display: none !important;
	}
}
@media screen and (max-width: 767px) {
	section p {
		font-family: "Shippori Mincho", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}
	.pc_inline-block, .pc_inline-block.pad_none {
		display: none !important;
	}
	.pad_inline-block {
		display: none !important;
	}
	.sp_inline-block {
		display: inline-block !important;
	}
}

/*----------------------------------------
	heading
-----------------------------------------*/
h2, h3 {
	font-weight: 600;
	letter-spacing: 0.12em;
}
h2 {
	font-size: 22px;
	text-align: center;
}
h2 span {
	position: relative;
	display: inline-block;
	font-size: 18px;
	line-height: 1;
	margin-bottom: 26px;
	padding-bottom: 26px;
}
h2 span::after {
	content: "";
	display: block;
	width: 20px;
	height: 1px;
	background-color: #000;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	position: absolute;
}
h2 ruby rt {
	font-family: "Shippori Mincho", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 10px;
	transform: translateY(-5px);
}
@media only screen and (max-width: 1024px){
	h2, h3 {
		padding: 0 20px;
	}
}
@media screen and (max-width: 767px) {
	h2 {
		font-family: "Shippori Mincho", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		font-size: 18px;
		font-weight: 400;
	}
	h2 span {
		font-family: "Shippori Mincho", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		font-size: 16px;
		margin-bottom: 18px;
	}
}
/*----------------------------------------
	header
-----------------------------------------*/
header h1 img {
	/* width: 100%; */
}
@media screen and (max-width: 1024px) {
}
@media screen and (max-width: 767px) {
}

/*----------------------------------------
	#breadcrumb
-----------------------------------------*/
#breadcrumb {
	display: flex;
	align-items: center;
	max-width: 1366px;
	margin: 29px auto 0;
}
#breadcrumb > li {
	margin-right: 10px;
	font-size: 11px;
}
#breadcrumb > li > a {
	position: relative;
	color: #BCBCBC;
	padding-right: 20px;
}
#breadcrumb > li > a::before {
	content: ">";
	display: block;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	color: #000;
}
@media only screen and (max-width: 1366px){
	#breadcrumb {
		margin-left: 20px;
		margin-right: 20px;
	}
}
@media only screen and (max-width: 767px){
	#breadcrumb {
		margin-top: 20px;
	}
	#breadcrumb > li {
		font-size: 10px;
	}
}

/*----------------------------------------
	main
-----------------------------------------*/
main {
	display: block;
	position: relative;
	z-index: 1;
	background-color: #fff;
	overflow: hidden;
}

/*----------------------------------------
	#about
-----------------------------------------*/
#about .lead {
	line-height: 3.23;
}
.photo1, .photo2 {
	position: relative;
	max-width: 1055px;
	padding: 0 4.54% 10.91% 0;
	margin: 70px auto 0;
}
.photo2 {
	padding: 0 0 10.91% 4.54%;
	margin-top: 100px;
}
.photo1 .subImg, .photo2 .subImg {
	position: absolute;
	max-width: 273px;
}
.photo1 .subImg, .photo2 .subImg {
	right: 0;
	bottom: 0;
}
.photo2 .subImg {
	right: inherit;
	left: 0;
}
.photo1 h3, .photo2 h3 {
	position: absolute;
	font-weight: 600;
	font-size: 32px;
	line-height: 1.5;
	letter-spacing: 0.27em;
}
.photo1 h3 span, .photo2 h3 span {
	display: block;
	text-align: center;
	font-family: "Times New Roman";
	font-style: italic;
	font-size: 12px;
	letter-spacing: 0.27em;
}
.photo1 h3, .photo2 h3  {
	left: 5.9715%;
	bottom: 3.145%;
}
.photo2 h3 {
	left: inherit;
	bottom: 5.782%;
	right: 5.9715%;
}
#about .slides {
	margin-top: 100px;
}
#about .slides .slick-list {
	padding-right: 12%;
}
#about .slides li .jacket,  #about .slides li .pants {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
#about .slides li .jacket.no1 {
	top: 75%;
    left: 45%;
}
#about .slides li .pants.no1 {
	top: 19%;
    left: 51%;
}
#about .slides li .jacket.no2 {
	top: 75%;
    left: 45%;
}
#about .slides li .pants.no2 {
	top: 19%;
    left: 51%;
}
#about .slides li .jacket.no3 {
	top: 75%;
    left: 45%;
}
#about .slides li .pants.no3 {
	top: 19%;
    left: 51%;
}
#about .slides li .jacket.no4 {
	top: 75%;
    left: 45%;
}
#about .slides li .pants.no4 {
	top: 19%;
    left: 51%;
}
#about .slides li .jacket.no5 {
	top: 75%;
    left: 45%;
}
#about .slides li .pants.no5 {
	top: 19%;
    left: 51%;
}
@media only screen and (max-width: 1024px){
	#about .slides {
		margin-top: 80px;
	}
	#about .slides .slick-list {
		padding-right: 17%;
	}
	.photo1, .photo2 {
		margin: 60px 60px 0;
	}
	.photo2 {
		margin-top: 50px;
	}
	.photo1 .mainImg, .photo2 .mainImg {
		min-width: 590px;
	}
	.photo1 .subImg, .photo2 .subImg {
		max-width: 220px;
	}
	.photo1 h3, .photo2 h3 {
		font-size: 30px;
	}
	.photo1 h3 span, .photo2 h3 span {
		font-size: 11px;
	}
	.photo1 h3, .photo2 h3 {
		left: 3.318%;
		bottom: 2.765%;
	}
	.photo2 h3 {
		left: inherit;
		bottom: 1%;
		right: 3.318%;
	}
}
@media only screen and (max-width: 767px){
	#about .lead {
		line-height: 2;
	}
	#about .slides .slick-list {
		padding-right: 7%;
	}
	.photo1, .photo2 {
		margin: 40px 20px 0;
		padding-right: 16px;
		padding-bottom: 45px;
	}
	.photo1 .mainImg, .photo2 .mainImg {
		min-width: 100%;
	}
	.photo1 .mainImg img, .photo2 .mainImg img {
		width: 100%;
	}
	.photo1 .subImg, .photo2 .subImg {
		max-width: inherit;
		width: 32.54%;
	}
	.photo1 h3, .photo2 h3 {
		font-size: 20px;
	}
	.photo1 h3 span, .photo2 h3 span {
		font-size: 10px;
	}
	.photo1 h3, .photo2 h3 {
		left: 20px;
		bottom: -11px;
	}
	.photo2 h3 {
		left: inherit;
		bottom: -22px;
		right: 20px;
	}
}

/*----------------------------------------
	.history
-----------------------------------------*/
.history {
	padding-top: 138px;
}

.history .imgBox.re.scroller dl {
	direction: rtl;
	padding-left: 44px;
	margin-left: 20px;
	margin-right: 0;
	padding-right: 0;
}

.history .imgBox.re.scroller dl dt, .history .imgBox.re.scroller dl dd {
	direction: ltr;
}

.history .imgBox.re.scroller dl dt {
	font-weight: 400;
}

.history .imgBox.scroller dl dd a {
	word-break: break-all;
}

.history .imgBox.scroller > div a[target="_blank"] {
	display: inline-block;
	margin-top: 26px;
	padding-right: 20px;
	background-repeat: no-repeat;
	background-position: right 0 center;
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212.11%22%20height%3D%2212.11%22%20viewBox%3D%220%200%2012.11%2012.11%22%3E%20%3Cpath%20d%3D%22M0%200v12.11h12.11V7.75h-.97v3.39H.98V.97h3.44V0Z%22%2F%3E%20%3Cpath%20d%3D%22M12.06%205.32h-.97v-4.3h-4.3V.06h5.27Z%22%2F%3E%20%3Cpath%20d%3D%22m6.25%205.17%205.11-5.1.7.68-5.12%205.12z%22%2F%3E%3C%2Fsvg%3E');
}

.history a.link-green {
	font-weight: bold;
	font-style: 1.2em;
	letter-spacing: 0.1em;
	transition: all 0.2s ease-in-out;
	display: inline-block;
	margin-top: 26px;
	padding-right: 20px;
	background-repeat: no-repeat;
	background-position: right 0 center;
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212.11%22%20height%3D%2212.11%22%20viewBox%3D%220%200%2012.11%2012.11%22%3E%20%3Cpath%20d%3D%22M0%200v12.11h12.11V7.75h-.97v3.39H.98V.97h3.44V0Z%22%2F%3E%20%3Cpath%20d%3D%22M12.06%205.32h-.97v-4.3h-4.3V.06h5.27Z%22%2F%3E%20%3Cpath%20d%3D%22m6.25%205.17%205.11-5.1.7.68-5.12%205.12z%22%2F%3E%3C%2Fsvg%3E');
}

@media only screen and (max-width: 767px) {
	.history a.link-green {
		margin-left: 20px;
		margin-top: 16px;
		color: #033b23;
		background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212.11%22%20height%3D%2212.11%22%20viewBox%3D%220%200%2012.11%2012.11%22%3E%20%3Cpath%20d%3D%22M0%200v12.11h12.11V7.75h-.97v3.39H.98V.97h3.44V0Z%22%20fill%3D%22%23033b23%22%2F%3E%20%3Cpath%20d%3D%22M12.06%205.32h-.97v-4.3h-4.3V.06h5.27Z%22%20fill%3D%22%23033b23%22%2F%3E%20%3Cpath%20fill%3D%22%23033b23%22%20d%3D%22m6.25%205.17%205.11-5.1.7.68-5.12%205.12z%22%2F%3E%3C%2Fsvg%3E');
	}
}

.history  a.link-green:hover {
	color: #033b23;
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212.11%22%20height%3D%2212.11%22%20viewBox%3D%220%200%2012.11%2012.11%22%3E%20%3Cpath%20d%3D%22M0%200v12.11h12.11V7.75h-.97v3.39H.98V.97h3.44V0Z%22%20fill%3D%22%23033b23%22%2F%3E%20%3Cpath%20d%3D%22M12.06%205.32h-.97v-4.3h-4.3V.06h5.27Z%22%20fill%3D%22%23033b23%22%2F%3E%20%3Cpath%20fill%3D%22%23033b23%22%20d%3D%22m6.25%205.17%205.11-5.1.7.68-5.12%205.12z%22%2F%3E%3C%2Fsvg%3E');
}

.history a[target="_blank"]:hover {
	text-decoration: underline;
}

.history .fullImg {
	margin-top: 0;
	margin-bottom: 70px;
}

.history .imgBox.re.scroller {
	margin-top: 0;
}

@media only screen and (max-width: 1024px){
	.history .imgBox.scroller > ul {
		max-width: inherit;
		margin: 0 60px;
	}
}
@media only screen and (max-width: 767px){
	.history .imgBox figure {
		margin-left: 20px;
		margin-right: 20px;
	}
}

/*----------------------------------------
	#interview
-----------------------------------------*/
#interview {
	margin-top: 100px;
	padding: 100px 0 120px;
	background-color: #F8F8F8;
}
#interview .imgBox.scroller {
    justify-content: flex-end;
}
#interview .imgBox.scroller dl {
    width: 526px;
	direction: rtl;
}
#interview .imgBox.scroller dl dt {
	font-weight: 400;
}
#interview .imgBox.scroller dl dt, #interview .imgBox.scroller dl dd {
	direction: ltr;
}
#interview .imgBox.scroller dl dt span {
	display: inline-block;
	margin-bottom: 30px;
	font-family: "Shippori Mincho", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	border-bottom: #000 solid 1px;
}
#interview .imgBox.scroller dl dd {
	direction: ltr;
}
#interview .imgBox.scroller.re {
    justify-content: flex-start;
	margin-top: 0;
}
#interview .imgBox.scroller.re > ul {
	max-width: 608px;
    margin-right: 126px;
}
#interview .imgBox.scroller > div {
    position: relative;
    padding: 0 0 0 60px;
}
#interview .imgBox.scroller.re dl {
	margin: 0;
	padding-left: 44px;
}
#interview .imgBox.scroller.re ol {
	right: inherit;
	left: 18px;
}
#interview .founder {
	display: flex;
	justify-content: center;
	margin-top: 100px;
}
#interview .founder > li {
	display: flex;
	align-items: flex-end;
	margin-left: 90px;
}
#interview .founder > li:first-of-type {
	margin-left: 0;
}
#interview .founder > li > figure {
	max-width: 282px;
}
#interview .founder > li > div {
	display: inline-block;
	margin-left: 30px;
	padding-left: 20px;
	border-left: #898989 solid 1px;
}
#interview .founder h3 {
	font-size: 22px;
	color: #1A1311;
}
#interview .founder h3 span {
	display: block;
	font-size: 10px;
	letter-spacing: 0;
}
#interview .founder p {
	font-family: "Times New Roman";
	font-size: 11px;
	color: #8e8e8f;
	font-style: italic;
}
@media only screen and (max-width: 1366px){
	#interview {
		margin-top: 7.32vw;
		padding: 7.32vw 0 8.784vw;
		background-color: #F8F8F8;
	}
	#interview .imgBox.scroller.re {
		margin-top: 0;
	}
	#interview .imgBox.scroller.re > ul {
		max-width: 608px;
		margin-top: 7.32vw;
		margin-right: 9.22vw;
	}
	#interview .founder {
		padding: 0 20px;
	}
	#interview .founder > li {
		margin-left: 6.588vw;
	}
}
@media only screen and (max-width: 1024px){
	#interview {
		padding: 80px 0 80px;
	}
	#interview .imgBox.scroller.re {
		margin-top: 0;
	}
	#interview .imgBox.scroller.re > ul {
		max-width: inherit;
		margin: 0 60px;
	}
	#interview .imgBox.scroller.re > div {
		padding: 0 60px;
	}
	#interview .imgBox.scroller.re dl {
		width: auto;
		direction: ltr;
		padding-left: 0;
	}
	#interview .imgBox.scroller.re ol {
		right: 22px;
		left: inherit;
	}
	#interview .founder {
		justify-content: flex-start;
		padding: 0 60px;
		margin-top: 40px;
	}
	#interview .founder > li {
		display: block;
		margin-left: 30px;
	}
	#interview .founder > li:first-of-type {
		margin-top: 0;
	}
	#interview .founder > li > figure {
		max-width: 193px;
	}
	#interview .founder > li > div {
		margin: 20px 0 0 0;
		padding-left: 0;
		border-left: none;
	}
	#interview .founder h3 {
		padding: 0;
	}
}
@media only screen and (max-width: 767px){
	#interview {
		margin-top: 50px;
		padding: 50px 0;
	}
	#interview .inner {
		padding-right: 0;
	}
	#interview .spScroller {
		margin-top: 0;
	}
	#interview .founder {
		display: block;
		padding: 0 20px;
		margin-top: 40px;
	}
	#interview .founder > li {
		display: flex;
		margin-top: 30px;
		margin-left: 0;
	}
	#interview .founder > li:first-of-type {
		margin-top: 0;
	}
	#interview .founder figure {
		flex: 1;
		min-width: 124px;
		max-width: 248px;
	}
	#interview .founder > li > div {
		margin-left: 25px;
		padding-left: 0;
		border-left: none;
		line-height: 1.8;
	}
	#interview .founder h3 {
		padding: 0;
		font-size: 18px;
	}
}

/*----------------------------------------
	#parallax
-----------------------------------------*/
#parallax {
	padding-top: 0;
}

#parallax figure {
	height: 36.60vw;
	min-height: 200px;
	overflow: hidden;
}

#parallax img {
	width: 100%;
}

@media only screen and (max-width: 1024px){
	#parallax figure {
		height: 52.08vw;
	}
}

@media only screen and (max-width: 767px){
	#parallax figure {
		height: 67.2vw;
	}
}

/*----------------------------------------
	#deatil
-----------------------------------------*/
#deatil .imgBox > figure {
    max-width: 747px;
}
#deatil .imgBox dt {
	font-family: "Shippori Mincho", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#deatil .imgBox.middle {
	max-width: 969px;
	margin: 100px auto 0;
}
#deatil .imgBox.middle > figure {
    max-width: 470px;
}
#deatil .imgBox.middle > figure figcaption {
	margin-top: 13px;
	font-size: 12px;
	letter-spacing: 0.12em;
}
#deatil .imgBox.middle > dl {
    margin-left: 80px;
    margin-right: 0;
}
#deatil .imgBox.middle > dl dd p {
    font-size: 12px;
}
#deatil .imgBox.re.middle > dl {
    margin-left: 0;
    margin-right: 80px;
}
#deatil .imgBox.re.middle + .imgBox.middle {
	margin-top: 60px;
}
#deatil .item {
	display: flex;
	justify-content: center;
	margin-top: 120px;
	text-align: center;
}
#deatil .item > li {
	position: relative;
	max-width: 262px;
}
#deatil .item > li a {
	display: block;
	background-color: #F0F0F0;
	transition: background-color 0.2s ease;
}
#deatil .item > li a:hover {
	opacity: 1;
	background-color: #e2e2e2;
}
#deatil .item > li p {
	font-size: 12px;
	text-align: center;
	line-height: 1.4;
}
#deatil .item > li p span {
	font-size: 10px;
}
#deatil .item > li p.pst {
	position: absolute;
	left: 50%;
	bottom: 16px;
	transform: translateX(-50%);
	width: 100%;
}
@media only screen and (max-width: 1024px){
	#deatil .imgBox {
		display: block;
	}
	#deatil .imgBox > figure {
		max-width: 100%;
		padding-right: 60px;
	}
	#deatil .imgBox > figure img {
		width: 100%;
	}
	#deatil .imgBox dl {
		max-width: 100%;
		margin: 37px 60px 0;
	}
	#deatil .imgBox dl dd p {
		font-size: 13px;
	}
	#deatil .imgBox.middle, #deatil .imgBox.re.middle + .imgBox.middle {
		margin: 46px 60px 0;
	}
	#deatil .imgBox.middle > figure {
		max-width: 100%;
		padding-right: 0;
	}
	#deatil .imgBox.middle > figure figcaption {
		font-size: 10px;
	}
	#deatil .imgBox.middle > dl, #deatil .imgBox.re.middle > dl {
		margin: 22px 0 0;
	}
	#deatil .imgBox.middle > dl dd {
		margin-top: 12px;
	}
	#deatil .imgBox.middle > dl dd p {
		font-size: 12px;
	}
	#deatil .imgBox.middle + .imgBox.re.middle {
		margin-top: 100px;
	}
	#deatil .item {
		flex-wrap: wrap;
		margin: 94px 60px 0;
	}
	#deatil .item > li {
		width: 50%;
	}
	#deatil .item > li img {
		width: 100%;
	}
	#deatil .item > li p {
		font-size: 12px;
		text-align: center;
		line-height: 1.4;
	}
	#deatil .item > li p span {
		font-size: 10px;
	}
	#deatil .item > li p.pst {
		position: absolute;
		left: 50%;
		bottom: 16px;
		transform: translateX(-50%);
		width: 100%;
	}
}
@media only screen and (max-width: 767px){
	#deatil {
		padding-top: 50px;
	}
	#deatil .imgBox > figure {
		padding-right: 20px;
	}
	#deatil .imgBox > figure img {
		width: 100%;
	}
	#deatil .imgBox dl {
		margin: 27px 20px 0;
	}
	#deatil .imgBox dl dt {
		font-family: "Shippori Mincho", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		font-size: 17px;
		font-weight: 400;
	}
	#deatil .imgBox dl dt span {
		font-family: "Shippori Mincho", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		font-size: 16px;
	}
	#deatil .imgBox dl dd {
		margin-top: 9px;
	}
	#deatil .imgBox dl dd p {
		font-size: 12px;
	}
	#deatil .imgBox.middle, #deatil .imgBox.re.middle + .imgBox.middle {
		margin: 70px 20px 0;
	}
	#deatil .imgBox.middle > figure {
		padding-right: 0;
	}
	#deatil .imgBox.middle > dl, #deatil .imgBox.re.middle > dl {
		margin: 22px 0 0;
	}
	#deatil .imgBox.middle > dl dt {
		margin-top: 16px;
	}
	#deatil .imgBox.middle > dl dd {
		margin-top: 12px;
	}
	#deatil .imgBox.middle > dl dd p {
		font-size: 12px;
	}
	#deatil .imgBox.middle + .imgBox.re.middle {
		margin-top: 70px;
	}
	#deatil .item {
		flex-wrap: wrap;
		margin: 94px 0 0;
	}
	#deatil .item > li a {
		padding: 10px 0 18px;
	}
	#deatil .item > li p {
		font-size: 10px;
	}
	#deatil .item > li p.pst {
		bottom: 18px;
	}
}

/*----------------------------------------
	footer
-----------------------------------------*/
footer {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	width: 100%;
	min-height: 300px;
	background-color: #000;
}
footer small {
	display: block;
	color: #fff;
	font-size: 14px;
}

@media screen and (max-width: 767px) {
	footer {
		min-height: 200px;
		margin-top: 0;
	}
	footer small {
		font-size: 10px;
	}
}

/*----------------------------------------
	parts
-----------------------------------------*/
/* .lead */
.lead {
	text-align: center;
	margin-top: 36px;
}
@media only screen and (max-width: 767px){
	.lead {
		margin-top: 20px;
		padding: 0 20px;
		font-size: 12px;
		line-height: 2.16;
	}
}

/* .fullImg */
.fullImg {
	margin-top: 95px;
}
.fullImg img {
	width: 100%;
}
@media only screen and (max-width: 1024px){
	.fullImg {
		margin-top: 66px;
	}
}

/* .imgBox */
.imgBox {
	display: flex;
	align-items: center;
	margin-top: 100px;
}
.imgBox > ul {
	max-width: 722px;
	min-width: 361px;
}
.imgBox > ul img {
	width: 100%;
}
.imgBox dl {
	width: 411px;
	margin-left: 6.6%;
	margin-right: 20px;
}
.imgBox dl dt {
	font-family: "Shippori Mincho", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 18px;
	font-weight: 600;
	letter-spacing: 0.12em;
}
.imgBox dt span {
	display: inline-block;
    margin-bottom: 15px;
    border-bottom: #000 solid 1px;
}
.imgBox dt em {
	font-size: 22px;
}
.imgBox dl dt:first-of-type {
	margin-top: 0;
}
.imgBox dl dd {
	margin-top: 18px;
}
h2 + .imgBox {
	margin-top: 4.3%;
}
.imgBox.re {
	flex-direction: row-reverse;
}
.imgBox.re > dl {
	margin-left: 20px;
	margin-right: 6.6%;
}
@media only screen and (max-width: 1366px){
	.imgBox {
		margin-top: 7.32vw;
	}
	.imgBox dl {
		width: auto;
		max-width: 411px;
	}
	.imgBox dl dd {
		margin-top: 1.97vw;
	}
}
@media only screen and (max-width: 767px){
	.imgBox {
		display: block;
		margin-top: 18px;
	}
	.imgBox + .imgBox {
		margin-top: 50px;
	}
	.imgBox > ul {
		max-width: 100%;
		min-width: inherit;
	}
	.imgBox dl {
		max-width: 100%;
		margin: 29px 20px 0;
		padding-right: 0;
	}
	.imgBox dt em {
		font-size: 17px;
	}
	.imgBox dl dd {
		margin-top: 20px;
	}
	h2 + .imgBox {
		margin-top: 4.3%;
	}
}

/* .imgBox.scroller */
.imgBox.scroller {
	position: relative;
}
.imgBox.scroller > ul {
	position: relative;
	max-width: 627px;
}
.imgBox.scroller > ul li {
	position: absolute;
	top: 0;
	left: 0;
}
.imgBox.scroller > div {
	position: relative;
	padding: 0 44px 0 100px;
	/* padding: 0 7.759vw 0 7.32vw; */
}
.imgBox.scroller > ul li:first-of-type {
	position: inherit;
	top: inherit;
	left: inherit;
	z-index: 1;
}
.imgBox.scroller dl {
	position: relative;
	width: 533px;
	height: 419px;
	margin-left: 0;
	padding-right: 44px;
	overflow-y: scroll;
}
.imgBox.scroller dl dt {
	margin-top: 24px;
}
.imgBox.scroller dl dt:first-of-type {
	margin-top: 0;
}
.imgBox.scroller dl dd {
	font-family: "Shippori Mincho", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.imgBox.scroller ol {
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
}
.imgBox.scroller ol > li {
	font-family: "Times New Roman";
	font-size: 13px;
	font-style: italic;
	font-weight: 600;
	letter-spacing: 0.24em;
	margin-top: 21px;
	color: #C6C6C6;
	cursor: pointer;
}
.imgBox.scroller ol > li:first-child {
	margin-top: 0;
}
.imgBox.scroller ol > li.active {
	color: #000;
}
.imgBox.scroller dl::-webkit-scrollbar {
	width: 2px;
}
.imgBox.scroller dl::-webkit-scrollbar-track {
	background-color: #D9D9D9;
    border-radius: 10px;
}
.imgBox.scroller dl::-webkit-scrollbar-thumb {
	background-color: #000;
    border-radius: 10px;
}
.imgBox.scroller .fadeIn {
	animation-name: fadeIn;
	animation-duration: 1s;
	animation-fill-mode: forwards;
	opacity: 0;
	z-index: 10;
}
@keyframes fadeIn {
	from{ opacity: 0; }
	to{ opacity: 1; }
}
.imgBox.scroller .fadeOut {
	animation-name: fadeOut;
	animation-duration: 1s;
	animation-fill-mode: forwards;
	opacity: 1;
	z-index: 10;
}
@keyframes fadeOut {
	from{ opacity: 1; }
	to{ opacity: 0; }
}
@media only screen and (max-width: 1366px){
	.imgBox.scroller {
		padding-right: 0;
	}
	.imgBox.scroller > div {
		padding: 0 8.243% 0 7.777%;
	}
	.imgBox.scroller dl {
		max-width: inherit;
	}
	.imgBox.scroller ol {
		right: 9.85%;
	}
}
@media only screen and (max-width: 1024px){
	.imgBox.scroller {
		display: block;
		padding-right: 0;
	}
	.imgBox.scroller > figure {
		max-width: 100%;
		margin: 0 60px;
	}
	.imgBox.scroller > div {
		margin-top: 37px;
		padding: 0 60px;
	}
	.imgBox.scroller dl {
		max-width: inherit;
		width: auto;
		height: 419px;
		margin: 0;
		padding-right: 26px;
	}
	.imgBox.scroller ol {
		right: 22px;
	}
	.imgBox.scroller ol > li {
		font-size: 12px;
	}
}
@media only screen and (max-width: 767px){
	.imgBox.scroller {
		display: none;
	}
}

/* .spScroller */
.spScroller, .scrBtn {
	display: none;
}
@media only screen and (max-width: 767px){
	.spScroller {
		display: block;
		margin-top: 40px;
	}
	.spScroller.first {
		margin-top: 0;
		padding: 0 20px;
	}
	.spScroller dl {
		width: calc(100% - 20px);
		height: 323px;
		margin-top: 26px;
		padding: 0 10px 0 20px;
		overflow-y: scroll;
	}
	.spScroller dl::-webkit-scrollbar {
		width: 2px;
	}
	.spScroller dl::-webkit-scrollbar-track {
		background-color: #D9D9D9;
			border-radius: 10px;
	}
	.spScroller dl::-webkit-scrollbar-thumb {
		background-color: #000;
		border-radius: 10px;
	}
	.spScroller dl dt {
		font-family: "Shippori Mincho", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		letter-spacing: 0.12em;
		font-size: 17px;
	}
	.spScroller dl dt span {
		display: inline-block;
		margin-bottom: 9px;
		font-family: "Shippori Mincho", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		font-size: 16px;
		border-bottom: #000 solid 1px;
	}
	.spScroller dl dd {
		margin-top: 10px;
		font-size: 12px;
	}
	.spScroller dl dd a {
		word-break: break-all;
	}
	.scrBtn {
		display: flex;
		justify-content: flex-end;
	}
	.scrArrows {
		display: flex;
		justify-content: space-between;
		align-items: center;
		position: relative;
		width: 153px;
		height: 69px;
		margin-top: 30px;
		background-color: #000;
	}
	.scrArrows .prev-sp, .scrArrows .next-sp {
		transform: rotate(45deg);
		width: 18px;
		height: 18px;
		margin-left: 18px;
		border-left: #fff solid 2px;
		border-bottom: #fff solid 2px;
	}
	.scrArrows .next-sp {
		transform: rotate(-135deg);
		margin-left: 0;
		margin-right: 18px;
	}
	.scrArrows .slick-disabled {
		border-color: #A2A2A2;
	}
	.scrArrows .scrCount {
		font-family: Poppins;
		font-size: 20px;
		letter-spacing: 0.24em;
		color: #fff;
	}
	.scrArrows .scrCount .nowcnt, .scrArrows .scrCount .allcnt {
		font-family: "Times New Roman";
		font-size: 13px;
	}
	.scrArrows .scrCount .nowcnt {
		vertical-align: top;
		margin-right: 2px;
	}
	.scrArrows .scrCount .allcnt {
		vertical-align: bottom;
		margin-left: 7px;
	}
	.scrArrows .scrCount .nowcnt, .scrArrows .scrCount .allcnt {
		font-style: italic;
	}
	.scrArrows .scrCount em {
		display: inline-block;
		transform: translateY(-50%) rotate(25deg);
		width: 1px;
		height: 27px;
		position: absolute;
		top: 50%;
		background-color: #fff;
	}
}

/* .btnBuy */
.btnBuy {
	width: 286px;
	height: 65px;
	margin: 29px auto 0;
	background-color: #000;
}
.btnBuy:hover {
	opacity: 0.8;
}
.btnBuy a {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
	font-family: "Shippori Mincho", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 15px;
	letter-spacing: 0.12em;
	color: #fff;
}
@media only screen and (max-width: 767px){
	.btnBuy {
		width: auto;
		height: 60px;
		margin-left: 20px;
		margin-right: 20px;
	}
	.btnBuy:hover {
		opacity: 0.8;
	}
	.btnBuy a {
		font-size: 14px;
	}
}

/* .is_fixed */
.fixed {
	position: relative;
	width: 100vw;
	height: 100vh;
	left: 0;
	z-index: 0;
}
.fixed.is_fixed {
	position: fixed;
}

.fixed .background {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
.fixed .logo {
	position: absolute;
	top: 30px;
	left: 30px;
}
@media screen and (max-width: 767px) {
	.fixed .logo {
		top: 14px;
		left: 14px;
	}
}

/* .fade-anime */
.fade-anime-t, .fade-anime-l, .fade-anime-r, .fade-anime-b {
	opacity: 0;
	-webkit-transition: all 1.0s ease;
	transition: all 1.0s ease;
	-webkit-transition-delay: 0.2s;
	transition-delay: 0.2s;
	-webkit-transform: translate(0, -100px);
	transform: translate(0, -100px);
}
.fade-anime-l {
	-webkit-transform: translate(-200px, 0);
	transform: translate(-200px, 0);
}
.fade-anime-r {
	-webkit-transform: translate(200px, 0);
	transform: translate(200px, 0);
}
.fade-anime-b {
	-webkit-transform: translate(0, 100px);
	transform: translate(0, 100px);
}
.is-show {
	opacity: 1;
	-webkit-transition: all 1.0s ease;
	transition: all 1.0s ease;
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
}
.is-delay-show {
	opacity: 1;
	-webkit-transition: all 1.0s ease;
	transition: all 1.0s ease;
	-webkit-transition-delay: 0.6s;
	transition-delay: 0.6s;
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
}
@media only screen and (max-width: 767px){
	.fade-anime-t, .fade-anime-l, .fade-anime-r, .fade-anime-b {
		opacity: 0;
		-webkit-transition: all 1.0s ease;
		transition: all 1.0s ease;
		-webkit-transition-delay: 0.2s;
		transition-delay: 0.2s;
		-webkit-transform: translate(0, 100px);
		transform: translate(0, 100px);
	}
	.is-show, .is-delay-show {
		opacity: 1;
		-webkit-transition: all 1.0s ease;
		transition: all 1.0s ease;
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}
}

/* section-about */
.section-about {
	margin-top: 150px;
}

.section-about__container:nth-child(1n+2) {
	margin-top: 100px;
}

.section-about__container:nth-child(odd) .section-about-intro__image p {
	padding-right: 5%;
}

/* .section-about__container:nth-child(even) {
	background-color: #f0f2f6;
} */

.section-about__container:nth-child(odd) .section-about-intro {
	flex-direction: row-reverse;
	margin-left: calc(-50vw + 523px);
}

@media only screen and (max-width: 767px) {
	.section-about__container:nth-child(1n+2) {
		margin-top: 50px;
	}

	.section-about__container:nth-child(even) .section-about-intro__image p {
		padding-right: 0;
	}

	.section-about__container:nth-child(odd) .section-about-intro {
		flex-direction: row;
		margin-left: 0;
	}
}

.section-about .inner {
	max-width: 1046px;
}

/* .section-about .section-about-intro {
	margin-bottom: 78px;
} */

.section-about .product-photo-list {
	margin-bottom: 48px;
}

@media only screen and (max-width: 767px) {
	/* .section-about .section-about-intro {
		margin-bottom: 30px;
	} */

	.section-about {
		padding-top: 100px;
		margin-top: 0;
	}

	.section-about .product-photo-list {
		margin-bottom: 40px;
	}
}

.slider-about {
	margin-top: 136px;
	margin-bottom: 138px;
}

.slider-about img {
	padding: 0 16px;
}

@media only screen and (max-width: 767px) {
	.slider-about {
		margin-top: 65px;
		margin-bottom: 65px;
	}

	.slider-about img {
		padding: 0 8px;
	}
}

.section-about-intro {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	width: calc(100% + 50vw - 523px);
	padding-top: 0;
}

@media only screen and (max-width: 767px) {
	.section-about-intro {
		display: block;
		width: 100%;
		padding-left: 20px;
		padding-right: 20px;
	}
}

.section-about-intro__image {
	width: 60.77%;
}

.section-about-intro__image img {
	width: 100%;
	margin-bottom: 10px;
}

.section-about-intro__image p {
	font-size: 11px;
	letter-spacing: 0.06em;
	text-align: right;
}

.section-about-intro__content {
	width: 32.58%;
	padding-bottom: 10%;
}

@media only screen and (max-width: 767px) {
	.section-about-intro__image {
		width: 100%;
	}

	.section-about-intro__content {
		width: 100%;
		padding-bottom: 0;
		margin-bottom: 40px;
	}
}

.section-about-intro__title-en {
	margin-bottom: 22px;
}

.section-about-intro__title {
	font-size: 26px;
	font-weight: 500;
	letter-spacing: 0.27em;
	line-height: 1.91;
	margin-bottom: 34px;
}

@media only screen and (max-width: 1024px) {
	.section-about-intro__title {
		padding: 0;
	}
}

.section-about-intro__text {
	font-size: 13px;
	letter-spacing: 0.2em;
	line-height: 2;
	margin-bottom: 46px;
}

.section-about-intro__text-en {
	font-size: 12px;
	line-height: 2;
	letter-spacing: 0.06em;
	color: #8b8b8b;
}


@media only screen and (max-width: 767px) {
	.section-about-intro__title-en {
		margin-bottom: 15px;
	}

	.section-about-intro__title {
		margin-bottom: 24px;
		font-size: 22px;
	}

	.section-about-intro__text {
		margin-bottom: 30px;
	}
}

.product-photo-list {
	display: flex;
	flex-wrap: wrap;
	margin-left: -30px;
	margin-right: -30px;
	margin-top: -38px;
}

.product-photo-list li {
	width: 50%;
	margin-top: 38px;
	padding-left: 30px;
	padding-right: 30px;
}

.product-photo img {
	display: block;
	width: 100%;
	margin-bottom: 10px;
}

.product-photo p {
	text-align: right;
	font-size: 11px;
	letter-spacing: 0.06em;
}

@media only screen and (max-width: 767px) {
	.product-photo-list {
		margin-left: -16px;
		margin-right: -8px;
		margin-top: -30px;
		padding-left: 28px;
		padding-right: 28px;
	}

	.product-photo-list li {
		margin-top: 30px;
		padding-left: 8px;
		padding-right: 8px;
	}
}


/* .product-detail */
.product-detail {
	display: flex;
	justify-content: center;
	text-align: center;
}
.product-detail > li {
	position: relative;
	max-width: 262px;
}
.product-detail > li a {
	display: block;
	transition: background-color 0.2s ease;
}
.product-detail > li a:hover {
	opacity: 1;
	background-color: rgba(0, 0, 0, 0.1);
}
.product-detail > li p {
	font-size: 12px;
	text-align: center;
	line-height: 1.4;
}
.product-detail > li p span {
	font-size: 10px;
}
.product-detail > li p.pst {
	position: absolute;
	left: 50%;
	bottom: 16px;
	transform: translateX(-50%);
	width: 100%;
}

@media only screen and (max-width: 1024px){
	.product-detail {
		flex-wrap: wrap;
	}
	.product-detail > li {
		width: 50%;
	}
	.product-detail > li img {
		width: 100%;
	}
	.product-detail > li p {
		font-size: 12px;
		text-align: center;
		line-height: 1.4;
	}
	.product-detail > li p span {
		font-size: 10px;
	}
	.product-detail > li p.pst {
		position: absolute;
		left: 50%;
		bottom: 16px;
		transform: translateX(-50%);
		width: 100%;
	}
}

@media only screen and (max-width: 767px){
	.product-detail {
		flex-wrap: wrap;
	}
	.product-detail > li a {
		padding: 10px 0 18px;
	}
	.product-detail > li p {
		font-size: 10px;
	}
	.product-detail > li p.pst {
		bottom: 18px;
	}
}

.section-function .inner {
	max-width: 1046px;
}

.section-function__content:nth-child(1n+2) {
	margin-top: 92px;
}

.section-function h2 {
	margin-bottom: 43px;
}

.section-function .product-photo-list {
	margin-bottom: 28px;
}

.product-function-list {
	display: flex;
	flex-wrap: wrap;
	margin-left: -15px;
	margin-right: -15px;
	margin-top: -35px;
}

.product-function-list li {
	width: 25%;
	margin-top: 35px;
	padding-left: 15px;
	padding-right: 15px;
}

.product-function-list.col-3 li {
	width: calc(100% / 3);
}

.product-function-list li img {
	display: block;
	width: 100%;
	margin-bottom: 10px;
}

.product-function-list li p {
	font-size: 12px;
}

@media only screen and (max-width: 767px) {
	.product-function-list {
		margin-left: -16px;
		margin-right: -8px;
		margin-top: -8px;
		padding-left: 28px;
		padding-right: 28px;
	}

	.product-function-list li {
		margin-top: 16px;
		padding-left: 8px;
		padding-right: 8px;
	}

	.product-function-list li,
	.product-function-list.col-3 li {
		width: 50%;
	}
}

.section-talk-link {
	background-color: #f0f2f6;
	padding: 100px 0;
	margin-top: 130px;
}

.section-talk-link .inner {
	max-width: 902px;
}

.section-talk-link h2 {
	margin-bottom: 42px;
}

.link-button {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	margin-left: auto;
	margin-right: auto;
	padding: 20px;
	width: 246px;
	height: 62px;
	background-color: #000;
	background-repeat: no-repeat;
	background-image: url("../images/btn-arrow.svg");
	background-position: right 20px center;
	transition: all 0.2s linear;
	border: 2px solid #000;
}

.section-talk-link__btn:hover img {
	opacity: 1;
}

.talk-video {
	display: block;
	position: relative;
	max-width: 902px;
	/* aspect-ratio: 902/512; */
	margin-left: auto;
	margin-right: auto;
}

.talk-video::before {
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.3);
	transition: all 0.2s linear;
}

.talk-video__tmb {
	display: block;
	width: 100%;
}

.talk-video__btn {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.talk-video__icon {
	margin-bottom: 13px;
	transition: all 0.2s linear;
}

.talk-video:hover {
	cursor: pointer;
}

.talk-video:hover::before {
	background-color: rgba(0, 0, 0, 0.5);
}

.talk-video:hover .talk-video__icon {
	transform: scale(0.8);
}

.section-talk-link .section-talk-profile {
	margin-bottom: 0;
}

@media only screen and (max-width: 767px) {
	.section-talk-link {
		padding-top: 50px;
		padding-bottom: 50px;
		margin-top: 65px;
	}

	.section-talk-link .inner {
		padding-left: 20px;
		padding-right: 20px;
	}

	.section-talk-link h2 {
		margin-bottom: 30px;
	}

	.talk-video__icon {
		width: 70px;
	}

	.talk-video__text {

	}
}

.section-talk {
	padding-top: 100px;
	padding-bottom: 60px;
}

.section-talk .inner {
	max-width: 902px;
}

.section-talk h2 {
	margin-bottom: 42px;
}

.section-talk__main-image {
	margin-bottom: 40px;
}

.section-talk__text {
	font-size: 13px;
	letter-spacing: 0.12em;
	line-height: 2;
}

.section-talk .row {
	margin-top: 44px;
}

@media only screen and (max-width: 767px) {
	.section-talk {
		padding-top: 50px;
		padding-bottom: 30px;
	}

	.section-talk .inner {
		padding-left: 20px;
		padding-right: 20px;
	}

	.section-talk h2 {
		margin-bottom: 30px;
	}

	.section-talk__text {
		font-size: 11px;
	}

	.section-talk .row {
		margin-top: 20px;
	}
}

.talk-say {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
}

.talk-say:nth-child(1n+2) {
	margin-top: 38px;
}

.talk-say__name {
	flex-shrink: 0;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 0.12em;
	line-height: 1.3;
}

.talk-say__name small {
	font-size: 11px;
	letter-spacing: 0.12em;
	font-weight: normal;
}

.talk-say .section-talk__text {
	margin-left: 30px;
}

@media only screen and (max-width: 767px) {
	.talk-say {
		flex-direction: column;
	}

	.talk-say:nth-child(1n+2) {
		margin-top: 20px;
	}

	.talk-say__name {
		font-size: 14px;
	}

	.talk-say__name br {
		display: none;
	}

	.talk-say .section-talk__text {
		margin-left: 0;
		margin-top: 10px;
	}
}

.row {
	--gutter-x: 40px;
	display: flex;
	flex-wrap: wrap;
	margin-left: calc(var(--gutter-x) / 2 * -1);
	margin-right: calc(var(--gutter-x) / 2 * -1);
}

.row--reverse {
	flex-direction: row-reverse;
}

.row [class*="col-"] {
	padding-left: calc(var(--gutter-x) / 2);
	padding-right: calc(var(--gutter-x) / 2);
}

.row .col-image {
	width: 47%;
}

.row .col-content {
	width: 53%;
}

@media only screen and (max-width: 767px) {
	.row {
		flex-direction: column;
	}

	.row .col-image {
		width: 100%;
		margin-bottom: 20px;
	}

	.row .col-content {
		width: 100%;
	}
}

.section-talk-profile {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 40px;
	padding-top: 40px;
	margin-bottom: 60px;
	border-top: 1px solid #000;
}

/* .section-talk-profile__image {
	width: 22.61%;
} */

.section-talk-profile__content {
	width: 47.59%;
}

.section-talk-profile__name {
	display: flex;
	align-items: flex-end;
	justify-content: flex-start;
	font-size: 20px;
	letter-spacing: 0.2em;
	font-weight: bold;
	margin-bottom: 20px;
	line-height: 1;
}

.section-talk-profile__name img {
	margin-left: 10px;
}

@media only screen and (max-width: 767px) {
	.section-talk-profile {
		display: block;
	}

	.section-talk-profile__image {
		width: 100%;
	}

	.section-talk-profile__content {
		width: 100%;
		padding-left: 0;
	}

	.section-talk-profile__content:nth-child(1n+2) {
		margin-top: 20px;
	}
}

.section-ambassador {
	padding-top: 74px;
	padding-bottom: 100px;
	background-color: #f0f2f6;
}

.section-ambassador .container {
	max-width: 968px;
	margin-left: auto;
	margin-right: auto;
}

.section-ambassador > .container > h2 {
	margin-bottom: 80px;
}

.section-ambassador .container > h2 span {
	margin-bottom: 0;
}

.section-ambassador__content {
	margin-bottom: 88px;
}

.section-ambassador .container > h2 + .section-ambassador__content {
	margin-bottom: 140px;
}

.ambassador-profile:nth-child(1n+2) {
	margin-top: 70px;
}

.ambassador-profile:nth-child(even) {

}

.ambassador-profile__title {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	flex-direction: column;
	margin-bottom: 30px;
	font-size: 20px;
	font-weight: bold;
	letter-spacing: 0.2em;
}

.ambassador-profile__title img {
	margin-top: 10px;
}

.ambassador-profile__text {
	font-size: 13px;
	letter-spacing: 0.2em;
	line-height: 2;
}

.section-snow-project {
	background-color: #fff;
	padding: 52px 0;
}

.section-snow-project h2,
.section-snow-project h2 span {
	line-height: 1.4;
}

.section-snow-project__wrapper {
	max-width: 630px;
	margin: 0 auto;
}

.section-snow-project__contents {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
}

.section-snow-project__text {
	font-size: 13px;
	letter-spacing: 0.2em;
	line-height: 2;
	margin-bottom: 0;
	margin-left: 50px;
}

@media only screen and (max-width: 767px) {
	.section-snow-project__contents {
		display: block;
	}
}

.section-snow-project__button {
	display: flex;
	align-items: center;
	justify-content: center;
	max-width: 358px;
	width: 100%;
	height: 52px;
	border: 1px solid #000;
	font-size: 13px;
	letter-spacing: 0.1em;
	margin: 0 auto;
	margin-top: 48px;
	line-height: 1.4;
}

.section-snow-project__button span {
	padding-right: 28px;
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2215.888%22%20height%3D%2215.888%22%20viewBox%3D%220%200%2015.888%2015.888%22%3E%20%3Cpath%20d%3D%22M0%2C0V15.888H15.888V10.17h-1.28v4.438H1.28V1.279H5.794V0Z%22%2F%3E%20%3Cpath%20d%3D%22M24.325%2C7.034h-1.28V1.4H17.412V.121h6.913Z%22%20transform%3D%22translate(-8.499%20-0.06)%22%2F%3E%20%3Crect%20width%3D%229.482%22%20height%3D%221.28%22%20transform%3D%22translate(8.197%206.786)%20rotate(-45)%22%2F%3E%3C%2Fsvg%3E');
	background-repeat: no-repeat;
	background-position: right 0 center;
}

@media only screen and (min-width: 768px) {
	.ambassador-profile {
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	.ambassador-profile:nth-child(odd) {
		flex-direction: row-reverse;
	}

	.ambassador-profile__image {
		width: 47.1%;
	}

	.ambassador-profile__content {
		width: 47.52%;
	}
}

@media only screen and (max-width: 767px) {
	.section-ambassador {
		padding-top: 50px;
		padding-bottom: 50px;
	}

	.section-ambassador .container {
		padding-left: 20px;
		padding-right: 20px;
	}

	.section-ambassador .container > h2 {
		margin-bottom: 20px;
	}

	.section-ambassador .container > h2 + .section-ambassador__content {
		margin-bottom: 70px;
	}

	.ambassador-profile__image {
		margin-bottom: 20px;
	}

	.ambassador-profile__title {
		padding: 0;
		margin-bottom: 15px;
	}

	.section-snow-project {
		padding: 32px;
	}

	.section-snow-project h2 {
		padding: 0;
		margin-bottom: 20px;
		word-break: break-all;
	}

	.section-snow-project h2 span {
		font-size: 14px;
		margin-left: -16px;
		margin-right: -16px;
		line-height: 1.8;
	}

	.section-snow-project__icon {
		display: block;
		margin: 0 auto;
	}

	.section-snow-project__text {
		margin-top: 20px;
		margin-left: 0;
	}

	.section-snow-project__button {
		padding: 10px 14px;
	}
}

.section-ambassador__btn {
	display: flex;
	align-items: center;
	justify-content: center;
	max-width: 358px;
	width: 100%;
	height: 52px;
	border: 1px solid #000;
	font-size: 13px;
	letter-spacing: 0.1em;
	margin: 0 auto;
	margin-top: 48px;
	line-height: 1.4;
}

/*スクロールダウン全体の場所*/
.scrolldown1 {
  /*描画位置※位置は適宜調整してください*/
  position: absolute;
  right: 28px;
  bottom: 18px;
  /*全体の高さ*/
  height: 50px;
}

/*Scrollテキストの描写*/
.scrolldown1 span {
	display: block;
	width: 10px;
  /*描画位置*/
  position: absolute;
	left: -4px;
	top: -35px;
  /*テキストの形状*/
  color: #eee;
  font-size: 0.7rem;
  letter-spacing: 0.05em;
}

/* 線の描写 */
.scrolldown1::after {
  content: "";
  /*描画位置*/
  position: absolute;
  top: 0;
  /*線の形状*/
  width: 1px;
  height: 30px;
  background: #eee;
  /*線の動き1.4秒かけて動く。永遠にループ*/
  animation: pathmove 1.4s ease-in-out infinite;
  opacity: 0;
}

/*高さ・位置・透過が変化して線が上から下に動く*/
@keyframes pathmove {
  0% {
    height: 0;
    top: 0;
    opacity: 0;
  }

  30% {
    height: 30px;
    opacity: 1;
  }

  100% {
    height: 0;
    top: 50px;
    opacity: 0;
  }
}

@media only screen and (max-width: 767px) {
	.scrolldown1 {
		right: 18px;
		bottom: initial;
		top: 50%;
		transform: translateY(-50%);
	}
}