/* ===============================================================
	common
=============================================================== */
html {
	font-size: 62.5%;
}

body {
	font-size: 16px;
	font-family: -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;
	line-height: 1.4;
	letter-spacing: 0em;
	background-color: #1a1a1a;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-text-size-adjust: 100%;
}

img {
	max-width: 100%;
	transition: 1.5s;
	vertical-align: top;
}

.pc {
	display: block;
}

@media only screen and (max-width: 750px) {
	.pc {
		display: none;
	}
}

.tab {
	display: block;
}

@media only screen and (max-width: 1000px) {
	.tab {
		display: none;
	}
}

.sp {
	display: none;
}

@media only screen and (max-width: 750px) {
	.sp {
		display: block;
	}
}

.visuallyhidden {
	position: absolute;
	clip: rect(1px 1px 1px 1px);
	clip: rect(1px, 1px, 1px, 1px);
	-webkit-clip-path: inset(0px 0px 99.9% 99.9%);
	clip-path: inset(0px 0px 99.9% 99.9%);
	overflow: hidden;
	height: 1px;
	width: 1px;
	padding: 0;
	border: 0;
}

/* ===============================================================
	animation
=============================================================== */
.fadeUpB, .fadeUpB02, .fadeUpB03, .fadeUpB04, .fadeUpB05 {
	transition: 1s;
	opacity: 0;
	transform: translate(0, 60px);
	-webkit-transform: translate(0, 60px);
}

@media only screen and (max-width: 750px) {
	.fadeUpB, .fadeUpB02, .fadeUpB03, .fadeUpB04, .fadeUpB05 {
		opacity: 0;
		transform: translate(0, 2%);
		-webkit-transform: translate(0, 2%);
	}
}

.fadeUpR {
	transition: 1s;
	opacity: 0;
	transform: translate(0, 60px);
	-webkit-transform: translate(0, 60px);
}

@media only screen and (max-width: 750px) {
	.fadeUpR {
		opacity: 0;
		transform: translate(-25%, 0);
		-webkit-transform: translate(-25%, 0);
	}
}

.fadeUpL {
	transition: 1s;
	opacity: 0;
	transform: translate(0, 60px);
	-webkit-transform: translate(0, 60px);
}

@media only screen and (max-width: 750px) {
	.fadeUpL {
		opacity: 0;
		transform: translate(25%, 0);
		-webkit-transform: translate(25%, 0);
	}
}

.fadeUpB02 {
	transition-delay: .3s;
}

.fadeUpB03 {
	transition-delay: .6s;
}

.fadeUpB04 {
	transition-delay: .9s;
}

.fadeUpB05 {
	transition-delay: 1.2s;
}

.fadeUpOn {
	opacity: 1;
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
}

@media only screen and (max-width: 750px) {
	.fadeUpOn {
		opacity: 1;
		transform: translate(0, 0);
		-webkit-transform: translate(0, 0);
	}
}

/* ===============================================================
	ABOUT
=============================================================== */
.fs-l-page {
	padding-top: 0;
}

.a-mv {
	position: relative;
	width: 100%;
	height: calc((1000/1980)*100vw);
	background: url(https://redman.itembox.design/item/freepage/about/images/mv.jpg) center center no-repeat;
	background-size: cover;
}

.a-mv_logo {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 3;
}

.a-mv_logo img {
	display: block;
	width: 100%;
	max-width: 530px;
	margin-bottom: 18px;
	transition: 0s;
}

.a-mv_logo_txt {
	display: block;
	font-size: 24px;
	font-weight: 400;
	color: #fff;
	text-align: center;
	line-height: 1;
	letter-spacing: .05em;
	font-family: Century Gothic, YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;
}

.a-mv_movie {
	display: none;
}

.a-mv.movie {
	height: 100vh;
	overflow: hidden;
}

.a-mv.movie .a-mv_movie {
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	width: 100vw;
	transform: translate(-50%, -50%);
}

@media only screen and (max-width: 1540px) {
	.a-mv {
		height: calc((1000/1540)*100vw);
		z-index: 1;
	}
	.a-mv_logo {
		width: calc(530px * 0.9);
	}
	.a-mv_logo img {
		max-width: calc(530px * 0.9);
		margin-bottom: calc(18px * 0.9);
	}
	.a-mv_logo_txt {
		display: block;
		font-size: calc(24px * 0.9);
	}
}

@media only screen and (max-width: 1000px) {
	.a-mv_logo {
		width: calc(530px * 0.75);
	}
	.a-mv_logo img {
		max-width: calc(530px * 0.75);
		margin-bottom: calc(18px * 0.75);
	}
	.a-mv_logo_txt {
		display: block;
		font-size: calc(24px * 0.75);
	}
	.a-mv.movie .a-mv_movie {
		width: auto;
		height: 100vh;
	}
}

@media only screen and (max-width: 750px) {
	.a-mv {
		height: calc((1189/750)*100vw);
		background: url(https://redman.itembox.design/item/freepage/about/images/mv_sp.jpg) center center no-repeat;
		background-size: cover;
	}
	.a-mv_logo {
		width: calc((551/750)*100vw);
		height: calc((192/750)*100vw);
		background: url(https://redman.itembox.design/item/freepage/about/images/logo_sp.png) no-repeat;
		background-size: contain;
	}
	.a-mv_logo img {
		position: absolute;
		clip: rect(1px 1px 1px 1px);
		clip: rect(1px, 1px, 1px, 1px);
		-webkit-clip-path: inset(0px 0px 99.9% 99.9%);
		clip-path: inset(0px 0px 99.9% 99.9%);
		overflow: hidden;
		height: 1px;
		width: 1px;
		padding: 0;
		border: 0;
	}
	.a-mv_logo_txt {
		position: absolute;
		clip: rect(1px 1px 1px 1px);
		clip: rect(1px, 1px, 1px, 1px);
		-webkit-clip-path: inset(0px 0px 99.9% 99.9%);
		clip-path: inset(0px 0px 99.9% 99.9%);
		overflow: hidden;
		height: 1px;
		width: 1px;
		padding: 0;
		border: 0;
	}
}

.a-sec {
	padding: 100px 0;
}

.a-sec-inner {
	position: relative;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	align-items: center;
	width: 100%;
	max-width: 1540px;
	margin: 0 auto;
	padding: 0 20px;
	z-index: 2;
}

.a-sec_ttl {
	position: relative;
	margin-bottom: 60px;
	font-size: 32px;
	font-weight: 400;
	color: #fff;
	text-align: center;
	line-height: 1;
	letter-spacing: .05em;
	font-family: Century Gothic, YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;
	z-index: 1;
}

.a-sec_subTtl {
	position: relative;
	margin-bottom: 60px;
	font-size: 38px;
	font-weight: 400;
	color: #cabe87;
	text-align: center;
	line-height: 1;
	letter-spacing: .05em;
	font-family: Century Gothic, YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;
	z-index: 1;
}

.a-sec_subTtl span {
	font-size: 22px;
	font-weight: 500;
}

@media only screen and (max-width: 1540px) {
	.a-sec {
		padding: calc(100px * 0.9) 0;
	}
	.a-sec-inner {
		padding: 0 20px;
	}
	.a-sec_ttl {
		margin-bottom: calc(60px * 0.9);
		font-size: calc(32px * 0.9);
	}
	.a-sec_subTtl {
		margin-bottom: calc(60px * 0.9);
		font-size: calc(38px * 0.9);
	}
	.a-sec_subTtl span {
		font-size: calc(22px * 0.9);
	}
}

@media only screen and (max-width: 1000px) {
	.a-sec_subTtl span {
		display: block;
		margin-top: calc((30/1000)*100vw);
	}
}

@media only screen and (max-width: 750px) {
	.a-sec {
		padding: calc((80/750)*100vw) 0;
	}
	.a-sec-inner {
		display: block;
		width: 100%;
		max-width: inherit;
		margin: 0 auto;
		padding: 0 calc((25/750)*100vw);
		z-index: 2;
	}
	.a-sec_ttl {
		margin-bottom: calc((60/750)*100vw);
		font-size: calc((50/750)*100vw);
		font-family: Century Gothic, YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;
	}
	.a-sec_subTtl {
		margin-bottom: calc((60/750)*100vw);
		font-size: calc((42/750)*100vw);
		font-weight: 400;
		color: #cabe87;
		text-align: center;
		line-height: 1;
		letter-spacing: .05em;
		font-family: Century Gothic, YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;
	}
	.a-sec_subTtl span {
		display: block;
		margin-top: calc((30/750)*100vw);
		font-size: calc((24/750)*100vw);
		font-weight: 500;
	}
}

.a-concept {
	position: relative;
}

.a-concept .a-sec_subTtl {
	color: #fff;
}

.a-concept::after {
	content: '';
	position: absolute;
	bottom: 0;
	right: 0;
	display: block;
	width: 750px;
	height: 758px;
	background: url(https://redman.itembox.design/item/freepage/about/images/bg01.jpg) no-repeat;
	background-size: contain;
	z-index: 0;
}

.a-concept_img {
	width: 100%;
	max-width: 700px;
	margin-right: 40px;
}

.a-concept_txt {
	font-size: 20px;
	font-weight: 500;
	color: #fff;
	line-height: 2.4;
}

@media only screen and (max-width: 1540px) {
	.a-concept::after {
		width: calc((750/1540)*100vw);
		height: calc((758/1540)*100vw);
	}
	.a-concept_img {
		max-width: calc((700/1540)*100vw);
		margin-right: calc((40/1540)*100vw);
	}
	.a-concept_txt {
		font-size: calc(20px * 0.9);
	}
}

@media only screen and (max-width: 1000px) {
	.a-concept_img {
		max-width: calc((400/1000)*100vw);
	}
	.a-concept_txt {
		font-size: calc((17/1000)*100vw);
	}
}

@media only screen and (max-width: 750px) {
	.a-concept {
		padding: calc((120/750)*100vw) 0 calc((130/750)*100vw);
	}
	.a-concept::after {
		content: '';
		position: absolute;
		bottom: 0;
		right: 0;
		display: block;
		width: calc((434/750)*100vw);
		height: calc((446/750)*100vw);
		background: url(https://redman.itembox.design/item/freepage/about/images/bg01.jpg) no-repeat;
		background-size: cover;
		z-index: 0;
		transform: translateY(calc((26/750)*100vw));
	}
	.a-concept_img {
		width: 100%;
		max-width: inherit;
		margin-right: 0;
		margin-bottom: calc((35/750)*100vw);
	}
	.a-concept_txt {
		font-size: calc((22/750)*100vw);
		line-height: 2.4;
	}
}

.story {
	position: relative;
	background-color: #fff;
	z-index: 1;
}

.story .a-sec_ttl {
	color: #000;
}

.story .a-sec_subTtl {
	/* color: #bc2020; */
	color: #000;
}

.story_img {
	width: 100%;
	max-width: 700px;
	order: 1;
}

.story_txt {
	max-width: 720px;
	margin: 0 40px;
	font-size: 20px;
	font-weight: 500;
	color: #000;
	line-height: 2.4;
}

@media only screen and (max-width: 1540px) {
	.story_img {
		max-width: calc((700/1540)*100vw);
	}
	.story_txt {
		max-width: calc((720/1540)*100vw);
		margin: 0 calc((40/1540)*100vw);
		font-size: calc(20px * 0.9);
	}
}

@media only screen and (max-width: 1000px) {
	.story_img {
		max-width: calc((400/1000)*100vw);
	}
	.story_txt {
		max-width: calc((530/1000)*100vw);
		margin-left: 0;
		font-size: calc((18/1000)*100vw);
	}
}

@media only screen and (max-width: 750px) {
	.story .a-sec_ttl {
		color: #000;
	}
	.story .a-sec_subTtl {
		margin-bottom: calc((50/750)*100vw);
		line-height: 1.48;
	}
	.story_img {
		width: 100%;
		max-width: inherit;
		margin-right: 0;
		margin-bottom: calc((35/750)*100vw);
	}
	.story_txt {
		max-width: inherit;
		margin: 0;
		font-size: calc((22/750)*100vw);
		line-height: 2.4;
	}
}

.designer {
	position: relative;
	padding-bottom: 70px;
}

.designer::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 787px;
	height: 800px;
	background: url(https://redman.itembox.design/item/freepage/about/images/bg02.jpg) no-repeat;
	background-size: contain;
	z-index: 0;
}

.designer .a-sec-inner {
	align-items: flex-start;
}

.designer_img {
	width: 100%;
	max-width: 700px;
}

.designer_detail {
	position: absolute;
	top: 0;
	left: 760px;
}

.designer_ttl {
	margin-bottom: 20px;
	font-size: 20px;
	font-weight: 500;
	color: #fff;
	line-height: 1;
}

.designer_ttl.big {
	font-size: 24px;
}

.designer_ttl span {
	font-size: 14px;
	font-family: Century Gothic, YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;
}

.designer_txt {
	font-size: 16px;
	font-weight: 500;
	color: #fff;
	line-height: 2.357;
}

.designer_txt:first-of-type {
	width: 880px;
	font-size: 24px;
	margin-bottom: 50px;
	line-height: 1.83;
}

@media only screen and (max-width: 1760px) {
	.designer_img {
		margin-right: 40px;
	}
	.designer_txt:first-of-type {
		width: 100%;
		max-width: 880px;
	}
}

@media only screen and (max-width: 1540px) {
	.designer {
		padding-bottom: calc((70/1540)*100vw);
	}
	.designer::after {
		width: calc((787/1540)*100vw);
		height: calc((800/1540)*100vw);
	}
	.designer_img {
		max-width: calc((700/1540)*100vw);
		margin-right: calc((40/1540)*100vw);
	}
	.designer_detail {
		position: static;
	}
	.designer_ttl {
		margin-bottom: calc((20/1540)*100vw);
		font-size: calc(20px * 0.9);
	}
	.designer_ttl.big {
		font-size: calc(24px * 0.9);
	}
	.designer_ttl span {
		font-size: calc(14px * 0.9);
	}
	.designer_txt {
		font-size: calc(16px * 0.9);
	}
	.designer_txt:first-of-type {
		width: inherit;
		font-size: calc(24px * 0.9);
		margin-bottom: calc((50/1540)*100vw);
	}
}

@media only screen and (max-width: 1000px) {
	.designer_img {
		max-width: calc((400/1000)*100vw);
	}
	.designer_ttl {
		font-size: calc((17/1000)*100vw);
	}
	.designer_ttl.big {
		font-size: calc((21/1000)*100vw);
	}
	.designer_ttl span {
		font-size: calc((14/1000)*100vw);
	}
	.designer_txt {
		max-width: calc((530/1000)*100vw);
		font-size: calc((16/1000)*100vw);
	}
	.designer_txt:first-of-type {
		font-size: calc((17/1000)*100vw);
	}
}

@media only screen and (max-width: 750px) {
	.designer {
		padding-top: calc((160/750)*100vw);
	}
	.designer::after {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		width: calc((670/750)*100vw);
		height: calc((613/750)*100vw);
		background: url(https://redman.itembox.design/item/freepage/about/images/bg02.jpg) no-repeat;
		background-size: cover;
		transform: translateY(calc((-240/750)*100vw));
		z-index: 0;
	}
	.designer_img {
		width: 100%;
		max-width: inherit;
		margin-bottom: calc((35/750)*100vw);
	}
	.designer_detail {
		position: static;
	}
	.designer_ttl {
		margin-bottom: calc((35/750)*100vw);
		font-size: calc((24/750)*100vw);
	}
	.designer_ttl.big {
		font-size: calc((30/750)*100vw);
	}
	.designer_ttl span {
		font-size: calc((20/750)*100vw);
	}
	.designer_txt {
		max-width: inherit;
		font-size: calc((20/750)*100vw);
	}
	.designer_txt:first-of-type {
		width: auto;
		margin-bottom: calc((50/750)*100vw);
		font-size: calc((22/750)*100vw);
	}
}

.official .a-sec-inner {
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	align-items: center;
	justify-content: center;
}

.official .official_info {
	margin-right: 100px;
}

.official .official_info .a-sec_subTtl {
	margin: 0 0 40px;
	text-align: left;
}

.official .official_info_ttl {
	color: #fff;
	font-size: 24px;
	font-weight: normal;
	margin-bottom: 30px;
}

.official .official_info_txt {
	color: #fff;
	font-size: 16px;
	line-height: 2.5;
	margin: 0 0 30px;
}

.official .official_info_btn {
	border: 1px solid #fff;
	transition: .2s;
}

.official .official_info_btn a {
	display: block;
	padding: 13px 20px;
	font-size: 16px;
	font-weight: 400;
	color: #fff;
	text-align: center;
	line-height: 1;
	letter-spacing: .05em;
	text-decoration: none;
	transition: .2s;
}

.official .official_info_btn a::after {
	content: '';
	display: inline-block;
	margin-left: 10px;
	width: 10px;
	height: 10px;
	background: url(https://redman.itembox.design/item/assets/images/pc/arrow_w.svg) no-repeat;
	background-size: contain;
	vertical-align: middle;
	transition: .2s;
}

.official .official_info_btn:hover {
	background-color: #fff;
	border: 1px solid #fff;
}

.official .official_info_btn:hover a {
	color: #000;
}

.official .official_info_btn:hover a::after {
	background: url(https://redman.itembox.design/item/assets/images/pc/arrow_b.svg?v2) no-repeat;
}

.official .official_map {
	display: block;
	width: 100%;
	height: 100%;
	max-width: 600px;
	min-height: 400px;
}

@media only screen and (max-width: 1000px) {
	.official .a-sec-inner {
		flex-direction: column;
	}
	.official .official_info {
		margin: 0 0 50px 0;
	}
	.official .official_info .a-sec_subTtl {
		text-align: center;
	}
	.official .official_info_ttl {
		text-align: center;
	}
}

@media only screen and (max-width: 750px) {
	.official .official_info {
		margin-bottom: calc((50/750)*100vw);
	}
	.official .official_info .a-sec_subTtl {
		margin-bottom: calc((30/750)*100vw);
	}
	.official .official_info_ttl {
		font-size: calc((35/750)*100vw);
		margin-bottom: calc((40/750)*100vw);
	}
	.official .official_info_txt {
		text-align: center;
		font-size: calc((25/750)*100vw);
		margin-bottom: calc((40/750)*100vw);
	}
	.official .official_info_btn {
		border: 1px solid #fff;
		transition: .2s;
	}
	.official .official_info_btn a {
		font-size: calc((20/750)*100vw);
		padding: calc((20/750)*100vw);
	}
	.official .official_map {
		min-height: calc((450/750)*100vw);
	}
}

.gallary {
	padding-bottom: 150px;
}

.gallary_img.first {
	width: 100%;
	max-width: 1690px;
	margin-bottom: 20px;
}

.gallary_img.second {
	width: 100%;
	max-width: 1680px;
	margin-left: auto;
	margin-right: 10px;
}

@media only screen and (max-width: 1540px) {
	.gallary {
		padding-bottom: calc((150/1540)*100vw);
	}
	.gallary_img.second {
		margin-right: 0;
	}
}

@media only screen and (max-width: 750px) {
	.gallary {
		padding-bottom: calc((160/750)*100vw);
	}
	.gallary_img.first {
		width: 100%;
		max-width: inherit;
		margin-bottom: calc((20/750)*100vw);
	}
	.gallary_img.second {
		width: 100%;
		max-width: inherit;
		margin-left: auto;
		margin-right: 0;
	}
}

.company {
	padding-top: 150px;
	padding-bottom: 0;
}

.company_table {
	width: 100%;
	max-width: 850px;
	margin: 0 auto;
}

.company_table tr:not(:first-of-type) th,
.company_table tr:not(:first-of-type) td {
	border-top: 1px solid #1a1a1a;
}

.company_table th,
.company_table td {
	padding: 14px 0;
	font-size: 14px;
	font-weight: 400;
	color: #fff;
	line-height: 2;
	border-bottom: 1px solid #424242;
}

.company_table th {
	width: 200px;
	color: #fff;
	text-align: center;
}

.company_table td {
	padding-left: 20px;
}

@media only screen and (max-width: 1540px) {
	.company {
		padding-top: calc((150/1540)*100vw);
	}
}

@media only screen and (max-width: 1000px) {
	.company_table {
		max-width: calc((850/1000)*100vw);
	}
}

@media only screen and (max-width: 750px) {
	.company {
		padding-top: calc((120/750)*100vw);
		padding-bottom: 0;
	}
	.company_table {
		width: 100%;
		max-width: calc((700/750)*100vw);
		margin: 0 auto;
	}
	.company_table th,
	.company_table td {
		display: block;
		padding: calc((20/750)*100vw) 0;
		font-size: calc((24/750)*100vw);
		border-bottom: none;
	}
	.company_table th {
		width: auto;
		color: #fff;
		text-align: center;
		background-color: #424242;
	}
	.company_table td {
		padding-left: 0;
		text-align: center;
	}
}