/*********************************************************** SMALL SCREEN */
	.t1-banner {
		display: none;
	}
	/*#t1-banner-philosophy {
		display: none;
	}
	#t1-banner-choice {
		display: none;
	}*/
	
	#t1-top-mobile {
		display: block;
	}
	
	.t1-content-container-left {
		width: 100%;
		margin: 0px auto;
	}
	
	.t1-content-container-right {
		display: none;
	}
	
	.t1-content-title {
		width: calc(100% - 100px);
		margin: 0px auto 35px auto;
		
		font-size: 18px;
		letter-spacing: 8px;
		text-align: center;
	}

	.t1-content-text {
		width: calc(100% - 60px);
		margin: 0px auto;
		
		font-size: 14px;
		text-align: center;
	}
	.t1-content-text-2 {
		width: calc(100% - 60px);
		text-align: center;
		margin: 0px auto;
	}
	
	.t1-banner-title-mobile {
		width: 180px;
		height: calc(180px * (145 / 280));
	}
	
	.t1-content-image-box-mobile {
		display: block;
	}
	
	.t1-content-title-philosophy-0 {
		width: calc(18px * (490 / 40));
		height: 18px;
		
		margin: 0px auto 36px auto;
	}
	.t1-content-title-philosophy-1 {
		width: calc(18px * (416 / 40));
		height: 18px;
		
		margin: 0px auto 36px auto;
	}
	.t1-content-title-choice-0 {
		width: calc(18px * (546 / 40));
		height: 18px;
	
		margin: 0px auto 36px auto;
	}
	.t1-content-title-choice-1 {
		width: calc(18px * (186 / 40));
		height: 18px;
	
		margin: 0px auto 36px auto;
	}

/*********************************************************** MEDIUM SCREEN */
@media screen and (min-width: 800px) {
	.t1-banner {
		display: block;
	}
	/*#t1-banner-philosophy {
		display: block;
	}
	#t1-banner-choice {
		display: block;
	}*/
	
	#t1-top-mobile {
		display: none;
	}
	
	.t1-content-container-left {
		width: calc(100%);
		margin: 0px auto;
	}
	
	.t1-content-container-right {
		display: none;
	}
	
	.t1-content-title {
		width: calc(100% - 80px);
		margin: 0px 0px 35px 0px;
		
		font-size: 22px;
		letter-spacing: 12px;
		text-align: left;
	}

	.t1-content-text {
		width: calc(100%);
		margin: 0px;
		
		font-size: 15px;
		text-align: left;
	}
	.t1-content-text-2 {
		width: calc(100%);
		text-align: left;
		margin: 0px;
	}
	
	.t1-banner-title-mobile {
		width: 240px;
		height: calc(240px * (145 / 280));
	}
	
	.t1-content-image-box-mobile {
		display: none;
	}
	
	.t1-content-title-philosophy-0 {
		width: calc(28px * (490 / 40));
		height: 28px;
		
		margin: 0px 0px 36px 0px;
	}
	.t1-content-title-philosophy-1 {
		width: calc(28px * (416 / 40));
		height: 28px;
		
		margin: 0px 0px 36px 0px;
	}
	.t1-content-title-choice-0 {
		width: calc(28px * (546 / 40));
		height: 28px;
	
		margin: 0px 0px 36px 0px;
	}
	.t1-content-title-choice-1 {
		width: calc(28px * (186 / 40));
		height: 28px;
	
		margin: 0px 0px 36px 0px;
	}
}


/*********************************************************** LARGE SCREEN */
@media screen and (min-width: 1280px) {
	.t1-banner {
		display: block;
	}
	/*#t1-banner-philosophy {
		display: block;
	}
	#t1-banner-choice {
		display: block;
	}*/
	
	#t1-top-mobile {
		display: none;
	}
	
	.t1-content-container-left {
		width: calc(58% - 2px);
		margin: 0px;
	}
	
	.t1-content-container-right {
		display: inline-block;
	}
	
	.t1-content-title {
		width: calc(100% - 80px);
		margin: 0px 0px 35px 0px;
		
		font-size: 26px;
		letter-spacing: 14px;
		text-align: left;
	}

	.t1-content-text {
		width: calc(100% - 80px);
		margin: 0px;
		
		font-size: 15px;
		text-align: left;
	}
	.t1-content-text-2 {
		width: calc(100% - 80px);
		text-align: left;
		margin: 0px;
	}
	
	.t1-banner-title-mobile {
		width: 240px;
		height: calc(240px * (145 / 280));
	}
	
	.t1-content-image-box-mobile {
		display: none;
	}
	
	.t1-content-title-philosophy-0 {
		width: calc(28px * (490 / 40));
		height: 28px;
		
		margin: 0px 0px 36px 0px;
	}
	.t1-content-title-philosophy-1 {
		width: calc(28px * (416 / 40));
		height: 28px;
		
		margin: 0px 0px 36px 0px;
	}
	.t1-content-title-choice-0 {
		width: calc(28px * (546 / 40));
		height: 28px;
	
		margin: 0px 0px 36px 0px;
	}
	.t1-content-title-choice-1 {
		width: calc(28px * (186 / 40));
		height: 28px;
	
		margin: 0px 0px 36px 0px;
	}
}


/*********************************************************** t1 */
#t1-wrapper {
	position: relative;
	top: 0px;
	left: 0px;
	width: 100%;
	margin: 0px;
}


/*********************************************************** BANNER */
.t1-banner {
	position: relative;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100vh;
	max-height: calc((1380px - 240px) * 810 / 1160);
	
	background: transparent;
	margin: 0px;
	overflow: hidden
}
/*.t1-banner-image-holder {
	position: absolute;
	top: 0px;
	left: -50px;
	width: 100%;
	height: calc(100% + 100px);
	
	transform: scale(1.1);
	
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}*/
#t1-banner-philosophy {
	background-image: url("../assets/images/stillimage/stillimage-2021-10-16-13-01-36-1.jpg");
}
#t1-banner-choice {
	background-image: url("../assets/images/stillimage/stillimage-2021-10-16-13-02-55-1.jpg");
}

.t1-banner-text-container {
	position: relative;
	top: 0px;
	left: 0px;
	width: 300px;
	min-height: 100px;
	margin: 0px;
}

.t1-banner-text-header {
	position: relative;
	top: 0px;
	left: 0px;
	width: 100%;
	margin: 0px;
	
	font-family: 'Noto Sans SC', sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: 300;
	color: white;
	letter-spacing: 6px;
	line-height: 26px;
	text-align: left;
	text-decoration: none;
}
.t1-banner-text-header a {
	color: white;
	text-decoration: none;
	/*border-bottom: 1px dotted #FFF;*/
}
.t1-banner-text-header a:hover {
	color: white;
	text-decoration: none;
	/*border-bottom: 1px solid #FFF;*/
}

.t1-banner-text-header-arrow {
	font-family: 'Open Sans', sans-serif;
}

.t1-banner-text-title {
	position: relative;
	top: 0px;
	left: 0px;
	width: 280px;
	height: calc(280px * (150 / 280));
	margin: 0px;
	
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
#t1-banner-text-title-philosophy {
	background-image: url("../assets/images/philosophy/philosophy-title-sc.svg");
}
#t1-banner-text-title-choice {
	background-image: url("../assets/images/choice/choice-title-sc.svg");
}

.t1-banner-text-content {
	position: relative;
	top: 0px;
	left: 0px;
	width: 360px;
	margin: 0px;
	
	font-family: 'Noto Sans SC', sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: 300;
	color: white;
	letter-spacing: 2px;
	line-height: 26px;
	text-align: left;
	text-decoration: none;
}


/*********************************************************** CONTENT */
.t1-content-container {
	position: relative;
	top: 0px;
	left: 0px;
	width: 100%;
	margin: 0px;
	
	display: flex;
	flex-wrap: wrap;
}

.t1-content-container-left {
	position: relative;
	top: 0px;
	left: 0px;
	
	display: inline-block;
}

.t1-content-title {
	position: relative;
	top: 0px;
	left: 0px;
	
	font-family: 'Noto Sans SC', sans-serif;
	font-style: normal;
	font-weight: 300;
	color: #525252;
	line-height: normal;
	text-decoration: none;
}
.t1-content-title-philosophy-0 {
	position: relative;
	top: 0px;
	left: 0px;
	
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	background-image: url("../assets/images/philosophy/philosophy-content-title-0-sc.svg");
}
.t1-content-title-philosophy-1 {
	position: relative;
	top: 0px;
	left: 0px;
	
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	background-image: url("../assets/images/philosophy/philosophy-content-title-1-sc.svg");
}
.t1-content-title-choice-0 {
	position: relative;
	top: 0px;
	left: 0px;
	
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	background-image: url("../assets/images/choice/choice-content-title-0-sc.svg");
}
.t1-content-title-choice-1 {
	position: relative;
	top: 0px;
	left: 0px;
	
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	background-image: url("../assets/images/choice/choice-content-title-1-sc.svg");
}

.t1-content-text {
	position: relative;
	top: 0px;
	left: 0px;
	
	font-family: 'Noto Sans SC', sans-serif;
	font-style: normal;
	font-weight: 300;
	color: #707070;
	letter-spacing: 1px;
	line-height: 26px;
	text-decoration: none;
}

.t1-content-text-2 {
	position: relative;
	top: 0px;
	left: 0px;
	
	font-family: 'Noto Sans SC', sans-serif;
	font-size: 17px;
	font-style: normal;
	font-weight: 700;
	color: #707070;
	letter-spacing: 3px;
	line-height: 26px;
	text-decoration: none;
}

.t1-content-container-right {
	position: relative;
	top: 0px;
	left: 0px;
	width: calc(42% - 2px);
	max-width: 410px;
	height: calc( ((100vw - 160px) * (42 / 100)) - 2px );
	max-height: calc(410px * (650 / 430));
	
	background: transparent;
	overflow: hidden;
	margin: 0px;
}

/*.t1-content-container-right-image {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	
	transform: scale(1.1);
	
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}*/


/*********************************************************** CONTENT MOBILE */
#t1-top-mobile {
	position: relative;
	top: 0px;
	left: 0px;
	width: 100%;
	margin: 0px 0px 80px 0px;
}

.t1-banner-title-mobile {
	position: relative;
	top: 0px;
	left: 0px;
	margin: 0px auto 40px auto;
	
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
#t1-banner-title-philosophy-mobile {
	background-image: url("../assets/images/philosophy/philosophy-title-mobile-sc.svg");
}
#t1-banner-title-choice-mobile {
	background-image: url("../assets/images/choice/choice-title-mobile-sc.svg");
}

.t1-banner-text-mobile {
	position: relative;
	top: 0px;
	left: 0px;
	width: calc(100% - 60px);
	
	font-family: 'Noto Sans SC', sans-serif;
	font-size: 15px;
	font-style: normal;
	font-weight: 300;
	color: #707070;
	letter-spacing: 1px;
	line-height: 26px;
	text-align: center;
	text-decoration: none;
	
	margin: 0px auto 40px auto;
}

.t1-banner-image-mobile {
	position: relative;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 90vw;
	
	margin: 0px;
	overflow: hidden;
}

.t1-content-image-box-mobile {
	position: relative;
	top: 0px;
	left: 0px;
	width: 100%;
	height: calc(100vw * (580 / 745));
	
	margin: 0px 0px 80px 0px;
	overflow: hidden;
}




.t1-floating-image-holder {
	position: absolute;
	top: -50px;
	left: 0px;
	width: 100%;
	height: calc(100% + 100px);
	
	/*transform: scale(1.1);*/
	
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}