@charset "utf-8";
/* event */
.panasonic-year-wrap{ padding: 0 160px; background-color: #1F1F1F;}
.panasonic-year-hisdesc {padding: 80px 0;}
.panasonic-year-hisdesc h3{line-height: 1.4; font-size: 32px; color: #fff; }
.panasonic-year-hisdesc p{ margin-top: 25px; line-height: 1.4; font-size: 18px; color: #fff; }

.panasonic-event-item{ padding-top: 80px; border-top: 1px solid #353535;}

.panasonic-event-left{width: 420px; padding-right: 50px;}
.panasonic-event-title h3{ line-height: 1.4; font-size: 40px; color: #fff;}
.panasonic-event-title h4{ margin-top: 10px; line-height: 1.4; font-size: 32px; color: #fff;}
.panasonic-event-lists {margin-top: 60px; padding-bottom: 200px; border-left: 1px solid #404040;}
.panasonic-event-lists ul li{ position: relative; padding: 10px 0; padding-left: 36px;}
.panasonic-event-lists ul li:before{position: absolute; top: 50%; left: -4px; margin-top: -4px; content: ''; width: 7px; height: 7px; border-radius: 50%; background-color: #C4C4C4;}
.panasonic-event-lists ul li p{ line-height: 1.4; font-size: 16px; color: #fff;}
.panasonic-event-lists ul li p span{ margin-right: 4px; font-size: 20px; color: #fff;}

.panasonic-event-right{flex: 1;}
.panasonic-event-poster{overflow: hidden;}
.panasonic-event-poster ul{margin-left: -100px;}
.panasonic-event-poster ul li{width: 50%; padding-left: 100px;}
.panasonic-event-poster ul li img{width: 100%;}

.panasonic-event-desc{padding: 40px 0 80px;}
.panasonic-event-desc p{ line-height: 1.4; font-size: 18px; color: #fff;}
.panasonic-event-video{ padding: 80px 0 120px; border-top: 1px solid #353535;}
.panasonic-event-video iframe{width: 100%; height: 800px;}

.panasonic-event-goway{padding-bottom: 140px;}
.panasonic-event-goway ul{margin-left: -35px;}
.panasonic-event-goway ul li{ width: 33.33%; padding-left: 35px;}
.panasonic-event-goway ul li div{overflow: hidden;}
.panasonic-event-goway ul li div img{width: 100%;}
.panasonic-event-goway ul li h3{ margin-top: 20px; line-height: 1.4; font-size: 24px; color: #fff;}

@media (max-width:1600px) {
	.panasonic-year-wrap{ padding: 0 100px; }
	.panasonic-year-hisdesc {padding: 50px 0;}
	.panasonic-event-left{width: 360px;}
	.panasonic-event-title h3{ font-size: 32px; }
	.panasonic-event-title h4{ font-size: 24px; }
	.panasonic-event-lists {margin-top: 40px; padding-bottom: 140px; }
	.panasonic-event-lists ul li{ padding: 5px 0; padding-left: 30px;}
	
	.panasonic-event-video{ padding: 80px 0 ; }
	.panasonic-event-video iframe{ height: 700px;}
}

@media (max-width:1400px) {
	.panasonic-year-wrap{ padding: 0 50px; }
	.panasonic-year-hisdesc {padding: 30px 0;}
	.panasonic-year-hisdesc h3{ font-size: 24px; }
	.panasonic-year-hisdesc p{ margin-top: 15px; font-size: 16px; }
	
	.panasonic-event-left{width: 360px;}
	.panasonic-event-title h3{ font-size: 24px; }
	.panasonic-event-title h4{ font-size: 20px; }
	.panasonic-event-lists {margin-top: 30px; padding-bottom: 120px; }
	.panasonic-event-lists ul li{ padding: 5px 0; padding-left: 20px;}
	
	.panasonic-event-poster ul{margin-left: -50px;}
	.panasonic-event-poster ul li{ padding-left: 50px;}
	
	.panasonic-event-video{ padding: 50px 0 ; }
	.panasonic-event-video iframe{ height: 500px;}
	
}
@media (max-width:1200px) {
	.panasonic-year-wrap{ padding: 0 50px; }
	.panasonic-year-hisdesc {padding: 30px 0;}
	.panasonic-year-hisdesc h3{ font-size: 24px; }
	.panasonic-year-hisdesc p{ margin-top: 15px; font-size: 16px; }
	
	.panasonic-event-left{width: 300px;}
	.panasonic-event-title h3{ font-size: 20px; }
	.panasonic-event-title h4{ font-size: 16px; }
	.panasonic-event-lists ul li{ padding-left: 15px;}
	.panasonic-event-lists ul li p{ font-size: 14x; }
	.panasonic-event-lists ul li p span{ font-size: 16px; }
	
	.panasonic-event-poster ul{margin-left: -30px;}
	.panasonic-event-poster ul li{ padding-left: 30px;}
	
	.panasonic-event-desc{padding: 40px 0;}
	.panasonic-event-desc p{ font-size: 16px; }
}

@media (max-width:960px){
	.panasonic-event-video{ padding: 50px 0 ;}
	.panasonic-event-video iframe{ height: 400px;}
	
	.panasonic-event-goway{padding-bottom: 100px;}
	.panasonic-event-goway ul{margin-left: -20px;}
	.panasonic-event-goway ul li{ padding-left: 20px;}
	.panasonic-event-goway ul li h3{ font-size: 20px;}
}

@media (max-width:860px) {
	.panasonic-year-wrap{ padding: 0 15px; }
	
	.panasonic-event-item{ padding-top: 30px; }
	.panasonic-event-left,
	.panasonic-event-right{width: 100%; padding: 0;}
	
	.panasonic-event-lists {margin-top: 20px; padding-bottom: 60px; }
	
	.panasonic-event-poster ul{margin-left: -20px;}
	.panasonic-event-poster ul li{ padding-left: 20px;}
	
	.panasonic-event-goway{padding-bottom: 80px;}
	.panasonic-event-goway ul{margin-left: -15px;}
	.panasonic-event-goway ul li{ padding-left: 15px;}
	.panasonic-event-goway ul li h3{ font-size: 16px; }
}

@media (max-width:768px) {
	.panasonic-event-goway{padding-bottom: 60px;}
	.panasonic-event-goway ul li h3{ font-size: 14px; }
}

@media (max-width:640px) {
	.panasonic-event-goway{padding-bottom: 50px;}
	.panasonic-event-goway ul li{ width: 100%; margin-top: 35px;}
	.panasonic-event-goway ul li h3{ font-size: 16px; }
}

/* panasonic-history-100 */
.panasonic-history-left{width: 45%; padding-right: 140px;}
.panasonic-history-desc h3{font-size: 40px; line-height: 1.4;}
.panasonic-history-desc h4{ margin-top: 40px; font-size: 32px; line-height: 1.4;}
.panasonic-history-desc p{ margin-top: 15px; font-size: 18px; line-height: 1.4; color: #666;}
.panasonic-history-desc a{margin-top: 25px; display: inline-block; font-size: 18px;}
.panasonic-history-right {width: 55%; background-color: #B3B3B3;}
.panasonic-history-right iframe{ width: 100%; height: 400px;}
@media (max-width:1400px) {
	.panasonic-history-left{width: 45%; padding-right: 60px;}
	.panasonic-history-desc h3{font-size: 32px;}
	.panasonic-history-desc h4{ margin-top: 20px; font-size: 24px;}
	.panasonic-history-desc p{ font-size: 16px;}
	
}

@media (max-width:860px) {
	.panasonic-history-left{width: 100%; padding-right: 0; padding-bottom: 40px;}
	.panasonic-history-right{width: 100%;  height: 400px;}
}

@media (max-width:768px) {
	.panasonic-history-desc h3{font-size: 24px;}
	.panasonic-history-desc h4{ margin-top: 20px; font-size: 18px;}
	.panasonic-history-desc p{ font-size: 14px;}
	.panasonic-history-desc a{margin-top: 25px;  font-size: 14px;}
}