@charset "utf-8";

#site-body {padding-top:0 !important;}

/* main visual */
#main-visual {height:600px;overflow:hidden;}
#main-visual .items,
#main-visual .item,
#main-visual .visual-bg {height:100%;}
/* main visual - background and texts */
#main-visual .visual-bg {background:#666 no-repeat 50% 30%;background-size:cover;position:relative;}
/* main visual - slick carousel height fix */
#main-visual .slick-list,
#main-visual .slick-track {height:100%;}
/* main visual - slogan */
#main-visual .inner {position:relative;top:-1px;height:0px;max-width:1300px;margin:0 auto;}
#main-visual .slogan {position:absolute;top:200px;left:0;z-index:2;}
#main-visual .super {padding:20px 0 20px 50px;border-left:solid 5px #c4ff23;font-size:50px;font-weight:bold;color:#fff;letter-spacing:-5px;line-height:1.2;text-shadow:#000 0 0 10px;    border-radius: 5px;}
#main-visual .super p {padding:0;margin:20px 0 0 0;line-height:1.4;font-size:0.35em;letter-spacing:-1px;}
#main-visual .link-1 {padding:40px 0 0 55px;}
#main-visual .link-1 a {height:58px;line-height:58px;border-radius:58px;font-size:18px;display:inline-block;color:#fff;text-decoration:none;font-weight:bold;letter-spacing:-1px;margin-right:10px;border:solid 3px #fff;padding:0 20px;background-color:rgba(0,0,0,.5);box-sizing:content-box;transition:background .4s;}
#main-visual .link-1 a:first-child {background-color:rgba(0,0,0,.5);box-sizing:content-box;transition:background .4s;}
#main-visual .link-1 a:nth-child(2) {background-color:#139a13e0;box-sizing:content-box;transition:background .4s;}
#main-visual .link-1 a i {line-height:58px;font-size:30px;vertical-align:top;}
#main-visual .link-1 a:first-child {color:#c4ff23;}
#main-visual .link-1 a:nth-child(2){color:#fff;}
#main-visual .link-1 a:hover {background-color:rgba(0,0,0,.9);}

/* main link */
#main-link {padding:80px 20px 0 20px;background:#f0f5fb;position:relative;z-index:2;}
#main-link .inner {max-width:1300px;margin:0 auto;}
#main-link .headings,
#main-link .items {position:relative;}
#main-link .items:after {content:'';clear:both;display:table;}
#main-link .headings h2 {padding:0;margin:0;line-height:1;font-weight:normal;font-size:32px;letter-spacing:-2px;}
#main-link .headings h2 small {font-size:0.5em;letter-spacing:0;margin-left:1em;}
#main-link .headings .left-right {position:absolute;right:0;bottom:0;}
#main-link .headings .left-right a {color:#000;font-size:24px;}
#main-link .items {height:350px;overflow:hidden;}
/* #main-link .item {width:25%;padding:0 10px;margin-top:30px;float:left;} */
/* #main-link .item:first-child {margin-left:0;} */
#main-link .item {width:330px;padding:0 10px;margin-top:30px;float:left;}
#main-link .items {margin-left:-10px;margin-right:-10px;}
#main-link .item a {display:block;text-align:left;padding:30px 20px;text-decoration:none;color:#000;background:#fff;border-radius: 6px;}
#main-link .item a strong {white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;letter-spacing:-1px;font-size:18px;}
#main-link .item a small {font-size:small;color:#999;font-weight: 200;font-weight: 200;}
#main-link .item a .texts {padding-bottom:20px;}
#main-link .item a .thumb {height:190px;overflow:hidden;}
#main-link .item a .thumb img {width:100%;height:100%;background:#ccc;transition:all .2s;}
/* main link - mouse hover animation */
#main-link .item a:focus .thumb img,
#main-link .item a:hover .thumb img {transform:scale(1.1);}

@media all and (max-width:640px) {
	#main-link .headings h2 {padding:0;margin:0;line-height:1;font-weight:normal;font-size:25px;letter-spacing:-2px;color:#000;}
}

/* main board */
#main-board {background:#f0f5fb;padding:20px 0px 40px 0px;position:relative;}
#main-board:after {content:'';position:absolute;left:0;bottom:0;width:100%;height:160px;background:#f0f5fb;border-bottom:solid 0px #e1e1e1;}
#main-board .inner {width:100%;max-width:1300px;margin:0 auto;background:#fff;position:relative;z-index:2;}
#main-board .zone1 {position:relative;padding:30px 40px;}
#main-board .zone1 .headings h2 {float:left;padding:0;margin:0;font-size:30px;line-height:34px;}
#main-board .zone1 .headings ul {float:left;padding:0;margin:0 0 0 40px;list-style:none;}
#main-board .zone1 .headings li {float:left;}
#main-board .zone1 .headings a {display:block;padding:8px 0;font-size:18px;font-weight:bold;color:#000;text-decoration:none;position:relative;letter-spacing:-1px;}
#main-board .zone1 .headings a span {display:inline-block;padding:0 16px;line-height:1;border-right:solid 1px #ccc;}
#main-board .zone1 .headings li:last-child a span {border-right:none;}
#main-board .zone1 .headings a.active {color:#1d2e74;}
#main-board .zone1 .headings a.active:after {content:'';position:absolute;left:16px;bottom:-3px;right:16px;height:3px;background:#2e418e;}
#main-board .zone1 .headings:after {content:'';clear:both;display:table;}
#main-board .zone1 .item {display:none;padding-top:25px;position:relative;height:230px;}
#main-board .zone1 .item ul {display:block;padding:0;margin:0;list-style:none;}
#main-board .zone1 .item li {display:block;padding:6px 0;}
#main-board .zone1 .item li a {display:block;position:relative;padding-right:80px;color:#000;text-decoration:none;}
#main-board .zone1 .item li a strong {font-weight:normal;font-size:16px;line-height:20px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#main-board .zone1 .item li a strong:before {content:'\00b7';margin-right:6px;}
#main-board .zone1 .item li a small {display:none;}
#main-board .zone1 .item li a * {font-style:normal;}
#main-board .zone1 .item li a em {position:absolute;right:0;top:0;line-height:20px;font-size:14px;color:#999;}
#main-board .zone1 .item li:first-child a {padding-right:0;padding-left:120px;padding-bottom:20px;}
#main-board .zone1 .item li:first-child a strong {padding:8px 0;font-size:18px;font-weight:bold;}
#main-board .zone1 .item li:first-child a strong:before {display:none;}
#main-board .zone1 .item li:first-child a small {display:block;font-size:14px;line-height:20px;height:40px;overflow:hidden;color:#888;}
#main-board .zone1 .item li:first-child a em {right:auto;left:0;display:block;width:90px;height:85px;border:solid 3px #bac0da;text-align:center;}
#main-board .zone1 .item li:first-child a em i {display:block;font-size:32px;line-height:52px;font-weight:bold;color:#2e418e;}
#main-board .zone1 .item .item-more {position:absolute;right:0;top:-35px;font-size:28px;color:#000;}
#main-board .zone1 .item.active {display:block;}
#main-board .zone-box {width:600px;background:#888;margin:15px 0px 0px 25px;position:relative;overflow:hidden;}
#main-board .zone-box .item {background:#efefef;}
#main-board .zone-box .controls {height:30px;background:#112233;font-size:0;text-align:right;}
#main-board .zone-box .controls a {display:inline-block;font-size:20px;line-height:30px;width:30px;border-left:solid 1px #ccc;color:#fff;text-align:center;}
#main-board .inner {display:table;padding: 10px;border-spacing:0;table-layout:fixed;border-radius: 6px;}
#main-board .zone1,
#main-board .zone2 {display:table-cell;vertical-align:top;width:600px;}

@media all and (max-width:640px) {
	#main-board .zone1 .headings h2 {float:left;padding:0;margin:0;font-size:25px;line-height:34px;color:#000;}
    #main-board .zone2 .item a img {width:360px;height:160px;}
}

#main-quick {background:#fff url(../img/main_bg2.jpg) no-repeat 50% 0;}
#main-quick .inner {max-width:1300px;margin:0 auto;}
#main-quick .headings {padding:100px 0 70px 0;color:#fff;font-size:22px;text-align:center;letter-spacing:-2px;}
#main-quick .headings h2 {margin:0;padding:0 0 20px 0;line-height:1;font-size:1.8em;}
#main-quick .headings h2 b {font-size:1.3em;}
#main-quick .headings h2 span {display:inline-block;white-space:nowrap;}
#main-quick ul.texts {display:block;padding:0;margin:0;list-style:none;}
#main-quick ul.texts:after {content:'';clear:both;display:table;}
#main-quick ul.texts li {display:block;float:left;width:23.8%;margin-left:1.6%;background:#fff;height:280px;box-shadow:rgb(0 0 0 / 25%) 0 10px 40px -15px;font-size:15px;text-align:center;border-radius: 6px;}
#main-quick ul.texts li:first-child {margin-left:0;}
#main-quick ul.texts em {font-size:3.8em;display:block;font-style:normal;font-weight:bold;color:#dbeddb;padding:10px 0 10px 0;line-height:1.2;}
#main-quick ul.texts strong {font-size:1.5em;letter-spacing:-1px;color: #375331;}
#main-quick ul.texts div {padding-top:20px;}
#main-quick ul.icons {display:block;padding:50px 0;margin:0;list-style:none;text-align:center;}
#main-quick ul.icons li {display:inline-block;width:16%;}
#main-quick ul.icons a {display:block;padding-top:100px;color:#000;text-decoration:none;font-size:18px;font-weight:bold;letter-spacing:-1px;background:url(../img/main_quick1.png) no-repeat 50% 20px;}
#main-quick ul.icons li:nth-child(2) a {background-image:url(../img/main_quick2.png);background-position-y:15px;}
#main-quick ul.icons li:nth-child(3) a {background-image:url(../img/main_quick4.png);}
#main-quick ul.icons li:nth-child(4) a {background-image:url(../img/main_quick5.png);}
#main-quick ul.icons li:nth-child(5) a {background-image:url(../img/main_quick6.png);}
#main-quick ul.icons li:nth-child(6) a {background-image:url(../img/main_quick3.png);}

/* main-slide */
#main-slide {height:560px;overflow:hidden;position:relative;background:#fff url(../img/main_bg1.jpg) no-repeat -10px 105%;padding-top:80px;}
#main-slide .inner {max-width:1300px;margin:0 auto;position:relative;}
#main-slide .headings {padding:0px 0 0 40px;}
#main-slide h2 {padding:0;margin:0;line-height:1;font-size:52px;color:#c3d4c1;}
#main-slide .slide1 {width:200%;height:510px;position:absolute;top:0;left:330px;overflow:hidden;}
#main-slide .slide1 .item {float:left;width:970px;height:400px;margin-right:200px;background:#efefef;overflow:hidden;border-radius:4px;}
#main-slide .slide2 {position:absolute;top:50px;left:45px;line-height:1.2;}
#main-slide .slide2 .items {width:650px;height:300px;background:#fff;overflow:hidden;border-radius:6px;}
#main-slide .slide2 .item {width:650px;height:300px;padding:50px 50px 0 50px;font-size:16px;line-height: 1.6;letter-spacing:-1px;word-break:keep-all;}
#main-slide .slide2 h3 {position:relative;margin:0;padding:20px 0 5px 0;font-size:2.2em;color:#094d02;letter-spacing:-2px;}
#main-slide .slide2 h3 small {display:block;font-size:0.55em;color:#4b9442;padding-bottom:0px;}
#main-slide .slide2 h3:before {content:'';position:absolute;left:0;top:0;width:70px;height:4px;background:#396c1d;}
#main-slide .slide-arrow {position:absolute;left:609px;top:280px;}
#main-slide .slide-arrow a {display:block;float:left;width:86px;height:40px;line-height:40px;text-align:center;border:solid 1px #dfdfdf;border-right:none;color:#555;font-size:20px;}
#main-slide .slide-arrow a.next {background:#000;color:#fff;border-color:#000;}

@media all and (max-width:640px) {
	#main-slide .slide2 h3 {position:relative;margin:0;padding:20px 0 5px 0;font-size:1.8em;color:#094d02;letter-spacing:-2px;}
}

/* main-banner */
#main-banner {border-top:solid 1px #e1e1e1;padding:30px 0;}
#main-banner .inner {max-width:1300px;margin:0 auto;position:relative;}
#main-banner .headings {position:absolute;left:0;top:8px;z-index:2;width:150px;}
#main-banner .headings h2 {float:left;padding:0;margin:0;font-size:16px;line-height:29px;}
#main-banner .headings div {float:right;}
#main-banner .headings div a {display:inline-block;width:29px;height:29px;line-height:28px;border:solid 1px #ccc;text-align:center;color:#000;}
#main-banner .banners {padding-left:160px;}
#main-banner .items {overflow:hidden;font-size:0;white-space:nowrap;}
#main-banner .item {display:inline;padding:0 5px;}
#main-banner .item a {display:inline-block;width:180px;height:50px;border:solid 1px #e8e8e8;}
#main-banner .item img {vertical-align:middle;padding-top:5px;}

@media all and (max-width:1340px) {
    #main-visual .slogan {left:20px;}

    #main-link .items {margin-right:0;}

    #main-quick ul.texts {margin-left:20px;margin-right:20px;}

    #main-banner .headings {padding-left:10px;}
}

@media all and (max-width:1280px) {
    #main-board {padding-left:20px;padding-right:20px;padding-bottom:40px;}
    #main-board .inner,
    #main-board .zone1,
    #main-board .zone2 {display:block;}
    #main-board .zone1 {width:100%;margin:0 auto;padding:30px 20px;max-width:800px;}
    #main-board .zone2 {width:100%;}
    #main-board .zone-box {margin:0 auto;max-width:100%;}

    #main-slide {height:600px;padding-top:45px;}
    #main-slide .slide1 .item {margin-right:0;}
}

@media all and (max-width:960px) {
    /* main-visual - change height */
    #main-visual {height:600px;}
    #main-visual .slogan {top:200px;}
    #main-visual .super {font-size:44px;}

    #main-slide {height:510px;padding-top:20px;}
    #main-slide .headings {position:relative;z-index:3;}
    #main-slide .slide1 {left:0;top:-20px;}

    #main-quick ul.texts li {width:49%;margin-left:2%;margin-bottom:2%;}
    #main-quick ul.texts li:nth-child(2n+1) {margin-left:0;}
}

@media all and (max-width:840px) {
    #main-slide .slide2 {position:relative;top:auto;left:auto;width:auto;margin:0 85px 0 0;}
    #main-slide .slide2 .items {width:100%;}
    #main-slide .slide-arrow {left:55px;}
    #main-slide .slide-arrow a.next {background:#fff;color:#555;border:solid 1px #dfdfdf;}

    #main-quick .headings {font-size:18px;}
    #main-quick .headings h2 {line-height:1.3;}
}

@media all and (max-width:768px) {
    #main-quick ul.icons {padding:40px 0 10px 0;}
    #main-quick ul.icons li {width:30%;margin-bottom:30px;}
}

@media all and (max-width:640px) {
    /* main-visual - change height */
    #main-visual {height:420px;}
    #main-visual .slogan {top:110px;width:100%;padding-right:40px;}
    #main-visual .super {padding-left:20px;font-size:32px;letter-spacing:-1px;}
    #main-visual .super p {font-size:14px;font-weight:normal;word-break:keep-all;}
    #main-visual .super p br {display:none;}
    #main-visual .link-1 {padding:30px 0 0 20px;text-align:left;}
    #main-visual .link-1 a {height:42px;line-height:42px;border-radius:42px;font-size:16px;padding-left:16px;padding-right:16px;margin-right:5px;border-width:2px;}
    #main-visual .link-1 a i {font-size:20px;line-height:42px;}

    #main-board {padding:10px 0 30px 0;}
    #main-board .zone1 .headings {padding-right:40px;border-bottom:solid 1px #dcdcdf;}
    #main-board .zone1 .headings ul {float:none;clear:both;margin:0;display:table;width:100%;table-layout:fixed;padding-top:20px;}
    #main-board .zone1 .headings ul li {display:table-cell;float:none;}
    #main-board .zone1 .headings a span {display:block;text-align:center;padding:0;}
    #main-board .zone1 .headings a.active:after {left:0;bottom:-1px;right:0;height:1px;}
    #main-board .zone1 .item .item-more {top:-31px;}

    #main-link {padding:40px 10px 0 10px;}
    #main-link .headings h2 small {margin-left:0;padding-top:5px;display:block;font-size:13px;}
    #main-link .items {margin-right:-10px;}
    #main-link .item {width:100%;max-width:330px;}

    #main-slide .slide2 {margin: 0 45px 0 0;}
    #main-slide .slide2 .item {padding:40px;}
    #main-slide .slide-arrow {left:35px;}

    #main-quick .headings {padding-top:50px;padding-bottom:20px;}
    #main-quick ul.texts li {float:none;width:100%;margin-left:0;position:relative;padding:20px 20px 20px 100px;height:auto;text-align:left;}
    #main-quick ul.texts em {position:absolute;left:0;top:0;width:100px;height:100%;padding:0;padding:10px;}
    #main-quick ul.texts strong br,
    #main-quick ul.texts div br {display:none;}
    #main-quick ul.texts strong {word-break:keep-all;font-size:1.1em;letter-spacing:-2px;}
    #main-quick ul.texts div {padding-top:10px;word-break:keep-all;line-height:1.2;}
}

@media all and (max-width:480px) {
    #main-visual .slogan {width:100%;padding-right:20px;left:10px;}
    #main-visual .super {padding-left:20px;padding-top:0;padding-bottom:0;font-size:22px;letter-spacing:-1px;border-left-width:2px;}
    #main-visual .link-1 {padding:30px 0 0 0;text-align:left;/*white-space:nowrap;*/}
    #main-visual .link-1 a {height:38px;line-height:38px;border-radius:38px;font-size:14px;font-weight:normal;border-width:1px;padding:0 10px;margin-right:5px;margin-bottom:10px;}
    #main-visual .link-1 a i {font-size:20px;line-height:38px;}

	#main-board {background:#f0f5fb;padding:20px 0px 40px 0px;position:relative;}
	#main-board .zone1 {padding:20px 10px;}
    #main-board .zone1 .headings a span {font-size:15px;}
    #main-board .zone1 .item .item-more {top:-30px;}
    #main-board .zone1 .item li a {padding-right:0;}
    #main-board .zone1 .item li a strong {font-size:14px;letter-spacing:-1px;}
    #main-board .zone1 .item li a em {display:none;}
    #main-board .zone1 .item li:first-child a {padding-left:80px;letter-spacing:-1px;}
    #main-board .zone1 .item li:first-child a em {width:70px;height:70px;top:7px;}
    #main-board .zone1 .item li:first-child a em i {font-size:28px;line-height:40px;}
    #main-board .zone1 .item li:first-child a strong {font-size:15px;}


    #main-slide .headings {padding-left:20px;}
    #main-slide .slide2 {margin:0 25px 0 0;}
    #main-slide .slide2 .item {padding:20px;font-size:15px;}
    #main-slide .slide-arrow {left:20px;}
    
    #main-quick .headings {font-size:16px;}
    #main-quick .headings h2 {font-size:1.5em;}
    #main-quick ul.icons a {font-size:14px;}

    #main-banner {padding-top:10px;}
    #main-banner .headings {width:100%;padding-right:10px;}
    #main-banner .banners {padding-left:0;padding-top:50px;}
}