@charset "utf-8";


#wrap{margin: 0 auto; width: 100%; height: 100%;}

@media (min-width: 901px) and (max-width: 1920px){
	#wrap{margin: 0 auto; width: 100%; height: 100%;}
}

@media (min-width: 701px) and (max-width: 900px){

}

.pd_box{width: 1320px; margin: 0 auto;}
.pd_box h2 { padding: 58px 0 41px; font-size: 21px; color:#777; font-weight: normal; text-align: center; letter-spacing: 36px;}
.pd_box ul.block_01, .pd_box ul.block_02 {margin-bottom: 40px;}
.pd_box ul.block_01 li { position: relative; float: left; margin: 0 0 0 40px; width: 620px;}
.pd_box ul.block_01 li:first-child { margin: 0;}
.pd_box ul.block_02 li { float: left; margin: 0 0 0 40px; width: 400px;}
.pd_box ul.block_02 li:first-child { margin: 0;}
.pd_box ul.block_03 li { float: left; margin: 0 0 40px 40px; width: 290px;}
.pd_box ul.block_03 li:first-child{ margin-left: 0;}
.pd_box ul.block_03 li:5th-child{ margin-left: 0;}

.pd_box ul.block_04 li { float: left; margin: 0 0 40px 40px; width: 290px;}
.pd_box ul.block_04 li:first-child, .pd_box ul.block_04 li:5th-child { margin: 0;}

.pd_box ul li img:hover {opacity: 0.8; transition: all 0.5s;}

.pd_box ul.block_01 div.pd_titlebar{padding: 20px 0 0 20px; position: absolute; bottom: 30px; right: 0px; width: 395px; height: 95px; background-color: rgba(255,255,255,.8); transition: all 0.5s;}
.pd_box ul.block_01 div.pd_titlebar:hover{background-color: rgba(255,255,255, 1); transition: all 0.5s; width: 600px;}

.pd_box ul .pd_flag01 {margin-top: 20px; display: inline-block; padding: 1px 5px 1px 5px; background-color: #c61414; color: #fff;}
.pd_box ul .pd_flag02 {margin-top: 20px; display: inline-block; padding: 1px 5px 1px 5px; background-color: #183b54; color: #fff;}
.pd_box ul .pd_title01 {font-size: 20pt; font-weight: 600; color:#a72121;}
.pd_box ul .pd_title02 {font-size: 13pt; color:#666666;}
.pd_box ul .pd_title03 {font-size: 14pt; color:#000000;}
.pd_box ul .pd_title04 {font-size: 10pt; color:#898989;}
.pd_box ul .pd_title05 {font-size: 20pt; font-weight: 600; letter-spacing: -1px; color:#666666;}
.pd_box ul .pd_title05 span{font-size: 14pt; color:#666666;}
.pd_box ul .pd_title05 span:last-child{font-size: 12pt; font-weight: 400; padding-left: 5px; text-decoration-line: line-through; color:#898989;}

section.center_bar {margin-bottom: 40px; width: 100%; height: 48px; background-color: #680a0a;}
section.center_banner01{margin: 0 auto; width: 1320px;}
section.center_banner02{margin: 0 auto; width: 100%; height: 700px; background: url(../images/banner_02.jpg) no-repeat center;}




.btn_more { display: inline-block;width: 140px; height: 44px; border:1px solid #042e6f; box-sizing: border-box; font-size: 16px; color:#042e6f; line-height: 44px; text-align: center; letter-spacing: 7px;}
.btn_more:after { content: ""; display: inline-block; margin: 0 0 0 8px; width:12px; height:12px; background: url(../images/icon.png) no-repeat -196px -5px;}
.btns.center { text-align: center;}

.guide_box { width:1175px; margin:60px auto 55px;}
.guide_box article { float: left;}
.guide_box .guide h2 { float: left; padding: 0 43px 0 0; color:#000; font-size:30px; line-height: 40px; font-weight: normal;}
.guide_box .guide ul { float: left;}
.guide_box .guide ul li { float: left; padding: 0 50px 0 0;}
.guide_box .guide ul li a { display: inline-block; padding: 70px 0 0; text-align: center; font-size: 15px; color:#002870;}
.guide_box .guide ul li:nth-child(1) a { background: url(../images/ico_main_util01.png) no-repeat top;}
.guide_box .guide ul li:nth-child(2) a { background: url(../images/ico_main_util02.png) no-repeat top; width: 56px;}
.guide_box .guide ul li:nth-child(3) a { background: url(../images/ico_main_util03.png) no-repeat top;}
.guide_box .guide ul li:nth-child(4) a { background: url(../images/ico_main_util04.png) no-repeat top;}
.guide_box .phone { position: relative;padding: 0 0 0 55px;}
.guide_box .phone:after { content: ""; position: absolute; left: 0; top: 0; width: 1px; height: 80px; background: #666;}
.guide_box .phone h2 { font-size: 15px; color:#777; font-weight: normal;}
.guide_box .phone > div { float: left;}
.guide_box .phone > div:first-child span { font-size: 25px; color:#042e6f;}
.guide_box .phone > div:last-child { position: relative; top: 3px; padding: 0 0 0 55px; font-size: 15px; color:#777; font-weight: normal; line-height: 100%;}
.guide_box .phone > div:last-child h2,
.guide_box .phone > div:last-child p { float: left;}
.guide_box .phone > div:last-child p { padding: 0 0 0 25px;}
.guide_box .phone > div:last-child div { clear: both; padding: 15px 0 0;}

.news { background: #f4f5f9;}
.news > div { width:1175px; padding: 50px 0; margin: 0 auto;}
.news h2 { float: left;width: 95px; height: 95px; background: #042e6f; color:#fff; line-height: 95px; text-align: center; font-size: 14px; font-weight: normal;}
.news ul { float: left; padding: 0 0 0 15px;}
.news li { float: left; padding:0 0 0 45px;}
.news li a { display: block; position: relative; padding: 35px 30px 0; width: 310px; height: 260px; background: #fff; box-sizing: border-box;}
.news li a h3 { font-size: 24px; color:#222; font-weight: normal; line-height: 36px;}
.news li a p { padding: 22px 0 20px; font-size: 14px; color:#666;}
.news li a span { font-size:12px; color:#666;}
.news li a em { position: absolute; background: rgba(96,96,96,0); transition: all 0.5s;}
.news li a em:nth-of-type(1) { left: 0; top: 0; width: 0%; height: 1px;}
.news li a em:nth-of-type(2) { left: 0; top: 0; width: 1px; height: 0%;}
.news li a em:nth-of-type(3) { right: 0; bottom: 0; width:1px; height:0%;}
.news li a em:nth-of-type(4) { right: 0; bottom: 0; width:0%; height:1px;}
.news li a:hover em {background: rgba(96,96,96,1);}
.news li a:hover em:nth-of-type(1) {width: 100%;}
.news li a:hover em:nth-of-type(2) { height: 100%;}
.news li a:hover em:nth-of-type(3) { height:100%;}
.news li a:hover em:nth-of-type(4) { width:100%;}