.top .l-header {
	background: rgba(0, 0, 0, .8)
}
@media print, screen and (min-width:768px) {
	.top .l-header {
		height: 70px
	}
}
@media screen and (max-width:767px) {
	.top .l-header {
		height: 55px
	}
}
.top-loading {
	width: 100%;
	height: 100vh;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10000;
	background: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}
.top-loading__img {
	position: relative;
	width: 600px;
	-webkit-transition: opacity .5s;
	transition: opacity .5s
}
@media print, screen and (min-width:768px) {
	.top-loading__img {
		top: -80px
	}
}
@media screen and (max-width:767px) {
	.top-loading__img {
		width: 300px;
		top: -100px
	}
}
.top-loading__item {
	position: absolute;
	top: 0;
	opacity: 0;
	-webkit-transform: translateY(20px);
	transform: translateY(20px)
}
.top-loading__item--01 {
	-webkit-animation: loading 1.4s infinite;
	animation: loading 1.4s infinite
}
@media screen and (max-width:767px) {
	.top-loading__item--01 {
		-webkit-animation: loadingSP 1.4s infinite;
		animation: loadingSP 1.4s infinite
	}
}
.top-loading__item--02 {
	-webkit-animation: loading 1.4s infinite;
	animation: loading 1.4s infinite
}
@media screen and (max-width:767px) {
	.top-loading__item--02 {
		-webkit-animation: loadingSP 1.4s infinite;
		animation: loadingSP 1.4s infinite
	}
}
.top-loading.is-loaded .top-loading__img {
	opacity: 0
}
@-webkit-keyframes loading {
	0% {
		opacity: 0;
		-webkit-transform: translateY(20px);
		transform: translateY(20px)
	}
	40% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
	60% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
	100% {
		opacity: 0;
		-webkit-transform: translateY(-20px);
		transform: translateY(-20px)
	}
}
@keyframes loading {
	0% {
		opacity: 0;
		-webkit-transform: translateY(20px);
		transform: translateY(20px)
	}
	40% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
	60% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
	100% {
		opacity: 0;
		-webkit-transform: translateY(-20px);
		transform: translateY(-20px)
	}
}
@-webkit-keyframes loadingSP {
	0% {
		opacity: 0;
		-webkit-transform: translateY(10px);
		transform: translateY(10px)
	}
	40% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
	60% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
	100% {
		opacity: 0;
		-webkit-transform: translateY(-10px);
		transform: translateY(-10px)
	}
}
@keyframes loadingSP {
	0% {
		opacity: 0;
		-webkit-transform: translateY(10px);
		transform: translateY(10px)
	}
	40% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
	60% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
	100% {
		opacity: 0;
		-webkit-transform: translateY(-10px);
		transform: translateY(-10px)
	}
}
@media print, screen and (min-width:768px) {
	.top-sect:nth-child(n+2) {
		margin-top: 100px
	}
}
@media screen and (max-width:767px) {
	.top-sect:nth-child(n+2) {
		margin-top: 50px
	}
}
.top-sect__ttl {
	text-align: center;
	position: relative;
	z-index: 10
}
@media print, screen and (min-width:768px) {
	.top-sect__ttl img {
		height: 60px;
		width: auto
	}
}
@media screen and (max-width:767px) {
	.top-sect__ttl img {
		height: 6.8125vw;
		width: auto
	}
}
.top-sect__ttl--ja {
	font-size: 1.8rem;
	display: block;
	font-style: italic;
	margin: 10px 0 0
}
@media screen and (max-width:767px) {
	.top-sect__ttl--ja {
		font-size: 3.90625vw
	}
}
.top-sect__body {
	position: relative;
	z-index: 10
}
@media print, screen and (min-width:768px) {
	.top-sect__txt {
		text-align: center
	}
}
@media print, screen and (min-width:768px) {
	.top-sect__btn {
		margin-top: 40px
	}
}
@media screen and (max-width:767px) {
	.top-sect__btn {
		margin-top: 30px
	}
}
.top-container {
	position: relative;
	padding: 0;
}
.top-about {
	position: relative
}
@media screen and (max-width:767px) {
	.top-about {
		padding: 14.32292vw 0 2.97917vw;
	}
}
.top-about_container {
	max-width: 1280px;
	background: url(/themes/basecamp/images/top/img_topmain.png) no-repeat right bottom;
	margin: 0 auto -30px;
	padding-bottom: 90px;
	position: relative;
	top: -30px;
	background-size: contain;
	z-index: 2;
}
@media screen and (max-width:767px) {
	.top-about_container {
		display: block;
		background: url(/themes/basecamp/images/top/img_topmain.png) no-repeat top -10px right -60px;
		background-size: 150%;
		padding-bottom: 20px;
	}
}
.top-about__inner {
	position: relative;
	z-index: 3;
	width: 500px;
	max-width: 100%;
	margin-left: 0;
	padding-left: 0;
}
@media screen and (max-width:767px) {
	.top-about__inner {
		padding-left: 0;
		padding-right: 0
	}
}
.top-about__ttl {
	text-align: center;
	padding-top: 130px;
}
@media screen and (max-width:767px) {
	.top-about__ttl {
		padding-top: 280px;
	}
}
@media screen and (max-width:767px) {
	.top-about__ttl img {
		width: 90%;
	}
}
.top-about__txt {
	text-align: center;
	color: #000;
	font-size: 1.8rem;
	font-weight: 800;
	font-style: italic;
	line-height: 2;
	margin: 24px 0 0
}
@media screen and (max-width:767px) {
	.top-about__txt {
		font-size: 3.64583vw;
		margin: 2.86458vw 0 0
	}
}
.top-about__btn {
	margin: 25px auto 0
}
@media print, screen and (min-width:768px) {
	.top-about__btn {
		max-width: 335px
	}
}
@media screen and (max-width:767px) {
	.top-about__btn {
		margin: 5.20833vw auto 0
	}
}
@media screen and (max-width:767px) {
	.top-main {
		position: absolute;
		top: -68px;
		width: 100%;
		background-size: cover;
		min-height: 420px;
	}
}
.top-about #canvas01 {
	position: absolute;
	width: 2200px;
	height: 1000px;
	top: -120px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	z-index: 2
}
@media screen and (max-width:767px) {
	.top-about #canvas01 {
		width: 1100px;
		height: 500px;
		left: 50%;
	}
}
.top-container-black {
	background: #999;
	padding: 60px 0 0;
	position: relative;
	overflow: hidden
}
@media screen and (max-width:767px) {
	.top-container-black {
		background: none;
		padding: 0 20px 0
	}
}
.top-basecamp-recruit {
	max-width: 1000px;
	margin: 0 auto;
	padding-bottom: 60px;
	position: relative;
	z-index: 4
}
@media screen and (max-width:767px) {
	.top-basecamp-recruit {
		padding-bottom: 9.11458vw
	}
}
@media screen and (max-width:767px) {
	.top-basecamp-recruit::after {
		content: none
	}
}
.top-basecamp-recruit__ttl img {
	height: 27px;
	width: auto
}
.top-basecamp-recruit-bnr {
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
	background: #000;
	position: relative;
	z-index: 5;
	overflow: hidden
}
.top-basecamp-recruit-bnr::after {
	content: "";
	display: block;
	width: 16px;
	height: 40px;
	position: absolute;
	top: 50%;
	right: 20px;
	margin-top: -20px;
	background: url(/themes/basecamp/images/recruit_bnr_arrow.png) no-repeat center top;
	background-size: 100%;
	pointer-events: none
}
@media screen and (max-width:767px) {
	.top-basecamp-recruit-bnr::after {
		content: none
	}
}
.top-basecamp-recruit-bnr__inner {
	position: absolute;
	width: 100%;
	text-align: center;
	top: 74px;
	z-index: 5
}
@media screen and (max-width:767px) {
	.top-basecamp-recruit-bnr__inner {
		top: 50%;
		-webkit-transform: translateY(-48%);
		transform: translateY(-48%)
	}
}
.top-basecamp-recruit-bnr__ttl {
	margin: 0 0 9px
}
@media screen and (max-width:767px) {
	.top-basecamp-recruit-bnr__ttl {
		margin: 0 0 12px
	}
}
.top-basecamp-recruit-bnr__ttl img {
	height: 51px;
	width: auto
}
@media screen and (max-width:767px) {
	.top-basecamp-recruit-bnr__ttl img {
		height: 14.58333vw
	}
}
.top-basecamp-recruit-bnr__txt>span {
	position: relative;
	display: inline-block;
	margin: 0 0 4px
}
.top-basecamp-recruit-bnr__txt>span::before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: #fff;
	opacity: .8
}
.top-basecamp-recruit-bnr__txt>span span {
	display: inline-block;
	color: #000;
	font-size: 2rem;
	font-weight: 600;
	letter-spacing: -.03em;
	font-style: italic;
	position: relative;
	padding: 1px 0 1px 4px
}
@media screen and (max-width:767px) {
	.top-basecamp-recruit-bnr__txt>span span {
		font-size: 3.25521vw
	}
}
.top-basecamp-recruit-bnr__img img {
	-webkit-transition: .6s;
	transition: .6s
}
@media print, screen and (min-width:768px) {
	.top-basecamp-recruit-bnr a:hover .top-basecamp-recruit-bnr__img img {
		-webkit-transform: scale(1.06);
		transform: scale(1.06)
	}
}
.top-main-container {
	position: relative
}
.top-main-container__bg {
	display: block;
	width: 980px;
	height: 500px;
	position: absolute;
	top: 0;
	left: calc(50% + 80px);
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	background: #f1f1f1;
	z-index: 3
}
@media screen and (max-width:767px) {
	.top-main-container__bg {
		display: none
	}
}
@media print, screen and (min-width:768px) {
	.top-main-container::before {
		content: "";
		display: block;
		width: 501px;
		height: 264px;
		position: absolute;
		top: 0;
		right: 50%;
		background: url(/themes/basecamp/images/top/bg_line01.png) no-repeat center top;
		background-size: 100%;
		margin-right: -750px;
		-webkit-transform: translateX(50%);
		transform: translateX(50%);
		z-index: 5
	}
}
@media print, screen and (min-width:768px) {
	.top-main-container::after {
		content: "";
		display: block;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 0 0 800px 1600px;
		border-color: transparent transparent #f1f1f1 transparent;
		position: absolute;
		top: 0;
		left: 50%;
		z-index: 2;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		margin-left: -1200px
	}
}
.top-main-container .l-inner {
	position: relative
}
.top-pickup {
	padding-bottom: 120px;
	margin-top: 0 !important;
	position: relative;
	z-index: 5
}
@media screen and (max-width:767px) {
	.top-pickup {
		padding: 13.02083vw 0
	}
}
.top-pickup .c-line--01 {
	top: 586px;
	left: -232px
}
@media screen and (max-width:767px) {
	.top-pickup .c-line--01 {
		top: 164vw;
		left: -20vw
	}
}
.top-pickup .c-line--02 {
	top: 1090px;
	right: -120px
}
@media screen and (max-width:767px) {
	.top-pickup .c-line--02 {
		top: 295vw;
		right: -15vw
	}
}
.top-pickup .c-line--03 {
	bottom: -500px;
	left: -120px
}
@media screen and (max-width:767px) {
	.top-pickup .c-line--03 {
		bottom: -65vw;
		left: -90px
	}
}
.top-pickup .c-line--04 {
	top: -120px;
	left: -160px
}
@media screen and (max-width:767px) {
	.top-pickup .c-line--04 {
		top: -22vw;
		left: 82vw
	}
}
.top-pickup__body {
	margin: 60px 0 0
}
@media screen and (max-width:767px) {
	.top-pickup__body {
		margin: 10.41667vw 0 0
	}
}
.top-pickup .c-tag__lists {
	margin: 40px 0 0
}
.top-pickup .c-tag__lists li {
	font-size: 1.5rem;
}
@media screen and (max-width:767px) {
	.top-pickup .c-tag__lists li {
		font-size: 1.2rem;
	}
}
@media screen and (max-width:767px) {
	.top-pickup .c-tag__lists {
		margin: 5.20833vw 0 0
	}
}
.top-latest {
	padding: 0;
	position: relative
}
@media screen and (max-width:767px) {
	.top-latest {
		padding: 13.02083vw 0
	}
}
.top-latest .c-line--04 {
	top: 925px;
	right: -345px
}
@media screen and (max-width:767px) {
	.top-latest .c-line--04 {
		top: 150vw;
		right: -120px
	}
}
.top-latest__btn {
	margin-top: 20px
}
.top-latest__btn span {
	font-size: 1.8rem
}
.top-latest__btn i {
	top: 2px
}
.top-latest__btn i svg {
	width: 18px;
	height: 18px
}
@media screen and (max-width:767px) {
	.top-latest__wrap {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}
}
@media print, screen and (min-width:768px) {
	.top-latest__body {
		margin-top: 60px
	}
}
@media screen and (max-width:767px) {
	.top-latest__body {
		margin: 10.41667vw 0 0
	}
}
@media screen and (max-width:767px) {
	.top-latest--public .p-media:nth-child(4), .top-latest--public .p-media:nth-child(5), .top-latest--public .p-media:nth-child(6), .top-latest--public .p-media:nth-child(7), .top-latest--public .p-media:nth-child(8), .top-latest--public .p-media:nth-child(9) {
		display: none
	}
}
@media screen and (max-width:767px) {
	.top-latest--public .top-latest-more {
		display: none
	}
}
@media print, screen and (min-width:768px) {
	.top-latest--public .top-latest-loading {
		display: none
	}
}
@media screen and (max-width:767px) {
	.top-latest--public.is-loaded .p-media:nth-child(4), .top-latest--public.is-loaded .p-media:nth-child(5), .top-latest--public.is-loaded .p-media:nth-child(6), .top-latest--public.is-loaded .p-media:nth-child(7), .top-latest--public.is-loaded .p-media:nth-child(8), .top-latest--public.is-loaded .p-media:nth-child(9) {
		display: block
	}
}
@media screen and (max-width:767px) {
	.top-latest--public .top-latest__btn {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex
	}
}
@media print, screen and (min-width:768px) {
	.top-latest--public .top-latest-loading {
		display: none
	}
}
body.type-a .top-latest .p-media:nth-child(4), body.type-a .top-latest .p-media:nth-child(5), body.type-a .top-latest .p-media:nth-child(6), body.type-a .top-latest .p-media:nth-child(7), body.type-a .top-latest .p-media:nth-child(8), body.type-a .top-latest .p-media:nth-child(9) {
	display: none !important
}
@media screen and (max-width:767px) {
	body.type-a .top-latest .top-latest-more {
		display: block
	}
}
body.type-a .top-latest .top-latest-loading {
	display: none !important
}
.top-latest-tag {
	margin: 70px 0 40px
}
@media screen and (max-width:767px) {
	.top-latest-tag {
		-webkit-box-ordinal-group: 3;
		-ms-flex-order: 2;
		order: 2;
		margin: 10.41667vw 0 0
	}
}
.top-latest__body.top-new {
	display: flex;
	justify-content: space-between;
}
@media screen and (max-width:767px) {
	.top-latest__body.top-new {
		display: block;
	}
}
.top-latest__body.top-new .top-new-media {
	width: 31.666%;
	background: #fff;
	-webkit-box-shadow: 0 0 30px 0 rgb(0 0 0 / 8%);
	box-shadow: 0 0 30px 0 rgb(0 0 0 / 8%);
	margin-bottom: 50px;
}
.top-latest__body.top-new .top-new-media .top-new-media__link {
	display: block;
	padding: 20px 20px 30px;
}
.top-latest__body.top-new .top-new-media .top-new-media__img {
	position: relative;
	width: 330px;
	margin-bottom: 30px;
}
.top-latest__body.top-new .top-new-media .top-new-media__img::before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 10px;
	left: 10px;
	background: #D9D9D9;
}
.top-latest__body.top-new .top-new-media .top-new-media__img-inner {
	width: 330px;
	height: 185px;
	position: relative;
	margin-bottom: 25px;
	overflow: hidden;
}
.top-latest__body.top-new .top-new-media .top-new-media__img-inner figure {
	width: 330px;
	z-index: 5;
	transition: .6s;
}
.top-new-media .top-new-media__ttl {
	margin: 0 0 15px;
	font-size: 2.0rem;
}
.top-new-media .top-new-media__date {
	font-size: 1.7rem;
	color: #7d7d7d
}
@media screen and (max-width:767px) {
	.top-new-media .top-new-media__date {
		font-size: 2.9333vw;
		font-weight: 700;
		margin: 0 0 3px
	}
}
@media screen and (max-width:767px) {
	.top-latest__body.top-new .top-new-media {
		width: auto;
		margin-bottom: 30px;
	}
	.top-latest__body.top-new .top-new-media .top-new-media__link {
		padding: 15px;
	}
	.top-latest__body.top-new .top-new-media .top-new-media__img {
		width: calc(100vw * 0.25);
		height: calc(calc(100vw * 0.25)*0.5625);
		margin: 0 13px 10px 0;
	}
	.top-latest__body.top-new .top-new-media .top-new-media__body {
		width: auto;
		right: 0;
		top: 0
	}
	.top-latest__body.top-new .top-new-media .top-new-media__img-inner, .top-latest__body.top-new .top-new-media .top-new-media__img-inner figure {
		width: calc(100vw * 0.25);
		height: calc(calc(100vw * 0.25)*0.5625);
	}
	.top-new-media__link>div {
		display: flex;
		align-items: flex-start;
		justify-content: flex-start;
	}
	.top-new-media .top-new-media__ttl {
		font-size: 3.73333vw;
		margin: 0 0 10px;
	}
	.top-latest__body.top-new .top-new-media .top-new-media__img::before {
		top: 5px;
		left: 5px;
	}
}
.top-new-media .c-tag__lists li::before {
	content: "\f02b";
	font-family: FontAwesome;
	font-size: 1.6rem;
	color: #aeaeae;
	padding-right: 8px;
}
.top-new-media .c-tag__lists li {
	color: #666;
}
.p-media--wide c-tag__lists li {
	font-size: 1.3rem;
}
.top-video {
	padding: 30px 0 30px;
	text-align: center;
}
@media screen and (max-width:767px) {
	.top-video iframe {
		width: 100%;
		height: auto;
	}
}
@media print, screen and (min-width:768px) {
	.top-latest__body.top-new .top-new-media .top-new-media__link:hover .top-new-media__img figure {
		-webkit-transform: scale(1.06);
		transform: scale(1.06)
	}
}
.top-latest-tag__ttl, .top-mv__ttl {
	margin: 55px 0 20px
}
@media screen and (max-width:767px) {
	.top-latest-tag__ttl {
		margin: 6.51042vw 0 5.20833vw;
		padding: 0 0 7px;
		text-align: left;
		border-bottom: 1px solid #d6d6d6
	}
}
.top-latest-tag__ttl img {
	height: 25px;
	width: auto
}
@media screen and (max-width:767px) {
	.top-latest-tag__ttl img {
		height: 20px
	}
}
.top-latest-tag .top-sect__ttl--en {
	position: relative;
	padding-left: 30px
}
@media screen and (max-width:767px) {
	.top-latest-tag .top-sect__ttl--en {
		padding-left: 25px
	}
}
.top-latest-tag .top-sect__ttl--en::before {
	content: "";
	display: block;
	width: 25px;
	height: 25px;
	position: absolute;
	top: 0;
	left: 0;
	background: url(/themes/basecamp/images/icon_tag.svg) no-repeat center top;
	background-size: 100%
}
@media screen and (max-width:767px) {
	.top-latest-tag .top-sect__ttl--en::before {
		width: 20px;
		height: 20px;
		top: 5px
	}
}
.top-latest-tag .top-sect__ttl--ja {
	font-size: 1.6rem
}
@media screen and (max-width:767px) {
	.top-latest-tag .top-sect__ttl--ja {
		font-size: 3.38542vw
	}
}
@media screen and (max-width:767px) {
	.top-latest-tag .c-tag__lists {
		-webkit-box-pack: left;
		-ms-flex-pack: left;
		justify-content: left;
		margin: 0 -6px
	}
}
.top-learn {
	padding: 30px 0 80px;
	z-index: 5;
	position: relative
}
@media screen and (max-width:767px) {
	.top-learn {
		padding: 6.51042vw 0
	}
}
.top-learn .c-line--01 {
	top: 50px;
	left: -150px
}
@media screen and (max-width:767px) {
	.top-learn .c-line--01 {
		top: -50px;
		left: inherit;
		right: -140px
	}
}
.top-learn .c-line--02 {
	top: 420px;
	right: -150px
}
@media screen and (max-width:767px) {
	.top-learn .c-line--02 {
		top: inherit;
		bottom: -260px;
		right: -120px
	}
}
@media screen and (max-width:767px) {
	.top-learn .top-sect__ttl--en img {
		height: 16.66667vw
	}
}
.top-learn__body {
	margin: 45px 0 0
}
@media screen and (max-width:767px) {
	.top-learn__body {
		margin: 6.51042vw 0 0
	}
}
.top-learn__inner {
	position: relative;
	width: 660px;
	margin: 0 auto
}
@media screen and (max-width:767px) {
	.top-learn__inner {
		width: 100%
	}
}
.top-learn__video {
	width: 660px;
	margin: 0 auto;
	position: relative
}
@media screen and (max-width:767px) {
	.top-learn__video {
		width: 100%
	}
}
.top-learn__video video {
	width: 100%
}
.top-learn__youtube {
	position: relative;
	width: 100%;
	max-width: 660px;
	height: 0;
	padding-bottom: 56.25%
}
.top-learn__youtube iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important
}
.top-learn-play {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	cursor: pointer
}
.top-learn-play__icon {
	width: 77px;
	height: 77px;
	border-radius: 50%;
	border: 2px solid #fff;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	opacity: .8
}
.top-learn-play__icon::after {
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 12px 0 12px 20px;
	border-color: transparent transparent transparent #fff;
	position: absolute;
	top: 50%;
	left: 54%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}
.top-instagram {
	padding: 30px 0 60px;
	z-index: 5;
	position: relative
}
@media screen and (max-width:767px) {
	.top-instagram {
		padding: 6.51042vw 0
	}
}
.top-instagram__body {
	margin: 50px auto 0;
	max-width: 850px
}
@media screen and (max-width:767px) {
	.top-instagram__body {
		margin: 6.51042vw 0 0
	}
}
.top-instagram__lists {
	margin: 0 -4px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}
.top-instagram__lists li {
	border: 1px solid #e6e4e4;
	margin: 4px
}
@media print, screen and (min-width:768px) {
	.top-instagram__lists li {
		width: 200px
	}
}
@media screen and (max-width:767px) {
	.top-instagram__lists li {
		width: calc(33.33333% - 8px)
	}
}
.top-instagram__lists li img {
	-webkit-transition: .3s;
	transition: .3s
}
.top-instagram__lists li a:hover img {
	opacity: .7
}
@media screen and (max-width:767px) {
	.top-instagram__lists li:nth-child(7), .top-instagram__lists li:nth-child(8) {
		display: none
	}
}
.top-follow {
	margin: 70px 0;
	z-index: 5;
	position: relative
}
@media screen and (max-width:767px) {
	.top-follow {
		margin: 6.51042vw 0
	}
}
.top-follow .c-line--11 {
	top: -119px;
	left: -325px
}
@media screen and (max-width:767px) {
	.top-follow .c-line--11 {
		top: -63px;
		left: -140px
	}
}
.top-follow__lists {
	width: 1260px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 55px -45px 0
}
@media screen and (max-width:767px) {
	.top-follow__lists {
		width: 100%;
		margin: 6.51042vw 0 0
	}
}
.top-follow__lists li {
	margin: 0 35px 40px;
	width: 560px
}
@media screen and (max-width:767px) {
	.top-follow__lists li {
		width: 100%;
		margin: 0 0 3.90625vw
	}
}
.top-link {
	margin: 70px 0;
	z-index: 5;
	position: relative
}
@media screen and (max-width:767px) {
	.top-link {
		margin: 11.71875vw 0 0;
		padding-bottom: 33.85417vw
	}
}
.top-link .c-line--03 {
	top: 400px;
	left: -180px
}
@media screen and (max-width:767px) {
	.top-link .c-line--03 {
		top: inherit;
		left: -71px;
		bottom: -290px
	}
}
.top-link .c-line--10 {
	top: -185px;
	right: -200px
}
@media screen and (max-width:767px) {
	.top-link .c-line--10 {
		top: -100px;
		right: -90px
	}
}
.top-link__body {
	margin: 60px auto 0
}
@media screen and (max-width:767px) {
	.top-link__body {
		margin: 7.8125vw 0 0
	}
}
.top-link__list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: flex-start;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0 -8px
}
.top-link__item {
	width: calc((100% / 7) - 16px);
	margin: 0 8px 20px;
	padding: 80px 0 0;
	position: relative;
	text-align: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}
@media screen and (max-width:767px) {
	.top-link__item {
		width: calc(50% - 16px);
		padding: 16.92708vw 0 0
	}
}
.top-link__item a {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 5
}
.top-link__img {
	width: 130px;
	height: 130px;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	-webkit-box-shadow: 0 15px 15px 0 rgba(0, 0, 0, .3);
	box-shadow: 0 15px 15px 0 rgba(0, 0, 0, .3)
}
@media screen and (max-width:767px) {
	.top-link__img {
		width: 33.85417vw;
		height: 33.85417vw
	}
}
.top-link__img img {
	width: 130px;
	height: auto;
	-webkit-transition: .3s;
	transition: .3s
}
@media screen and (max-width:767px) {
	.top-link__img img {
		width: 100%
	}
}
.top-link__main {
	width: 100%;
	padding: 90px 5px 20px 5px;
	background: rgba(4, 26, 0, .8);
	color: #fff
}
@media screen and (max-width:767px) {
	.top-link__main {
		padding: 20.83333vw 5px 20px
	}
}
.top-link__txt {
	font-size: 1.3rem
}
@media screen and (max-width:767px) {
	.top-link__txt {
		font-size: 3.51562vw
	}
}
.top-link__txt--02 {
	padding-top: 10px
}
@media print, screen and (min-width:768px) {
	.top-link .top-link__item a:hover+.top-link__img img {
		-webkit-transform: scale(1.1);
		transform: scale(1.1)
	}
}

/* メイン画像下バナー */
.top-basecamp-bnr {
	position: relative;
	width: 100%;
	max-width: calc(1270px + 20px);
	padding: 0 10px;
	margin: 0 auto 60px;
	z-index: 4;
}
.top-basecamp-bnr ul {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 70px;
}
.top-basecamp-bnr ul li {
	width: 600px;
}
.top-basecamp-bnr ul li a {
	display: block;
	width: 100%;
	height: 100%;
}
.top-basecamp-bnr ul li a img {
	display: block;
	width: 100%;
	max-width: 100%;
	height: auto;
	margin: 0;
	transition: all 0.3s;
}
.top-basecamp-bnr ul li a:hover img {
	transform: scale(1.03);
}
@media screen and (max-width: 768px) {
	.l-container.top-container-black {
		background: #F1F1F1;
	}
	.top-basecamp-bnr {
		max-width: 450px;
		padding: 20px 0 0;
		margin: 0 auto;
	}
	.top-basecamp-bnr ul {
		display: block;
	}
	.top-basecamp-bnr ul li {
		width: 100%;
		margin: 0 auto 15px;
	}
	.top-basecamp-bnr ul li a:hover img {
		transition: scale(1);
	}
}

/* メインイメージSP調整 */
@media screen and (max-width: 768px) {
	.top-about {
		padding: 0;
	}
	.top-about_container {
		top: 0;
		min-height: 330px;
		background-position: bottom left -70px;
		background-size: 120%;
		padding-bottom: 0;
		margin: 0 auto;
	}
	.top-about__ttl {
		padding-top: 18px;
	}
	.top-about__ttl img {
		display: block;
		width: auto;
		height: 43px;
		margin: 0 auto 4px;
	}
	.top-about__txt {
		font-size: 14px;
		font-style: normal;
		margin: 0 auto 50px;
	}
}