@font-face {
    font-family: 'HarmonyOS_Sans_Thin';
    src: url('../fonts/HarmonyOS_Sans_Light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
.section-bg {position:absolute;top: -475px;left:0;width:100%;display: none;}

.about-kv { width:100%;}
.about-kv-p1 {position:relative;top:60px;width:100%;height: calc(100vh - 60px);overflow:hidden;}
.about-kv video { width:100%; position:absolute; top:50%; transform:translateY(-50%);}

.about-text1 {width: 80%;margin: 8vw auto auto;display: flex;justify-content: space-between;}
.about-text1 h1 {padding-bottom: 2vw;font-size: calc(100vw * 42 / 1920);width: 30%; margin-top:-0.2vw}
.about-text1 .p1 {width: 60%;line-height: 1.6;font-size: calc(100vw * 20 / 1920);}
.about-text1 p {padding: 0.5rem 0 1vw;}

.about-pic1 {width: 100%;margin: 5vw auto auto;position: relative;}
.about-pic1 .p1_text {position:absolute;left: 4%;top:50%;transform: translateY(-50%);width: 39%;display: flex;flex-direction: column;gap: 6rem;}
.about-pic1 .p1_text .p1 {display:flex;flex-direction: row;gap: 4rem;justify-content: space-between;}
.about-pic1 .p1_text .p1 p {display:flex;flex-direction: column;gap: 0.6rem;font-size: 1.2vw;line-height: 1.1;color: #002A39;font-weight: 300;}
.about-pic1 .p1_text .p1 p .a1 {font-size: 2.2vw;}
.about-pic1 .p1_text .p1 p i {font-size: 5.2vw;}

.about-slider {width:100%;margin: 5vw auto 8.8vw;}
.about-slider h1 {width: 80%;margin: auto auto 5vw;}
.about-slider .aboutSwiper {width: 80%;padding: 0 10%;overflow: visible;position: relative;}
.about-slider .aboutSwiper h2 {font-size: calc(100vw * 64 / 1920);line-height: 1.2;padding-bottom: 2vw;-webkit-text-stroke: 1px #84868A;color: #FFF;font-family: "HarmonyOS Sans";}

.about-slider .aboutSwiper .copy-item {display:flex;flex-direction: row;gap: 4vw;align-items: flex-start;}
.about-slider .aboutSwiper p {display:flex;flex-direction: column;gap: 1.6vw;font-size: calc(100vw * 20 / 1920);line-height: 1.6;color: #4A4A4A;font-weight:400;}
.about-slider .aboutSwiper p strong {display:block;font-size: calc(100vw * 36 / 1920);font-weight: 500;color: #000000;}
.about-slider .aboutSwiper .swiper-slide {width: auto;padding-right: 4.4vw;padding-top: 3vw;border-top: 1px solid #B11D23;height: auto;padding-left: 0;}
.about-slider .aboutSwiper .swiper-slide:after {content:'';position:absolute;top: -7px;left:0;width: 14px;height: 14px;border-radius:50%;background-color: #B11D23;}
.about-slider .aboutSwiper .swiper-slide * {transition: all 0.3s ease-in-out;}

.about-pic2 {width: 92%;margin:auto;position:relative;}
.about-pic2 .p1 {position:absolute;top: 16%;left:5%;width:90%;text-align: center;}
.about-pic2 .p1 h1 {font-size: 3.2vw;line-height: 1.2;padding-bottom: 2.8vw;}
.about-pic2 .p1 p { font-size: 1.2vw; line-height: 1.5; color: #002A39; font-weight:400; }

.about-pic3 {width: 92%;margin: 7.4vw auto auto;position: relative;display: flex;gap: 0;}
.about-pic3 .p1 {padding-top: 3vw;width: 36%;padding-right: 4vw;}
.about-pic3 .p1 p {font-size:1.125vw;line-height: 2.2;color: #002A39;font-weight:400;margin-top: 2.4vw;}
.about-pic3 picture {width: 60%;}

.about-pic4 {width: 92%;margin: 3vw auto auto;padding-bottom: 8vw;}
.about-pic4 h2 {font-size: 1.8vw;padding-bottom: 3.5vw;}
.about-pic4 .p1 {display: flex;flex-direction: row;gap: 0.8vw;font-size: 1.5vw;justify-content: space-between;}
.about-pic4 .p1 img {margin-bottom: 1.6vw;}

.aboutSwiper .swiper-btns {position:absolute;top: -7.3vw;right: 3.3%;width: 120px;z-index: 3;}

.aboutSwiper .swiper-button-prev:after { display:none;}
.aboutSwiper .swiper-button-prev {background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDIiIGhlaWdodD0iNDEiIHZpZXdCb3g9IjAgMCA0MiA0MSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cmVjdCB4PSI0MSIgeT0iNDAuNSIgd2lkdGg9IjQwIiBoZWlnaHQ9IjQwIiByeD0iMjAiIHRyYW5zZm9ybT0icm90YXRlKC0xODAgNDEgNDAuNSkiIHN0cm9rZT0iI0IwQjBCMCIgc3Ryb2tlLXdpZHRoPSIwLjc1Ii8+PGxpbmUgeDE9IjMwIiB5MT0iMjAiIHgyPSIxNCIgeTI9IjIwIiBzdHJva2U9IiNCMEIwQjAiLz48bGluZSB4MT0iMTMuNjg0OCIgeTE9IjE5Ljc0NzgiIHgyPSIxOC40MDczIiB5Mj0iMjYuMjA1MiIgc3Ryb2tlPSIjQjBCMEIwIi8+PGxpbmUgeDE9IjE5LjM1MzYiIHkxPSIxNC4xOTYzIiB4Mj0iMTMuNjk2NyIgeTI9IjE5Ljg1MzIiIHN0cm9rZT0iI0IwQjBCMCIvPjwvc3ZnPg==') center no-repeat;width: 42px;}
.aboutSwiper .swiper-button-prev:hover {background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDIiIGhlaWdodD0iNDEiIHZpZXdCb3g9IjAgMCA0MiA0MSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cmVjdCB4PSI0MSIgeT0iNDAuNSIgd2lkdGg9IjQwIiBoZWlnaHQ9IjQwIiByeD0iMjAiIHRyYW5zZm9ybT0icm90YXRlKC0xODAgNDEgNDAuNSkiIHN0cm9rZT0iI0IxMUQyMyIgc3Ryb2tlLXdpZHRoPSIwLjc1Ii8+PGxpbmUgeDE9IjMwIiB5MT0iMjAiIHgyPSIxNCIgeTI9IjIwIiBzdHJva2U9IiNCMTFEMjMiLz48bGluZSB4MT0iMTMuNjg0OCIgeTE9IjE5Ljc0NzgiIHgyPSIxOC40MDczIiB5Mj0iMjYuMjA1MiIgc3Ryb2tlPSIjQjExRDIzIi8+PGxpbmUgeDE9IjE5LjM1MzYiIHkxPSIxNC4xOTYzIiB4Mj0iMTMuNjk2NyIgeTI9IjE5Ljg1MzIiIHN0cm9rZT0iI0IxMUQyMyIvPjwvc3ZnPg==') center no-repeat;}

.aboutSwiper .swiper-button-next:after { display:none;}
.aboutSwiper .swiper-button-next {background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDIiIGhlaWdodD0iNDEiIHZpZXdCb3g9IjAgMCA0MiA0MSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cmVjdCB4PSIxIiB5PSIwLjUiIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgcng9IjIwIiBzdHJva2U9IiNCMEIwQjAiIHN0cm9rZS13aWR0aD0iMC43NSIvPjxsaW5lIHgxPSIxMiIgeTE9IjIxIiB4Mj0iMjgiIHkyPSIyMSIgc3Ryb2tlPSIjQjBCMEIwIi8+PGxpbmUgeDE9IjI4LjMxNTIiIHkxPSIyMS4yNTIyIiB4Mj0iMjMuNTkyNyIgeTI9IjE0Ljc5NDgiIHN0cm9rZT0iI0IwQjBCMCIvPjxsaW5lIHgxPSIyMi42NDY0IiB5MT0iMjYuODAzNyIgeDI9IjI4LjMwMzMiIHkyPSIyMS4xNDY4IiBzdHJva2U9IiNCMEIwQjAiLz48L3N2Zz4=') center no-repeat;width: 42px;}
.aboutSwiper .swiper-button-next:hover {background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDIiIGhlaWdodD0iNDEiIHZpZXdCb3g9IjAgMCA0MiA0MSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cmVjdCB4PSIxIiB5PSIwLjUiIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgcng9IjIwIiBzdHJva2U9IiNCMTFEMjMiIHN0cm9rZS13aWR0aD0iMC43NSIvPjxsaW5lIHgxPSIxMiIgeTE9IjIxIiB4Mj0iMjgiIHkyPSIyMSIgc3Ryb2tlPSIjQjExRDIzIi8+PGxpbmUgeDE9IjI4LjMxNTIiIHkxPSIyMS4yNTIyIiB4Mj0iMjMuNTkyNyIgeTI9IjE0Ljc5NDgiIHN0cm9rZT0iI0IxMUQyMyIvPjxsaW5lIHgxPSIyMi42NDY0IiB5MT0iMjYuODAzNyIgeDI9IjI4LjMwMzMiIHkyPSIyMS4xNDY4IiBzdHJva2U9IiNCMTFEMjMiLz48L3N2Zz4=') center no-repeat;}

.history-kv { position:relative;}
.history-kv-text {position:absolute;top: 42%;left: 5.8vw;font-size:calc(100vw * 48 / 1920);color:#FFF;font-weight: 300;margin-left: 216px;}
.history-text {position:absolute;top: 34%;left: 4%;color:#FFF;}
.history-text p {font-size:calc(100vw * 36 / 1920);font-weight:250;padding-bottom: 0.6vw;}
.history-text h1 { position:relative; font-size:calc(100vw * 64 / 1920);}
.history-kv-text:before {content:'';position:absolute;width:12.5vw;height:12.5vw;background:url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQyIiBoZWlnaHQ9IjI0MiIgdmlld0JveD0iMCAwIDI0MiAyNDIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTI0MSA4OFYxSDFWMjQxLjVIMjQxVjE0NyIgc3Ryb2tlPSJ3aGl0ZSIvPjwvc3ZnPg==');background-size: contain;top: 50%;transform: translateY(-50%);left: -5.8vw;}

.history-content {position:relative;/* display: flex; */}
.history-content .history-left {width:216px;background:#140304;padding:10% 0;height: 100%;position: absolute;top: 0;left: 0;}
.history-content .history-left p {display: flex;flex-direction: column;align-items: center;justify-content: center;position: absolute;top: 20vh;left: 0;width: 216px;}
.history-content .history-left a:link, .history-content .history-left a:visited {color:#FFF;font-size:calc(100vw * 24 / 1920);line-height:1.5;text-align: center;margin-bottom: 0.8rem;font-weight: 400;}
.history-content .history-left .on:link, .history-content .history-left .on:visited { color:#B11D23;}
.history-content .history-right {width: calc(100% - 216px);margin-left:216px;padding-top: 6vw; min-height:680px;}

.history-content .history-list {display:flex;flex-wrap: wrap;/* gap: 3%; */justify-content: flex-start;align-items: flex-start;width: 94%;margin: auto auto auto 0;padding-bottom: 7rem;}
.history-content .history-list li {position:relative;width: 25%;height: calc(100vw * 300 / 1920);margin-bottom: 5vw;margin-left: 8%;font-size:1vw}
.history-content .history-list li a {position: absolute;cursor: default;}
.history-content .history-list li .a01 {position:absolute;top: -20%;left: -17%;font-family:"HarmonyOS Sans";font-size: 2.8vw;color:rgba(0,0,0,0.2);font-weight: 200;line-height: 1;letter-spacing: -0.125vw;transition-duration: 0.35s;transition-timing-function:linear;opacity:0.1;filter:Alpha(opacity:10);transform:translateY(3vw);}
.history-content .history-list li .a02 {width:100%;height: calc(100vw * 204 / 1920);display: block;overflow: hidden;position: relative;transform:translateY(10vw);transition-duration: 0.35s;transition-timing-function:linear;}
.history-content .history-list li .a03 {
	margin:3% 0;
	position: relative;
	transform:translateY(10vw);
	transition-duration: 0.35s;
	transition-timing-function:linear;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 5;
}
.history-content .history-list li:nth-child(3n+2) {margin-top: 2.5vw;}
.history-content .history-list li:nth-child(3n+3) {margin-top: 5vw;}

.history-content .history-list li.no-data {height:700px; width:80%; white-space: nowrap;}
.history-content .history-list li.no-data .a01 {opacity:1;filter:Alpha(opacity:100);font-size: 36px;}

.organization-content {width: 94%;margin: 5vw auto;}
.organization-content .organization-list {display:flex;flex-wrap: wrap;justify-content: space-between;}
.organization-content .organization-list li {background:#EEEEEE;width: calc(100vw * 572 / 1920);height: calc(100vw * 500 / 1920);margin-bottom: 1.8vw;cursor: pointer;overflow: hidden;position: relative;}
.organization-content .organization-list li .t01 {display: flex;flex-direction: column;justify-content: flex-end;position: absolute;top: 0;left: 0;width: 100%;height: calc(100vw * 500 / 1920 - 2.5rem);padding-bottom: 2.5rem;transition: all 0.5s linear;backface-visibility: hidden;background-size: cover;}
.organization-content .organization-list li .tinfo01 {font-size:calc(100vw * 20 / 1920);color:#4A4A4A;padding: 2vw;letter-spacing: 1px;opacity:0;filter:Alpha(opacity:0);transition: all 0.5s linear;backface-visibility: hidden;transform: translateY(-50%) rotateX(180deg);top: 50%;position: relative;}
.organization-content .organization-list li:hover .t01 {opacity:0;filter:Alpha(opacity:0);transform: rotateX(-180deg);}
.organization-content .organization-list li:hover .tinfo01 {opacity:1;filter:Alpha(opacity:100);transform: translateY(-50%) rotateX(0deg);}
.organization-content .organization-list li strong {font-size:calc(100vw * 48 / 1920);color: #FFF;font-weight: 400;margin-left: 10%;display: inline-block;width: 80%;/* margin-top: 6%; */line-height: 1.2;text-shadow: 0px 0px 1px rgba(0,0,0,0.8);}
.organization-content .organization-list li span {font-size:calc(100vw * 24 / 1920);color: #FFF;font-weight: 400;margin-left: 10%;display: inline-block;width: 80%;text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.8);}

.organization-content .organization-list li picture {display:none;}

.social-content {width: 77.4%;margin:5vw auto;}
.social-content .p1-text {margin-top:1vw;display:flex;justify-content: space-between;align-items: center;}
.social-content .p1-text .copy1 {width: 57%;font-size:calc(100vw * 20 / 1920);line-height: 1.6;}

.culture-kv { position:relative;}
.culture-kv-text {position:absolute;top: 42%;left: 13.4%;font-size:calc(100vw * 48 / 1920);color:#FFF;font-weight: 300;}
.culture-text {position:absolute;top: 24%;left: 10%;color:#FFF;}
.culture-text h2 {font-size: calc(100vw * 42 / 1920);font-weight: 300;margin-bottom: 8vw;letter-spacing: 5px;}
.culture-text p {font-size: calc(100vw * 28 / 1920);font-weight:250;padding-bottom: 0.6vw;}
.culture-text h1 {position:relative;font-size: calc(100vw * 36 / 1920);}
.culture-kv-text:before {content:'';position:absolute;width:12.5vw;height:12.5vw;background:url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQyIiBoZWlnaHQ9IjI0MiIgdmlld0JveD0iMCAwIDI0MiAyNDIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTI0MSA4OFYxSDFWMjQxLjVIMjQxVjE0NyIgc3Ryb2tlPSJ3aGl0ZSIvPjwvc3ZnPg==');background-size: contain;top: 50%;transform: translateY(-50%);left: -5.8vw;}

.culture-teaser { margin:5vw auto; width:93%;}
.culture-teaser h2 {font-size:calc(100vw * 36 / 1920);margin-bottom: 1.3vw;}
.culture-teaser .teaser-list {display:flex;gap: 1vw;}
.culture-teaser .teaser-list li span { display: block; margin-top:1vw; font-size:calc(100vw * 36 / 1920); font-weight:250;}
.culture-teaser .teaser-list li a:link, .culture-teaser .teaser-list li a:visited { color:#4A4A4A;}

.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {bottom:10%;text-align: left;left: 11%;width: auto;}
.swiper-pagination-bullet{background:none;opacity:1;margin:0 6px;width: 8px;height: 8px;position:relative;outline:none;vertical-align:middle;transition-duration: 0.3s; transition-timing-function:linear;}
.swiper-pagination-bullet:before { content:''; position:absolute; top:0; left:0; width:100%; height:100%; border-radius: 4px; background:rgba(255,255,255,0.3);}
.swiper-pagination-bullet span{ width: 8px; height: 8px; background:transparent; display:block; border-radius:50%;}
.swiper-pagination-bullet i{ background:rgba(255,255,255,0.3);height:8px; width:100%; border-radius:4px; position:absolute; top:0; z-index:3;}
.swiper-pagination-bullet-active { width:96px;}
.swiper-pagination-bullet-active i{	background:rgba(255,255,255,1); animation:middle 9s;}
.swiper-pagination-bullet:first-child.swiper-pagination-bullet-active i{ animation:first 8s;}
.swiper-pagination-bullet:last-child.swiper-pagination-bullet-active i{	animation:last 9s;} 

.esg_tab {
    width: 100%;
    margin-top: 5.2vw;
    margin-bottom: 8vw;
    display: flex;
    justify-content: center;
    transition: margin 0.4s ease-in-out;
}

.esg_tab a {
    position: relative;
    font-size: 1.875vw;
    color: #4A4A4A;
}

.esg_tab a:last-child {
    margin-left: 10.9vw;
}

.esg_tab a::after {
    content: '';
    position: absolute;
    bottom: -0.4vw;
    width: 100%;
    height: 2px;
    left: 0;
    background-color: #B11D23;
    opacity: 0;
    transition: opacity 0.4s;
}

.esg_tab a:hover::after,
.esg_tab a.active::after {
    opacity: 1;
}

.esg_p1 {
    width: 100%;
    margin: auto;
}

.esg_p1 li {
    padding: 2.08vw 2.23vw 1.25vw;
    margin-bottom: 3.2vw;
    background: #F7F7F7;
    transition: margin 0.4s ease-in-out;
}

.esg_p1 li .p1 {
    font-size: 1.3vw;
    color: #4A4A4A;
    font-weight: 400;
    margin-bottom: 3.9vw;
}

.esg_p1 li .p2 {
    display: flex;
    justify-content: space-between;
}

.esg_p1 li .date {
    font-size: 16px;
    color: #575757;
    display: flex;
    align-items: end;
    line-height: 1.5;
    letter-spacing: 1px;
}

.esg_p1.policy {
    display: none;
    width: 70%;
}



@keyframes first{
  0% {width:0;}
  100% {width:100%;}
}
@keyframes last{
	0% {width:0;}
	100% {width:100%;}
}		
@keyframes middle{
	0% {width:0;}
	100% {width:100%;}
}

@media only screen and (max-width: 1440px){
	.history-content .history-left p { top:16vh;}
}
@media only screen and (max-width: 1024px) and (orientation: portrait),only screen and (max-width: 768px){
	
	.sections h1 {font-size: 36px;letter-spacing: 10px;text-align: center;padding-bottom: 0.5rem;}
	.about-kv {margin-top: 54px;position: relative;height: auto;}
	.about-text1 {font-size:14px;margin-top: 2rem;display: flex;flex-direction: column;}
	.about-text1 h1 {font-size: 28px;padding-bottom: 0.5rem;width: 100%;text-align: center;margin-top:0;}
	.about-text1 .p1 {font-size: 12px;line-height: 1.6;margin-bottom: 0.5rem;width: 100%;}
	.about-text1 p {line-height: 2;padding: 0.5rem 0;}

	.about-pic1 .p1_text {transform: translateY(0);top: 10%;width: 92%;gap: 2rem;}
	.about-pic1 .p1_text .p1 {display:flex;gap: 0;}
	.about-pic1 .p1_text .p1:last-child {display:flex;justify-content: flex-end;}
	.about-pic1 .p1_text .p1 p {font-size: 12px;width: 46%;}
	.about-pic1 .p1_text .p1 p .a1 {font-size: 20px;}
	.about-pic1 .p1_text .p1 p i {font-size: 46px;}
	
	.about-slider {margin: 2.6rem auto 3.2rem;}
	.about-slider h1 {margin-bottom: 2.6rem;}
	
	.about-slider .aboutSwiper .swiper-slide {padding: 0 2rem 2rem 0.5rem;}
	.about-slider .aboutSwiper h2 {font-size: 40px;padding-bottom: 1rem;letter-spacing: 2px;padding-top: 1rem;}
	.about-slider .aboutSwiper p {font-size: 14px;gap: 1rem;letter-spacing: 1px;}
	.about-slider .aboutSwiper p strong {font-size: 28px;}
	.about-slider .aboutSwiper .swiper-slide:before { display:none;}
	.about-slider .aboutSwiper .copy-item {gap: 1rem;}
	.aboutSwiper .swiper-btns {top: -5rem;right:auto;left: 50%;transform: translateX(-50%);}

	.about-pic1 { margin-top:1rem;}

	.about-pic2 { width:100%;}
	.about-pic2 .p1 {top: 12%;}
	.about-pic2 .p1 h1 {font-size:30px;padding-bottom: 2rem;}
	.about-pic2 .p1 p { font-size:14px;}

	.about-pic3 {flex-direction: column;margin-top: 3.6rem;}
	.about-pic3 .p1 {width:100%;padding: 0;}
	.about-pic3 .p1 p {font-size:14px;margin-top: 0.8rem;}
	.about-pic3 picture {width:100%;margin-top: 1.6rem;}

	.about-pic4 {margin-top: 4rem;}
	.about-pic4 h2 {font-size: 16px;text-align: center;padding-bottom: 0.8rem;}
	.about-pic4 .p1 {display:flex;flex-direction: column;font-size: 14px;gap: 1.2rem;}
	.about-pic4 .p1 img {margin-bottom: 0.5rem;}

	.about-kv .about-kv-video {position: relative;width:100%;z-index: 2;}
	.about-kv .about-kv-video img {width:100%;}
	.about-kv .about-kv-video p {position:absolute;top: 48%;left: 10%;width: 80%;text-align: center;color: #FFF;font-size: 32px;letter-spacing: 5px;display: none;}
	.about-kv .about-kv-video .video-btn:link, .about-kv .about-kv-video .video-btn:visited {position:absolute;top: 50%;left:50%;transform:translate(-50%, -50%);background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEwAAABMCAYAAADHl1ErAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyVpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ4IDc5LjE2NDAzNiwgMjAxOS8wOC8xMy0wMTowNjo1NyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6M0U0N0ZDMEFFNTE1MTFFQUIxRDNCRDBENEU1RTBCNDEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6N0Q1QURCRDhFNTE1MTFFQUIxRDNCRDBENEU1RTBCNDEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozRTQ3RkMwOEU1MTUxMUVBQjFEM0JEMEQ0RTVFMEI0MSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozRTQ3RkMwOUU1MTUxMUVBQjFEM0JEMEQ0RTVFMEI0MSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PunVMoQAAATjSURBVHja7FxdSFRBFL53jTCw9cEU2iCMym0fTBHSF9FIDCONqPC1sHzrIaje6qnHeih6TaiXkLCIAvulehBSItEe1AxKpB/YjKyEfqjsO3Q2jtPuuve6e+/c3TnwsezcuTNnvz0zc2bmzNiWDzI/P78KHw3AZiAGrAMiQAVQomSfA+LAW+AVMA48A4Zs257xWnfbI4KK8LEV6AC2M0nZkAngDnATeAQCf1lBFhBVDZwD4vO5lzjXVR04C4PSbfg4DmxLk20UGGYreQ5MAp+pCcJSPnE5pdxEw8BGIMrWWQfUpCn7AXAa5dzW3aKagMEUFjAL9AD7gPIs1FXOZfVw2cmEdGnSkagIcCWF0v1AJ1Ccw/qLuY7+FDqQbhFdyOpK8g//Bnpz3Z+k6Td7WQfVwrv8JCoM9CX5N28AUQ3+yCrWRRXSOey1MjFgUlFkGmjXsLtoZ92kkO4xrxRoTtIEL/OIputgVMo6qk20OdcV7wJ+iEq/A90B8gu7WeeE0G/Z5RVZM0BjAJ3pRtY9d6RxM5RkvdahY1/C74nyb5CkNWer8JjSZ1FFG6yAC/0GhbTZJQ8E7DpMKs0wauWJsKXNKKNneCkF9ikdfKOVZ8J9mhwI+pbiwUvptvJUePSU0uW0gIjSb1228lwUP23W0dxTmUhP6+yUZtm5lTOCK06WaKS0WwUiPI2S0pTJS3I964ZVYKJM2AcXy9ymLNFEC5CwqLI01JYu832RsdcqUOH1tITcT5WpWmm/1QVM2OJcIPGsyHDLKnBRlrvPqQ+LlK2wTg8VC2tKWKeyhVckH7YoTluxh4odAc4DyzUjrFhx3lsoPcTPO0Teq7Ztf/NYv8PAAJRaqwthzMFVkdQhCWsVD/zqv7YAIyBth0aGJrloTZhemTIilHts+keSbNGdWtBn+NcsyxXdVpGFNYg8ozDF9363BuAEcBcKVvjcLImLUZFUT4TJGIVhjZrDNm6ifq/BSU5qiDC5LDuh2ei+GngI0o4Ctk86SE5iRFilSHiuoUu0DDgDXPNpmUlyUkmErREJkxo737uBpyCt1uN6JSdriDDZsX7RfMayHngM0g56WKfkpIIIKwkQYSQ0C7kA0i4CKzwmrCSkDKOfAjQ/3g8MgbSNOXYtFnASsow4kpDi2QZps+MSOd2wgBc59vZLVcLmxPeVASCKJsWHQNQB4KsH9UlO5sjHiYuOX3fCXgJ7QdSIh3VKTuJkYW9EQpXGZF0H6jwmS+XkDRE2JRJ03CX6CRwD9vg0iktOpqhJjouETZqR9Q7oBFEDPuogORkPKcsXdRqRRac5an0mS+Vk1CwgptdNXUAsC+Ef/IBnYyJfs486fgR2QqeTmpxMk1yMEVcJx/WueODXmvoTboI67YlKLu5J0zPbbP/rlXSbLfHQbOT+r1fqjVzOYEIFFvKROlSAM5hgFKdcmHCnfzwsHu7EGU1AnZOAOn7BhGxmGrLJL5igYCdBwfyiCTvPNOycXzYHG5weqjdHZ9wVZA5nOZ22mON/zgs1B0xdFG6OMLuoxBySzwJp5hqGDJunuejDxUBgrpJx4XKYy4pcKGauw3KhpLlwzaXieX+lXy4vjaQAkpY02ZxeGklRNNQ3UqxDflwamaI/MdeSuiAuby6+tX2yPLpauZ6bFZFXaf09YKH91cp/BBgAfGM9Cp57pNoAAAAASUVORK5CYII=') no-repeat center center;width: 4rem;height: 4rem;background-size: contain;}

	.organization-kv { position:relative;}
	.organization-kv .kv-text { position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); color:#FFF; font-size:32px; letter-spacing:5px; font-weight:300;}
	.organization-content {margin: 2rem auto;}
	.organization-content .organization-list li {width:100%;height: calc(100vw * 600 / 750);margin-bottom: 1rem;}
	.organization-content .organization-list li strong {font-size:20px;text-shadow: none;}
	.organization-content .organization-list li span {font-size:12px;text-shadow: none;}

	.social-kv { position:relative;}
	.social-kv .social-kv-text { position:absolute; top:50%; left:50%; transform: translate(-50%, -50%);}
    .social-kv .social-kv-text h1 { color:#FFF; font-size:32px; letter-spacing:5px; font-weight:300;}
	.social-content {margin:2rem auto;width: 88%;}
	.social-content .p1-text {display:flex;flex-direction: column;gap: 1.2rem;margin-top: 0.8rem;}
	.social-content .p1-text .copy1 {font-size:12px;width: 100%;text-align: center;letter-spacing: 1px;}

	.history-kv { margin-top:54px;}
	.history-kv-text {margin-left: auto;left:10%;width: 80%;text-align: center;}
	.history-kv-text:before { content:none;}

	.history-content .history-left {position: absolute;width: calc(100vw - 40px);overflow-x: auto;overflow-y: hidden;padding: 10px 20px;height: 30px;z-index: 8;}
	.history-content .history-left p {display: flex;flex-direction: row;gap: 1rem;justify-content: flex-start;flex-wrap: nowrap;align-items: center;position: relative;top: 0;width: auto;}
	.history-content .history-left a:link, .history-content .history-left a:visited {font-size:20px;margin-bottom: auto;display: inline-block;white-space: nowrap;}
	
	.history-content .history-right {margin-left:auto;width: 100%;padding-top: 8rem;min-height: auto;}
	.history-content .history-list {display:flex;margin: auto;width: 92%;padding-bottom: 2rem;}
	.history-content .history-list li {width:100%;margin-left: auto;height: auto;margin-bottom: 4rem;font-size:100%}
	.history-content .history-list li .a01 {font-size: 44px;left: -20vw;letter-spacing: 0;top: -43px;transform: translateY(5vh);}
	.history-content .history-list li .a02 {height: auto;transform: translateY(20vh);}
	.history-content .history-list li .a03 {transform: translateY(20vh);}
	.history-content .history-list li a {margin-left: 22%;width: 78%;position: relative;display: inline-block;}

	.about-organization .history-kv-text {top: 28%;}

	.culture-text {width: 90%;text-align: center;top: 11%;left: 5%;}
	.culture-text h2 {font-size: 36px;letter-spacing: 3px;margin-bottom: 2rem;}
	.culture-text p {font-size: 18px;margin-bottom: 6rem;}
	.culture-text h1 {font-size: 28px;letter-spacing: 3px;line-height: 1.4;}

	.about-kv-p1 {position: absolute;top: 0;left: 0;width: 100%;height: 100%;overflow: hidden;}
	.about-kv-p1 video { position:absolute; top:50%; left:50%; transform: translate(-50%, -50%);}
	.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {bottom:4%;left: 50%;transform: translateX(-50%);}

	.organization-content .organization-list li .tinfo01 {font-size: 12px;letter-spacing: 0;padding: 16px;}

	.esg_tab {
        margin: 35px 0 50px;
    }
    .esg_tab a {
        font-size: 18px;
    }
    .esg_p1 {
        padding-top: 0;
    }
    .esg_p1 ul {
        width: 100%;
    }
    .esg_p1 li {
        position: relative;
        padding: 15px 16px;
        margin-bottom: 20px;
    }
    .esg_p1 li .p1 {
        font-size: 14px;
        margin-bottom: 40px;
    }
	.esg_p1 li .date {
        align-items: center;
        font-size: 12px;
        line-height: 1;
    }
    .esg_p1 li .gray-btn-link {
        position: absolute;
        right: 20px;
        transform: translateY(-50%);
    }
	.esg_p1.policy { width:100%;}

	.organization-content .organization-list li .t01 {height: calc(100vw * 600 / 750 - 3.4rem);padding-bottom: 3.4rem;}

}