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

#ad_operation section img {
	width: auto;
}

#ad_operation section#sec01,
#ad_operation section#sec02
{
	padding: 0;
}
#ad_newcnts{	font-size:22px;	text-align:center;
padding-bottom:0;}
#ad_newcnts p{
	margin:0 ;}
#ad_operation #heading{padding:0;}
#ad_operation #heading .top_heading{
    margin-bottom: 0;	
}
#ad_operation header{
	position:static;

}

.titStyle01 {
	padding:50px 0 100px 0;
	background:url(../../img/ad_operation/bg01.png) no-repeat center bottom;
	background-size:cover;
}
.w940 h4, .w940 p {
	text-align:left;
}
.mt75 {
	margin-top:75px;
}
.attation {
	margin:10px auto 0 auto;
}
.attation p {
	text-align: right;
}
/* sec01
=========================================== */
#sec01 {
	padding:0 0 70px 0;
}
#sec01 h4, #sec01 h5 {
	margin:40px 0 30px 0;
}
#sec01 ul {
	display:inline-block;
	margin:0 auto;
	overflow:hidden;
}
#sec01 ul li {
	float:left;
	margin:0 25px;
}
#sec01 .txtBox {
	margin-top:30px;
}
#sec01 .txtBox:after {
	content:url(../../img/ad_operation/ico02.png);
	display:inline-block;
}
#sec01 .txtBox p {
	background-color:#383635;
	color:#FFF;
	font-size:25px;
	font-weight:bold;
	padding:30px 40px;
}
#sec01 .txtBox b {
	color:#FF0;
	font-weight:bold;
}
#sec01 .listStyle {
	width:100%;
	display:block;
	margin-left:120px;
}
#sec01 .listStyle li {
	float:none;
	text-align:left;
	margin:30px 0 0 0;
	font-size: 22px;
}
#sec01 .listStyle li ol li {
	margin:15px 0 0 1em;
}
/* sec02
=========================================== */

#sec02 {
	background:url(../../img/ad_operation/sec02_bg01.png) repeat 0 0;
}
#sec02 .w940 {
	padding:25px 0 0 0;
}
#sec02 .w940 .img {
	text-align:center;
}
#sec02 .w940 .txt {
	margin-top:10px;
}
#sec02 .inBox {
	background:url(../../img/ad_operation/sec02_bg02.png) center top;
	background-size:cover;
	padding:100px 0 75px 0;
}
#sec02 .txtBox {
	width:835px;
	margin:30px auto 0 auto;
	background:url(../../img/ad_operation/sec02_bg03.png) no-repeat top center;
	text-align:left;
	box-sizing:border-box;
	padding:55px;
}
#sec02 .txtBox .exBox {
	position:relative;
	border:3px #000 solid;
	padding:45px 25px 25px 25px;
	background-color:#FFF;
	margin-top:35px;
}
#sec02 .txtBox .exBox img {
	position:absolute;
	top:-20px;
	left:-3px;
}

#sec01 .video {
	width: 480px;
	margin: 25px auto;
}
#sec01 .video  a img{
	width: 100%;
}




@media screen and (max-width: 1000px){
	#ad_operation section img {
		max-width: 100%;
	}
	.titStyle01 {
    padding: 50px 2% 100px 2%;
	}
	#sec01 .listStyle{
		margin-left:0;
	}
	.bnrBox img{
		max-width:100%;
	}

	.w940 {
		width: 100%;
		padding: 0 3%;
	}
	#sec02 .w940{
		padding-left:3%;
		padding-right:3%;
		padding-top: 0;
	}
}
@media screen and (max-width: 768px){
	#sec02 .txtBox {
		width:100%;
		padding: 25px 3%;
	}
	#sec01 ul li{
		width: 33.3333%;
		padding: 0 0.5%;
		margin: auto;
	}
	#sec01 .listStyle li{
		width:100%;
		padding: 0;
	}
}


@media screen and (max-width: 480px){
	#ad_newcnts p{
		font-size:15px;
	}
	.titStyle01 {
    	padding: 35px 2% 65px 2%;
	}
	#sec01 h4, #sec01 h5 {
 	   margin: 20px 0 15px 0;
	}
	#sec01 .txtBox {
    	margin-top: 15px;
	}
	#sec01 .txtBox p{
		font-size:15px;
	    padding: 15px 20px;
	}
	#sec01 ul li{
		float: none;
		width: 100%;
		margin: auto;
		margin-bottom: 15px;
	}
	#sec01 .listStyle li{
		font-size:15px;
		margin: 15px 0 0 0;
	}
	#sec01 .listStyle li ol li {
    	margin: 10px 0 0 0.5em;
	}
	#sec02 .inBox{
		padding: 65px 0 0 0;
	}
	#sec02 .inBox h4 img{
		width:95%;
		margin: auto;
	}
	#sec02 .video{
		width:95%; 
	}
	#sec02 .txtBox .exBox {
	    padding: 30px 10px 10px 10px;
	}
	.attation {
    	margin: 10px auto 20px auto;
	}
	.attation p{
		text-align: left;
	}
}


#ad_operation h1 img{
	max-width: 100%;
}

@media screen and (max-width: 768px){
	
	#ad_operation #ad_newcnts #header .mainBox img{
		width: 100%;
	}
	#sec01 .video{
		max-width: 100%;
	}
}