.width1170 {width:1170px; margin:0 auto; position:relative; overflow:hidden;}
.gray_con {background:#f5f5f5}
.con_area {padding:150px 0}

.table_style{width:100%; border-collapse:separate; border-spacing:0px; border-top:2px solid #243665;}
.table_style th{color:#222; font-weight:700; text-align:center; padding:18px 15px; border-bottom:1px solid #bbb; background-color:#fff; border-right:1px solid #ddd; vertical-align:top}
.table_style th:last-child {border-right:none}
.table_style td{border-bottom:1px solid #ddd; padding:18px 15px; text-align:center; border-right:1px solid #ddd; font-size:20px; line-height:160%; vertical-align:top}
.table_style td:last-child {border-right:none}
.table_style .tit {font-weight:700; letter-spacing:0.3pt; color:#243665}
.table_style td p {margin-bottom:5px}
.table_style td p:last-child {margin-bottom:0}

.table_style2{width:100%; border-collapse:separate; border-spacing:0px; border-top:1px solid #333; border-left:1px solid #ddd;}
.table_style2 th{color:#444; font-weight:600; text-align:center; padding:14px 0 14px 0; border-bottom:1px solid #ddd; background-color:#f9f9f9; border-right:1px solid #ddd;}
.table_style2 td{border-bottom:1px solid #ddd; padding:14px 0 14px 0; text-align:center; border-right:1px solid #ddd;}


.sub_title {font-size:60px; line-height:100%; color:#222; font-weight:800; text-align:center; margin-bottom:65px; position:relative;}
.sub_stitle {font-size:32px; line-height:110%; color:#222; font-weight:800; margin-bottom:40px; position:relative;}
.sub_stitle.left {text-align:left}
.sub_txt {font-size:17px; line-height:180%; letter-spacing:0.4pt; font-weight:300; color:#222}
.light {font-weight:300 !important}

	/* ·¹À̾îÆ˾÷ */
	.popup {max-width:1170px; box-sizing:Border-box; margin:0 auto; padding:70px 60px; position:relative; overflow:hidden; width:auto; background:#fff; z-index:999999}
	.popup .sub_stitle {line-height:100%; margin-bottom:30px}
	.popup .sub_stitle span {font-weight:300; line-height:inherit; font-size:25px; margin-left:20px; letter-spacing:0.3pt;}
	.popup .mfp-close {position:absolute; top:0; right:0; margin:40px 40px 0 0; cursor:pointer; font-size:0; background:url('/img/pop_close.gif') center center no-repeat; width:62px; line-height:62px; height:62px; border-radius:62px; box-sizing:border-box; border:1px solid #ddd; touch-action:inherit}

/*******************************************************************************
	@media 1200px
*******************************************************************************/
@media all and (max-width:1200px){

	.width1170 {width: 100%;padding: 0 3%;box-sizing: border-box;}

}



/*******************************************************************************
	@media 980~1024px
*******************************************************************************/
@media all and (max-width:1024px){


}


/*******************************************************************************
	@media 768~980px
*******************************************************************************/
@media all and (max-width:980px){

/* PIPELINE */
.photo_list dl {width:32%; margin:0 2% 35px 0}
	.photo_list dl:nth-child(3) ~ dl {margin-bottom:0}
	.photo_list dl:nth-child(4n) {margin-right:2%}
	.photo_list dl:nth-child(3n) {margin-right:0}
	.photo_list dl:nth-child(4n+1) {clear:none;}
	.photo_list dl:nth-child(3n+1) {clear:both;}
	.photo_list dd {font-size:17px}
	.photo_list dd span {font-size:15px; padding:25px 0 5px 0}

/* ·¹À̾îÆ˾÷ */
.popup {padding:60px 30px}
.popup .sub_stitle {margin-bottom:20px}
.popup .sub_stitle span {font-size:18px; margin-left:15px}
.popup .mfp-close {margin:45px 30px 0 0; width:45px; line-height:45px; height:45px; background-size:15px;}

}



/*******************************************************************************
	@media 680~768px
*******************************************************************************/
@media all and (max-width:768px){

}


/*******************************************************************************
	@media 480~680px
*******************************************************************************/
@media all and (max-width:680px){

/* PIPELINE */
.photo_list dl {margin:0 2% 25px 0}
	.photo_list dd {font-size:15px}
	.photo_list dd span {font-size:13px; padding:20px 0 5px 0; font-weight:400}

/* ·¹À̾îÆ˾÷ */
.popup {padding:40px 20px}
.popup .sub_stitle {margin-bottom:15px}
.popup .sub_stitle span {font-size:15px; margin-left:10px; font-weight:400}
.popup .mfp-close {margin:30px 20px 0 0; width:35px; line-height:35px; height:35px; background-size:12px;}

}


/*******************************************************************************
	@media 321~480px
*******************************************************************************/
@media all and (max-width:480px){

/* PIPELINE */
.photo_list dl {width:49%; margin:0 2% 25px 0}
	.photo_list dl:nth-child(4) ~ dl {margin-bottom:0}
	.photo_list dl:nth-child(4n) {margin-right:2%}
	.photo_list dl:nth-child(3n) {margin-right:2%}
	.photo_list dl:nth-child(2n) {margin-right:0}
	.photo_list dl:nth-child(4n+1) {clear:none;}
	.photo_list dl:nth-child(3n+1) {clear:none;}
	.photo_list dl:nth-child(2n+1) {clear:both;}


/* ·¹À̾îÆ˾÷ */
.popup .sub_stitle span {margin:6px 0 0 0; display:block;}
.popup .mfp-close {/*margin:15px*/}


}



/*******************************************************************************
	@media ~420px
*******************************************************************************/
@media all and (max-width:420px){

.table_style th {word-break:break-word; padding:15px 2px}
.table_style td {word-break:break-word; padding:15px 2px}

.pipeline_table {}
	.pipeline_table .table_style {}
	.pipeline_table .table_style th {}
	.pipeline_table .table_style th.first {}
	.pipeline_table .table_style td.tit {}

}


/*******************************************************************************
	@media ~320px
*******************************************************************************/
@media all and (max-width:320px){



}