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

/*top-contents*/
#main {
	padding-top: 0 !important;
}

#top_photo_outside {
	background-color: #00abe3;
	width: 100%;
	clear: both;
}

#top_photo_area {
	width: 100%;
}

#top_photo {
	width: 100%;
	height: 393px;
	margin:0;
	text-align: center;
}
#top_photo #slide1 {
	height: 393px;
	background: url(../images/top_photo_bg.gif) center top no-repeat;
}
#top_photo #slide2 {
	height: 393px;
	background: #16171B url(../images/bg_slide2.jpg) center top no-repeat;
}
#top_photo #slide3 {
	height: 393px;
	background: #16171B url(../images/bg_slide3.jpg) center top no-repeat;
}
#top_photo #slide4 {
	height: 393px;
	background: #16171B url(../images/bg_slide4.jpg) center top no-repeat;
}
#top_photo #slide5 {
	height: 393px;
	background: #16171B url(../images/bg_slide5.jpg) center top no-repeat;
}
#top_photo #slide6 {
	height: 393px;
	background: #16171B url(../images/bg_slide6.jpg) center top no-repeat;
}
#top_photo #slide7 {
	height: 393px;
	background: #16171B url(../images/bg_slide7.jpg) center top no-repeat;
}
#top_photo #slide8 {
	height: 393px;
	background: #16171B url(../images/bg_slide8.jpg) center top no-repeat;
}
#top_photo #slide9 {
	height: 393px;
	background: #16171B url(../images/bg_slide9.jpg) center top no-repeat;
}
#top_photo #slide10 {
	height: 393px;
	background: #16171B url(../images/bg_slide10.jpg) center top no-repeat;
}


#top_photo .slide img {
	margin: 0 auto;
}
#top_photo_area .bx-wrapper .bx-pager.bx-default-pager a {
	background: #666;
}

#top_photo_area .bx-wrapper .bx-pager.bx-default-pager a:hover,
#top_photo_area .bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #00ABE3;
}

#top_cont01 {
	width: 100%;
	margin:0 auto;
	padding: 30px 0;
	background-color: #ecf9ff;
}

#top02 {
	display: block;
	width: 993px;
	padding: 0 0 0 7px;
	margin:20px auto;
	font-size: 14px;
	line-height: 28px;
	color: #252525;
}
#top02 a{
	text-decoration:none;
	color:#252525;
}
#top02 a:hover{
	text-decoration:underline;
}

.top02_left {
	float:left;
	padding: 0 54px 0 0;
	width: 210px;
}

.top02_right {
	float:left;
	width: 196px;
}

#top03 {
	margin:0 auto;
	display: block;
	width: 1000px;
	clear: both;
	padding:40px 0 0 0;
}

#top03_left {
	float: left;
	width: 923px;
}

.top_space01 {
	font-size: 20px;
	color: #0d7bd0;
	background: url(../images/top03_list.gif) left center no-repeat;
	padding:10px 0 14px 50px;
}

#top03_mid {
	float: left;
	width: 24px;
	padding:12px 0 0 0;
}

#top03_right {
	float: left;
	width: 38px;
	padding:12px 15px 0 0;
}

.top04 {
	background: url(../images/top04_bg.gif) left top repeat-y;
	width: 1000px;
	font-size: 14px;
}

.top04_type01 {
	display: block;
	width: 1000px;
	clear:both;
}

.top04_banner {
	float: left;
	background: url(../images/top04_banner.gif) left bottom no-repeat;
	width: 160px;
	padding:10px 10px 16px 20px;
	color:#ffffff;
	font-size: 14px;
	font-weight: bold;
}

.top04_text {
	float: left;
	width: 706px;
	padding:10px 58px 0 46px;

}

.top04_type02 {
	clear: both;
	width: 885px;
	padding:5px 58px 10px 57px;
}

.top04 a,
.top04 a:link,
.top04 a:visited {
	color:#252525;
}

.top04 a:hover,
.top04 a:active {
	color:#252525;
	text-decoration:none;
}

#top_cont02 {
	background-color: #4a627f;
	width: 100%;
}

#top_cont03 {
	background-color: #6db7ef;
	width: 100%;
	clear:both;
}

#top_cont03_inside {
	width: 1000px;
	margin:0 auto;
	padding:20px 0;
}

#top_cont03_under {
	display: block;
	width: 1000px;
	padding:20px 0 0 0;
}

#top_cont03_left {
	float: left;
	width: 696px;
}

#top_cont03_right {
	float: left;
	width: 304px;
}

#top_cont04 {
	background-color: #fff;
	width: 100%;
	clear:both;
	padding-bottom:30px;
}

#top_cont04_inside {
	width: 1000px;
	margin:0 auto;
}
#top_cont04_inside a {
	text-decoration:none;
}
#top_cont04_inside a:hover span,
#top_cont04_inside a:active span {
	color:#ff0000;
}

div#titel01L {
	width:330px;
	float:left;
}

div#titel01R {
	width:555px;
	float:right;
	text-align:left;
	margin-top:-10px;
/*
	background:#ECF9FF;
	border:#6DAEDD 2px solid;

	font-size:18px;
	padding:20px 0;
*/
}


.top05 {
	-webkit-display: flex;
	-ms-display: flex;
	display: flex;
	-webkit-justify-content: space-between;
	-ms-justify-content: space-between;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 1000px;
	padding: 30px 0 0 0;
	margin-bottom: 30px;
	font-weight: bold;
	color: #292929;
	font-size: 18px;
	line-height: 30px;
}
.top05::after {
	content: '';
	display: block;
	width: 33%;
}
.top05 span{
	display:block;
}
.top05 a{
	color:#000;
}

.top05__box {
	width: 33.333%;
	text-align: center;
	position: relative;
	-webkit-display: flex;
	-ms-display: flex;
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
}
.top05__box:nth-child(3n + 2)::before,
.top05__box:nth-child(3n + 2)::after {
	content: url(../images/top07_line01.gif);
	-webkit-display: flex;
	-ms-display: flex;
	display: flex;
	-webkit-align-items: center;
	-ms-align-items: center;
	align-items: center;
	position: absolute;
	top: 0;
	bottom: 0;
}
.top05__box:nth-child(3n + 2)::before {
	left: 0;
}
.top05__box:nth-child(3n + 2)::after {
	right: 0;
}
.top05__box:nth-child(n+4) {
	margin-top: 30px;
}

.top05__catch {
	margin-bottom: 20px;
}

.top_txt_bloc {
	background: #0486e1;
	margin: auto auto 0;
	width: 271px;
	height: 80px;
	padding-left: 20px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.top_txt_bloc ul {
	float: left;
	text-align: left;
	font-weight: normal;
	font-size: 11px;
	color: #fff;
}
.top_txt_bloc li{
	list-style-type: disc;
	margin-right: 20px;
	line-height: 20px;
}

.waf_mr00 li{ margin-right: 0!important;}


#top_cont05 {
	clear: both;
	background-color: #f2f2f2;
	width: 100%;
	padding:30px 0;
}

#top_cont05_inside {
	width: 1000px;
	margin:0 auto;
	display:block;
}

#top05_news {
	float: left;
	width: 620px;
	background-color: #ffffff;
	border-bottom:solid 5px #d3d3d3;
}

#top05_news_top {
	display: block;
	width: 620px;
}

#top05_news_left {
	float: left;
	width: 253px;
}

#top05_news_right {
	width: 55px;
	padding: 30px 23px 0 0;
	float: right;
}

#top05_news_under {
	clear:both;
	width:590px;
	height:180px;
	padding:0 0 10px 30px;
}

#nProgram {
	overflow:auto;
	width:570px;
	height:180px;
}

#nProgram dl {
	display: block;
	clear: both;
	width:525px;
	border-top:1px dotted #cacaca;
	padding:10px 0 10px 0;
	margin:5px 0 5px 0;
}

#nProgram dl dt {
	width:93px;
	height:19px;
	background-color:#dfecf5;
	padding:4px 0 0 10px;
	float: left;
	font-size: 14px;
	font-weight: bold;
	color: #4295d2;
}

#nProgram dl dd {
	width:402px;
	padding:0 0 0 20px;
	float: left;
}

#nProgram a,
#nProgram a:link,
#nProgram a:visited {
	color:#292929;
}

#nProgram a:hover,
#nProgram a:active {
	color:#292929;
	text-decoration:none;
}

#top05_right {
	float: right;
	width: 320px;
}

#top_cont06 {
	width: 999px;
	margin:0 auto;
	display:block;
	clear:both;
	padding:30px 1px 0 0;
}

#top_cont06_left {
	float: left;
	width: 34px;
	padding: 27px 0 0 0;
}

#top_cont06_mid {
	width: 925px;
	float: left;
}

#top_cont06_mid ul {
	display: block;
}

#top_cont06_mid ul li {
	float: left;
}

#top_cont06_right {
	float: left;
	width: 39px;
	text-align: right;
	padding: 27px 0 0 0;
}

#goto_casestudy{
	text-align: center;
}
#goto_casestudy img{
	width: 900px;
	text-align: left;
}
.t_msp {
	text-decoration: none;
	line-height: 1.4;
	color: #000000;
}
.mb22 {
	margin-bottom: 22px;
}


/*201909__*/
#results_cont01{
	background:#f5f5f5;
	text-align:center;
	display:block;
}

#results_cont01 .inside {
	width: 1000px;
	margin:0 auto;
	padding:60px 0;
}
#results_cont01 .title {
	color: #0d7bd0;
	font-size:25px;
	font-weight:normal;
	padding:0 0 15px;
	width:350px;
	border-bottom:1px solid #0d7bd0;
	margin:0 auto 30px;
}

#results_cont01 .column{
	display: flex;
	flex-wrap: wrap; 
	justify-content: center;
	width:1000px;
	margin-bottom:30px;
}

#results_cont01 .column li{
	width:16%;
	margin:0 0 7px 0.8%;
	background:#fff;
}


#results_cont01 .column li:nth-child(6n+1){
	margin:0 0 7px;
}

#results_cont01 .column li img{
	width:100%;
	height:auto;
	box-shadow:0 0 5px rgba(0,0,0,.1);
}
#results_cont01 a:hover{
	opacity:0.7;
}