@charset "UTF-8";

/* ---------------------- .t-header ---------------------- */

.t-header{
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: var(--header_width);
	background-color: var(--color_red01);
	color: #fff;
	z-index: 20000;
}

.t-header:after{
	content: "";
	display: inline-block;
	vertical-align: middle;
	height: 100%;
}

.t-header_func{
	display: none;
}

/* .t-header_nav */

.t-header_nav{
	height: 100%;
}

.t-header_nav_close{
	display: none;
}

.t-header_nav_in{
	height: 100%;
	min-height: 550px;
}

.t-header_nav_content{
	padding-top: 65px;
	padding-bottom: 65px;
	width: 100%;
	max-width: 280px;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 100%;
	max-height: 870px;
}

.t-header_nav_logo01{
	text-align: center;
	margin: 0 0 40px 0;
}

.t-header_title01{
	font-size: 18px;
	line-height: 1.28;
	display: flex;
	justify-content: center;
	margin: 0 0 24px 0;
}

.t-header_lead{
	font-size: 10px;
	line-height: 1.4;
	/*margin: 0 0 64px 0;*/
}

.t-header_cat_wrap{
	/*margin:  0 0 80px 0;*/
	
}

.t-header_cat{
	display: flex;
	flex-wrap: wrap;
	margin: 0 -6px -15px 0;
}

.t-header_cat_item{
	padding: 0 6px 15px 0;
	display: flex;
	flex-direction: column;
}

.t-header_detail{
	display: flex;
	justify-content: center;
}

.t-header_detail .m-btn_wrap{
	width: 100%;
	max-width: 232px;
}

.t-header_link_list_wrap{
	display: flex;
	justify-content: center;
	margin: 24px 0 0 0;
}

.t-header_link_list{
	font-size: 14px;
	line-height: 1;
}

.t-header_link_list_item{
	margin: 0 0 22px 0;
}

.t-header_link_list_item:last-child{
	margin-bottom: 0;
}

.t-header_link_list_link{
	text-decoration: none;
	padding: 0 0 2px 0;
	background: linear-gradient(to right, #fff 0%, #fff 100%);
	transition: background-size 0.2s cubic-bezier(.17,.67,.83,.67) 0.0s;
  background-size: 0% 2px;
	background-repeat: no-repeat;
  background-position: bottom left;
}

.gc-normal .t-header_link_list_link:hover,
.t-header_link_list_link.gc-active{
 background-size: 100% 2px;
}

.t-header_nav_logo02{
	/*margin: 60px 0 0 0*/;
	display: flex;
	justify-content: center;
}

.t-header_copy{
	display: flex;
	justify-content: center;
	margin: 13px 0 0 0;
}

.t-header_copy_text{
	font-size: 10px;
	transform-origin: 50% 50%;
	transform: scale(0.6,0.6);
	white-space: nowrap;
}

@media screen and (min-width: 1031px)  and (max-height: 700px) {
	.t-header_nav_logo01{
		margin: 0 0 15px 0;
	}
	.t-header_nav_content{
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.t-header_title01{
		margin: 0 0 12px 0;
	}
	.t-header_link_list_wrap{
		margin: 12px 0 0 0;
	}
	.t-header_link_list_item{
		margin: 0 0 12px 0;
	}
	.t-header_copy{
		margin: 6px 0 0 0;
	}
}

@media screen and (max-width: 1030px) {
	
	.t-header{
		width: calc( var(--header_width) + var(--scrollbar_width) );
	}
	
	.t-header_nav_content{
		display: block;
		/*max-width: calc( 280px - var(--scrollbar_width) );*/
	}
	
	.t-header_nav_logo01{
		margin: 0 0 44px 0;
	}

	.t-header_title01{
		font-size: 20px;
		margin: 0 0 24px 0;
	}

	.t-header_lead{
		font-size: 11px;
		margin: 0 0 71px 0;
	}

	.t-header_cat_wrap{
		margin:  0 0 87px 0;
	}

	.t-header_cat{
		margin: 0 -7px -17px 0;
	}

	.t-header_cat_item{
		padding: 0 7px 17px 0;
	}

	.t-header_detail .m-btn_wrap{
		max-width: 254px;
	}

	.t-header_link_list_wrap{
		margin: 29px 0 0 0;
	}

	.t-header_link_list{
		font-size: 15px;
	}

	.t-header_link_list_item{
		margin: 0 0 26px 0;
	}

	.t-header_link_list_link{
		text-decoration: none;
	}

	.t-header_nav_logo02{
		margin: 65px 0 0 0;
	}

	.t-header_copy{
		display: none;
	}
	
}

@media screen and (max-width: 1030px) {
	
	.t-header{
		right: calc( (var(--header_width) + var(--scrollbar_width) + var(--close_width) ) * -1 );
		left: auto;
		transition: right 0.4s ease 0s;
	}
	
	.gc-main_nav_active .t-header{
		right: 0;
	}
	
	.t-header_nav_in{
		overflow-x: hidden;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
		scrollbar-color: #999 #fff;
	}
	
	.t-header_nav_content{
		height: auto;
		min-height: 850px;
	}
	
	.t-header_nav_close{
		display: block;
		cursor: pointer;
		width: var(--close_width);
		height: var(--close_width);
		background-color: #fff;
		position: absolute;
		left: calc( var(--close_width) * -1);
		top: 0;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	
	.t-header_bg{
		position: fixed;
		top: 0;
		left: 0;
		width :100%;
		height: 100%;
		z-index: 15000;
		background-color: rgba(0,0,0,0.7);
		display: none;
	}
	
	.t-header_func_wrap{
		height: 81px;
	}
	
	.t-header_func{
		display: block;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		min-width: 375px;
		height: 81px;
		background-color: var(--color_red01);
		z-index: 10000;
		color: #fff;
		padding: 0 0 0 15px;
	}

	.t-header_func_in{
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	
	.t-header_func_head{
		height: 100%;
		display: flex;
		align-items: center;
	}

	.t-header_func_head_obj{
		display: flex;
		align-items: center;
	}
	
	.t-header_func_head figure{
		margin: 0 18px  0 0;
	}

	.t-header_switch{
		background-color: #fff;
		height: 100%;
		width: 81px;
		display: flex;
		justify-content: center;
		align-items: center;
		cursor: pointer;
	}
	
}



/* ---------------------- .t-main ---------------------- */

.t-main{
	--main_space: 50px;
	padding-left: var(--header_width);
}

.t-main > .m-main_content_wrap{
	padding-top: var(--main_space);
	padding-bottom: var(--main_space);
}

.t-main > .m-main_content_wrap:first-child{
	padding-top: calc( var(--main_space) * 2 );
}

.t-main > .m-main_content_wrap:last-child{
	padding-bottom: calc( var(--main_space) * 2 );
}

@media screen and (max-width: 700px) {
	.t-main{
		--main_space: 30px;
	}
}

@media screen and (max-width: 1030px) {
	.t-main{
		padding-left: 0;
	}
}

/* ---------------------- .t-footer ---------------------- */

.t-footer{
	display: none;
}

.t-footer_in{
	color: #fff;
	background-color: var(--color_red01);
	padding-top: 18px;
	padding-bottom: 18px;
}

.t-footer_content{
	
}

.t-footer_copy{
	display: flex;
	justify-content: center;
}

.t-footer_copy_text{
	font-size: 10px;
	text-align: center;
	transform-origin: 50% 50%;
	transform: scale(0.8,0.8);
	white-space: nowrap;
}

@media screen and (max-width: 1030px) {
	.t-footer{
		display: block;
	}
}

/* ---------------------- #creator ---------------------- */

#creator{
	
}

/* .m-creator_list_wrap */

.m-creator_list_wrap{
}

.m-creator_list_wrap *{
	word-break: break-all;
	word-wrap: break-word;
}

.m-creator_list{
	display: flex;
	flex-wrap: wrap;
	margin: 0 -35px -35px 0;
}

.m-creator_list_item{
	display: flex;
	flex-direction: column;
	width: 33.3%;
	padding: 0 35px 35px 0;
}

@media screen and (max-width: 562px) {
	.m-creator_list{
		margin: 0 -42px -42px 0;
	}
	.m-creator_list_item{
		padding: 0 42px 42px 0;
	}
}

@media screen and (max-width: 1300px) {
	.m-creator_list_item{
		width: 50%;
	}
}

@media screen and (max-width: 1030px) {
	.m-creator_list_item{
		width: 33.3%;
	}
}

@media screen and (max-width: 950px) {
	.m-creator_list_item{
		width: 50%;
	}
}

@media screen and (max-width: 562px) {
	.m-creator_list_item{
		width: 100%;
	}
}

.m-creator_list_block{
	flex-grow: 1;
	display: flex;
	flex-direction: column;
	border: 1px solid #B3B3B3;
}

.m-creator_list_vision_wrap{
	
}

.m-creator_list_vision{
	position: relative;
	padding-bottom: 50%;
}

.m-creator_list_img{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 0;
}

.m-creator_list_img img{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position:  center center;
}

.m-creator_list_block_in{
	flex-grow: 1;
	padding: 17px;
	display: flex;
	flex-direction: column;
}

.m-creator_list_head_wrap{
	flex-grow: 1;
}

.m-creator_title01{
	font-size: 18px;
	font-weight: 700;
	line-height: 1.2;
	margin: 0 0 9px 0;
}

.m-creator_list_info_wrap{
	margin: 0 0 26px 0;
}

.m-creator_list_info{
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	margin: 0 -6px -6px 0;
}

.m-creator_list_info > *{
	padding: 0 6px 6px 0;
}

.m-creator_list_info_head{
	
}

.m-creator_list_info_cat{
	background-color: #000;
	color: #fff;
	font-size: 10px;
	line-height: 1;
	min-height: calc( 2.125em * 0.8);
	padding: 0 calc( 1.5em * 0.8);
	border-radius: 99999px;
	display: flex;
	align-items: center;
	justify-content: center;
	white-space: nowrap;
}

.m-creator_list_info_cat span{
	transform-origin: 50% 50%;
	transform: scale(0.8,0.8);
}

.m-creator_list_info_in{
	
}

.m-creator_list_info_names_area{
	margin: 1px 0 0 0;
}

.m-creator_list_info_names_wrap{
	margin: 0 0 4px 0;
}

.m-creator_list_info_names_wrap:last-child{
	margin-bottom: 0;
}

.m-creator_list_info_names{
	display: flex;
	align-items: baseline;
	line-height: 1.2;
	margin: 0 -6px -6px 0;
}

.m-creator_list_info_names > *{
	padding: 0 6px 6px 0;
}

.m-creator_list_info_name01{
	font-size: 12px;
	font-weight: 700;
}

.m-creator_list_info_name02{
	font-size: 10px;
	color: #B3B3B3;
}

.m-creator_link_wrap{
	
}

.m-creator_link{
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.m-creator_sns_list_wrap{
	
}

.m-creator_sns_list{
	display: flex;
	flex-wrap: wrap;
	margin: 0 -6px -6px 0;
}

.m-creator_sns_list_item{
	padding: 0 6px 6px 0;
}

.m-creator_pdf{
	
}

.m-creator_pdf .m-btn_wrap,
.m-creator_pdf .m-btn{
	width: 28px;
	height: 28px;
	border-radius: 100%;
}

.m-creator_pdf .m-btn{
	background-color: var(--color_red01);
	transition: opacity 0.4s ease 0s;
}

.m-creator_pdf .m-btn:hover{
	opacity: 0.7;
}

@media screen and (max-width: 562px) {

	.m-creator_list_block_in{
		padding: 20px;
	}

	.m-creator_title01{
		font-size: 27px;
		margin: 0 0 18px 0;
	}

	.m-creator_list_info_wrap{
		margin: 0 0 44px 0;
	}

	.m-creator_list_info{
		margin: 0 -8px -8px 0;
	}

	.m-creator_list_info > *{
		padding: 0 8px 8px 0;
	}

	.m-creator_list_info_cat{
		font-size: 12px;
	}
	
	.m-creator_list_info_cat span{
		transform: scale(1,1);
	}
	
	.m-creator_list_info_names_area{
		margin: -2px 0 0 0;
	}
	
	.m-creator_list_info_names{
		margin: 0 -8px -8px 0;
	}

	.m-creator_list_info_names > *{
		padding: 0 8px 8px 0;
	}

	.m-creator_list_info_name01{
		font-size: 18px;
	}

	.m-creator_list_info_name02{
		font-size: 15px;
	}
	
	.m-creator_sns_list{
		margin: 0 -8px -8px 0;
	}

	.m-creator_sns_list_item{
		padding: 0 8px 8px 0;
	}

	.m-creator_pdf .m-btn_wrap,
	.m-creator_pdf .m-btn{
		width: 42px;
		height: 42px;
	}
	
}

/* ---------------------- #about ---------------------- */

#about{
	
}

.p-about_block_wrap{
	
}

.p-about_block{
	margin:  0 0 85px 0;
}

.p-about_block:last-child{
	margin-bottom: 0;
}

.p-about_title01{
	font-size: 24px;
	line-height: 1.5;
	font-weight: 500;
	letter-spacing: 0.1em;
	color: var(--color_red01);
	margin: 0 0 25px 0;
	text-align: center;
}

.p-about_block_lead{
	
}

.p-about_number_area{
	display: flex;
	justify-content: center;
	white-space: nowrap;
}

.p-about_number_wrap{
	
}

.p-about_number{
	display: flex;
	align-items: baseline;
	line-height: 1;
	color: var(--color_red01);
}

.p-about_number_text01{
	font-size: 72px;
}

.p-about_number_text02{
	font-size: 24px;
	margin: 0 0 0 13px;
}

.p-about_number_info{
	display: flex;
	justify-content: center;
	line-height: 1;
	margin: 18px 0 0 0;
}


.p-about_title02{
	text-align: center;
	font-size: 18px;
	line-height: 1.5;
	margin: 0 0 52px 0;
}

@media screen and (max-width: 700px) {
	.p-about_block{
		margin:  0 0 42px 0;
	}
}