@charset "utf-8";
.aboutus_album {width: 100%; height: 260vh; background-attachment: fixed; background-color: #ccc; background-size: cover; background-position: center center; background-repeat: no-repeat; position: relative;}
.aboutus_album1 {height: 100vh;}
.aboutus_atext {position: absolute; top: 50vh; transform: translateX(0) translateY(-50%); z-index: 2;}
.aboutus_atext_cen {left: 50%; transform: translateX(-50%) translateY(-50%);}
.aboutus_atext_left {left: 6vw; transform: translateX(0) translateY(-50%); width: 40vw;}
.aboutus_atext_right {right: 6vw; transform: translateX(0) translateY(-50%); width: 40vw; text-align: right;}
.aboutus_album.on .aboutus_atext_cen {position: fixed; top: 50%; transform: translateX(-50%) translateY(-50%);}
.aboutus_album.on .aboutus_atext_left, .aboutus_album.on .aboutus_atext_right {position: fixed; top: 50%; transform: translateX(0) translateY(-50%);}
.aboutus_album.on .aboutus_atit {position: fixed; top: auto; bottom: 30px;}
.aboutus_bgcover:after {content: ""; display: block; display: none; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4); position: absolute; top: 0; left: 0; z-index: 1;}
.aboutus_atit {font-size: 20px; font-weight: bold; text-transform: uppercase; position: absolute; top: calc(100vh - 80px); left: 50%; z-index: 2; transform: translateX(-50%); height: 50px; line-height: 50px;}
.aboutus_atit.white {color: #fff;}
.aboutus_album_more {color: #fff; font-size: 16px; line-height: 28px;}
.aboutus_album_more a {color: #fff;}
.aboutus_album_more a:hover {color: var(--main-color);}

.aboutus_album2 {position: relative; z-index: 2;}
.aboutus_album3 {position: relative; z-index: 3;}
.aboutus_album4 {position: relative; z-index: 4;}
.aboutus_album5 {position: relative; z-index: 5;}
.aboutus_album6 {position: relative; z-index: 6;}
.aboutus_album7 {position: relative; z-index: 7;}
.aboutus_album8 {position: relative; z-index: 8;}
.aboutus_album9 {position: relative; z-index: 9;}
.aboutus_album10 {position: relative; z-index: 10;}

.aboutus_album_h0 {font-size: 22px; padding-bottom: 5px;}
.aboutus_album_h1 {font-size: 36px; padding-bottom: 30px; color: #fff;}
.aboutus_album_h2 {font-size: 20px; line-height: 32px; color: #fff; text-align: left;}
.aboutus_album_h2 p{ text-indent: 2em; margin-bottom: 10px;}
.aboutus_album_h3 {font-size: 32px; line-height: 44px; color: #fff;}
.aboutus_atext.white .aboutus_album_h0, .aboutus_atext.white .aboutus_album_h1, .aboutus_atext.white .aboutus_album_h2, .aboutus_atext.white .aboutus_album_h3 {color: #fff;}
.aboutus_atext.white .aboutus_album_h1, .aboutus_atext.white .aboutus_album_h2 {}


/*@media (max-width: 960px) {*/
@media (max-width: 1380px) {
	.page2 {padding-top: 0;}
	.aboutus_album {height: auto; background: none !important; margin-bottom: 26px; padding-bottom: 16px; border-bottom: 1px dotted #ccc;}
	.aboutus_atext {width: 90%; margin: 0 auto; position: static; transform: translate(0);}
	.aboutus_album_h1 {font-size: 18px; font-weight: bold; padding-bottom: 10px; padding-top: 8px; text-shadow: none;}
	.aboutus_atext_right {text-align: left;}
	.aboutus_album_h2 {font-size: 16px; line-height: 26px;}
	.aboutus_album_h3 {font-size: 22px; line-height: 36px;}
	.aboutus_atext.white .aboutus_album_h0, .aboutus_atext.white .aboutus_album_h1, .aboutus_atext.white .aboutus_album_h2, .aboutus_atext.white .aboutus_album_h3 {color: #222;}
	.aboutus_atext.white .aboutus_album_h1, .aboutus_atext.white .aboutus_album_h2 {text-shadow: none;}
	.aboutus_album_more {font-size: 14px;}
	.aboutus_album_more a {color: #222;}
	.aboutus_album_h2 {font-size: 14px; line-height: 22px;}
	.aboutus_album_h3 {font-size: 14px; line-height: 22px;}
	.aboutus_album1 {padding-top: 10px;}
	.aboutus_album4 {text-align: center;}

	.aboutus_album.on .aboutus_atext_cen {position: static; top: auto; transform: translate(0);}
	.aboutus_album.on .aboutus_atext_left, .aboutus_album.on .aboutus_atext_right {position: static; top: auto; transform: translate(0);}
}