@charset "UTF-8";
/* CSS Document */
/* About */

.tal-about { }

.tal-about .tal-common-intro { background:url('../img/contents/about/bg-hero-about.jpg') center center no-repeat; background-size:cover; }

.tal-about-storymission { background:radial-gradient(#ffffff, #dbcbb7),linear-gradient(0deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.1)); }
.tal-about-storymission-continaer { }
.tal-about-storymission-content { display:flex; position:relative; align-items:center; }

.tal-about-storymission-figure { order:1; position:relative; }
.tal-about-storymission-founder { width:368px; height:368px; overflow:auto; box-shadow:0 1rem 3rem rgba(255, 255, 255, 0.5); }
.tal-about-storymission-copy { order:0; background-color:var(--tal-ui-darkbrown); color:var(--tal-ui-lightbrown2); padding:3em 4em 3em 6em; }
.tal-about-storymission-copy p:nth-last-of-type(1) { margin:0; }

.tal-about-socialresponsibility { position:relative; /* min-height:80vh; */ color:white; background-color:black; padding-top:0; }
.tal-about-socialresponsibility .tal-decoline::after { background-color:white; }
.tal-about-socialresponsibility-content { position:relative; top:0; left:0; width:100%; height:100%; background:url('../img/contents/about/bg-socialresponsibility.jpg') center top no-repeat; background-size:1440px; display:inline-block; vertical-align:top; padding-top:0; }

.tal-about-socialresponsibility-figure { width:600px; height:600px; margin:0 auto; margin-top:11rem; margin-bottom:2rem; position:relative; }
.tal-about-socialresponsibility-figure-title { position:absolute; top:50%; left:50%; translate:-50% -50%; text-align:center; }

.tal-about-socialresponsibility-figure-icons { position:relative; width:100%; height:100%; }
.tal-about-socialresponsibility-figure-icon { position:absolute; translate:-50% -50%; display:flex; flex-direction:column; align-items:center; }
.tal-about-socialresponsibility-figure-icon span { line-height:1; }
.tal-about-socialresponsibility-figure-icon:nth-child(1) { left:12%; top:52%; }
.tal-about-socialresponsibility-figure-icon:nth-child(2) { left:18%; top:25%; }
.tal-about-socialresponsibility-figure-icon:nth-child(3) { left:50%; top:10%; }
.tal-about-socialresponsibility-figure-icon:nth-child(4) { left:82%; top:25%; }
.tal-about-socialresponsibility-figure-icon:nth-child(5) { left:88%; top:52%; }
.tal-about-socialresponsibility-figure-icon:nth-child(6) { left:70%; top:78%; }
.tal-about-socialresponsibility-figure-icon img { width:85px; height:85px; }

.tal-about-socialresponsibility-headline { position:absolute; top:0; left:0; width:100%; }
.tal-about-socialresponsibility-headline-container {  }
.tal-about-socialresponsibility-copy { position:relative; }

.tal-about-futurewellness { color:white; background:black url('../img/contents/about/bg-futurewellness.jpg') center center no-repeat; background-size:cover; padding-top:0; }
.tal-about-futurewellness .tal-decoline::after { background-color:white; }




@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { 
	
}

@media (max-width: 1649.98px) {
	
}
@media (max-width: 1399.98px) {
	
}
@media (max-width: 1219.98px) {
	
}
@media (min-width: 1200px) {
	
}
@media (max-width: 1199.98px) {
	
}
@media (min-width: 992px) {
	
}
@media (max-width: 991.98px) {
    .tal-about-storymission-founder { width:300px; height:300px; }
	.tal-about-storymission-copy { padding:1.5em; }
}
@media (min-width: 768px) {
	
}
@media (max-width: 767.98px) {
	.tal-about-storymission { padding-bottom:0; }

	.tal-about-storymission-content { flex-direction:column; }

    .tal-about-storymission-figure { order:0; margin-bottom:-100px; }
    .tal-about-storymission-founder { width:200px; height:200px; box-shadow:0 .3rem 3rem rgba(255, 255, 255, 0.25); }
    .tal-about-storymission-copy { order:1; padding-top:8rem; padding-bottom:3rem; }

    .tal-about-socialresponsibility-content { background-size:187.5%; }
    .tal-about-socialresponsibility-figure { width:78%; aspect-ratio:1/1; height:auto; margin-top:22.916%; }
    .tal-about-socialresponsibility-figure-icon img { width:65px; height:65px; }
}
@media (max-width: 575.98px) {
	.tal-about-socialresponsibility-content { background-size:208.3%; background-position:center top 2rem; }
    .tal-about-socialresponsibility-figure { width:86.718%; margin-top:calc(22.916% + 2rem); }

    .tal-about-socialresponsibility-figure-icon span { font-size:14px; }
    .tal-about-socialresponsibility-figure-icon img { width:40px; height:40px; }
}
@media (max-width: 479.98px) {
	
}