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

#regular section img {
	width: auto;
}
#regular

#re_newcnts {font-size:22px;	text-align:center;
padding-bottom:20px;}
#re_newcnts p{
	margin:0 ;}

#regular #heading{padding:0; margin:0;}
#regular #heading .top_heading{
	padding: 8px 0 !important;
    margin-bottom: 0 !important;
}

#regular header{
	position:static;

}
.titStyle01 {
	padding:50px 0 100px 0;
	background:url(../img/ad_operation/bg01.png) no-repeat center -2px;
	background-size:cover;
}
.w940 p {
	font-weight: bold !important;
	text-align: left;
	font-family: '游ゴシック体',YuGothic,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Meiryo UI','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
}
.mt75 {
	margin-top:75px;
}
.mb20 {
	margin-bottom: 20px!important;
}
.mb50 {
	margin-bottom: 50px!important;
}
.mb80 {
	margin-bottom: 80px!important;
}
.text-center {
	text-align: center!important;
}
.attation {
	margin:10px auto 70px auto;
}
.attation p {
	text-align: right;
}
.pc-hide {
	display: none;
}
.sp-hide {
	display: block;
}



/* header
=========================================== */

#regular-header {
	background:url(../img/regular/main_bg01.png) no-repeat 50% 50%; 
	background-size:cover; 
	width:100%;/* position:relative;*/ 
	margin: 0 auto -5px;
	border: 0px !important;
}
#regular-header .mainBox {
	padding:80px 0;
	margin: 0;
	}
#regular-header .mainBox h2 { margin:50px auto 25px; width: 80%; }
#regular-header-sub {
	background: #000;
	width: 100%;
	text-align: center;
	margin: 0;
	padding: 70px 0 30px;
}
#regular-header-sub .txtBox h3 {
	color:#FFF;
	font-size:38px;
	font-weight:bold;
}
#regular-header-sub .txtBox b {
	color:#FF0;
	font-weight:bold;
}
.yellow-title {
	background: linear-gradient(transparent 60%, #ffdb49 40%);
	font-size: 44px;
	font-weight: bold;
}


/* section1
=========================================== */
#section1 {
	padding: 5% 0 !important;
	margin: 0 !important;
}
#section1 span.yellow-title {
	display: none;
}


/* section2
=========================================== */
#section2 {
	padding: 0 0 5% !important;
	margin: 0 !important;
}
#section2-title {
	background:url(../img/regular/bg_section2.png) no-repeat center -8px #000;	
	padding: 0;
	margin: 0 0 5%;
}
#section2-title h3 {
	padding: 110px 0 50px;
	margin: 0;
}
#section2 span.yellow-title {
	display: none;
}
.section2-dl {
	margin-bottom: 2%;
}
.section2-dl dt {
	margin-bottom: 4%;
}


/* section3
=========================================== */
#section3 {
	padding: 0 !important;
	margin: 0 !important;
}
#section3-check {
	padding-top: 30px;
	border-top: 70px solid #cd4c3B;
}

/* section4
=========================================== */
#section4 {
	padding: 0 !important;
	margin: 0 !important;
}
#section4-title {
	background:url(../img/regular/bg_section4_main.jpg);
}
#section4-title h3 {
	padding: 0 !important;
	margin: 0 !important;
}
.section4-bg {
	width:100%;
	height: 80px;
	background:
	linear-gradient(to top right, transparent 50%, #fff 50%) top left/ 50.1% 100% no-repeat,
	linear-gradient(to top left, transparent 50%, #fff 50%) top right/ 50.1% 100% no-repeat;
	z-index: 1000;
	margin-bottom: 5%;
}
.section4-title-sub {
	color: #fff;
	text-align: right;
	padding: 10px 0 8%;
	font-size: 20px !important;
	font-weight: normal
}
#section4-main {
	background:url(../img/regular/bg_section4.png) no-repeat 50% 50%; 
	background-size:cover; 
	width:100%;/* position:relative;*/ 
	margin: 0 auto -5px;
	border: 0px !important;
}
#section4-main .mainBox {
	padding: 0 0 5% !important;
	margin: 0;
	}
#section4-main h3 {
	padding: 8% 0 5%;
}	

#section4-main h4 {
	padding: 0 !important;
	margin: 0 !important;
	text-align: left;
}
.section4-whitebox {
	background:url(../img/regular/bg_section4_white.png);
	padding: 9% 5% 5%;
	margin:-9% 1% 8%;
}
.section4-whitebox img {
	margin-bottom: 20px;
}
.section4-whitebox dl {
	padding: 0;
	border-bottom: 2px solid #000;
	margin-bottom: 5%;
}
.section4-whitebox dt {
	float: left;
	background: #cd4c3B;
	padding: 10px 20px;
	font-weight: bold;
	color: #fff;
	font-family: '游ゴシック体',YuGothic,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Meiryo UI','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
}
.section4-whitebox dd {
	float: left;
	padding: 10px 20px;
	text-align: left;
	font-weight: bold;
	font-family: '游ゴシック体',YuGothic,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Meiryo UI','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
}
	

/* section5
=========================================== */	
#section5 {
	padding: 0 !important;
	margin: 0 !important;
}
.section5-txt {
	position: relative;
	max-width: 1200px;
	margin: 0 auto;
}
.section5-banner {
	position: absolute;
	right: 10px;
	top: 20px;
}
.section5-txt h4 {
	margin-bottom: 40px;
}
.section5-button {
	text-align: center !important;
	padding: 3% 5% 0;
}
.section5-button a {
	background: #000;
	color: #fff;
	padding: 10px 50px;
	line-height: 1em;
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	display: block;
	margin-bottom: 40px;
}
.section5-button a:hover, .section5-button a:focus {
	background: #555;
}


@media screen and (max-width: 1100px){
	.section5-banner {
	position: absolute;
	right: 10px;
	top: 35px;
	}
	.section5-banner img {
	width: 250px !important;
	}	
}

@media screen and (max-width: 1000px){
	.titStyle01 {
    	padding: 50px 2% 100px 2%;
	}
	#regular section img {
		max-width: 100%;
	}
	#regular #regular-header {
		padding: 0 5%;
	}
	#regular #regular-header .mainBox img{
		width: 100%;
	}
	#regular-header-sub {
	padding: 30px 3% 10px;
  	}
	#regular-header-sub .txtBox h3 {
	font-size:30px;
	}
	.yellow-title {
	font-size: 34px;
	}
	#section2-title {
	background-size: 30%;
	}
	#section2-title h3 {
	padding: 80px 0 40px;
	margin: 0;
	}
	#section4-main {
		padding: 0 5%;
	}
	#section4-main .mainBox img{
		width: 100%;
	}
	.section5-banner {
	position: absolute;
	right: 10px;
	top: 45px;
	}
	.section5-banner img {
	width: 210px !important;
	}	
	.w940 {
		width: 100%;
		padding: 0 3%;
	}
}
@media screen and (max-width: 768px){
	.mb50 {
	margin-bottom: 25px!important;
	}
	#regular-header-sub {
	padding: 20px 3% 10px;
  	}
	#regular-header-sub .txtBox h3 {
	font-size:20px;
	}
	#section1 span.yellow-title {
	display: inline;
	}
	#section1 h3 img {
	display: none;
	}
	.yellow-title {
	font-size: 24px;
	}
	#section2-title h3 {
	padding: 50px 0 20px;
	margin: 0;
	}
	#section2 span.yellow-title {
	display: inline;
	}
	#section2 h4 img {
	display: none;
	}
	.section5-banner {
	position: absolute;
	right: 20px;
	top: -60px;
	}
	.section5-banner img {
	width: 200px !important;
	}
	.section5-txt h4 {
	margin-top: 30px;	
	}
}

@media screen and (max-width: 480px){
	.titStyle01 {
    	padding: 35px 2% 65px 2%;
	}
	#re_newcnts p {
		font-size:15px;
	}
	.pc-hide {
	display: block;
	}
	.sp-hide {
	display: none;	
	}
	.section4-whitebox dt {
	padding: 5px 10px;
	}
	.section4-whitebox dd {
	padding: 5px 10px;
	}
	#section3-check {
	padding-top: 20px;
	border-top: 40px solid #cd4c3B;
	}
	.section4-whitebox dt, .section4-whitebox dd  {
	font-size: 17px;
	}
	.section5-banner {
	position: absolute;
	right: 20px;
	top: -40px;
	}
	.section5-banner img {
	width: 140px !important;
	}
}