@charset "utf-8";
/*main css*/

/**
 * Maincommon
 */
.main #header {border-bottom:0;}
.main #container {padding:0;}


div.section{padding:10rem 0;}
/*div.section div.section_title_box{padding:0 600px 80px 0;}*/
div.section p.category{margin-bottom:50px; font-weight:300;}
/* div.section p.emphasis{margin-bottom:38px; font-size:18px; font-weight:500;} */
div.section h3{margin-bottom:4rem; text-align:center;line-height:120%;}
div.section p.cont{font-weight:300;}
div.section .btn.read_more{display:inline-block; height:60px; line-height:60px; vertical-align:middle;}
div.section .btn.read_more i{padding-left:10px; font-size:24px; vertical-align:middle;}
div.inner{margin:0 auto; width:136.6rem;}

div.t-box{text-align:center; }
div.t-box p.tit{font-size:3.6rem; margin-bottom:4rem; font-weight:600;  }

/*mainvisual*/
div.mainvisual{ position:relative; background:#ebebeb;}
div.mainvisual ul.visual-list{margin-bottom:0 !important;}
div.mainvisual ul.visual-list li.visual {position:relative; height:800px; outline: none; overflow:hidden;}
div.mainvisual ul.visual-list li.visual:after {display:block; position:absolute; top:0; right:0; bottom:0; left:0; opacity:0.1; background-color:#000; z-index:1; content:"";}
div.mainvisual ul.visual-list li.visual .m-bg{display:block;position:absolute; top:0; right:0; bottom:0; left:0; width:100%; height:100%; background-position:50% 50%; background-repeat:no-repeat; background-size:cover; transform:scale(1.2); transition-duration:3s; }
div.mainvisual ul.visual-list li.visual.slick-active .m-bg {transform:scale(1.0);}
div.mainvisual ul.visual-list li.visual.slick-start .m-bg {transform:scale(1.2);}
div.mainvisual ul.visual-list li.visual .m-bg.active {transform:scale(1.2);}
div.mainvisual ul.visual-list li.bg1 .m-bg{background-image:url("../img/main/img_mvisual01.jpg")}
div.mainvisual ul.visual-list li.bg2 .m-bg{background-image:url("../img/main/img_mvisual02.jpg")}
div.mainvisual ul.visual-list li.bg3 .m-bg{background-image:url("../img/main/img_mvisual03.jpg")}

div.mainvisual div.visual-text{position: absolute; left: 50%; top: 50%; transform:translate(-50%, -50%); text-align:right; z-index:10;}
div.mainvisual div.visual-text div.visual-text-box{display:inline-block; padding:7rem 3rem; text-align:left; box-sizing:border-box;}
div.mainvisual div.visual-text p{text-shadow:0 0 15px rgba(0, 0, 0, 0.5); color:#fff; line-height:160%; }
div.mainvisual div.visual-text p.title{ font-size:3.0rem;line-height:110%;}
div.mainvisual div.visual-text p.title span {display:block;}
div.mainvisual div.visual-text p.sub-text{margin-top:25px; font-size:14px; font-weight:300;}
div.mainvisual div.visual-text a.btn_read_more{position:relative; margin-top:77px; display:inline-block; padding:0 20px; width:200px; height:50px; line-height:50px; box-sizing:border-box;}
div.mainvisual div.visual-text a.btn_read_more i{position: absolute; right: 20px; top: 12px; font-size:24px;}
div.mainvisual ul.visual-list .slick-dots{bottom: 75px;}

div.mainvisual .slick-prev, 
div.mainvisual .slick-next {top:50%; transform:translateY(-50%); background:rgba(0,0,0,0.5); font-size:0; line-height:0; position:absolute; display:block; width:80px; height:80px; padding:0; -webkit-transform:translate(0, -50%); -ms-transform:translate(0, -50%); transform:translate(0, -50%); cursor:pointer; color:transparent; border:none; outline:none; z-index:50; border-radius:10px; }
div.mainvisual .slick-prev:before, 
div.mainvisual .slick-next:before {padding: 0 13px; font-size: 30px; line-height: 1; color:#fff; opacity:1;}
div.mainvisual .slick-prev{left: 5%;}
div.mainvisual .slick-next{right: 5%;}
div.mainvisual .slick-prev:hover, 
div.mainvisual .slick-next:hover{background:#00564d;}
div.mainvisual .slick-prev:hover:before, 
div.mainvisual .slick-prev:focus:before, 
div.mainvisual .slick-next:hover:before, 
div.mainvisual .slick-next:focus:before {color:#fff;}

/*m_sec1*/
#m-sec1{position:relative; }
#m-sec1 ul {margin-top:4rem;}
#m-sec1 ul li{width:33.33%; text-align:center;}
#m-sec1 ul li div.icon{display:block; height:7rem; width:7rem; margin: 0 auto; background:url("../img/main/ico_about.png")0 0 no-repeat;}
#m-sec1 ul li:nth-child(2) div.icon{background-position: 0 -7rem;}
#m-sec1 ul li:nth-child(3) div.icon{background-position: 0 -14rem;}
#m-sec1 ul li p.m-txt{padding-top:2rem; font-size:1.8rem;}
#m-sec1 ul li ul {margin-top:2rem;}
#m-sec1 ul li ul li {width:100%;}


/*m_sec2*/
#m-sec2{position:relative; border-top:1px solid #ddd;}
#m-sec2 div.inner > div.latest{}
#m-sec2 div.inner > div.latest div.latest-list:after{display: block; content: ""; clear: both;}
#m-sec2 div.inner > div.latest div.latest-list div.box{float:left; width:24rem; margin:0 1.3rem 8rem 1.3rem; border-bottom:4px solid #c5d75e;}
#m-sec2 div.inner > div.latest div.latest-list div.box a{display: block; }
#m-sec2 div.inner > div.latest div.latest-list div.box div.thumb{position:relative; padding-top: 100%; overflow:hidden; background-color:#000; border:1px solid #ddd; box-sizing:border-box;}
#m-sec2 div.inner > div.latest div.latest-list div.box div.thumb img{position: absolute; top: 0px; width:100%; height:100%; transform: scale(1); -webkit-transform: scale(1); transition: all 0.5s; -webkit-transition: all 0.5s; }
#m-sec2 div.inner > div.latest div.latest-list div.box div.thumb span{ position: absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,86,77,0.9); transition:all 0.4s ease;}
#m-sec2 div.inner > div.latest div.latest-list div.box div.thumb span i{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; font-size: 50px; color: #fff;}
#m-sec2 div.inner > div.latest div.latest-list div.box div.cont{padding:2.5rem 0; height:195px; box-sizing:border-box;}
#m-sec2 div.inner > div.latest div.latest-list div.box div.cont p {margin-bottom:4rem;}
#m-sec2 div.inner > div.latest div.latest-list div.box div.cont p.tit{margin-bottom:2rem; display: block; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size:16px; font-weight:500;}
#m-sec2 div.inner > div.latest div.latest-list div.box div.cont span.download,
#m-sec2 div.inner > div.latest div.latest-list div.box div.cont i {color:#999;}

#m-sec2 div.inner > div.latest div.latest-list div.box:hover{border-color:#00564d;}
#m-sec2 div.inner > div.latest div.latest-list div.box:hover div.thumb img{transform: scale(1.1); -webkit-transform: scale(1.1);}
#m-sec2 div.inner > div.latest div.latest-list div.box:hover div.thumb span{}


/*m_sec3*/
#m-sec3{position:relative;background:url("../img/main/bg_pattan_yellowgreen.png") 0 0 repeat;}
#m-sec3 h3.section_tit:after{background:#ec9a5d;}
#m-sec3 div.list-box{position:relative; background:#fff; margin:0 1rem;}
#m-sec3 div.list-box a{display:block; position:relative; width:100%; height:100%; padding:4.5rem; height:20rem; box-sizing:border-box;}
#m-sec3 div.list-box p.m-txt{height:3.6rem; font-size:1.8rem; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
#m-sec3 div.list-box p.date{position:absolute; bottom:4.5rem; left:4.5rem;}
#m-sec3 div.list-box p.date i{ font-size:2rem; vertical-align:middle; }

#m-sec3 .new_icon{display:inline-block;line-height:1.6rem;width:1.6rem;font-size:0.8em; color:#fff;background:#00564d;text-align:center; margin-right:2px; border-radius:2px;vertical-align:top}
#m-sec3 .lock_icon{display: inline-block;line-height:1.6rem;width:1.6rem;font-size: 0.8em;color: #00564d;background: #c5d75e;text-align: center; border-radius: 2px;;border:1px solid #a2c6ce;vertical-align:top}


/* m_sec4 */
#m-sec4.section{padding:0;}

#m-sec4 h3 {margin-bottom:4rem;}

#m-sec4 div.group div.left{width: 50%; height: 88rem; background:url("../img/main/img_contact.png") 50% 50% no-repeat; background-size:cover;}
#m-sec4 div.group div.left > img{width:100%; height:100%;}

#m-sec4 div.group div.right {position:relative; padding:15rem 6rem 0; width:50%; box-sizing:border-box;}
#m-sec4 div.group div.right h3,
#m-sec4 div.group div.right p.tit {text-align:left;}
#m-sec4 div.group div.right p.tit span {display:block;}
#m-sec4 div.group div.right ul{position:relative; width:46rem; }
#m-sec4 div.group div.right ul li{position: relative; padding:1rem 0;}
#m-sec4 div.group div.right ul li dl dt{padding-left:5rem; padding-bottom:1rem; font-weight:600; font-size:1.8rem;}
#m-sec4 div.group div.right ul li dl dd{color:#333;}



@media screen and (max-width: 1300px){
div.mainvisual ul.visual-list li div.visual-text{width:1000px;}
div.mainvisual .slick-prev, 
div.mainvisual .slick-next {width:55px; height:55px;}
div.mainvisual .slick-prev:before, 
div.mainvisual .slick-next:before {padding: 0 13px; font-size: 24px; line-height: 1; color:#fff; opacity:1;}
div.mainvisual .slick-prev{left: 1.6%;}
div.mainvisual .slick-next{right: 1.6%;}

}

@media screen and (max-width: 740px){

	/**
	* common
	*/
	div.t-box p.tit {margin-bottom:2rem; font-size:2.4rem;}

	/**
	 * Maincommon
	 */
	div.section{padding:6rem 0;}
	div.section div.section_title_box{padding:0 0 30px 0;}
	div.section > div{padding:0 4%; box-sizing:border-box;}
	div.section p.category{margin-bottom:10px;}
	div.section h3{font-size:2.4rem; font-weight:700; line-height:110%; margin-bottom:2rem;}
	div.section .btn.read_more{display:block;}
	div.section .btn.read_more i{padding-left:10px; font-size:24px; vertical-align:middle;}
	div.inner{margin:0 auto; width:100%;}

	/*mainvisual*/
	div.mainvisual{ position:relative; background:#ebebeb;}
	div.mainvisual ul.visual-list li.visual{padding-top:12%; height:auto; background-size:150%;}
	div.mainvisual div.visual-text{position: absolute; left: 50%; top: 50%; transform:translate(-50%,-50%); width:90%;}
	div.mainvisual div.visual-text div.visual-text-box{display:block; padding:2rem; width:100%; height:auto; /* text-align:center; */}
	div.mainvisual div.visual-text div.visual-text-box.bg-primary{background-color: transparent !important;}
	div.mainvisual div.visual-text p{}
	div.mainvisual div.visual-text p.title{font-size:1.8rem; text-align:center;}
	div.mainvisual div.visual-text a.btn_read_more{position:relative; margin-top:16px; display:inline-block; text-align:left; padding:0 20px; width:200px; height:50px; line-height:50px; box-sizing:border-box;}
	div.mainvisual div.visual-text a.btn_read_more i{position: absolute; right: 20px; top: 12px; font-size:24px;}
	div.mainvisual ul.visual-list .slick-dots{bottom:20px; /* display:none !important; */}

	div.mainvisual .slick-prev:before, 
	div.mainvisual .slick-next:before {padding: 0 10px;}
	div.mainvisual .slick-prev, 
	div.mainvisual .slick-next {width:44px; height:44px; border-radius:0; }
	div.mainvisual .slick-prev{left: 0;}
	div.mainvisual .slick-next{right: 0;}

	/*m_sec1*/
	#m-sec1 div.t-box{padding:0; margin-bottom:5rem;}
	#m-sec1 div.t-box p.tit{}
	#m-sec1 ul li{position:relative; width:100%; margin-bottom:5rem;}
	#m-sec1 ul li:last-child{margin-bottom:0;}
	#m-sec1 ul li p{max-width:80%;}
	#m-sec1 ul li p.m-txt{padding:1rem 0; max-width:100%;}
	#m-sec1 ul li ul li {margin-bottom:1rem;}


	/*m_sec3*/
	#m-sec2{position:relative; }
	#m-sec2 div.t-box p.tit span {display:block;}
	#m-sec2 div.inner > div.latest{}
	#m-sec2 div.inner > div.latest div.latest-list:after{display: block; content: ""; clear: both;}
	#m-sec2 div.inner > div.latest div.latest-list div.box{width:48%; margin:0 1% 3rem 1%;}
	#m-sec2 div.inner > div.latest div.latest-list div.box:first-child{margin-top:0;}
	#m-sec2 div.inner > div.latest div.latest-list div.box div.cont{padding:20px 0; height:auto;}
	#m-sec2 div.inner > div.latest div.latest-list div.box div.cont p.tit{margin-bottom:20px; height:25px; -webkit-line-clamp: 1;}
	#m-sec2 div.inner > div.latest div.latest-list div.box div.cont p {height:6rem; overflow:hidden; margin-bottom:0;  }
	#m-sec2 div.inner > div.latest div.latest-list div.box div.cont span.category{margin-bottom:12px; font-size:13px; font-weight:500; color:#666;}
	#m-sec2 div.inner > div.latest div.latest-list div.box div.cont span.date{font-size:13px; font-weight:300; color:#999;}
	
	/*m_sec3*/
	#m-sec3 div.list-box div.box{padding:4rem;  min-height: 35rem;}

	/* m_sec4 */
	#m-sec4.section > div {padding:0;}
	#m-sec4 div.group div.right h3, 
	#m-sec4 div.group div.right p.tit {text-align:center;}

	#m-sec4 div.group div.left {width: 100%;height: auto;padding-top:100%;}
	
	#m-sec4 div.group div.right p.tit span {display:inline-block;}
	#m-sec4 div.group div.right {padding:8rem 4%; width:100%}
	#m-sec4 div.group div.right ul {width:100%; box-sizing:border-box;}


}