#style12 {padding:90px 20px 80px 20px;   background-color: #eff2f7;  }
#style12 .section04 { margin:0 auto; max-width:1400px;}
#style12 .head  {font-size:45px; line-height:60px; font-weight:600; font-family: var(--font1); padding:20px 0 40px 0}
#style12  .head span {font-family: var(--font2); color:var(--mainColor); }
#style12 .section04 #style12-title h2 {  color: #222;  margin-bottom: 41px;  font-size: 43px;}
#style12 .section04 #style12-title h2 span {  color: var(--main-color);  margin-right: 5px;}
#style12 .section04 .list {  display: grid;  grid-template-columns: repeat(2, 1fr);  gap: 40px;}
#style12 .section04 .list li {  box-sizing: border-box;  background-repeat: no-repeat;  background-color: #fff;
  border-radius: 10px;  padding: 46px 0;  text-align: center;}
#style12 .section04 .list li div {  font-size: 26px;}
#style12 .section04 .list li img {  margin-inline: auto;  margin-bottom: 25px;}
#style12 .section04 .list li span {  margin-bottom: 10px;}
#style12 .section04 .list li strong {  font-weight: bold;font-family: var(--font2);}
#style12 .section04 .list li span,
#style12 .section04 .list li strong { display: block;  }
#style12 .section04 ul:nth-of-type(1) {  margin-bottom: 50px;}
#style12 #db_film {border: 0px solid red; margin: 0 auto ; width:720px;}


/*---------------------------------------
  MOBILE RESPONSIVE              
-----------------------------------------*/
@media (max-width: 1023px) {
#style12 {padding:30px 0 40px 0; }
#style12 .section04 { margin:0 auto; max-width:100%;}	
#style12 .head  {font-size:25px; line-height:35px; padding-bottom:15px}
#style12  .head_txt {font-size:16px; line-height:25px;  margin:20px 0 20px 0;}	
#style12 .section04 .list { padding:0px 20px; display: grid;  grid-template-columns: repeat(1, 1fr);  gap: 20px;}
#style12 .section04 .list li {    padding: 30px 0;  }	
#style12 .section04 .list li img {  margin-bottom: 15px;}
#style12 .section04 .list li div {  font-size: 18px;}
#style12 .section04 ul:nth-of-type(1) {  margin-bottom: 25px;}
}
@media (max-width: 768px) {
	/* #style12 #db_film {min-width: auto; min-height: auto;  width: auto;  height: 100%; }
	#style12 #db_film {width:95%;}
	#style12 #db_film iframe {width:90%;}*/
	#style12 #db_film {text-align: center; width: 100%;}
	#style12 #db_film iframe{width: 600px;border: 0px solid red;}
}
@media (max-width: 640px) {
	#style12 #db_film iframe{width: 460px;}
}
@media (max-width: 480px) {
	#style12 #db_film iframe{width: 300px;}	
}
@media (max-width: 320px) {
}