@charset "utf-8";
/*
 * CSS pageParts.css
 */
 
.btnbox1 a { border: 1px solid #1a1a1a; width: 150px; padding: 8px 0; text-align: center; display: block; margin: 0 auto; background: #fff; color: #1a1a1a; }
.btnbox1 a img { height: 11px; }
.btnbox1 a:hover { background: #229173; border-color: #229173; }
.bw a { border-color: #fff; background: inherit; }
.bw a:hover { background: #fff; }
.bb a {  }
.bb a:hover { background: #1a1a1a; border-color: #1a1a1a; }
@media screen and (max-width: 1000px) {	
	.btnbox1 a:hover { background: #fff!important; border-color: #1a1a1a!important; }
	.bw a:hover { background: inherit!important; border-color: #fff!important; }
}



.btnbox2 a { border: 1px solid #1a1a1a; width: 600px; padding: 12px 0; text-align: center; display: block; margin: 0 auto; background: #fff; color: #1a1a1a; }
.btnbox2 a span { font-weight: bold; display: inline-block; padding: 0 25px 0 25px; background:url(../img/common/icon1.png) no-repeat right center;  }
.btnbox2 a img { height: 11px; padding: 5px 30px 5px 0; border-right: 1px dotted #1a1a1a; line-height: 0; font-size: 0; }
.btnbox2 a:hover { background: #229173; border-color: #229173; color: #fff; }
.btnbox2 a:hover img { border-color: #fff; }
.btnbox2 a:hover span { background:url(../img/common/icon1_w.png) no-repeat right center; }
@media screen and (max-width: 1000px) {	
	.btnbox2 a:hover { background: #fff!important; border-color: #1a1a1a!important; color: #1a1a1a; }
	.btnbox2 a:hover img { border-color: #1a1a1a; }
	.btnbox2 a:hover span { background:url(../img/common/icon1.png) no-repeat right center; }
}
@media screen and (max-width: 767px) {
	.btnbox2 a { width: 100%; }
}
@media screen and (max-width: 479px) {
	.btnbox2 a span { padding: 0 10px; }
	.btnbox2 a img { height: 10px; padding: 5px 10px 5px 0;  }
}





.copystyle1 { margin-bottom: 30px; text-align: center!important; width: 100%; }
.copystyle1 img { height: 48px; }
.copystyle1 img.tb { display: block; clear: both; margin: 0 auto; }
@media screen and (max-width: 1000px) {
}
@media screen and (max-width: 767px) {
	.copystyle1 { margin-bottom: 25px; }
	.copystyle1 img { height: 40px; }
}
@media screen and (max-width: 479px) {
	.copystyle1 img { height: 35px; }
	.copystyle1 { margin-bottom: 20px; }
}
@media screen and (max-width: 400px) {
}




.titleicon { text-align: center!important; margin-bottom: 20px; }
.titleicon img { height: 28px; }
@media screen and (max-width: 767px) {
	.titleicon { margin-bottom: 15px; }
	.titleicon img { height: 24px; }
}
@media screen and (max-width: 479px) {
	.titleicon { margin-bottom: 10px; }
	.titleicon img { height: 19px; }
}
.titletxt { font-weight: bold; text-align: center; margin-bottom: 40px; color: #229c73; }
@media screen and (max-width: 767px) {
	.titletxt { margin-bottom: 30px; }
}
@media screen and (max-width: 639px) {
	.titletxt { margin-bottom: 25px; }
}

@media screen and (max-width: 479px) {
	.titletxt { margin-bottom: 20px; }
}



.tyellow { color: #e3d521; }
.tblack { color: #1a1a1a; }





#sec_mv { position: relative; margin-bottom: 110px }
#sec_mv .fitimg img { width: 100%; }
#sec_mv .txt { position: absolute; right: 20px; bottom: 10px; font-size: 0.93em; }
#sec_mv .txt a { color: #1a1a1a; }
#sec_mv .title { text-align: center; position: absolute; width: 100%; left: 0; bottom: -32px; }
#sec_mv .title img { height: 44px; }
#sec_mv .rtxt { left: 20px; }
@media screen and (max-width: 767px) {
	#sec_mv { margin-bottom: 90px }
}

@media screen and (max-width: 639px) {
	#sec_mv { margin-bottom: 60px }
	#sec_mv .txt{ display: none; }
	#sec_mv .title { bottom: -28px; }
	#sec_mv .title img { height: 38px; }
}
@media screen and (max-width: 400px) {
	#sec_mv .title { bottom: -22px; }
	#sec_mv .title img { height: 30px; }
}





/* lnav */
.lnav { padding-bottom: 80px; }
.lnav ul {  text-align: center; }
.lnav li { display: inline-block; padding: 0 15px; }
.lnav li a { display: block; font-size: 0.93em; font-weight: bold; padding: 0px 0px 10px; background: url(../img/nav/lnav_icon.png) no-repeat center bottom; text-decoration: none; color: #1a1a1a; }
.lnav li a:hover { color: #229c73; background: url(../img/nav/lnav_icon_h.png) no-repeat center bottom;}
@media screen and (max-width: 767px) {
	.lnav { padding-bottom: 70px; }
}
@media screen and (max-width: 639px) {
	.lnav { display: none; }
}



.wtxt { color: #fff!important; text-decoration: underline; }
.wtxt a:hover { color: #ccc!important; }








/* ---------------------------
#index
--------------------------- */
#index #content { }


/* #sec_works */
#index #sec_works { width: 100%; overflow: hidden; position: relative; }
#index #sec_works li { float: left; }

#index #sec_works .worksslide:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; overflow:hidden; line-height:0; font-size: 0.1em;}
#index #sec_works .worksslide { min-height: 1px; }
#index #sec_works .inbox { height: 212px; margin-left: -199px; margin-top: 200px; position: absolute; left: 50%; padding: 50px; width: 296px; }
#index #sec_works .inbox .title { text-align: center; width: 124px; margin: 0 auto; padding-top: 30px; }
#index #sec_works .inbox .copy { text-align: center; padding-top: 30px; color: #fff; font-weight: bold; }
#index #sec_works .inbox .txt { text-align: left; padding-top: 10px; color: #fff; font-size: 0.93em; padding-bottom: 15px; }
#index #sec_works .bg { margin-left: -199px; margin-top: 200px; position: absolute; left: 50%; }
@media screen and (min-width: 480px) {
	#index #sec_works li img { height: 300px; max-width: none; }
	.worksslide {
		height:300px;
		overflow:hidden;
}
}


@media screen and (max-width: 479px) {
	#index #sec_works { height: 320px; background:url(../img/index/s2_bg.png) repeat; }
	#index #sec_works li img { height: auto; }
	#index #sec_works .inbox { height: auto; margin-left: 0; margin-top: 100px; left: 0; padding: 0px 4%; width: 92%; }
	#index #sec_works .inbox .title { padding-top: 0px; }
	#index #sec_works .inbox .copy { padding-top: 20px; }
	#index #sec_works .inbox .txt { padding-top: 5px; padding-bottom: 10px; font-size: 1em; }
	#index #sec_works .bg { margin-left: -310px; margin-top: 0px; }
	#index #sec_works .bg img { max-width: none; z-index: -1; }
}


#sec_insta { width: 100%; padding-bottom: 0; }
#sec_insta .inbox { line-height: 0; }
#sec_insta .btn { text-align: center; padding: 30px 0; background: #1a1a1a; }
#sec_insta .btn a {  }
#sec_insta .btn img { height: 36px; }

 
 
 
 
 
 
 



a.page-numbers, .pager .current { background: none!important;}