@charset "UTF-8";
#content {padding-bottom: 20px;}
/* main_visual */
#main_visual {position:relative; height:380px;background: url(./../images/main/main_visual.jpg) no-repeat 50% bottom;background-size: cover;}
.visual_inner {position:relative;max-width:1200px; margin:0 auto; padding-top:40px;overflow: hidden;}
.board_zone {position:relative;width:calc(50% + 93px);float:left;overflow: hidden;}
.board_zone .bod>div {overflow:hidden;	display:none;}
.tab {overflow:hidden;border-bottom:3px solid rgba(255,255,255,.7);}
.tab:after {content: "";display: block;	clear: both;}
.tab li {display: block;float: left;width: 19%;height: 50px;letter-spacing: -0.1rem;font-size:1.3rem;text-align: center;font-weight: bold;color:#fff;}
.tab li a {display: block; height: 50px; box-sizing: border-box;text-decoration:none;cursor:pointer;padding:10px;color:#fff;}
.tab li.active {background-color:rgba(255,255,255,.7);}
.tab li.active a { color:#2d314b; text-decoration: none;}
.tab li.active a:hover { color:#1c355e;}
.news_list {overflow: hidden;}
.news_list li {position: relative;margin-top: 1.3rem;padding-left: 1rem;overflow: hidden; color:#fff;}
.news_list li::before {position: absolute;top: 0.7rem;left: 0;width: 0.3rem;height: 0.3rem;background-color:#fff;	content:'';}
.news_list li a {display: block; overflow: hidden;}
.news_list li .txt {float: left;width: calc(100% - 10rem);color: #fff;letter-spacing: -0.1rem;font-weight: 500;font-size: 1.2rem; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.news_list li .date {float: right;margin-top:2px; width: 9rem;color: #fff;letter-spacing: -0.05rem; text-align: right;font-size: 0.9rem}
.bod .more {color:#fff; display: block;position: absolute;top: 0.9rem;right: 0.1rem;text-align: center;overflow: hidden;}
.banner_zone {position:relative;width:calc(50% - 146px);float:right;overflow: hidden;}
.banner_zone .tit{position: relative; margin-bottom: 1.5rem;}
.banner_zone .tit > span {display:inline-block; background-color:rgba(255,255,255,.7);height: 50px; box-sizing: border-box;padding:10px 30px;letter-spacing: -0.1rem;font-size:1.3rem;text-align: center;font-weight: bold;color:#2d314b;}
.banner_zone .subtit {position: relative; color:#fff;font-size: 1.3rem;text-align: center;padding-top:25px;padding-bottom:10px;}
.banner_zone .subtit a {display:block; color:#fff;font-size: 1.1rem;text-align: center;}
.banner_zone .subtit a:hover {text-decoration: underline;}
.banner_zone .cpc,.banner_zone .psr{overflow:hidden;height:100%;border: 5px solid #4fbaab;position:relative;}
.banner_zone .cpc {width:calc(70% - 20px);float:left;}
.banner_zone .psr{width:calc(30% + 10px);float:right;}
.banner_zone ul li {text-align:center;width:140px;float:left;margin-right:5px;height:100%; box-sizing: border-box;}
.banner_zone ul li:last-child {margin-right:0px;}
.banner_zone ul li:hover{border-color: rgba(255,255,255,.5); }
.banner_zone ul li a {display: block;	padding:20px 15px;}
.banner_zone ul li a img {background-color: rgba(255, 255, 255, .3);padding: 10px;border-radius: 10px;}
.banner_zone ul li a:hover {cursor:pointer; text-decoration:none; }
.banner_zone ul li a img:hover{background-color: rgba(255, 255, 255, .5);}
.banner_zone ul li a span {display:block;line-height:30px;font-weight:bold; font-size:0.8rem; padding-top:15px;	color:#fff;}
.banner_zone ul li a span.text:hover {text-decoration: underline;}
.banner_zone ul li a span.position-relative{line-height: 0;padding-top: 0;display: inline-block;}
.banner_zone ul li a span.position-relative span{line-height: 0;padding: 0.65em;font-size: 1rem;}
/* section common */
.section_tit {position: relative;margin-bottom: 15px;line-height:32px; font-weight: 700;letter-spacing: -0.1rem;font-size:1.5rem;color:#2d314b;}
#main_sec03 .section_tit {text-align: center;}
#main_sec01,#main_sec02,#main_sec03{background-color:#fff;position: relative;}
#main_sec01 > div, #main_sec02 > div, #main_sec03 > div {position: relative;max-width: 1200px;margin: 30px auto;overflow: hidden;}
/* main_sec01 */
#main_sec01 .banner_area{width:calc(50% + 93px);float:left;}
#main_sec01 .banner_area .banner_list {position: relative;}
#main_sec01 .banner_area .banner_list .bx-wrapper{margin-bottom:5px;margin-left: 1px;border:0; box-shadow: none;}
#main_sec01 .banner_area .banner_list .bx-wrapper .bx-controls-auto {left:65px; width: 35px; top:-50px;bottom:0;}
#main_sec01 .banner_area .banner_list .bx-wrapper .bx-controls-direction a {top:-40px;margin-top:0;}
#main_sec01 .banner_area .banner_list .bx-wrapper .bx-prev {left:auto;right:40px;}
#main_sec01 .banner_area .banner_list .bx-wrapper .bx-next {right:0;}
.banner .bx-viewport{overflow: hidden !important;}
.sec3_list li{transition:0.5s all;border:1px solid #ccc;}
.sec3_list li span{display:block; position:relative; height:190px; overflow:hidden;  }
.sec3_list li span img{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); max-width:100%; height:100%; background-color:#fff; }
.sec3_list li dl{height:68px; padding:15px 10px;  transition:0.5s all;box-shadow: 0 0 5px #ccc;text-align:center;}
.sec3_list li dl dt{font-size:16px; color:#444; line-height:1; font-weight:bold; letter-spacing: -1px;}
.sec3_list li dl dd{font-size:12px; color:#444; margin-top:0px;text-overflow: ellipsis;white-space: nowrap; overflow: hidden;}
.sec3_list li:hover {box-shadow:0px 0px 10px rgba(0,0,0,.15);cursor: pointer;}
#main_sec01 .greeting{width:calc(50% - 146px);float:right;}
#main_sec01 .greeting .gt_card{text-align:right; 0 0 5px #ccc;position: relative;box-sizing: border-box;height:259px;padding-left:178px;background:url(./../images/main/greeting_bg2.jpg) no-repeat right center, linear-gradient(180deg, rgba(212, 192, 167,1) 20.5625%,rgba(215, 197, 171,1) 25.8125%,rgba(220, 202, 179,1) 34.3125%,rgba(228, 207, 184,1) 51.6875%,rgba(228, 207, 184,1) 80.5625%);}
#main_sec01 .greeting .gt_card>img{position: absolute;top:0;left:0;}
#main_sec01 .greeting .card_text {padding:15px 20px 0 10px; height: 100%;}
#main_sec01 .greeting .card_text p {font-size: 1.1rem;color: #2d2d2d;word-break:keep-all;text-shadow: 0px 0px 10px #d4c1a8;}
#main_sec01 .greeting .card_text p span{display: inline-block;}
#main_sec01 .greeting .card_text p.name {font-weight: 700; padding-top:20px;}
#main_sec01 .greeting .card_text p.link{text-align: right;padding-top:20px;}
#main_sec01 .greeting .card_text p.link a {font-size: 1rem;color: #2d2d2d;}
/* main_sec02 */
#main_sec02{background-color:#f5f5f5;}
#main_sec02 .banner_icon{position: relative;float: left;overflow: hidden; width:calc(75% - 12px);}
#main_sec02 .ginfo_area{position: relative;float: right;overflow: hidden; width:calc(25% - 18px);}
#main_sec02 .banner_icon .banner_icon_inner, #main_sec02 .ginfo_area .ginfo_inner {margin: 12px 0;border: 8px solid #ebebeb;background-color: #fff;}
#main_sec02 ul{text-align: center;overflow: hidden;padding:25px 0px;}
#main_sec02 ul li {padding:10px 5px; margin:0 3px; display:inline-block ;width:15.5%; background-color:#fff;text-align:center; height:100%; box-sizing: border-box; border-radius:5px;}
#main_sec02 ul li:last-child {margin-right:0px;}
#main_sec02 ul li:hover, #main_sec02 .ginfo_area ul li:hover {/* box-shadow:inset 0 0 0 5px rgba(79, 186, 171, 0.8); */background-color:#f9f9f9;}
#main_sec02 ul li a {display: block;text-align: center;}
#main_sec02 ul li a:hover {cursor:pointer; text-decoration:none; }
#main_sec02 ul li span {display:block;line-height:30px;font-weight:bold; padding-top:10px;	color:#222;}
#main_sec02 .ginfo_area .section_tit {text-align: center; margin-bottom:0px; padding-top:10px;}
#main_sec02 .ginfo_area ul{text-align: center;overflow: hidden;padding:10px 5px;}
#main_sec02 .ginfo_area ul li {padding:10px 5px; margin:0 3px; display:inline-block ;width:45%; background-color:#fff;text-align:center; height:100%; box-sizing: border-box; border-radius:5px;}
/* main_sec03 */
#main_sec03 .banner_area{width:calc(50% - 58px);float:left;}
#main_sec03 .banner_area .slide {position: relative; }
#main_sec03 .banner_area .slide .bx-wrapper {margin-bottom:5px;margin-left: 1px;border:0;}
#main_sec03 .banner_area .slide .bx-wrapper .bx-controls-auto {left:65px; width: 35px; top:-50px;bottom:0;}
#main_sec03 .banner_area .slide .bx-wrapper .bx-controls-direction a {top:-40px;margin-top:0;}
#main_sec03 .banner_area .slide .bx-wrapper .bx-prev {left:auto;right:40px;}
#main_sec03 .banner_area .slide .bx-wrapper .bx-next {right:0;}
#main_sec03 .banner_area .section_tit {text-align: left;}
#main_sec03 .acc_area, #main_sec03 .ginfo_area{position: relative;float: left;overflow: hidden;}
#main_sec03 .acc_area{width:calc(25% - 12px); margin-right:16px;}
#main_sec03 .acc_area .acc_inner {box-shadow: 0 0 5px #ccc;position: relative;box-sizing: border-box;height:324px; background: url(./../images/main/report.jpg) no-repeat 50% bottom;background-size: cover;padding:5px;}
#main_sec03 .acc_area .acc_inner ul {position: relative;box-sizing: border-box;height:100%;}
#main_sec03 .acc_area .acc_inner ul li {position: relative;padding: 45px 30px 15px 30px;overflow: hidden;text-align:center;}
#main_sec03 .acc_area .acc_inner ul li::after {border-bottom: 2px dotted #ababab;content: '';position: absolute;top: 5%;left: 10%;right: 10%;}
#main_sec03 .acc_area .acc_inner ul li:first-child::after {display: none;}
#main_sec03 .acc_area .acc_inner ul li a {border-width: 3px;border-radius: 1.5rem;width:95%;color:#fff;font-weight:bold;}
#main_sec03 .acc_area .acc_inner ul li a:hover {color:#1B6FAB;}
#main_sec03 .ginfo_area{width:calc(20% - 58px);}
#main_sec03 .ginfo_area .ginfo_inner{position: relative;box-sizing: border-box;height:324px;box-shadow:inset 0 0 0 5px #cfcfcf;}
#main_sec03 .ginfo_area .ginfo_inner ul {position: relative;box-sizing: border-box;height:100%;}
#main_sec03 .ginfo_area .ginfo_inner ul li {position: relative;padding: 65px 30px 15px 30px;overflow: hidden;text-align:center;}
#main_sec03 .ginfo_area .ginfo_inner ul li::after{border-bottom: 2px dotted #ababab;content: '';position: absolute;top: 23%;left: 10%;right: 10%;}
#main_sec03 .ginfo_area .ginfo_inner ul li:first-child::after{display: none;}
#main_sec03 .ginfo_area .ginfo_inner ul li a {display: block;}
#main_sec03 .ginfo_area .ginfo_inner ul li a span {font-weight:700;margin-left:5px;}
#main_sec03 .ginfo_area .ginfo_inner ul li a:hover {cursor: pointer;text-decoration: none;}
#main_sec03 .product_area {position: relative;float: right;overflow: hidden; width:calc(50% + 37px);}
#main_sec03 .product_area .product_inner {position: relative;box-sizing: border-box;height:324px;}
#main_sec03 .product_area .product_inner ul {overflow: hidden;}
#main_sec03 .product_area .product_inner ul li{position: relative;display:inline-block; box-sizing: border-box;height:159px;;width:calc(33.333% - 3px);vertical-align: top;margin-bottom: 5px;}
#main_sec03 .product_area .product_inner ul li.business01{background: url(./../images/main/business01.jpg) no-repeat 50% top;}
#main_sec03 .product_area .product_inner ul li.business02{background: url(./../images/main/business02.jpg) no-repeat 50% top;}
#main_sec03 .product_area .product_inner ul li.business03{background: url(./../images/main/business03.jpg) no-repeat 50% top;}
#main_sec03 .product_area .product_inner ul li.business04{background: url(./../images/main/business04.jpg) no-repeat 50% top;}
#main_sec03 .product_area .product_inner ul li.business05{background: url(./../images/main/business05.jpg) no-repeat 50% top;}
#main_sec03 .product_area .product_inner ul li.business06{background: url(./../images/main/business06.jpg) no-repeat 50% top;}
#main_sec03 .product_area .product_inner ul li a {display:block; border:1px solid #cfcfcf;height: 100%;}
#main_sec03 .product_area .product_inner ul li a:hover{box-shadow:inset 0 0 0 5px #cfcfcf;cursor:pointer;text-decoration: none;}
#main_sec03 .product_area .product_inner .product_tit {font-weight: 700; font-size: 1.2rem;display: inline-block;padding:20px 15px;color:#fff;}
#main_sec03 .product_area .product_inner .product_con {line-height:1rem; font-size: 0.9rem;display: block; padding:5px 10px;letter-spacing: -1px; color:#2d314b;}
/* ginfo -modal */
.modal-body h5{font-weight: bold;letter-spacing: -0.075em;color: #333;padding-top: 8px;margin: 20px 0 10px 0;}
.modal_list {overflow: hidden; border-top: 2px solid #4277b7; border-right: 1px solid #dedede; border-bottom: 1px solid #dedede; border-left: 1px solid #dedede; background-color: #fdfbfb; padding:20px 12px 0px 12px; }
.modal_list dl {margin-bottom:20px;}
.modal_list dl dt {padding-bottom: 9px; margin-bottom: 8px; font-size: 15px; color: #3a4c85; border-bottom: #dedede 1px solid; font-weight: bold; letter-spacing: -1px;}
.modal_list dl ul li {padding: 0 0 7px 9px; background: url(./../images/main/ico_bull.gif) 0 7px no-repeat;}
/* footer banner */
#footer_banner {width:100%; background-color:#fff;border-top:1px solid #C7C7C7;position: relative;}
#footer_banner .bx-viewport {height:60px !important;}
#footer_banner .bn_bg .bx-wrapper {max-width:1200px !important; box-shadow: none; margin: 0 auto;}
#footer_banner .bn_bg .bx-wrapper .bx-prev{left:0px;background:url(./../images/common/controls2.png) no-repeat 0px 0px;}
#footer_banner .bn_bg .bx-wrapper .bx-next{right:0px;background:url(./../images/common/controls2.png) no-repeat -21px 0px;}
#footer_banner .bn_bg .bx-wrapper .bx-prev:hover{background-position:0px -24px}
#footer_banner .bn_bg .bx-wrapper .bx-next:hover{background-position:-21px -24px}
#footer_banner .bn_bg .bx-wrapper .bx-controls-direction a{position:absolute;top:50%;margin-top:-10px;width:20px;height:21px;text-indent:-9999px;z-index:499;}
#footer_banner .bn	{height:60px;font-size:12px;color:#333;padding-top:12px;padding-bottom:12px;text-align:center; }
#footer_banner .bn img{margin:0 auto;}
/* popup */
.pop_up{position:absolute; width:auto;	height:auto;	z-index:99999;}
.pop_up{left:10px;	top:20px; padding:10px;}
.pop_up .card{display:none;}
.pop_up .card.open_pop{display:block; box-shadow: 0 0.5em 1em -0.125em rgb(10 10 10 / 47%), 0 0 0 1px rgb(10 10 10 / 18%); } 
.pop_up .card-header {
color:#fff;
background: #4fbaab;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #0466aa, #4fbaab);
background: -moz-linear-gradient(to right, #0466aa, #4fbaab);
background: -o-linear-gradient(to right, #0466aa, #4fbaab);
background: -webkit-gradient(linear, 100% 0, 0 0, from(#0466aa), to(#4fbaab));
background: linear-gradient(to right, #0466aa, #4fbaab);  /* Chrome 10-25, Safari 5.1-6 */
 /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.pop_up .card-header .card-title{color:#fff;}
@media all and (max-width:1200px){
	.visual_inner {margin:0 30px; }
	.tab li, .banner_zone .tit > span, .banner_zone .subtit a {font-size:1.05rem;}
	.banner_zone .tit {margin-bottom:5px;}
	.banner_zone .cpc, .banner_zone .psr {width:100%; float:none;}
	.banner_zone .subtit {display: none;}
	.banner_zone .psr{margin-top:3px;}
	.banner_zone ul {margin-top:3px;clear: both;}
	.banner_zone ul li {float: none;width:100%;margin-bottom: 5px;}
	.banner_zone ul li a {padding:0px}
	.banner_zone ul li a span.text {display: inline-block;width:50%;font-size: 1rem;}	
	.banner_zone ul li a span.text:hover {text-decoration: underline;}
	#main_sec01 > div, #main_sec02 > div, #main_sec03 > div {margin:30px 30px;}
	#main_sec01 .greeting .card_text {padding:15px 20px;}
	#main_sec01 .greeting .card_text p {font-size: 1rem;}
	#main_sec01 .greeting .card_text p.name {padding-top: 10px;}
	#main_sec01 .greeting .card_text p.link {padding-top:15px;}
	#main_sec01 .greeting .gt_card {padding-left: 154px;}	
	#main_sec02 ul li {width:15%}
	#main_sec03 .acc_area .acc_inner ul li {padding:35px 0;}
	#main_sec03 .ginfo_area .ginfo_inner ul li {padding:65px 0 15px;}
	#main_sec03 .product_area .product_inner ul li.business01,
	#main_sec03 .product_area .product_inner ul li.business02,
	#main_sec03 .product_area .product_inner ul li.business03,
	#main_sec03 .product_area .product_inner ul li.business04,
	#main_sec03 .product_area .product_inner ul li.business05,
	#main_sec03 .product_area .product_inner ul li.business06 {background-size: 100% 52px;}
	#main_sec03 .product_area .product_inner .product_tit {padding:15px;font-size: 1rem;}
}
@media all and (max-width:1023px){
	body{overflow-y:scroll}
	img{max-width:100%}
	.visual_inner {margin:0 15px; }
	.board_zone {width:calc(65% + 100px); }
	.banner_zone {width:calc(35% - 130px); }
	.banner_zone .subtit {display: none;}
	.banner_zone .cpc, .banner_zone .psr {margin-bottom:10px;}
	.banner_zone ul li a img{display:none;}
	.banner_zone ul li a span.text {padding-top:5px; width:100%;font-size:0.9rem;letter-spacing: -1px;}
	.banner_zone ul li a span.text:hover {text-decoration: underline;}
	 .banner_zone .tit > span {padding:10px 10px;}
	
	#main_sec01 .banner_area, #main_sec01 .greeting {float:none; width:100%;}
	#main_sec01 .banner_area .slide .bx-wrapper {width:100%; height:100%;}
	#main_sec01 .banner_area .slide .bx-wrapper img {width:100%; height:100%;}
	#main_sec01 .banner_area .slide .bx-wrapper .bx-next{right:1px;}
	#main_sec01 .greeting {margin-top:20px;}
	#main_sec01 .greeting .card_text {padding:30px 20px;}
	#main_sec01 .greeting .card_text p {font-size:1.1rem;}
	#main_sec01 .greeting .card_text p.name {margin-top: 20px;}
	#main_sec01 .greeting .card_text p.link {margin-top:25px;}
	
	#main_sec02 ul {padding:19px 0px;}
	#main_sec02 ul li {width: 25%;margin: 20px 15px;}
	#main_sec02 .ginfo_area ul li {width: 100%; margin: 20px 0;}
	#main_sec03 .acc_area {width: calc(50% - 12px);}
	#main_sec03 .banner_area {width:100%;}
	#main_sec03 .banner_area img {width:100%;}
	#main_sec03 .product_area {float: none; width:100%; padding:20px 10px;}
	#main_sec03 .product_area .product_inner {height:100%;}
	#main_sec03 .product_area .product_inner ul li {width: calc(50% - 3px);}
	#main_sec03 .product_area .product_inner .product_tit {font-size: 1.2rem;padding: 20px 15px;}
	#main_sec03 .product_area .product_inner ul li.business01,
	#main_sec03 .product_area .product_inner ul li.business02,
	#main_sec03 .product_area .product_inner ul li.business03,
	#main_sec03 .product_area .product_inner ul li.business04,
	#main_sec03 .product_area .product_inner ul li.business05,
	#main_sec03 .product_area .product_inner ul li.business06 {background-size: 100% 65px;}
}
@media all and (max-width:767px){
	.visual_inner {padding-top:20px;}
	.visual_inner > div {float:none; width:100%;}
	#main_visual {background:#112c54 url(./../images/main/main_visual.jpg) no-repeat 50% top; height:100%;}
	.visual_inner .banner_zone {margin-top:40px;}
	.banner_zone ul li a img {display:inline-block;}
	.banner_zone ul li a {padding:15px;}
	.tab li, .banner_zone .tit > span, .banner_zone .subtit a {font-size:0.9rem;}
	.tab li a {padding:10px 0}
	.news_list li .txt {font-size:1rem;}
	
	#main_sec01 .greeting .card_text {padding: 20px;}
	#main_sec01 .greeting .card_text p.link, #main_sec01 .greeting .card_text p.name {margin-top: 0px;}
	#main_sec02 ul li {width: 40%;margin: 20px 15px;}
	#main_sec02 .banner_icon, #main_sec02 .ginfo_area, #main_sec03 .acc_area, #main_sec03 .ginfo_area {float: none; width:100%; margin-top:20px;}
	#main_sec03 .product_area .product_inner ul li {width:100%;}	
	
	#main_sec03 .acc_area .acc_inner ul li {padding-top:130px;}
	#main_sec03 .acc_area .acc_inner ul li a {color:#1B6FAB; }
	#main_sec03 .acc_area .acc_inner ul li a.btn-outline-light {color:#1b6fab;border-color:#1b6fab; background-color:rgba(255,255,255,.5);}
	#main_sec03 .acc_area .acc_inner ul li a.btn-outline-light:hover{background-color:#fff;}	
}

@media all and (max-width:480px){
	.news_list li .txt {width:100%;}
	.news_list li .date {display: none;}
	.tab li a {font-size:0.8rem;}
	.tab li, .banner_zone .tit > span {height:40px;}
	.bod .more {top:0.6rem;}
	#main_sec01 .greeting .card_text {padding:25px 5px;}
	#main_sec01 .greeting .card_text p {line-height: 20px;font-size: 1rem;}
	#main_sec01 .greeting .card_text p.name {margin-top:3px;}
	#main_sec01 .greeting .card_text p.link {bottom:5px;}
	#main_sec01 .greeting .card_text p.link a {font-size:0.9rem;}
	#main_sec01 .greeting .gt_card {padding-left: 168px;}
	
	#main_sec02 ul li {width:39%;}
	#main_sec02 ul li:last-child {margin-right:15px;}	
	
	.sec3_list li dl dd {display: none;}
}