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

.all-container.innovation .home-container.banner .infinitus-slideshow-container .inner-container{ height:100%; text-align:left;  max-width:1024px }
.innovation-banner-txt-title {  margin-bottom:.5em  }
.hm-inner-content.innovation{margin-top:1em}


.innovation-slideshow-container {  min-height:20vh; border-radius:none;  padding:8em 0 6em 0}
.innovation-slideshow-container .happy-event-image {  width:90%; padding-bottom:60%; background-size:contain;  }	
 /*
.innovation-banner-txt-container { position:absolute; bottom:0; padding:4em 0; left:0; width:40%;  background:blue} */

.all-container.innovation .cnt-container.second{}
.all-container.innovation .between-line { margin:3.5em auto; width:100%}
.full-width-container.innovation { padding:0 0 7em 0 }
.background-under{ position:absolute; background:#ffad03; width:100%; min-width:100vw; height:130%; top:-5em; opacity:0; transition:opacity 200ms linear;   }
.background-under.active{ opacity:1; }

/*goal*/
.innovation-goal-all-container { position:relative; width:100%; background-color:#efefef; border-radius:2em; box-shadow:0 0.5em 0.5em 0 rgba(143, 143, 143, 0.2); padding:5em 0;  }
.innovation-goal-inner {  display:flex; align-items:center; justify-content:space-between }

.goal-icon-group-container { position:relative; width:45%; padding-bottom:45%; float:left; margin-right:10% }
.goal-icon-group-ele-container { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:100%; cursor:pointer; height:100% }

/* 20210106 */
.goal-hexagon-container { position:absolute; width:35%; height:35%; background-position:center; background-repeat:no-repeat; background-size:cover }
/*
.goal-hexagon-container.center { margin:auto }
.goal-hexagon-container.third { margin:16% 0 0 0; }
.goal-hexagon-container.second { margin:-20% 0 -80% 0 }
.goal-hexagon-container.left { float:left; }
.goal-hexagon-container.right { float:right; }
.goal-hexagon-container.center-bottom {margin:32% auto 0 auto  }
*/
.goal-hexagon-container:nth-child(1){ left:50%; transform:translateX(-50%); }
.goal-hexagon-container:nth-child(2){ right:0; bottom:50%; }
.goal-hexagon-container:nth-child(3){ right:0;   top:50%;}
.goal-hexagon-container:nth-child(4){ left:50%; transform:translateX(-50%); bottom:0 }
.goal-hexagon-container:nth-child(5){ left:0; top:50%; }
.goal-hexagon-container:nth-child(6){ left:0; bottom:50%;}
/* 20210106 */

.goal-content-container { position:relative; float:right; width:45%;  }
.goal-content-inner { text-align:left }
.goal-content-title { margin-bottom:0.5em; line-height: 1  }
.goal-content-txt-container{ display:none; }
.goal-content-txt-container.active{ display: block}


.hexagon-icon{ width:100%; padding-bottom:90.26%; background-position:center; background-repeat:no-repeat; background-size:cover; position:absolute; top:0; left:0;}
.goal-hexagon-container > div:last-child { opacity:0 }

.goal-hexagon-container > div{ transition:opacity 200ms linear}
.goal-hexagon-container.hover > div:nth-child(1), .goal-hexagon-container.active > div:nth-child(1) { opacity:0; }
.goal-hexagon-container.hover > div:nth-child(2), .goal-hexagon-container.active > div:nth-child(2) { opacity:1; }
/*goal*/

.innovation-goal-all-container .leader-body { width:100%; float:none; text-align:center  }
.innovation-goal-all-container .leader-body-inner {padding:0;}


.hm-content-container.innovation .next-button-container { position:relative}
	
/*mia-0715*/
/*
.banner-qol-container { width:100%; position:relative; height:35vh; min-height:25vw; background-position:center; background-repeat:no-repeat; background-size:cover;  }
.banner-qol-container .innovation-banner-inner { width:75% }
.qol-txt-container { position:absolute; bottom:0%; left:50%; transform:translateX(-50%); width:90%; max-width:1400px; 
.inner-qol { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:90%; max-width:1024px; height:70%;  }*/	
.qol-container{ background:#fff; width:100%; position:relative; padding:6em 0 4em 0; }
.inner-container.qol { } 
.qol-video-container { position:relative; margin:auto; width:90%; padding-bottom:50.62%;  background-position:center; background-repeat:no-repeat; background-size:cover; }
.qol-video-txt-inner { margin:auto; width:90%; padding:2em 0;  }
.qol-title { width:30%; float:left; position:relative; margin-right:5%; line-height:1  }
.qol-body { width:65%; float:left; position:relative; margin-top:1%    }

.our-finding-container { width:100%; position:relative; margin-top:1em; padding:5em 0; background:rgba(86,147,244,1);  }
.of-txt-container{ width:80%; max-width:700px; position:relative; margin:0 auto 3em auto; text-align:center  }
.of-txt-container .txt-huge { line-height:1.2 }
.of-txt-container > div:nth-child(1) { margin-bottom:0.5em }

.hp-button-container.white .hp-button-container-inner{ background:#fff; color:rgb(43,181,115) }
.hp-button-container.white .hp-button-container-inner.hover { background-color:#000; color:#fff  } 
.hp-button-container.white .hp-button-arrow { border:solid rgb(43,181,115); border-width: 0 1px 1px 0;  }
.hp-button-container.white .hp-button-container-inner.hover .hp-button-arrow { border:solid #fff; border-width: 0 1px 1px 0;  }

/*mia-0715*/




@media only screen and (min-width:0px) and (max-width:1023px) {
	.hm-inner-content.innovation { width:100%; margin-top:0em; }
	.hm-content-container.innovation .hm-right-content.event { width:40%; margin-top:0em; float:left; }
	.hm-content-container.innovation .next-button-container { bottom:-2em}
	.landing-section-container-all { flex-wrap:nowrap}
}

@media only screen and (min-width:0px) and (max-width:768px) {
	.goal-icon-group-container { width:90%; padding-bottom:90%; float:none; margin:auto;}
	.goal-content-container { position:relative; float:none; width:100%; margin-top:1em }
	.innovation-goal-inner {  display:block; align-items:none; justify-content:center   }
	.dialogues-number { text-align:center; margin-top: 1em }
	.goal-content-inner { text-align:center; width:100%; margin:auto }
	.goal-content-title { line-height:1.2; }
	.goal-content-txt-container .txt-huge { font-size:1.8em}
	.innovation-slideshow-container .hm-logo-container {  width:100%;  }	

	.innovation-slideshow-container .happy-event-image {  width:100%; padding-bottom:62.5%; background-size:cover; }	
	.innovation-slideshow-container .hm-content-container { width:100%}
	.hm-content-container.innovation .hm-right-content.event { width:100%; margin-top:2em;  }
	.all-container.innovation .innovation-slideshow-container {   padding:5em 0 10em 0 }
	
	.hm-inner-content.innovation{margin-top:0em}
	.all-container.innovation .infinitus-slideshow-ele {margin-bottom:3em;   }
	
/*mia-0715*/
	.qol-container{ padding:0 0 3em 0}
	.inner-container.qol { width:100%; } 
	.qol-video-container { width:100%; padding-bottom:56.25%;  }
	.qol-title { width:100%; float:none; margin-right:0%; margin-bottom:0.5em  }
	.qol-body { width:100%; float:none;  }
	.our-finding-container { padding:6em 0; }
	.of-txt-container { width:90%; bottom:10%; }
	.of-txt-container > div:nth-child(2) { line-height:normal}
	.qol-video-txt-inner .txt-huge {font-size:1.5em;}
	/*
	.inner-qol { width:100%; height:100%;  }
	.banner-qol-container .innovation-banner-inner { width:100%; }
	.banner-qol-container .innovation-banner-inner .txt-large { font-size:1.5em }
	*/
/*mia-0715*/
	
	
}


@media only screen and (min-width:0px) and (max-width:479px) {
	.hm-content-container.innovation .next-button-container { bottom:1em}
	

	
	.innovation-goal-all-container .leader-body-inner { width:90%; margin:auto }
		

		
}



@media only screen and (min-width:480px) and (max-width:639px) {
}

@media only screen and (min-width:640px)  and (max-width:1023px) {
/*.innovation-banner-content-txt-container { padding:3em ;  }*/
}

@media only screen and (min-width:1024px) and (max-width:1279px) {
/*.innovation-banner-content-txt-container { padding:3em ;  }*/
}

@media only screen and (min-width:1280px) and (max-width:1599px) {
}