@charset "utf-8";

@import url("base.css");
@import url("font.css");
@import url("layout.css");
@import url("table.css");
@import url("main.css");

.bg_gradient {background: rgb(34,116,180);background: linear-gradient(90deg, rgba(34,116,180,1) 20%, rgba(98,178,66,1) 80%);}

.top_slogan__box {padding:40px 0;text-align:center;color:#fff;}
.top_slogan__box h2 {font-size:2.250em;color:#fff;text-shadow: 1px 4px 4px rgba(0, 0, 0, 0.35);}
.top_slogan__box h2 + p {font-size:1.125em;margin-top:10px;}

.breadcrump {text-align:right;line-height:1em;padding:15px;font-size:0.813em;}
.breadcrump > span {display:inline-block;vertical-align:middle;}
.breadcrump > span:last-child {color:#00588f;}
.breadcrump > span.home {width:14px;height:14px;text-indent:-999em;overflow:hidden;background:url(images/ico_home.png) center center no-repeat;background-size:cover;text-align:left;}
.breadcrump > span + span:before {content:">";display:inline-block;margin:0 5px 0 2px;}

.menu_tab__box {display:flex;margin-bottom:50px;}
.menu_tab__box > a {width:100%;text-align:center;background:#e7e7e7;color:#1c355e;font-size:1.125em;display:flex;align-items:center;justify-content:center;padding:12px;}
.menu_tab__box > a.on {color:#fff;background:#00588f;}
.menu_tab__box > a + a {border-left:solid 1px #fff;}

.contents__box {padding-bottom:150px;}
.block + .block {margin-top:70px;}
.contents__block + .contents__block {margin-top:50px;}

[class*=list__] > li {position:relative;}
.list__dot > li {padding-left:13px;}
.list__dot > li + li {margin-top:5px;}
.list__dot > li:before {content:"";width:4px;height:4px;background:#000;border-radius:100%;position:absolute;left:0;top:0.75em;}

.heading_arrow {position:relative;padding-left:1.583em;font-size:1.500em;font-weight:500;color:#1c355e;padding-bottom:0.833em;border-bottom:solid 2px #c7c7c7;margin-bottom:40px;}
.heading_arrow:before {content:"";width:26px;height:26px;box-sizing:border-box;border:solid 2px #1c355e;border-radius:100%;position:absolute;left:0;top:2px;}
.heading_arrow:after {content:"";width:8px;height:8px;box-sizing:border-box;border:solid 2px #1c355e;border-top:0;border-left:0;transform:rotate(-45deg);position:absolute;left:8px;top:11px;}

.intro_nccp__box {display:flex;align-items:center;}
.intro_nccp__box .intro_nccp__img {width:25%;text-align:center;}
.intro_nccp__box .intro_nccp__img img {width:75%;}
.intro_nccp__box .intro_nccp__txt {width:75%;color:#2b4269;}
.intro_nccp__box .intro_nccp__txt p + p {margin-top:1em;}

.color_list__box {background:#f9fedb;padding:30px 50px;}
.color_list__box.blue {background:#dcefff;}
.color_list__box.green {background:#efffe8;}

.vision_blue__box {display:flex;align-items:center;background:#d4f6ff;padding:0 70px;margin-top:70px;}
.vision_blue__box > p {width:33.3333%;}
.vision_blue__box .icons {display:flex;}
.vision_blue__box .icons img {width:33%;}
.vision_blue__box .icons img + img {margin-left:18px;}
.vision_blue__box .img {text-align:center;}
.vision_blue__box .img img {width:190px;transform:scale(1.45);}

.vision_img__box {display:flex;justify-content:space-between;}
.vision_img__box > div + div {margin-left:15px;}

.intro_history__box ul,
.intro_history__box li {position:relative;min-height:70px;}
.intro_history__box ul:before {content:"";width:5px;position:absolute;left:50%;top:0;bottom:40px;background:#d2d2d2;transform:translateX(-50%);}
.intro_history__box li:before,
.intro_history__box li:after {content:"";width:42px;height:42px;box-sizing:border-box;background:#fff;border:solid 2px #d2d2d2;border-radius:100%;position:absolute;left:50%;top:0;transform:translateX(-50%);}
.intro_history__box li:after {width:18px;height:18px;border:0;top:12px;background:#000;}
.intro_history__box li:nth-child(odd) {padding-left:50%;}
.intro_history__box li:nth-child(even) {padding-right:50%;}
.intro_history__box li p {padding:10px 40px;}
.intro_history__box li strong {position:absolute;font-size:1.5em;font-weight:700;width:50%;padding:8px 40px;}
.intro_history__box li:nth-child(odd) strong {text-align:right;left:0;}
.intro_history__box li:nth-child(even) strong {right:0;}
.intro_history__box li:nth-child(even) p {text-align:right;}
.intro_history__box li.color01 strong {color:#e8447d;}
.intro_history__box li.color01:after {background:#e8447d;}
.intro_history__box li.color02 strong {color:#c70062;}
.intro_history__box li.color02:after {background:#c70062;}
.intro_history__box li.color03 strong {color:#f08300;}
.intro_history__box li.color03:after {background:#f08300;}
.intro_history__box li.color04 strong {color:#e83820;}
.intro_history__box li.color04:after {background:#e83820;}
.intro_history__box li.color05 strong {color:#41b25d;}
.intro_history__box li.color05:after {background:#41b25d;}
.intro_history__box li.color06 strong {color:#77b02b;}
.intro_history__box li.color06:after {background:#77b02b;}
.intro_history__box li.color07 strong {color:#008442;}
.intro_history__box li.color07:after {background:#008442;}
.intro_history__box li.color08 strong {color:#890c84;}
.intro_history__box li.color08:after {background:#890c84;}
.intro_history__box li.color09 strong {color:#008cd3;}
.intro_history__box li.color09:after {background:#008cd3;}
.intro_history__box li.color10 strong {color:#0054a7;}
.intro_history__box li.color10:after {background:#0054a7;}
.intro_history__box li.color11 strong {color:#4a4b9d;}
.intro_history__box li.color11:after {background:#4a4b9d;}

.main_work__box dl {padding-bottom:20px;display:flex;}
.main_work__box dl + dl {border-top:dotted 2px #d2d2d2;padding-top:20px;}
.main_work__box dt {border-left:solid 15px #dcefff;flex:0 1 40%;display:flex;align-items:center;justify-content:center;}
.main_work__box dl:last-of-type dt {border-color:#efffe8;}
.main_work__box dd {flex:1 0 60%;}
.main_work__box dt span {color:#2274b4;font-size:1.313em;font-weight:500;}
.main_work__box dt span.green {color:#2f820e;}
.main_work__box dt span:before {content:"";display:block;width:88px;height:88px;margin:0 auto 10px auto;background:url(images/ico_010400_01.png) no-repeat;background-size:cover;}
.main_work__box dt span.green:before {background-image:url(images/ico_010400_02.png);}

.content_top__txt {padding:0 45px 50px 45px;color:#2b4269;}
.dot_block + .dot_block {border-top:dotted 2px #a7a7a7;padding-top:40px;margin-top:40px;}
.number_tit {background:#dcefff;padding:13px 20px 13px 60px;font-size:1.313em;color:#1c355e;font-weight:500;position:relative;margin-bottom:1.500em;}
.number_tit em {position:absolute;left:15px;top:10px;background:#2b4269;color:#fff;width:32px;height:32px;text-align:center;line-height:32px;}
.number_tit + .list__dot {margin-left:15px;}
.list__dot + .color_list__box {margin-top:40px;}
.dl_type dt {color:#2b4269;font-size:1.125em;}
.dl_type dt > em {font-size:0.778em;}
.dl_type dd {margin-top:5px;}


.resource-category {background:#f5f5f5;padding:0 10px;}
.resource-category .resource-block {padding:15px 0;}
.resource-category .resource-block +  .resource-block {border-top:dashed 1px #999;}
.resource-category .resource-block dt {font-size:1.25em;margin-bottom:10px;}
.resource-category .resource-block dd {margin-left:10px;font-size:0.875em;}
.resource-list-wrapper {border-top:solid 1px #043763;}
.resource-list-wrapper .paging {background:#f5f5f5;margin:0;padding:15px 0;}
.resource-list-wrapper .resource-list li {position:relative;padding:15px 140px 15px 10px;border-bottom:solid 1px #bfbfbf;}
.resource-list-wrapper .resource-list li .title {font-size:1.25em;color:#2a518d;line-height:1.25em;}
.resource-list-wrapper .resource-list li .title-sub {color:#3260c4;margin-top:10px;}
.resource-list-wrapper .resource-list li .code {color:#3260c4;margin-top:10px;}
.resource-list-wrapper .resource-list li .summary {margin-top:10px;}
.resource-list-wrapper .resource-list li .price {position:absolute;right:10px;top:15px;text-align:right;}

.ico-filter, .filter-close {display:none;}
.btn-basic {display:inline-block;color:#2a518d;padding:0 20px;min-width:110px;border:solid 1px #2a518d;line-height:40px;box-sizing:border-box;font-weight:500;font-size:1.125em;}
.filter-search {border-color:#2a518d;background-color:#2a518d;color:#fff;width:100%;border-radius:3px;text-align:center;}

.board-search-box.resource {width:100%;}
.board-search-box input[type="text"] {height:44px;}
.board-search-box input[type="submit"].submit {height:44px;width:44px;border:0;padding:0;background:url(images/ico_global_search_wht.png) center center no-repeat #043763;background-size:20px;text-indent:-999em;margin-left:-5px;}

.thumb-list {display:flex;flex-wrap:wrap;}
.thumb-lnk {width:25%;padding:0 1em 2.5em 1em;;box-sizing:border-box;text-align:center;}
.thumb-lnk img {width:80%;}
.thumb-lnk .text {margin-top:1em;}


/** popup **/

.popWrap {display:none;position: fixed;left: 0;right: 0;top: 0;bottom: 0;text-align: center;background-color: rgba(0,0,0,0.4);z-index:9999;overflow-y:auto;}
.popWrap:before {content: "";display: inline-block;height: 100%;vertical-align: middle;margin-right: -.25em;}
.popContents {display: inline-block;vertical-align: middle;height: auto;overflow:hidden;box-sizing:border-box;}
.popContentsIn {position:relative;text-align:left;background:#fff;padding:0;}

.ico-pop-close {display:block;position:absolute;right:10px;top:10px;width:50px;height:50px;z-index:10;}
.ico-pop-close span {text-indent:-999em;display:block;width:100%;height:100%;transform:rotate(45deg);}
.ico-pop-close span:before,
.ico-pop-close span:after {content:"";position:absolute;left:50%;top:50%;width:36px;height:2px;background:#fff;margin:-1px 0 0 -18px;}
.ico-pop-close span:before {transform:rotate(90deg);}

.popResource {width:800px;}

.pop-title {background:#2a518d;padding:20px;position:absolute;left:0;top:0;width:100%;z-index:1;}
.pop-title h2 {color:#fff;font-size:1.5em;}
.pop-contents-wrap {padding:90px 20px 30px 20px;max-height:80vh;box-sizing:border-box;overflow-y:auto;}
.pop-common-contents {padding:10px 20px;}
.pop-contents-wrap h4.heading-normal {font-size:1.125em;margin-bottom:0.5em;}
.pop-footer {background:#f5f7fd;padding:20px;}
.pop-footer .check-label {margin-right:25px;}

.heading-square {font-size:1.25em;position:relative;padding-left:15px;margin-bottom:1.5em;color:#043763;}
.heading-square:before {content:"";width:6px;height:6px;background:#3260c4;position:absolute;left:0;top:0.45em;}
.heading-square .normal {font-size:0.875em;}
.heading-normal {font-size:1.125em;margin-bottom:0.5em;color:#3260c4;line-height:1.25em;}
h4.heading-normal {font-size:1.25em;margin-bottom:1em;}


@media screen and (max-width: 1024px) {
	.vision_blue__box .img img {transform:scale(1.2);}
	.thumb-lnk img {width:90%;}
}

@media screen and (max-width: 768px) {
	.contents__box {padding-bottom:70px;}
	.top_slogan__box h2 {font-size:1.5em;}
	.top_slogan__box h2 + p {font-size:1em;}

	.breadcrump span {display:none;}
	.menu_tab__box {margin-left:-1px;margin-bottom:25px;flex-wrap:wrap;}
	.menu_tab__box > a {width:50%;border-top:solid 1px #fff;border-left:solid 1px #fff;font-size:12px;line-height:1.25em;}

	.heading_arrow {font-size:1.214em;padding-left:1.429em;margin-bottom:25px;}
	.heading_arrow:before {width:18px;height:18px;}
	.heading_arrow:after {width:6px;height:6px;left:5px;top:8px;}

	.intro_nccp__box,
	.vision_img__box  {flex-wrap:wrap;}

	.intro_nccp__box .intro_nccp__img {width:100%;text-align:center;}
	.intro_nccp__box .intro_nccp__img img {width:100px;}
	.intro_nccp__box .intro_nccp__txt {width:100%;margin-top:25px;}

	.block + .block {margin-top:35px;}
	.color_list__box {padding:20px;margin:0 -12px;}

	.vision_blue__box {margin:0 -12px;padding:30px 20px;flex-wrap:wrap;}
	.vision_blue__box > p {width:100%;}
	.vision_blue__box > p+p {margin-top:30px;}
	.vision_blue__box .img img {transform: scale(1);}
	.vision_blue__box .icons {justify-content:center;}
	.vision_blue__box .icons img {width:70px;}

	.vision_img__box > div {width:100%;text-align:center;}
	.vision_img__box > div + div {margin:10px 0 0 0;}

	.intro_history__box li:nth-child(odd),
	.intro_history__box li:nth-child(even) {padding:0;text-align:left;}
	.intro_history__box li p {padding-right:0;padding-left:90px;padding-top:0;}
	.intro_history__box li:nth-child(odd) strong,
	.intro_history__box li:nth-child(even) strong {left:34px;;right:auto;text-align:left;font-size:1.143em;width:auto;padding:0;}
	
	.intro_history__box ul:before {width:2px;left:15px;bottom:50px;}
	.intro_history__box li:before, .intro_history__box li:after {width:24px;height:24px;left:15px;}
	.intro_history__box li:after {width:12px;height:12px;top:6px;}
	.intro_history__box li:nth-child(even) p {text-align:left;}

	.main_work__box dl {flex-wrap:wrap;}
	.main_work__box dt, 
	.main_work__box dd {flex:1 1 100%;border:0;width:100%;}
	.main_work__box dt {margin-bottom:25px;}
	.main_work__box dt span:before {width:60px;height:60px;}
	.main_work__box dt span {font-size:1.125em;}
	.main_work__box dl + dl {border-top:0;}
	
	.content_top__txt {padding:0 20px 25px 20px;}
	.number_tit {font-size:1.071em;padding-left:50px;padding-right:10px;}
	.number_tit em {transform:scale(0.75);transform-origin:left center;}

	.thumb-lnk {width:33.3333%;padding:0 0.5em 2em 0.5em;}
	.thumb-lnk .text {font-size:12px;line-height:1.25em;margin-top:0.75em;}
	.board-search-box input[type="text"] {height:40px;}
	.board-search-box input[type="submit"].submit {width:40px;height:40px;}

	.resource-search-wrapper {padding-top:0;display:block;}
	.resource-list-wrapper .paging {display:none;}
	.resource-search-wrapper	.contents-col.col-4 {width:100%;max-width:100%;display:none;}
	.resource-search-wrapper	.contents-col.col-4__3 {width:100%;max-width:100%;}

	.ico-filter {display:inline-block;background:#3260c4;color:#fff;padding:5px 10px;border-radius:3px;margin-left:10px;}

	#filterPop {background:#f5f5f5;position:fixed;left:0;top:0;width:100%;height:100%;overflow-y:auto;z-index:1000;}
	#filterPop .board-search-box {display:none;}
	.resource-category .resource-block dl:after {content:"";display:block;clear:both;}
	.resource-category .resource-block dd {width:45%;float:left;}
	.resource-category {padding-top:20px;}
	.resource-list-wrapper .resource-list li .title {font-size:1em;}
	.resource-list-wrapper .resource-list li {padding:10px 100px 10px 10px;}
	.resource-list-wrapper .resource-list li .title-sub {line-height:1.25em;}
	.resource-list-wrapper .resource-list li .title-sub,
	.resource-list-wrapper .resource-list li .summary,
	.resource-list-wrapper .resource-list li .code {font-size:12px;}

	 .filter-btn {display:block;margin-top:20px;text-align:center;}
	 .filter-btn a {display:inline-block;color:#fff;line-height:40px;border-radius:3px;background:#2a518d;width:100px;}
	 .filter-btn a + a {margin-left:5px;}
	 .filter-btn a.filter-close {background:#999;}

	.popContents {height: 100%;overflow:hidden;box-sizing:border-box;max-height:100%;background:#fff;}
	.pop-contents-wrap {max-height:100vh;overflow-y:auto;padding-bottom:40px;}
	.pop-common-contents {padding:0;}
	.ico-pop-close {width:40px;height:40px;}
	.ico-pop-close span:before,
	.ico-pop-close span:after {width:24px;margin:-1px 0 0 -12px;}


	.pop-footer {padding:12px;}
	.pop-footer .check-label {margin-right:10px;}

	.popContents .table-view-wrapper {border-bottom:0;}
	.popResource {width:100%;max-width:100%;}

}

@media screen and (max-width: 540px) {
	.thumb-lnk {width:50%;}
}