/* ********************************************************************************************* 
	@CreateDate   : 20145.02.06																	 
	@ModifyDate   : 																				 
	@Description  : scss build 																	 
	@Author       : namu 																		 
********************************************************************************************* */
.sub { background: #fff; margin-bottom: 40px; padding: 40px 0; }
.sub .cont { width: 92.592%; margin: 0 auto; }
.sub .cont .add { display: inline-block; font-size: 15px; font-weight: bold; border-bottom: 1px solid #333; }
.sub .sub-nav { border-top: 2px solid #434343; border-bottom: 1px solid #434343; }

.preview { margin-top: 40px; border-bottom: 1px solid #434343; }
.preview .title { font-size: 15px; border-bottom: 2px solid #434343; margin-bottom: 10px; }
.preview .title:before { content: '\f0c9'; display: inline-block; font-family: 'FontAwesome'; margin-right: 7px; }
.preview .preview-list { width: 100%; overflow: hidden; }
.preview .preview-list > li { width: 100%; overflow: hidden; margin-bottom: 10px; }
.preview .preview-list > li span:first-child { float: left; min-width: 110px; }
.preview .preview-list > li span { float: left; }

.breadclumbs { width: 100%; overflow: hidden; margin-bottom: 15px; }
.breadclumbs > li { float: left; color: #555; }
.breadclumbs > li:first-child { padding-right: 10px; }
.breadclumbs > li:first-child:before { display: inline-block; content: ''; width: 15px; height: 15px; font-family: FontAwesome; content: '\f015'; margin-right: 5px; }
.breadclumbs > li strong:before { display: inline-block; content: ''; width: 15px; height: 12px; font-family: FontAwesome; content: '\f105'; margin-right: 10px; }

.sns { text-align: right; font-size: 16px; margin: 23px 0; line-height: 26px; height: 26px; }
.sns em { vertical-align: top; font-size: 14px; margin-right: 15px; font-style: normal; }
.sns span, .sns a { display: inline-block; width: 26px; height: 26px; overflow: hidden; line-height: 26px; }
.sns span:before { display: inline-block; font-family: FontAwesome; width: 26px; height: 26px; text-align: center; -webkit-border-radius: 13px; -moz-border-radius: 13px; -ms-border-radius: 13px; border-radius: 13px; }
.sns .facebook:before { content: '\f09a'; background: #5169b1; color: #fff; }
.sns .twitter:before { content: '\f099'; color: #fff; background: #7ec7f4; }
.sns .print:before { content: '\f02f'; }
.sns .last { border-left: 1px dotted #ccc; margin-left: 5px; padding-left: 5px; }

.sub-nav { text-align: center; }
.sub-nav li { display: inline; background-image: url("../image/common/nav_bar.gif"); background-position: left center; background-repeat: no-repeat; background-color: transparent; padding-left: 16px; }
.sub-nav li a { line-height: 45px; font-size: 15px; padding: 0 30px; }
.sub-nav li:first-child { background: none; padding-left: 0; }
.sub-nav li.current a { font-family: 'NG ExB'; color: #226ca3; }
.sub-nav li.current a:after { display: inline-block; content: ''; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 8px solid #226ca3; margin-left: 10px; }

.phead { text-align: center; border: 1px solid #d6d4d4; margin-bottom: 30px; padding: 15px 0; }
.phead .ptit { font-size: 28px; color: #015e9b; letter-spacing: -1px; line-height: 1.4; margin-bottom: 0; }
.phead .ptit strong { font-size: 28px; }
.phead .ptit + p { font-size: 16px; margin: 10px 0 0 0; }

.type-pub { font-size: 26px; color: #015e9b; border-bottom: 1px solid #d6d4d4; padding-bottom: 15px; }

.lv1 { font-size: 15px; font-family: "NG Bold"; margin-bottom: 20px; }
.lv1 strong { border-bottom: 1px solid #ccc; padding-bottom: 3px; }

.indent { padding-left: 15px; text-indent: -15px; text-align: left; }

.graybox { border-bottom: 1px solid #d6d4d4; }
.graybox .inner { background: #f5f5f5; padding: 25px 15px; margin: 20px 0 40px 0; font-size: 14px; }
.graybox .inner p { margin: 15px 0; text-align: justify;}

.line-box { border: 1px solid #d6d4d4; padding: 40px; margin: 40px 0; }

.list-con li { padding-left: 12px; background: url('../image/common/list_bul.gif') no-repeat 0 8px;}

.accodian-list { border-bottom: 1px solid #d6d4d4; margin: 40px 0; }
.accodian-list > li { border-top: 1px solid #d6d4d4; padding: 35px 0; width: 100%; overflow: hidden; }
.accodian-list > li strong { color: #015e9b; font-size: 18px; box-sizing: border-box; display: block; }
.accodian-list > li strong span {display:block;}
.accodian-list > li .header { border-bottom: 1px solid #d6d4d4; padding: 10px 20px 10px 0; cursor: pointer; position: relative; box-sizing: border-box; }
.accodian-list > li .header:after { display: block; content: '\f067'; font-family: FontAwesome; position: absolute; right: 10px; top: 10px; }
.accodian-list > li .header strong { font-size: 14px; margin: 0; float: none; width: 100%; margin: 0; padding: 0; color: #555; }
.accodian-list > li .header.act { border-bottom: 0; }
.accodian-list > li .header.act strong { color: #015e9b; }
.accodian-list > li .header.act:after { display: block; content: '\f068'; font-family: FontAwesome; position: absolute; right: 10px; top: 10px; }
.accodian-list > li .ac-cont { padding: 10px 0; box-sizing: border-box; border-bottom: 1px solid #d6d4d4; }
.accodian-list > li div p { margin: 0 0 15px 0; }
.accodian-list .ac-cont { display: none; }
.accodian-list .read-article { text-align: right; }

.agency-list { margin: 40px 0; }
.agency-list .jp { font-family: "MS PGothic", "Osaka", Arial, sans-serif }
.agency-list .header.jp { font-weight: bold;}
.agency-list .header { border-bottom: 1px solid #d6d4d4; padding: 15px 20px 15px 0; cursor: pointer; position: relative; box-sizing: border-box; font-size: 18px; color: #333; }
.agency-list .header span { font-size: 12px; font-family: 'NG Reg'; color: #000; margin-left: 15px; }
.agency-list .header:after { display: block; content: '\f067'; font-family: FontAwesome; position: absolute; right: 10px; top: 10px; }
/* .agency-list .header.jp { font-family: "MS PGothic", "Osaka", Arial, sans-serif; } */
.agency-list .header.act { border-bottom: 0; color: #015e9b; }
.agency-list .header.act:after { display: block; content: '\f068'; font-family: FontAwesome; position: absolute; right: 10px; top: 10px; }
.agency-list .ac-cont { padding: 10px 0; box-sizing: border-box; border-bottom: 1px solid #d6d4d4; position: relative; }
.agency-list .ac-cont .column { width: 100%; overflow: hidden; }
.agency-list .ac-cont .column .colL { width: 70%; float: left; }
.agency-list .ac-cont .column .colR { width: 20%; float: right; }
.agency-list .ac-cont .contents-list { margin: 15px 0; }
.agency-list .ac-cont .contents-list li { padding-left: 15px; text-indent: -16px; }
.agency-list .ac-cont .contents-list li.jp strong {font-weight:bold;}
.agency-list .ac-cont .contents-list.type ol {padding:0 0 0 25px;}
.agency-list .ac-cont .contents-list.type li {padding-left: 0; text-indent: 0; list-style:decimal ;}
.agency-list .ac-cont .contents-list.type ol li ol {padding:0;}
.agency-list .ac-cont .contents-list.type ol li ol li {list-style:inherit;}
.agency-list .ac-cont .contents-list.chapter li {position:relative;padding:0 0 0 70px;text-indent:0;}
.agency-list .ac-cont .contents-list.chapter li strong {width:70px;position:absolute;left:0;}
.agency-list .ac-cont .contents-list li ul { margin-bottom: 10px; }
.agency-list .ac-cont .contents-list li ol { margin-bottom: 10px; }
.agency-list .ac-cont .contents-list .desc_list.type {
	margin:0 0 0 10px;
}

.agency-list .ac-cont .contents-list .desc_list.type li {
	text-indent:0;
	padding:0 0 0 13px;
}
.agency-list .ac-cont.jp { font-family: "MS PGothic", "Osaka", Arial, sans-serif; }
.agency-list .ac-cont p { margin: 15px 0; text-align: justify; }
.agency-list .ac-cont p.mgTop15 {margin:15px 0 0 0;}
.agency-list .ac-cont { display: none; }
.agency-list p.read-article { text-align: center; }
.agency-list .source { color: #015e9b; background: #fff; border: 0; }

.notice-list { margin: 40px 0; }
.notice-list .jp { font-family: "MS PGothic", "Osaka", Arial, sans-serif !important; }
.notice-list dt { border-bottom: 1px solid #d6d4d4; padding: 15px 20px 15px 0; cursor: pointer; position: relative; box-sizing: border-box; font-size: 18px; color: #333; }
.notice-list dt span { font-size: 12px; font-family: 'NG Reg'; color: #000; margin-left: 15px; }
.notice-list dt:after { display: block; content: '\f067'; font-family: FontAwesome; position: absolute; right: 10px; top: 10px; }
.notice-list dt.jp { font-family: "MS PGothic", "Osaka", Arial, sans-serif; }
.notice-list dt.act { border-bottom: 0; color: #015e9b; }
.notice-list dt.act:after { display: block; content: '\f068'; font-family: FontAwesome; position: absolute; right: 10px; top: 10px; }
.notice-list .ac-cont { padding: 10px 0; box-sizing: border-box; border-bottom: 1px solid #d6d4d4; position: relative; }
.notice-list .ac-cont .column { width: 100%; overflow: hidden; }
.notice-list .ac-cont .column .colL { width: 70%; float: left; }
.notice-list .ac-cont .column .colR { width: 20%; float: right; }
.notice-list .ac-cont .contents-list { margin: 15px 0; }
.notice-list .ac-cont .contents-list li { padding-left: 15px; text-indent: -11px; }
.notice-list .ac-cont .contents-list li ul { margin-bottom: 10px; }
.notice-list .ac-cont .contents-list li ol { margin-bottom: 10px; }
.notice-list .ac-cont.jp { font-family: "MS PGothic", "Osaka", Arial, sans-serif; }
.notice-list .ac-cont p { margin: 15px 0; text-align: justify; }
.notice-list .ac-cont p img{margin:10px 0 0 0;}
.notice-list .ac-cont.hidden { height: 0; padding: 0; overflow: hidden; border: none; }
.notice-list p.read-article { text-align: center; }
.notice-list .source { color: #015e9b; background: #fff; border: 0; }

.notice-tit { font-size: 18px; color: #015e9b;}
.notice-con { margin: 20px 0; text-align: center;}

.con-tbl { margin-top: 30px;}
	.con-tbl table {
		width: 100%;
		border-spacing: 0;
		border-collapse: collapse;
		border: 0;
		margin-top: 15px;
		}
	.con-tbl .tit { margin-bottom: 20px; text-align: center !important; color: #015e9b; font-size: 25px;}
		.con-tbl .tit span { font-size: 17px;}
	.con-tbl thead th:first-child { border-right: 1px solid #fff;}
	.con-tbl tbody td { border-left: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4;}
	.con-tbl tbody td:first-child { border-left: none;}
	.con-tbl tbody td.borderL { border-left: 1px solid #e4e4e4;}
	.con-tbl th, .con-tbl td { padding: 5px; text-align: center;}
	.con-tbl th, .con-tbl td.bg { background: #3f8cb5; color: #fff; text-align: center;}
	.con-tbl td.bg.gray { background: #eee; color: #666;}
	.con-tbl .alignC { text-align: center;}
	.con-tbl .alignL { text-align: left;}

.ref-list { margin: 40px 0; display: none; position: relative; }
.ref-list dt { border-bottom: 1px solid #d6d4d4; padding: 15px 20px 15px 0; /* cursor: pointer; */ box-sizing: border-box; font-size: 18px; color: #015e9b; }
.ref-list dt span { display: block; font-size: 14px; color: #666;}
.ref-list .ac-cont { width: 100%; overflow: hidden; padding: 10px 0; box-sizing: border-box; border-bottom: 1px solid #d6d4d4; position: relative; }
.ref-list .ac-cont * { text-align: justify;}
.ref-list .ac-cont .contents-list { margin: 15px 0; }
.ref-list .ac-cont .contents-list li { padding-left: 15px; text-indent: -15px; }
.ref-list .ac-cont .contents-list li ul { margin-bottom: 10px; }
.ref-list .ac-cont .contents-list li ol { margin-bottom: 10px; }
.ref-list .ac-cont .column .colR { width: 100%; overflow: hidden; padding-bottom: 40px; position: relative; }
.ref-list .ac-cont .column .colR p { text-align: center; float: left; }
.ref-list .ac-cont .contents-list { margin: 15px 0; }
.ref-list .ac-cont p { margin: 15px 0; text-align: justify; }
.ref-list .ac-cont p.mg0{margin:0;}
.ref-list p.read-article { text-align: center; position: absolute; bottom: 0; }
.ref-list .source { color: #015e9b; background: #fff; border: 0; }

.ref-list .ac-cont .desc_list.type2 {
	margin:0 0 0 15px;
}
	.ref-list .ac-cont .desc_list.type2 p {
		margin:10px 0 0 0 ;
	}

.tbl-desc { margin-bottom: 10px;}
.copy-notice { margin-top: 10px;  border: 1px solid #dce6f0; padding: 10px; font-size: 11px; font-weight: bold; color: red; text-align: center;}
.copy-desc { margin-top: 10px; border: 1px solid #b2d0ed; padding: 10px; background: #f9fdff; color: #00529e; font-size: 15px; font-weight: bold; text-align: center;}

.staff strong { font-size: 18px; color: #015e9b; margin-bottom: 20px; display: block; }
.staff dt { font-size: 18px; color: #015e9b; margin-bottom: 10px; }
.staff dd { margin-bottom: 40px; }
.staff a { color: #015e9b;}

.report { width: 100%; overflow: hidden; box-sizing: border-box; }
.report .unit { margin: -15px 0 5px; text-align: right;}
.annotation { display: inline !important; position: relative; top: -3px;}
.comment { margin-top: 10px;}

.summary { background: #f5f5f5; padding: 15px; font-size: 14px; position: relative; margin-bottom: 40px; min-height: 165px; }
.summary .stit { font-size: 16px; background-image: url("../image/page/icon_stit.gif"); background-position: 0 6px; background-repeat: no-repeat; background-color: transparent; padding-left: 20px; }
.summary ul { margin-left: 20px;}
.summary li { margin: 6px 0; letter-spacing:-1px;}
.summary li strong { display: inline-block; width: 83px; }
.summary .report-posR { margin-top: 20px; text-align: center;/* position: absolute; right: 15px; top: 15px; */ }

.report { margin-bottom: 50px; border-top: 1px solid #d6d4d4; }
.report h4 { font-size: 18px; color: #015e9b; margin: 20px 0; }
.report h4:before { display: inline-block; content: '\f068'; font-family: FontAwesome; margin-right: 10px; }
.report p { margin: 15px 0; text-align: justify;}
.report .S-stit {font-size: 18px; color: #015e9b;font-weight:bold }
.report .stit { margin: 10px 0;}
.report .indent { padding-left: 20px; margin-bottom: 20px; }
.report .indent strong { color: #015e9b; }
.report h5.stit + p { padding-left: 20px; margin-top: 5px; }
.report .section { margin-bottom: 50px; }
.report .section.last { margin-bottom: 50px; }
	.img-tit { font-weight: bold; text-align: center;}

.stit { font-size: 14px; background-image: url("../image/page/icon_stit.gif"); background-position: 0 3px; background-repeat: no-repeat; background-color: transparent; padding-left: 20px; }
.desc-list { margin: 10px 0;}
.desc-list li span { display: block; margin: 5px 0; /* margin: 5px 0 0 5px; */}

.indent2 { padding-left: 20px;}
.indent2 p { margin: 3px 0 7px; padding-left: 8px; text-indent: -8px;}
.indent2 strong { color: #015e9b}

.indent3 { padding-left: 20px; padding-bottom:40px;}
.indent3.last {padding-bottom:0;}
.indent3 p { margin: 3px 0 7px; padding-left: 8px; text-indent: -8px;}
.indent3 strong { color: #015e9b}

.indent4 { margin: 3px 0 7px; padding-left: 8px; text-indent: -8px;}
.indent5 li { padding-left: 18px; text-indent: -18px;}
.indent6 li { padding-left: 8px; text-indent: -8px;}
.indent7 { padding-left: 7px; text-indent: -18px;}

.box { border: 1px solid #e4e4e4; text-align: center; margin: 40px 0; padding: 20px; box-sizing: border-box; }

.amcharts-main-div a { left: auto !important; top: 0; bottom: auto !important; right: 0; opacity: 0.3  !important; }

.AmCharts { margin: 10px; }

.chart { padding: 20px 70px; margin: 20px 0; border: 1px solid #e4e4e4; text-align: center;}
.chart .chartimg { margin-top: 20px;}

.interview { width: 100%; overflow: hidden; position: relative; }
.interview .pic { border: 13px solid #434343; box-sizing: border-box; }
.interview .pic img { border: 1px solid #fff; margin: 0 auto; }

.profile { background: #f5f5f5; padding: 15px; }
.profile li {/*  width: 100%; */ overflow: hidden; position:relative;}
.profile li .date { float: left; width: 40px; }
.profile ul.type li {padding:0 0 0 45px;}
.profile li .date2 { position:absolute;left:0;}
.profile li .carrior { float: left; }

.interview-list { border-bottom: 1px solid #d6d4d4; margin: 40px 0; }
.interview-list > li { border-top: 1px solid #d6d4d4; padding: 35px 0; width: 100%; overflow: hidden; }
.interview-list > li strong { color: #015e9b; font-size: 18px; box-sizing: border-box; margin-bottom: 20px; display: block; background-image: url("../image/common/icon_question.gif"); background-position: 0 8px; background-repeat: no-repeat; background-color: transparent; padding: 10px 0 10px 40px; line-height: 1.5; display: block; }
.interview-list > li div p { margin: 0 0 15px 0; text-align: justify;}
.interview-list > li .cont .picture { width: 100%; overflow: hidden; margin-bottom: 20px; }
.interview-list > li .cont .picture > li { text-align: center; }

.interview-list > li .cont .picture2 span { display: block;  margin: 10px 0 0 0; text-align: center;}
.interview-list > li .cont .picture2 img { width: 100%;}

.interview-list.none-q > li strong { background: none; }

.agency-list .ac-cont .news-list > li { margin-bottom: 40px; }
.agency-list .ac-cont .news-list > li p { margin: 3px 0; }
.agency-list .ac-cont .news-list > li .in1 { padding-left: 15px; text-indent: -15px; }
.agency-list .ac-cont .news-list > li .in2 { margin-left: 15px; padding-left: 15px; text-indent: -15px; }
.agency-list .ac-cont .news-list > li .in3 { margin-left: 30px; padding-left: 15px; text-indent: -15px; }

.notice-list .ac-cont .news-list > li { margin-bottom: 40px; }
.notice-list .ac-cont .news-list > li p { margin: 3px 0; }
.notice-list .ac-cont .news-list > li .in1 { padding-left: 15px; text-indent: -15px; }
.notice-list .ac-cont .news-list > li .in2 { margin-left: 15px; padding-left: 15px; text-indent: -15px; }
.notice-list .ac-cont .news-list > li .in3 { margin-left: 30px; padding-left: 15px; text-indent: -15px; }

.quiz { position: relative; margin-bottom: 1px; }
.quiz .pos1 { position: absolute; left: 50%; top: 5.6%; width: 21.3%; margin-left: -10.7%; }
.quiz .pos2 { position: absolute; left: 50%; top: 37.219%; width: 54.4%; margin-left: -27.2%; text-align: center; }
.quiz .pos2 h2 { margin: 40px 0 0; }
.quiz .pos3 { position: absolute; left: 0; bottom: 0; }
.quiz .pos4 { position: absolute; right: 0; bottom: 0; }

.quizbox { border: 1px solid #cacaca; padding: 40px 0 0; box-sizing: border-box; width: 90%; margin: 0 auto; }
.quizbox .question { background-image: url("../image/page/quiz_q.gif"); background-position: left top; background-repeat: no-repeat; background-color: transparent; padding: 10px 0 45px 130px; margin: 0 20px; margin-bottom: 50px; }
.quizbox .question p { margin-bottom: 40px; }
.quizbox .question ul { width: 100%; overflow: hidden; }
.quizbox .question ul li { float: left; margin-right: 30px; padding-left:15px; text-indent:-15px;}
.quizbox .app-box { background-image: url("../image/page/quiz_box_bg.gif"); background-position: 0 0; background-repeat: repeat-x; background-color: #e9e9e9; padding: 50px 5px; }
.quizbox .app-box .inner-box { background: url("../image/page/quiz_inbox_bg.gif") repeat left top; border: 1px solid #ddd; padding: 35px 10px 10px; text-align: center; }
.quizbox .app-box .inner-box h3 { color: #226ca3; font-size: 30px; }
.quizbox .app-box .inner-box .appinfo { margin-top: 30px; text-align: left; border: 1px solid #ddd; padding: 20px 10px; background: #fff; box-sizing: border-box; }
.quizbox .app-box .inner-box .appinfo label { display: block; }
.quizbox .app-box .inner-box .appinfo li { margin-bottom: 5px; }
.quizbox .app-box .inner-box .appinfo input { border: 1px solid #c7c9ce; font-size: 14px; line-height: 25px; height: 25px; margin-bottom: 7px; }
.quizbox .app-box .inner-box .appinfo .long { width: 95%; }
.quizbox .app-box .inner-box .appinfo .short { width: 28%; }
.quizbox .app-box .inner-box .agree { margin: 15px 0; text-align: left; }
.quizbox .app-box .presents { margin: 20px 0 40px; }

 .survey { padding: 50px 20px; background: url('../image/page/survey_bg_mo.jpg') no-repeat 0 0; font-weight: bold; text-align: center;}
	.survey .txt {  margin: 20px 0; font-size: 14px;}
	.survey dl {  margin-bottom: 20px;}
	.survey dt, .survey dd { line-height: 27px; font-weight: bold; text-align: left;}
	.survey dt { width: 97px; height: 27px; margin-right: 10px; background: url('../image/page/survey_stit_bg.png') no-repeat 0 0; color: #fff; text-align: center;}
	.survey-desc { padding: 20px 20px 10px; margin-bottom: 20px; background: #4280db; font-weight: normal; text-align: left;  font-size: 14px;}
		.survey-desc p { margin-bottom: 20px; color: #fff;}
		.survey-desc p span { text-decoration: underline;}
		.survey .answer { text-align: left;}

.annotate { margin-top: 5px;}
	.annotate span { display: inline-block; width: 22px;}
	.annotate.long span { width: 35px;}

.center-list { width: 310px; margin: 0 auto;}
span.unit { display: block; margin-top: -34px; padding-bottom: 15px; text-align: right;}
p.unit { margin-top: -10px !important;; text-align: right !important;}

.tbl-f { overflow: hidden; background: url('../image/page/tbl_arrow.gif') no-repeat 57.5% center;}
	.tbl-f .tblL { float: left; width: 52%;}
	.tbl-f .tblR { float: right; width: 38%;}

strong.red { color: red;}
tr.bg td { background: #e6eafb; font-weight: bold;}
tr.bg td:first-child { background: none;}

.plan { margin: 30px 0 0 25px;}
	.report .plan dt, .report .plan dd { float: none; width: 100%; line-height: 1.7;}
	.report .plan dt { padding-left: 17px; margin-bottom: 8px; background: url('../image/common/icon_notice.gif') no-repeat 0 3px;}

.policy-group { margin-top: 15px; border: 1px solid #e4e4e4; border-top: none;/* width: 100%; */}
.policy-group p { padding: 8px 20px; margin: 0; background: #355993; color: #fff; font-weight: bold; font-size: 15px;}
.policy-group ul { padding: 25px 20px;}
.policy-group li { color: #355993; letter-spacing: -1px; font-weight: bold; line-height: 1.6;}

.accodian-list.statistic > li { padding: 15px 0;}
.accodian-list.statistic > li .header { float: none; width: 100%; padding: 0; border: none;}
.accodian-list.statistic > li .header strong {box-sizing: border-box; font-size: 14px;}
.accodian-list.statistic > li .ac-cont { float: none; width: 100%; margin-top: 20px; border-bottom: none;}
.accodian-list.statistic .chartimg { text-align: center;}
.accodian-list.statistic ul.indent { margin-left: 20px;}
.accodian-list.statistic tr.bold td { font-weight: bold;}
.accodian-list.statistic .tbl-above-cols { float: none; width: 100%; margin-bottom: 15px;}
.accodian-list.statistic .tbl-above-cols.first-left tr td:first-child { text-align: left;}
.accodian-list.statistic .tbl-above-cols.second-left tr td:first-child+td { text-align: left;}
.accodian-list.statistic .stit { font-weight: bold;}
.accodian-list.statistic .read-article { margin-top: 10px;}

.statis-con .tbl-above-cols td { font-size: 12px;}

.pub-list ul { margin-bottom: 15px;}
.pub-list ul li { padding-left: 12px;}
.pub-list ul li:first-child { padding-left: 0;}

.index-list ul { margin-bottom: 15px;}
.index-list ul li li { margin-left: 15px;}

/* ############################################################################################# */
/*                                                                                               */
/*    [XS]  Extra Small Devices, Phones                                                          */
/*                                                                                               */
/* ############################################################################################# */
/* ############################################################################################# */
/*                                                                                               */
/*    [SM]  Small Devices, Tablets                                                               */
/*                                                                                               */
/* ############################################################################################# */
@media only screen and (min-width: 768px) { .ptit { font-size: 28px; color: #015e9b; letter-spacing: -1px; line-height: 1.4; margin-bottom: 10px; }
  .ptit strong { font-size: 32px; }
  .accodian-list > li strong { float: left; width: 20%; }
  .accodian-list > li div { float: right; width: 80%; }
  .staff { width: 100%; overflow: hidden; }
  .staff strong { float: left; width: 20%; }
  .staff strong span { display: block; }
  .staff dl { float: right; width: 80%; }
  .report { width: 100%; overflow: hidden; }
  .report dt { float: left; width: 15%; }
  .report dd { float: left; width: 85%; }
  .ref-list { width: 100%; overflow: hidden; margin: 40px 0; display: none; }
  .ref-list dt { border-bottom: 1px solid #d6d4d4; padding: 15px 20px 15px 0; /* cursor: pointer; */ position: relative; box-sizing: border-box; font-size: 18px; color: #015e9b; }
  .ref-list dt span { display: inline-block; margin-left: 5px;}
  .ref-list .ac-cont { padding: 10px 0; box-sizing: border-box; border-bottom: 1px solid #d6d4d4; position: relative; }
  .ref-list .ac-cont .column { width: 100%; overflow: hidden; }
  .ref-list .ac-cont .column .colL { width: 70%; float: left; }
  .ref-list .ac-cont .column .colR { width: 20%; float: right; min-width: 171px; padding-bottom: 0; text-align: center; }
  .ref-list .ac-cont .column .colR p { text-align: center; float: none; }
  .ref-list .ac-cont .contents-list { margin: 15px 0; }
  .ref-list .ac-cont p { margin: 15px 0; text-align: justify; }
  .ref-list p.read-article { text-align: center; position: static; }
  .ref-list .source { color: #015e9b; background: #fff; border: 0; }
  .interview { width: 100%; overflow: hidden; }
  .interview .pic { float: left; border: 13px solid #434343; width: 31.6%; box-sizing: border-box; }
  .interview .pic img { border: 1px solid #fff; }
  .interview .colR { width: 63.7%; float: right; }
 /*  .interview-list > li strong { float: left; width: 31.6%; padding-left: 38px; } */
  .interview-list > li strong { float: left; width: 26.14%; padding-left: 38px; }
  .interview-list > li strong span { display: block; }
  /* .interview-list > li .cont { float: right; width: 63.7%; } */
  .interview-list > li .cont { float: right; width: 73.85%; }
  .interview-list > li .cont .picture { width: 100%; overflow: hidden; margin-bottom: 20px; }
  .interview-list > li .cont .picture > li { float: left; width: 48%; text-align: center; }
  .interview-list > li .cont .picture > li:first-child { margin-right: 4%; }

  .interview-list > li .cont .picture2 span { display: inline-block; margin: 0 0 0 15px; vertical-align: bottom;}
  .interview-list > li .cont .picture2 img { width: 48%;margin:1%;}

  .interview-list.none-q > li strong { width: 25%; padding-left: 0; }
  .interview-list.none-q > li .cont { width: 68%; }
  .summary .report-posR { position: absolute; right: 20px; top: 1px; }
  .quiz { position: relative; }
  .quiz .pos1 { position: absolute; left: 50%; top: 5.6%; width: 21.3%; margin-left: -10.7%; }
  .quiz .pos2 { position: absolute; left: 50%; top: 37.219%; width: 54.4%; margin-left: -27.2%; }
  .quiz .pos3 { position: absolute; left: 0; bottom: 0; }
  .quiz .pos4 { position: absolute; right: 0; bottom: 0; }
  .quizbox .app-box { padding: 50px 35px; }
  .quizbox .app-box .inner-box { padding: 35px 35px 10px; }
  .quizbox .app-box .inner-box .appinfo { padding: 40px 20px 20px 20px; background: #fff url("../image/page/quiz_box_icon.gif") no-repeat right top; min-height: 171px; }
  .quizbox .app-box .inner-box .appinfo label { width: 65px; display: inline-block; font-size: 14px; }
  .quizbox .app-box .inner-box .appinfo input { margin-bottom: 0; }
  .quizbox .app-box .inner-box .appinfo .long { width: 350px; }
  .quizbox .app-box .inner-box .appinfo .short { width: 107px; } 
	
	.summary ul { margin-left: 20px; width:80%;}

  .survey .txt { width: 640px; margin: 65px auto 40px auto;  font-size: 16px;}
  .survey .block { display: block;}
  .survey dl { overflow: hidden; width: 350px; margin: 0 auto 20px auto;}
  .survey dt, .survey dd { float: left; margin-bottom: 5px;}
  }
/* ############################################################################################# */
/*                                                                                               */
/*    [MD]  Medium Devices, Desktops                                                             */
/*                                                                                               */
/* ############################################################################################# */
@media only screen and (min-width: 1080px) { 
.report { margin-bottom: 50px; border-top: 1px solid #d6d4d4; width: 100%; box-sizing: border-box; }
.report h4 { font-size: 18px; color: #015e9b; margin: 20px 0; float: left; width: 25%; }
.report h4 span { display: block; }
.report h4:before { display: none; }
.report .colR { float: right; width: 70%; margin: 15px 0; } 

.survey { padding: 95px 130px 70px; background: url('../image/page/survey_bg.jpg') no-repeat 0 0;}
	
.survey-desc { background: none; padding: 0; margin: 165px 0 130px; font-size: 16px; font-weight: bold;}
.survey-desc p { margin-bottom: 20px; color: #fff;}
.survey .answer { margin-left: -56px;}
.notice-list .ac-cont p img {margin:0 0 0 10px;}
.notice-list .ac-cont p img:first-child {margin:0;}
 }


/* ############################################################################################# */
/*                                                                                               */
/*    [LG]  Large Devices, Wide Screens                                                          */
/*                                                                                               */
/* ############################################################################################# */

/*# sourceMappingURL=page.css.map */