/*layout */
html,body{height:100%;}
body {background:#37322a url(../images/bg_intro.gif) repeat-y; background-size:cover; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/bg_intro.gif',sizingMethod='scale');
	-ms-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/bg_sub_img01.jpg', sizingMethod='scale'); background-size:100% 100%;}
#wrap {min-width:320px; /* background:url(../images/bg_intro_hm.png) no-repeat 110% 0; */}/*20170619*/

/*header*/
#header > .wrap {height:154px; background:none;}
.tm {z-index:30;}
.lm {z-index:30; width:50px; height:154px;}
.lm a.bt_lm_home {margin-top:40px;}
#header {z-index:30;}
#header > .wrap h1 {z-index:30; position:absolute; top:35px; left:115px; width:258px; height:121px; text-indent:-9999px; background:url(../images/h1_intro.png) no-repeat; cursor:pointer;}

.h_search {z-index:30; position:absolute; top:84px; left:408px; width:364px;}
.h_search .bx {position:relative; overflow:hidden; width:323px; height:36px; background:#fff; border-radius:36px;}
.h_search .bx input[type="text"] {width:225px; height:36px; padding:0; margin-left:20px; border:none; font-size:13px; letter-spacing:0.01em;}
.h_search .bt_srch {position:absolute; top:0; right:0; width:69px; height:36px; background:url(../images/bg_h_srch_i.jpg) no-repeat; text-indent:-9999px; *text-indent:0; *font-size:0; *line-height:0; *overflow:hidden;}
.h_search .bt_srch:hover {background-position:0 -36px;}
.h_search .bt_srch_dti {position:absolute; top:0; right:0; width:34px; height:34px; background:url(../images/bg_h_srch_dti_i.png) no-repeat; text-indent:-9999px; *text-indent:0; *font-size:0; *line-height:0; *overflow:hidden;}
.h_search .bt_srch_dti:hover {background-position:0 -34px;}

/*container*/
.intro_wrap {position:relative; overflow:hidden;}
.intro_menu {position:relative;/* width:100%;*/ text-align:center;}
.intro_menu ul {z-index:20; position:relative;display:inline-block; margin:180px 0; *zoom:1;}
.intro_menu ul:after { content:"."; clear:both; display:block; height:0; visibility:hidden;}
.intro_menu ul li {display:inline-block; *zoom:1; *display:inline; float:left; width:269px; text-align:center; margin:20px; vertical-align:top; border-top:4px solid #0f9bfd;}
/* .intro_menu ul li a {display:block; padding-bottom:48px; color:#fff; background:rgba(0,0,0,0.3); text-decoration:none;}
.intro_menu ul li a:hover {background:rgba(0,0,0,0.6);} */
.intro_menu ul li .menu_over_div {display:block; padding-bottom:48px; color:#fff; background:rgba(0,0,0,0.3); text-decoration:none;} /* 20161216 */
.intro_menu ul li .menu_over_div:hover {background:rgba(0,0,0,0.6);} /* 20161216 */
.intro_menu ul li .bx {padding:0 36px; text-align:center;}
.intro_menu ul li .tit {padding-top:70px; padding-bottom:14px; margin-bottom:22px; border-bottom:1px solid #726f6d;}
.intro_menu ul li .tit h2 {font-weight:400; font-size:14px; color:#fff; letter-spacing:-0.1em;}
.intro_menu ul li .tit h2 a {color:#fff;} /* 20161216 */
.intro_menu ul li .etx {margin-bottom:14px; font-family:'arial'; font-size:40px; font-weight:normal; line-height:normal;}
.intro_menu ul li .etx a {color:#fff;} /* 20161216 */
.intro_menu ul li .dsc {font-weight:300; font-size:15px; color:#bcbab8; line-height:1.4;}
.intro_menu ul li .dsc a {font-weight:300; font-size:15px; color:#bcbab8; line-height:1.4;} /* 20161216 */

.i_m01 .tit {background:url(../images/ico_i_m01.png) no-repeat center 15px;}
.i_m02 .tit {background:url(../images/ico_i_m02.png) no-repeat center 20px;}
.i_m03 .tit {background:url(../images/ico_i_m03.png) no-repeat center 23px;}
.i_m04 .tit {background:url(../images/ico_i_m04.png) no-repeat center 23px;}

/*footer*/
#footer_int {position:relative; padding-right:20px; *zoom:1;}
#footer_int:after { content:"."; clear:both; display:block; height:0; visibility:hidden; }
#footer_int > .wrap {position:relative; float:right; padding:20px 0; *zoom:1;}
#footer_int > .wrap:after{ content:"."; clear:both; display:block; height:0; visibility:hidden; }
#footer_int .logo {float:left; width:auto; padding-right:15px;}
#footer_int .info {float:left; width:auto;text-align:left;  padding-left:9px; padding-right:0; font-size:11px; color:#fff; font-weight:300; letter-spacing:0; line-height:1.3em; border:none; background:url(../images/bg_f_line.gif) repeat-y;}
#footer_int .ft_rem {position:absolute; top:-100px; right:0; width:101px; height:101px;}
#footer_int .ft_rem img {width:100%}


/*/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {z-index:20; position:absolute; top:0; left:0; bottom:0; width:100%; overflow:hidden;}
.flexslider .slides > li {display:none; width:100%;  -webkit-backface-visibility:hidden; }
.flexslider .slides .c-img {z-index:9; position:absolute; top:184px; left:0; bottom:0; right:0; width:100%; height:870px;}/*20170619*/
.flexslider .slides .c-img.i01 {background:url(../images/img_m_v_01.png) no-repeat 244px 0;}/*20170619*/
.flexslider .slides .c-img.i02 {background:url(../images/img_m_v_02.png) no-repeat 112px 2px;}/*20170619*/
.flexslider .slides .c-img.i03 {background:url(../images/img_m_v_03.png) no-repeat 14px 54px;}/*20170619*/
.flexslider .slides .c-tx {z-index:9; position:absolute; top:460px; left:0; right:50%; height:13px; line-height:13px; overflow:hidden; margin-right:680px; vertical-align:top; text-align:right; font-size:12px; color:#c6c4c1;}/*20170619*/
/* .flexslider .slides .c-img {z-index:9; position:absolute; top:190px; left:0; bottom:0; right:0; width:100%; height:570px;}
.flexslider .slides .c-img.i01 {background:url(../images/img_m_v_01.png) no-repeat 60px 0;}
.flexslider .slides .c-img.i02 {background:url(../images/img_m_v_02.png) no-repeat 65px 20px;}
.flexslider .slides .c-img.i03 {background:url(../images/img_m_v_03.png) no-repeat 135px 8px;}
.flexslider .slides .c-tx {z-index:9; position:absolute; top:460px; left:0; right:50%; height:13px; line-height:13px; overflow:hidden; margin-right:685px; vertical-align:top; text-align:right; font-size:12px; color:#c6c4c1;} */
/*.flexslider .slides .c-tx.fc {color:#0f9bfd;}*/
.flexslider .slides .c-tx em {padding-right:6px;}
.flexslider .slides .c-tx span {padding-left:6px;}

/* Clearfix for the .slides element */
.slides:after { content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0; } 
html[xmlns] .slides { display:block; } 
* html .slides { height:1%; }
.no-js .slides > li:first-child { display:block; }
/* Direction Nav */
.flex-direction-nav {z-index:10; *height:0; }
.flex-direction-nav a {cursor:pointer; text-indent:-9999px; overflow:hidden; display:inline-block; width:100%; height:13px; vertical-align:top;}
.flex-nav-prev {z-index:20; position:absolute; left:0; top:475px; right:50%; height:13px; margin-right:680px; text-align:right; background:url(../images/bg_int_m_line.gif) repeat-x 0 center;}
.flex-nav-next {z-index:20; position:absolute; left:50%; top:475px; right:0; height:13px; margin-left:680px; text-align:left; background:url(../images/bg_int_m_line.gif) repeat-x 0 center;}
.flex-nav-prev .flex-prev {margin-right:-15px; background:url(../images/lg_m_arr_left.png) no-repeat right 1px;}
.flex-nav-next .flex-next {margin-left:-15px; background:url(../images/lg_m_arr_right.png) no-repeat left 1px;}
/* Control Nav */
.flex-control-nav {display:none;}

.sh_mo {background:none !important; background-image:url(../images/bg_rtMenu.png) !important;}

@media screen and (min-width:1250px) and (max-width:1600px){
	.intro_menu ul li {width:244px; margin:15px;}
	.intro_menu ul li .bx {padding:0 20px;}

	.flexslider .slides .c-tx {margin-right:600px;}
	.flex-nav-prev {margin-right:600px;}
	.flex-nav-next {margin-left:600px;}

	/* .flexslider .slides .c-img.i01 {background-position:-100px 0;} *//*20170619*/
	/* .flexslider .slides .c-img.i02 {background-position:-75px 20px;} *//*20170619*/
	/* .flexslider .slides .c-img.i03 {background-position:15px 8px;} *//*20170619*/
	#wrap {background-position:150% 0;}
}
@media screen and (max-width:1360px){
	.flex-nav-prev {margin-right:600px;}
	.flex-nav-next {margin-left:600px;}
	.flexslider .slides .c-tx {display:none;}
}
@media screen and (min-width:1140px) and (max-width:1250px){
	.intro_menu ul li {width:220px; margin:20px 15px;}
	.intro_menu ul li .bx {padding:0 12px;}

	.flex-nav-prev {margin-right:550px;}
	.flex-nav-next {margin-left:550px;}
	
	.flexslider .slides .c-img.i01 {background-position:80px 0; background-size:40%;}/*20170619*/
	.flexslider .slides .c-img.i02 {background-position:60px 5px; background-size:48%;}/*20170619*/
	.flexslider .slides .c-img.i03 {background-position:0px 40px; background-size:85%;}/*20170619*/
	/* .flexslider .slides .c-img.i01 {background-position:-160px 0;}
	.flexslider .slides .c-img.i02 {background-position:-120px 20px;}
	.flexslider .slides .c-img.i03 {background-position:-60px 8px;} */
	#wrap {background-position:190% 0;}
}
@media screen and (max-width:1246px){
	.tm {display:block;}
	.h_search {display:block;}
	.sh_mo {display:none;}
}
@media screen and (min-width:980px) and (max-width:1139px){
	#wrap {background-position:200% 0;}
	.intro_menu ul li {width:220px; margin:20px 10px;}
	.intro_menu ul li .bx {padding:0 12px;}

	.flex-nav-prev {left:0; right:auto; width:13px; height:13px; margin-right:0; background:none;}
	.flex-nav-next {left:auto; right:0; width:13px; height:13px; margin-left:0; background:none;}
	.flex-nav-prev .flex-prev {margin-right:0; background:url(../images/lg_m_arr_left.png) no-repeat right 1px;}
	.flex-nav-next .flex-next {margin-left:0; background:url(../images/lg_m_arr_right.png) no-repeat left 1px;}

	.flexslider .slides .c-img.i01 {background-position:80px 0; background-size:40%;}/*20170619*/
	.flexslider .slides .c-img.i02 {background-position:60px 5px; background-size:48%;}/*20170619*/
	.flexslider .slides .c-img.i03 {background-position:0px 40px; background-size:85%;}/*20170619*/
	/* .flexslider .slides .c-img.i01 {background-position:-240px 0;}
	.flexslider .slides .c-img.i02 {background-position:-180px 20px;}
	.flexslider .slides .c-img.i03 {background-position:-130px 8px;} */
}
@media screen and (min-width:768px) and (max-width:979px){
	#wrap {background-position:500px 0;}
	.intro_menu ul {display:block; width:618px; margin:0 auto; padding:68px 0 48px;}
	.intro_menu ul li {float:left; width:269px; margin:20px 20px;}
	.intro_menu ul li .bx {padding:0 42px;}
	/* .intro_menu ul li a {padding-bottom:40px;} */
	.intro_menu ul li .menu_over_div {padding-bottom:40px;} /* 20161216 */
	.intro_menu ul li .tit {margin-bottom:12px;}
	
	#header > .wrap h1 {top:42px; left:85px; width:229px; height:107px; background:url(../images/h1_intro_768.png) no-repeat;}
	.h_search {top:84px; left:378px;}

	.flexslider {z-index:-1;}
	.flexslider .slides .c-img {position:absolute; top:0; left:0; width:100%; height:578px;}
	.flexslider .slides .c-img.i01 {background:url(../images/img_m_v_01_768.png) no-repeat right -100px;}/*20170619*/
	.flexslider .slides .c-img.i02 {background:url(../images/img_m_v_02_768.png) no-repeat right -217px;}/*20170619*/
	.flexslider .slides .c-img.i03 {background:url(../images/img_m_v_03_768.png) no-repeat right -80px;}/*20170619*/
	/* .flexslider .slides .c-img.i01 {background:url(../images/img_m_v_01_768.png) no-repeat right 0; background-size:57%;}
	.flexslider .slides .c-img.i02 {background:url(../images/img_m_v_02_768.png) no-repeat right 0; background-size:57%;}
	.flexslider .slides .c-img.i03 {background:url(../images/img_m_v_03_768.png) no-repeat right 0; background-size:50%;} */
	.flex-direction-nav {display:none;}

	#footer_int {position:relative; display:block; padding:0;}
	#footer_int > .wrap {position:relative; display:inline-block; vertical-align:top; float:none; width:100%; text-align:center; padding:20px 0;}
	#footer_int > .wrap:after { content:"."; clear:both; display:block; height:0; visibility:hidden; }
	#footer_int .logo {display:inline-block; vertical-align:top; float:none; width:auto; padding-right:15px;}
	#footer_int .info {display:inline-block; vertical-align:top; float:none; width:auto;text-align:left;  padding-left:9px; padding-right:0; font-size:11px; color:#fff; font-weight:300; letter-spacing:0; line-height:1.3em; border:none; background:url(../images/bg_f_line.gif) repeat-y;}
	#footer_int .ft_rem {display:inline-block; vertical-align:top; margin-top:-40px; margin-left:30px; position:static; width:101px; height:101px;}
	#footer_int .ft_rem img {width:100%}
}
@media screen and (max-width:767px){
	#wrap {background:none;}
	.tm {display:none;}
	.h_search {display:none;}
	.sh_mo {display:block;}

	.lm {height:96px;}
	.lm a.bt_lm_home {margin-top:16px;}

	.sh_mo {z-index:30; height:80px; padding-top:16px;}
	.mo_ov_bx {z-index:30; height:96px; }
	.mo_ov_bx .bg {height:96px;}
	.bx_sns_ov ul {padding-top:35px; *zoom:1;}
	.bx_srch_ov > .wrap {padding-top:30px;}

	#header > .wrap h1 {top:28px; left:63px; width:160px; height:67px; background:url(../images/h1_intro_320.png) no-repeat;}

	.intro_menu ul {display:block; margin:0 auto; min-width:320px; padding-bottom:40px;}
	.intro_menu ul li {float:left; width:43%; min-width:135px; margin:10px 2% 10px 5%;}
	.intro_menu ul li.right {margin:10px 5% 10px 2%;}
	/* .intro_menu ul li a {padding-bottom:5px;} */
	.intro_menu ul li .menu_over_div {padding-bottom:5px;} /* 20161216 */
	.intro_menu ul li .bx {padding:0 12px;}
	.intro_menu ul li .tit h2 {font-size:13px;}
	.intro_menu ul li .etx {font-size:25px;}
	.intro_menu ul li .dsc {display:none;}
	.intro_menu ul li .tit {margin-bottom:6px;}

	.flexslider .slides .c-img {height:500px;}
	.flexslider .slides .c-img.i01 {top:0; background:url(../images/img_m_v_01_320.png) no-repeat right 0; background-position:112px -85px;}/*20170619*/
	.flexslider .slides .c-img.i02 {top:0; background:url(../images/img_m_v_02_320.png) no-repeat right 0; background-position:111px -90px;}/*20170619*/
	.flexslider .slides .c-img.i03 {top:0; background:url(../images/img_m_v_03_320.png) no-repeat right 0; background-position:39px -20px;}/*20170619*/
	/* .flexslider .slides .c-img.i01 {top:0; background:url(../images/img_m_v_01_768.png) no-repeat right 0; background-size:80%;}
	.flexslider .slides .c-img.i02 {top:0; background:url(../images/img_m_v_02_768.png) no-repeat right 0; background-size:75%; background-position:130% 0}
	.flexslider .slides .c-img.i03 {top:0; background:url(../images/img_m_v_03_768.png) no-repeat right 0; background-size:70%; background-position:150% -30px} */

	#footer_int {position:relative; padding:0;}
	#footer_int > .wrap {position:relative; display:block;  float:none; width:90%; padding:20px 0; margin:0 auto;}
	#footer_int > .wrap:after { content:"."; clear:both; display:block; height:0; visibility:hidden; }
	#footer_int .logo {display:block; float:left; width:26px; padding-right:14px;}
	#footer_int .info {display:block; float:left; width:80%; padding-left:9px; padding-right:0; padding-bottom:70px;}
	#footer_int .ft_rem {display:block; clear:both; margin-top:0; margin-left:0; position:absolute; top:83px; left:49px; width:64px; height:64px;}
	#footer_int .ft_rem img {width:100%}
}