@charset "utf-8"; 
 
 

/* MAIN2 200303  ===================================================================================== */
.main_visual				{position:relative; height:300px; background:url('../image/main/main_visual.png') no-repeat; background-size:cover;}
.main_visual .txt			{position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); text-align:center; width:100%; }
.main_visual .txt img		{width:557px;}

.main_container				{position:relative;padding:40px 0; background:#f8f9f9;}

.cont01						{position:relative; padding-bottom:40px;}
.cont01 ul					{overflow:hidden;}
.cont01 ul li				{float:left; width:16.6%; text-align:center; border-right: 1px solid #ddd; letter-spacing:-1px;}
.cont01 ul li:last-child	{border:0;}
.cont01 ul li img			{width:60px;}
.cont01 .t1					{position:relative; color:#777; font-size:1.05em; }
.cont01 .t1:before			{content:''; display:block; width:26px; height:1px; margin:20px auto 15px auto; background:#9c9c9c; }
.cont01 .t2					{color:#333; font-size:1.5em; font-weight:600; margin:7px 0 20px 0;}
.cont01 .btn				{width:75px; height:27px; line-height:27px; text-align:center; background:#fff; border:1px solid #ddd; margin:0 auto; border-radius:2px;}
.cont01 .btn a				{color:#555; font-size:0.9em;}
.cont01 .btn span			{display: inline-block; border: solid #222; margin-left:3px; border-width:0 2px 2px 0; border-radius:1px; padding:2.5px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg);}
.cont01 .btn:hover			{background:#08a182; border-color:#08a182;}
.cont01 .btn:hover a		{color:#fff;}
.cont01 .btn:hover span		{border-color:#fff;}

.cont02						{position:relative; overflow:hidden; padding-bottom:30px;}
.cont02 .lt					{float:left; width:49%; height:330px; background:#fff; border:1px solid #ddd; border-bottom-left-radius:10px; border-bottom-right-radius:10px;}
.cont02 .lt .wrap			{padding:30px;}
.cont02 .login_tab					{width:100%; height:49px; border-bottom:1px solid #ddd; box-sizing:border-box; }
.cont02 .login_tab li				{float:left; width:50%; background:#f9f9f9;height:48px; line-height:48px; padding:0 25px; font-size:1em; text-align:center; color:#979797; font-weight:500; letter-spacing:-1px; cursor:pointer;}
.cont02 .login_tab li:first-child	{border-right:1px solid #ddd; }
.cont02 .login_tab .on				{background:#fff;border-top:3px solid #22305c; height:50px; line-height:48px; background:#fff; color:#25264a;}

.cont02 .lt .txt			{padding:0; overflow:hidden;}
.cont02 .lt .txt dt			{float:left; margin-right:15px; font-family: 'Roboto_b'; font-size:3em; color:#0d0b5d; line-height:100%;}
.cont02 .lt .txt dt span	{font-family: 'Roboto_b'; color:#d9d9d9;}
.cont02 .lt .txt dd			{font-size:0.9em; color:#7b7c80; line-height:160%; letter-spacing:-0.1px; }

.cont02 .lt .txt2			{text-align:center; padding-top:30px;}
.cont02 .lt .txt2 dt		{font-family: 'Roboto_b'; font-size:3em; color:#0d0b5d; line-height:100%;}
.cont02 .lt .txt2 dd		{color:#7b7c80; line-height:160%; letter-spacing:-0.5px; margin:10px 0 20px 0;}
.cont02 .lt .btn2			{border:1px solid #0d0b5d; background-color:#0d0b5d; height:52px; line-height:50px; width:80%; border-radius:2px; margin:0 auto; text-align:center;}
.cont02 .lt .btn2 a			{color:#fff; display:block; font-size:18px;}
.cont02 .lt .btn2:hover		{background:#000;}

.outlogin_area				{margin-top:20px;}			
.outlogin_area .login_box	{overflow:hidden;}
.outlogin_area .enter_area	{float:left; width:calc(100% - 125px);}
.input_outlogin				{border:1px solid #ddd; background-color:#fff; line-height:100%; width:100%; height:46px; padding-left:10px; font-size:1em; color:#222; border-radius:2px; margin-bottom:7px;}
.input_outlogin	::-webkit-input-placeholder	{color: #8e8e8e;}
.input_outlogin :-moz-placeholder			{color: #8e8e8e;} /* Firefox 4-18 */
.input_outlogin	::-moz-placeholder			{color: #8e8e8e;} /* Firefox 19+ */
.input_outlogin	:-ms-input-placeholder		{color: #8e8e8e;}  /* IE10+ */
.outlogin_area .enter_btn				{float:right;}
.outlogin_area .enter_btn .btn			{border:1px solid #0d0b5d; width:105px; color:#fff; font-size:20px; letter-spacing:-1px; background-color:#0d0b5d; height:104px; line-height:104px; border-radius:2px;}
.outlogin_area .enter_btn .btn:hover	{background:#000;}
.outlogin_area .login_list				{overflow:hidden; margin-top:3px;}
.outlogin_area .login_list .code		{border-color:#0d0b5d;}
.outlogin_area .login_list .code a		{color:#0d0b5d; font-weight:700;}
.outlogin_area .login_list li			{float:left; border:1px solid #ddd; height:46px; line-height:46px; width:calc(33.9% - 10px); margin-right:10px; border-radius:2px;}
.outlogin_area .login_list li:last-child	{margin:0; float:right;}
.outlogin_area .login_list li a				{display:block; color:#333; text-align:center; font-size:0.9em;}
.outlogin_area .login_list li:hover		{background:#0d0b5d; border-color:#0d0b5d;}
.outlogin_area .login_list li:hover a	{color:#fff;}
.outlogin_area .login_list02			{overflow:hidden; border-top:1px solid #e4e4e5; text-align:center; padding-top:15px; margin-top:15px;}
.outlogin_area .login_list02 li			{position:relative; display:inline-block; margin-right:15px;}
.outlogin_area .login_list02 li a				{color:#979797; font-size:0.9em;}
.outlogin_area .login_list02 li .bold			{color:#444;}
.outlogin_area .login_list02 li a:after			{content:''; position:absolute; top:0; right:-9px; bottom:0; width:1px; height:0.9em; margin:auto; background:#d1d1d2;}
.outlogin_area .login_list02 li:last-child		{margin-right:0;}
.outlogin_area .login_list02 li:last-child a:after	{display:none;}

.outlogin_area .info_area				{text-align:center; margin:5px 0 20px 0;}
.outlogin_area .info_area p				{font-size:18px; margin-top:12px; color:#414141;}
.outlogin_area .info_area img			{width:100px;}
.outlogin_area .logout_list				{overflow:hidden;}
.outlogin_area .logout_list li			{float:left; border:1px solid #ddd; height:46px; line-height:46px; margin-right:8px; border-radius:2px; }
.outlogin_area .logout_list li:last-child	{margin:0; float:right;}
.outlogin_area .logout_list li a		{display:block; color:#333; text-align:center; font-sizE:1.05em;}
.outlogin_area .logout_list .code		{border-color:#0d0b5d; background:#0d0b5d;}
.outlogin_area .logout_list .code a		{color:#fff; font-weight:bold;}
.outlogin_area .logout_list .code:hover	{background:#000;}
.outlogin_area .logout_list li:hover	{background:#0d0b5d; border-color:#0d0b5d;}
.outlogin_area .logout_list li:hover a	{color:#fff;}
.outlogin_area .logout_list .admin		{background:#3367d6; border-color:#3367d6;}
.outlogin_area .logout_list .admin a	{color:#fff;}

.outlogin_area .logout_list li:nth-child(1):nth-last-child(2),
.outlogin_area .logout_list li:nth-child(1):nth-last-child(2) ~ li {width:calc(50% - 8px);}

.outlogin_area .logout_list li:nth-child(1):nth-last-child(3),
.outlogin_area .logout_list li:nth-child(1):nth-last-child(3) ~ li {width:calc(33.6% - 8px);}



.cont02 .rt					{float:right; width:49%; height:330px; padding:30px; border-radius:10px; background:url('../image/main/box_bn_bg.png') repeat #08a787; }
.cont02 .rt .txt			{padding:0; }
.cont02 .rt .txt dt			{font-family: 'Roboto_b'; font-size:3em; color:#fff; line-height:100%;}
.cont02 .rt .txt dd			{font-size:0.85em; color:#c3e2d9; line-height:130%; letter-spacing:0.8px; padding:5px 0 0 0; }
.cont02 .rt ul				{overflow:hidden; padding-left:15px; }
.cont02 .rt ul li			{float:left; width:33.3%; height:80px; color:#fff; }
.cont02 .rt dl dt			{float:left; margin-right:15px; }
.cont02 .rt dl dd span		{font-size:0.9em;}
.cont02 .rt dl dd p			{font-size:1.7em; color:#fff; line-height:120%; font-family: 'Roboto_b'; }
.cont02 .rt .main_info_search						{display:inline-block; width:100%; height:48px; margin:20px 0; background-color:#fff; z-index:21000; border-radius:2px;}
.cont02 .rt .main_info_search p						{float:left; width:105px; line-height:48px; color:#353535; font-size:1.15em; text-align:center; font-weight:700; border-right:1px solid #e5e5e5; }
.cont02 .rt .main_info_search .search_box			{border:0;}
.cont02 .rt .main_info_search .search_input			{float:left; width:60%; padding:5px 20px; height:38px; border:0; color:#000; font-size:1em;}
.cont02 .rt .main_info_search .search_input	::-webkit-input-placeholder	{color: #979797;}
.cont02 .rt .main_info_search .search_input	:-moz-placeholder			{color: #979797;} /* Firefox 4-18 */
.cont02 .rt .main_info_search .search_input	::-moz-placeholder			{color: #979797;} /* Firefox 19+ */
.cont02 .rt .main_info_search .search_input	:-ms-input-placeholder		{color: #979797;}  /* IE10+ */
.cont02 .rt .main_info_search input[type="image"]	{float:right; margin-top:5px;}


.fam_bn						{height:80px;line-height:80px; background:#fff; border:1px solid #e6e6e6; border-radius:10px;}
.fam_bn .wrap				{padding:0 20px;}
.fam_bn	.cursor				{opacity:0.3;}
.fam_bn	.cursor:hover		{opacity:1;}





/* screen 1200 */
@media screen and (max-width:1200px) {

	.main_container					{padding:40px 10px;}
	.fam_bn .wrap					{padding:0 10px;}
	.fam_bn #viewArea				{margin-left:10px; width:95%;}

}




/* screen 1024 */
@media screen and (max-width:1024px) {

	.main_container					{padding:0 10px;}
	.main_visual .txt				{top:55%;}
	.main_visual .txt img			{width:70%;}

	.cont01							{padding:20px 0;}
	.cont01 ul li img				{width:50px;}
	.cont01 ul li					{width:33.3%; padding:20px 0;}
	.cont01 ul li:nth-child(1),
	.cont01 ul li:nth-child(2)		{border-bottom:1px solid #ddd;}
	.cont01 ul li:nth-child(3)		{border-bottom:1px solid #ddd; border-right:0;}

	.cont01 .t1						{font-size:0.9em;}
	.cont01 .t1:before				{margin:15px auto;}
	.cont01 .t2						{font-size:1.25em; margin:0 0 10px 0;}
	.cont01 .btn a					{font-size:0.85em;}
	.cont01 .btn					{width:65px; height:25px; line-height:25px;}
	
	.cont02							{padding:0;}
	.cont02 .lt						{float:none; width:100%; height:100%; margin-bottom:15px;}
	.cont02 .login_tab				{height:46px;}
	.cont02 .login_tab li,			
	.cont02 .login_tab .on			{height:46px; line-height:46px;}
	.cont02 .lt .wrap				{padding:20px;}
	.cont02 .lt .txt dt, .cont02 .lt .txt2 dt			{font-size:2.3em;}
	.cont02 .lt .txt dd, .cont02 .lt .txt2 dd			{font-size:0.85em; margin:10px 0;}
	.cont02 .lt .txt2				{padding:0;}
	.cont02 .lt .btn2				{height:36px; line-height:36px;}
	.cont02 .lt .btn2 a				{font-size:1em;}
	.outlogin_area					{margin-top:15px;}
	.outlogin_area .login_list li	{width:calc(33.7% - 10px); height:36px; line-height:36px;}
	.input_outlogin					{font-size:0.85em;}
	.outlogin_area .info_area img	{width:75px;}
	.outlogin_area .info_area		{margin:0 0 10px 0;}
	.outlogin_area .enter_btn .btn	{font-size:1.2em; }
	.outlogin_area .login_list li a		{font-sizE:0.85em;}
	.outlogin_area .login_list02		{padding-top:10px;}
	.outlogin_area .login_list02 li a	{font-sizE:0.85em;}
	.outlogin_area .login_list			{margin:0;}
	.outlogin_area .logout_list li		{height:36px; line-height:36px; margin-right:5px;}
	.outlogin_area .logout_list li a	{font-sizE:0.85em;}
	.outlogin_area .info_area p			{font-size:1.1em; }
	.outlogin_area .logout_list li:nth-child(1):nth-last-child(2),
	.outlogin_area .logout_list li:nth-child(1):nth-last-child(2) ~ li {width:calc(50% - 5px);}

	.outlogin_area .logout_list li:nth-child(1):nth-last-child(3),
	.outlogin_area .logout_list li:nth-child(1):nth-last-child(3) ~ li {width:calc(33.5% - 5px);}

	.cont02 .rt						{float:none; width:100%; height:100%; padding:20px;}
	.cont02 .rt .txt dt				{font-size:2.3em;}
	.cont02 .rt .txt dd				{font-size:0.85em;}
	.cont02 .rt .main_info_search		{margin:15px 0 0 0;}
	.cont02 .rt .main_info_search p		{font-size:1.05em;}
	.cont02 .rt .main_info_search .search_input	{font-size:0.85em;}
	.cont02 .rt ul li				{height:100%; padding:7px 0;}
	.cont02 .rt dl dd span			{font-size:0.85em;}
	.cont02 .rt dl dd p				{font-sizE:1.4em;}

	.fam_bn							{display:none;}

}




/* screen 785 */
@media screen and (max-width:785px) {

	.main_visual					{height:200px;}
	.main_visual .txt				{top:57%;}
	.main_visual .txt img			{width:80%;}

	.cont01 ul li					{width:50%;  border-bottom:1px solid #ddd;}
	.cont01 ul li:nth-child(even)	{border-right:0;}
	.cont01 ul li:nth-child(3)		{border-right:1px solid #ddd;}
	.cont01 ul li:nth-child(5)		{border-bottom:0;}

}




/* screen 580 */
@media screen and (max-width:580px) {


	.cont02 .lt .txt dt				{float:none; margin:0 0 5px 0; text-align:center;}
	.cont02 .lt .txt dd				{text-align:center;}

	.cont02 .rt .txt dt				{float:none; margin:0 0 5px 0; text-align:center;}
	.cont02 .rt .txt dd				{text-align:center;}
	.cont02 .rt ul					{padding:0;}
	.cont02 .rt ul li				{width:50%;}
	.cont02 .rt .main_info_search p	{display:none;}
	.cont02 .rt .main_info_search .search_input	{width:65%;}


}




/* screen 480 */
@media screen and (max-width:480px) {


	.outlogin_area .enter_area		{float:none; width:96%;}
	.outlogin_area .enter_btn		{float:none;}
	.outlogin_area .enter_btn .btn	{height:48px; line-height:48px; width:100%; font-size:1em;}
	.outlogin_area .login_list		{margin-top:5px;}
	.outlogin_area .login_list li	{float:none; width:100%; margin-bottom:5px;}


}