@charset "UTF-8";

.ph-box01 {
	height:auto;
}
.ph-box02 {
	height:auto;
	margin-top:150px;
}

section p {
	text-align: justify;
}

.bg-lightgray2 {
  background-color: #f0f0f0;
}

.bg-padding {
    padding: 1.5rem 0;
}

.page-contents a:hover {
	color: #000;
	opacity: 0.5;
	transition-duration: 0.3s;
}

.BTN02 a:hover {
	color: #fff;
}

@media (min-width: 576px) {	
	.bg-padding {
		padding: 3rem 0;
	}		
}

@media (min-width: 992px) {
	.bg-padding {
		padding: 4rem 0;
	}		
}

@media (min-width: 1200px) {
	.bg-padding {
		padding: 5rem 0;
	}		
}


/*TRIBE PRIDE BG文字流れ*/
.scroll-infinity__item--text {
  font-family: 'Anton', sans-serif;
  width: calc(360vw / 3);
  font-size: 20rem;
  color: #fafafa;
}
@keyframes infinity-scroll-left {
from {
  transform: translateX(0);
}
  to {
  transform: translateX(-100%);
}
}
.scroll-infinity__wrap {
  display: flex;
  overflow: hidden;
}
.scroll-infinity__list {
  display: flex;
  list-style: none;
  padding: 0
}
.scroll-infinity__list--left {
  animation: infinity-scroll-left 80s infinite linear 0.5s both;
}
.scroll-infinity__item {
  width: calc(100vw / 6);
}
.scroll-infinity__item>img {
  width: 100%;
}

.scroll-infinity {
	position: absolute;
	top: 120px !important;
	width:100%;
	z-index: -1;
}

@media (min-width: 768px) {
	/*TRIBE PRIDE BG文字流れ*/
	.scroll-infinity {
	    top: auto !important;
		bottom: -30px !important;
	}
}

@media (max-width: 768px) {
	/*TRIBE PRIDE BG文字流れ*/
	.scroll-infinity__item--text {
	  width: calc(360vw / 3);
	  font-size: 6rem;
	}
}

@media (min-width: 992px) {
	/*TRIBE PRIDE BG文字流れ*/
	.scroll-infinity {
		bottom: -110px !important;
	}
}


/*////////// セクション1 /////////////*/
.sec1 h1 {
	line-height: 1.5em;
}


/*////////// セクション2 /////////////*/
.sec2 table tr {
	border-bottom: 1px solid #BDBEBF;
}

.sec2 table tr:last-child {
	border-bottom: 1px solid #000;
}

.sec2 table th, .sec2 table td {
	padding: 1rem 0.5rem;
}

.sec2 table th {
	width: 30%;
}

.sec2 table td {
	width: 70%;
}


@media (min-width: 576px) {
	.sec2 table th, .sec2 table td {
		padding: 1.25rem 0.5rem;
	}

	.sec2 table th {
		width: 25%;
	}

	.sec2 table td {
		width: 75%;
	}
}

@media (min-width: 992px) {
	.sec2 table th, .sec2 table td {
		padding: 1.5rem 1rem;
	}

	.sec2 table th {
		width: 20%;
	}

	.sec2 table td {
		width: 80%;
	}
}


/*////////// セクション3 /////////////*/
.ggmap {
	position: relative;
	padding-bottom: 76.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	margin-top: 30px;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

@media (min-width: 768px) {
	.ggmap {
		position: relative;
		padding-bottom: 56.25%;
	}	
}