@media screen  and (max-width:1920px)  {
	.header_box{width:auto !important;}
}

@media screen  and (max-width:1260px)  {
	.visual_area2 .slide{width:80%; height:240px; margin:68px auto 0 auto;}
	.visual_area3 .slide{width:80%; height:auto; margin:68px auto 0 auto;}
	.header .top_menu ul li{padding:0 10px;}
	.header .top_menu ul li a{font-size:16px;}
}

@media screen  and (max-width:1000px)  {
	.header .top_menu ul li{padding:0 8px;}
	.header .top_menu ul li a{font-size:14px;}
	.header .top_menu .call{width:123px; font-size:22px;}
	.navi{right:40px;}
	.visual_area4 .list_box{padding:0 30px; width:auto;}
	.visual_area4 .list_box .list .location_tit{background-size: 10px; font-size:17px; padding-top:17px;}
	.visual_area4 .list_box .list .parking_tit{background-size: 8px; font-size:17px; padding-top:17px;}
	.visual_area4 .list_box .list .map_tit{background-size: 10px; font-size:17px; padding-top:17px;}
	.visual_area4 .list_box .list .txt .enter{font-size:14px;}
	.con_area .list_box{padding:0 30px; width:auto;}
	.con_area .list_box .list .location_tit{background-size: 10px; font-size:17px; padding-top:17px;}
	.con_area .list_box .list .parking_tit{background-size: 8px; font-size:17px; padding-top:17px;}
	.con_area .list_box .list .map_tit{background-size: 10px; font-size:17px; padding-top:17px;}
	.con_area .list_box .list .txt .enter{font-size:14px;}
	.visual_area1 .visual_txt h3{padding:0 20px;}
	.visual_area2 .visual_txt h3{padding:0 20px;}
	.visual_area3 .visual_txt h3{padding:0 20px;}
	.visual_area4 .visual_txt h3{padding:0 20px;}

	.visual_area5 .visual_txt h3{padding:0 20px;}

	.sub_visual .tab{width:600px;}
	.sub_visual .tab ul li{font-size:18px;}
	.con{height:auto;}
	.con .tit_area{width:auto;}
	.con_area{width:auto;}
	.con_area .txt1{padding:0 20px; font-size:20px;}
	.con_area .txt2{padding:0 20px; font-size:15px;}
	.con_area .info_left{clear:both; width: 300px; height: 134px; padding-left: 300px; margin:0 auto;}
	.con_area .info_right{clear:both; width: 300px; height: 134px; padding-right: 300px; margin:0 auto;}
	.con_area .info1 {background-size: 300px;}
	.con_area .info2 {background-size: 300px;}
	.con_area .info3 {background-size: 300px;}
	.con_area .info4 {background-size: 300px;}
	.con_area .info_left .info_img{display:none;}
	.con_area .info_left .phrase {margin: 0 auto 5px auto; width: 100px; height: 20px; font-size: 12px; line-height: 20px;}
	.con_area .info_left .info_txt {margin-top: 0px; font-size: 13px; line-height: 19px;}
	.con_area .info_right .info_img{display:none;}
	.con_area .info_right .phrase {margin: 0 auto 5px auto; width: 100px; height: 20px; font-size: 12px; line-height: 20px;}
	.con_area .info_right .info_txt {margin-top: 0px; font-size: 13px; line-height: 19px;}
	.con_area .per_li{padding:0 8%;}
	.con_area .per_li li .txt .name{background:url('../images/tw/name_line.png') no-repeat 130px 20px; font-size: 18px;}
	.con_area .per_li li .txt .talk{font-size: 18px;}
	.con_area .per_li li .work_li{font-size:13px;}
	.con_area .per_li li .pic{width:200px;}
	.con_area .per_li li .pic img{width:100%;}
	.con_area .per_li li .txt{padding-left:220px;}
	.con_area .per_li li .work_li{padding-left:220px;}
	.con .table {width: 95%;}
	.list_table{width:95% !important;}
	.total_num{width:95% !important;}
	#bbs_body .bbs_btn_area{width:95% !important;}
	.mobile_image img{width:100%;display:block;}
	/*
	.con_area .per_li li {width: 700px; margin: 0 auto;}
	.con_area .per_li li .pic{width:150px;}
	.con_area .per_li li .pic img{width:100%;}
	.con_area .per_li li .txt{padding-left:24%;}
	.con_area .per_li li .txt .name{font-size: 18px; background: url('../images/tw/name_line.png') no-repeat 125px 20px;}
	.con_area .per_li li .txt .name strong {font-size: 26px;}
	.con_area .per_li li .txt .talk{font-size: 18px;}
	.con_area .per_li li .work_li{font-size:14px; width: 250px;}
	.con_area .per_li li .work_li:nth-child(4){padding-left:20px;}
	*/

	.con_area .test_li{padding:0 20px;}
	.con_area .test_li ul li {width: 32%; margin-right: 2%; height:325px;}
	.con_area .test_li ul li a .test_img img{width:100%;}
	.con_area .test_li ul li a .test_txt .tit{font-size:23px; margin:20px 0;}
	.con_area .test_li ul li a .test_txt .txt{font-size:14px;}

	.con_area .menu_tab{width:600px; margin:0 auto 55px auto;}
	.con_area .menu_tab ul li{width: 20%;}
	.con_area .menu_tab ul li a{font-size:14px;}

	.sub_visual h1{letter-spacing:-1px;}
	.sub_visual h2{letter-spacing:-1px;}
	.sub_visual .sub_navi{letter-spacing:-1px;}
	#bbs_body{width:95% !important; margin:0 auto;}
	#name{width:100px;}
	#etc1{width:150px;}
	.header .top_menu .call{display:none}

}

@media screen  and (max-width:850px)  {
	.navi{display:none;}
	.con_area .menu_li ul li .menu_img img{width:100%;}
	.con_area .menu_li ul li .menu_txt{font-size:14px;}
}

@media screen  and (max-width:800px)  {
	.con .table ul li .listbox.none div{font-size:15px;}
	.total_num{font-size:13px !important; margin:20px auto !important;}
}


@media screen  and (max-width:750px)  {
	.visual_area1 .visual_txt h1{font-size:58px;}
	.visual_area2 .visual_txt h1{font-size:58px;}
	.visual_area3 .visual_txt h1{font-size:58px;}
	.visual_area4 .visual_txt h1{font-size:58px;}

	.visual_area1 .visual_txt h2{font-size:35px;}

	.visual_area2 .slide{width:90%; height:240px; margin:68px auto 0 auto;}
	.visual_area3 .slide{width:90%; height:auto; margin:68px auto 0 auto;}
	.header .logo {width:122px; height:56px; background:url('../images/tw/logo_20180623.png') no-repeat 0 0; float:left; margin:21px 0 15px 30px; background-size:100%;}
	.header .top_menu ul li{padding:0 10px;}
	.header .top_menu ul li a{font-size:13px;}
	.header .top_menu .call{width:86px; font-size:16px; background-size:12px; padding-left:17px;}
	.con .tit_area{margin:30px auto 22px auto;}
	.con_area .txt1{font-size:18px; margin:30px 0 15px 0}
	.con_area .txt2{font-size:13px; line-height: 19px;}
	.con_area .test_li ul li{width: 48%; height: 344px;}
	.con_area .test_li ul li:nth-child(2n){margin-right:0px;}
	.con_area .test_li ul li:nth-child(3n){margin-right:2%;}
	.sub_visual h1{font-size:38px;}
	.sub_visual h2{font-size:18px;}
	.sub_visual .sub_navi ul li a{font-size:13px;}
	.con_area .per_li li{width:100%;}
	.con_area .per_li li .pic {width: 120px;}
	.con_area .per_li li .txt {padding-left: 27%; padding-top: 39px;}
	.con_area .per_li li .txt .talk {font-size: 15px;}
	.con_area .per_li li .work_li {font-size: 13px; padding-left:0px;}
	.sub1_area{padding-bottom:40px;}
	.sub_visual .tab ul li{height:40px; font-size:15px;}
	.sub_visual .tab ul li a{line-height:40px;}
	.sub_visual .tab ul li.on{height:40px; font-size:15px;}
	.sub_visual .tab ul li.on a{line-height:40px;}
	.con .tit_area h1{font-size:25px;}
	.con .tit_area h2{font-size:14px;}
	.con .table ul li .listbox{padding-left: 215px; padding-top: 10px;}
	.con .table ul li .listbox .ct strong{font-size:14px;}
	.con .table ul li .listbox .ct .date{font-size:11px; right: 8px; width: 185px; height: 25px; line-height: 25px;}
	.con .table ul li .listbox .txt .txt_con{height:60px; font-size:13px; padding-top:10px;}
	.con .table ul li .listbox .txt a{font-size:14px;}
}

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

@media screen  and (max-width: 650px)  {
	.header .top_menu ul li{padding:0 4px;}

	.con_area .menu_li ul li {width: 50%;}
	.con_area .per_li li {width: 100%;}
	.con_area .per_li li .pic{display:none;}
	.con_area .per_li li .txt {padding-left: 0; padding-top: 0;}
	.con_area .per_li li .work_li:nth-child(3){padding-left:10px;}
	.con_area .per_li li .work_li:nth-child(4){padding-left:10px;}
	.sub_visual h1{font-size:28px;}
	.sub_visual h2{font-size:14px;}
	.con_area .per_li li .work_li {font-size: 13px; width: auto;}
	.con_area .per_li li .txt .name{font-size: 14px;}
	.con_area .per_li li .txt .talk{font-size: 13px;}

}

@media screen  and (max-width: 600px)  {
	.header{display:none;}
	.visual_area1{margin-top:0px; height:auto; padding-bottom:150px; overflow:hidden;}
	.visual_area1 .visual_txt{padding:170px 0 0 0;}
	.visual_area1 .visual_txt h1{font-size:45px; letter-spacing:-2px;}
	.visual_area1 .visual_txt h2{font-size:20px; letter-spacing:-1px;}
	.visual_area1 .visual_txt h2 img{width:50px;}
	.visual_area1 .visual_txt h3{font-size:15px; letter-spacing:-1px;}
	.visual_area1 .visual_btn a{width:25%; font-size: 13px; height: 100px; background-size: 30px !important; background-position: center 20px !important; line-height: 140px;}
	.visual_area1 .visual_btn .info_tw{margin-right:20px;}
	.visual_area1 .visual_btn .info_p{margin-right:20px;}
	.visual_area1 .visual_btn .info_h{}


	
	.visual_area2{height:851px; overflow:hidden;}
	.visual_area2 .visual_txt h1{font-size:45px; letter-spacing:-2px;}
	.visual_area2 .visual_txt h3{font-size:15px; letter-spacing:-1px;}
	.visual_area2 .slide{width:80%; height:240px; margin:50px auto 0 auto;}
	.visual_area2 .lSAction > .lSPrev{left:-1px;}
	.visual_area2 .lSAction > .lSNext{right:-1px;}
	.visual_area2 .slide ul li a span.img{width:75%; margin:0 auto;}
	.visual_area2 .slide ul li a span.img img{width:100%;}
	.visual_area2 .slide ul li a span{font-size:18px;}
	.visual_area2 .slide ul li a span.txt{margin-top:10px;}
	
	.visual_area3{height:851px; overflow:hidden;}
	.visual_area3 .visual_txt h1{font-size:45px; letter-spacing:-2px;}
	.visual_area3 .visual_txt h3{font-size:15px; letter-spacing:-1px;}
	.visual_area3 .slide{width:80%; height:auto; margin:50px auto 0 auto;}
	.visual_area3 .lSAction > .lSPrev{left:-1px;}
	.visual_area3 .lSAction > .lSNext{right:-1px;}
	.visual_area3 .slide ul li span.img{width:70%; margin:0 auto;}
	.visual_area3 .slide ul li span.img img{width:100%;}
	.visual_area3 .slide ul li span{font-size:18px;}
	.visual_area3 .slide ul li span.txt{margin-top:10px; font-size:18px;}
	.visual_area3 .slide ul li .view_btn{margin-top:15px;}

	.visual_area4{height:851px; overflow:hidden;}
	.visual_area4 .visual_txt h1{font-size:45px; letter-spacing:-2px;}
	.visual_area4 .visual_txt h3{font-size:15px; letter-spacing:-2px;}
	.visual_area4 .list_box{padding:0 10px; width:auto;}
	.visual_area4 .list_box .list{display:block; width:100%; padding-left:30px; padding-bottom:15px;}
	.visual_area4 .list_box .list .location_tit{display: inline-block; font-size: 15px; width: 80px; padding-top: 0px; padding-left: 15px; vertical-align: top; background-size: 10px !important; background:url('../images/tw/map_ico1.jpg') no-repeat left;}
	.visual_area4 .list_box .list .parking_tit{display: inline-block; font-size: 15px; width: 80px; padding-top: 0px; padding-left: 15px; vertical-align: top; background-size: 10px !important; background:url('../images/tw/map_ico2.jpg') no-repeat left;}
	.visual_area4 .list_box .list .map_tit{display: inline-block; font-size: 15px; width: 80px; padding-top: 0px; padding-left: 15px; vertical-align: top; background-size: 10px !important; background:url('../images/tw/map_ico3.jpg') no-repeat left;}
	.visual_area4 .list_box .list .txt{display:inline-block;}
	.visual_area4 .list_box .list .txt .enter{font-size:14px; display:block;}


	.visual_area5{background-size:cover;height:auto;padding-bottom:30px;}

	.con_area .list_box{padding:0 10px; width:auto;}
	.con_area .list_box .list{display:block; width:100%; padding-left:30px; padding-bottom:15px;}
	.con_area .list_box .list .location_tit{display: inline-block; font-size: 15px; width: 80px; padding-top: 0px; padding-left: 15px; vertical-align: top; background-size: 10px !important; background:url('../images/tw/map_ico1.jpg') no-repeat left;}
	.con_area .list_box .list .parking_tit{display: inline-block; font-size: 15px; width: 80px; padding-top: 0px; padding-left: 15px; vertical-align: top; background-size: 10px !important; background:url('../images/tw/map_ico2.jpg') no-repeat left;}
	.con_area .list_box .list .map_tit{display: inline-block; font-size: 15px; width: 80px; padding-top: 0px; padding-left: 15px; vertical-align: top; background-size: 10px !important; background:url('../images/tw/map_ico3.jpg') no-repeat left;}
	.con_area .list_box .list .txt{display:inline-block;}
	.con_area .list_box .list .txt .enter{font-size:14px; display:block;}

	.con_area .info_left{width:auto; height:auto; padding:200px 10px 40px 10px; background-position: center top;}
	.con_area .info_left .info_txt {margin-top: 15px; font-size: 15px; line-height: 22px;}
	.con_area .info_right{width:auto; height:auto; padding:200px 10px 40px 10px; background-position: center top;}
	.con_area .info_right .info_txt {margin-top: 15px; font-size: 15px; line-height: 22px;}
	
	.con_area .info_left .phrase {margin: 0 auto 17px auto; width: 160px; height: 28px; line-height: 28px; font-size:14px;}
	.con_area .info_right .phrase {margin: 0 auto 17px auto; width: 160px; height: 28px; line-height: 28px; font-size:14px;}


	.footer{height:auto; padding-top:25px;}
	.footer span.address{font-size:12px;}
	.footer span.infomation{font-size:12px;}

	.sub_visual .tab{width:400px;}
	.sub_visual .tab ul li{font-size:12px;}
	.sub_visual .tab ul li .arrow{margin-left: -23px; width: 45px; height: 9px; background: url('../images/tw/sub_tabon.jpg') no-repeat 0 0; background-size: 100%;}

	.con_area .test_li ul li a .test_txt .tit{font-size:20px; margin:10px 0;}
	.con_area .test_li ul li a .test_txt .txt{font-size:13px;}
	.con_area .menu_tab{width:90%;}
	.con_area .menu_tab ul{height:234px;}
	.con_area .menu_tab ul li {width: 100%;}
	.con_area .menu_tab ul li a {font-size: 14px;}

	.con_area .menu_tab ul.four{height:auto;}
	.con_area .menu_tab ul.four li a {font-size: 12px;}

	.con_area .menu_tab ul.three{height:auto;}
	.con_area .menu_tab ul.three li a {font-size: 12px;}

	.program_area{padding:0px 15px;}
	.program_area .box {padding-top:10px;}
	.program_area .box h3{font-size:18px;margin:10px 0px;}
	.program_area .box p{font-size:14px;}

	.target_person{padding:0px 15px;}
	.con_area .menu_li ul.target_person li{width:48%;}
	.con_area .menu_li ul.target_person li p{font-size:15px;}
	.con_area .menu_li ul.target_person li ul li{font-size:13px;padding:5px 10px;}
	
	#m4{padding:0px 15px}
	.con_area .menu_li .explain_area ul li{font-size:13px;}
	#m4 table thead th{font-size:14px;}
	#m4 table tbody td{font-size:12px;}
	#m4 table tbody th{font-size:12px;}

	.sub1_area{margin-top:40px; height:auto; padding-bottom:30px;}
	.sub_visual h1 {height: 17px; padding-top: 45px;}
	.sub_visual .sub_navi ul{margin:15px auto;}
	.sub_visual .tab ul li{height:30px; font-size:12px;}
	.sub_visual .tab ul li a{line-height:30px;}
	.sub_visual .tab ul li.on{height:30px; font-size:12px;}
	.sub_visual .tab ul li.on a{line-height:30px;}

	.con .table ul li{
		height:auto;
	}

	.con .table ul li .img {
	   float: none;
	   width: 100%;
	   text-align:center;
	   display:none;
	}

	.con .table ul li .listbox {
		padding-left: 0px;
		padding: 10px;
	}
	.con .table ul li .listbox .ct .date {
		position: unset;
		margin-top: 10px;
	}

	.con .table ul li .listbox .txt {
		padding-top: 10px;
	}

	.con_area .per_li .btn a img{width:100px;}
}


@media screen  and (max-width: 500px)  {
	.con_area .menu_tab {}
	.con_area .menu_tab ul.four li {width:50%;}
	.con_area .menu_li{padding-top:20px;}
	
}

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

	.visual_area1 .visual_txt h1{font-size:30px;}
	.visual_area2 .visual_txt h1{font-size:30px;}
	.visual_area3 .visual_txt h1{font-size:30px;}
	.visual_area4 .visual_txt h1{font-size:30px;}

	.visual_area1 .visual_txt h2{font-size:15px;}

	.visual_area1 .visual_txt h3{font-size:13px; letter-spacing:-1px;}
	.visual_area2 .visual_txt h3{font-size:13px; letter-spacing:-1px;}
	.visual_area3 .visual_txt h3{font-size:13px; letter-spacing:-1px;}
	.visual_area4 .visual_txt h3{font-size:13px; letter-spacing:-1px;}
	.visual_area4 .list_box .list{padding-left:10px;}
	.visual_area4 .list_box .list .txt .enter{font-size:13px;}
	.con_area .list_box .list{padding-left:10px;}
	.con_area .list_box .list .txt .enter{font-size:13px;}
}

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

	.con_area .test_li ul li{width: 100%; height: 344px;}
	.con_area .test_li ul li:nth-child(2n){margin-right:0px;}
	.con_area .test_li ul li:nth-child(3n){margin-right:0;}
	.con_area .menu_li ul li {width: 100%; margin: 30px 0;}
	.sub_visual .tab{width:300px;}
	.con .search_area button{width:50px;}
	.con_area .menu_li .explain_area ul li{width:100%;margin:0px 0px;}
	.con_area .menu_li .explain_area{padding:10px 10px;}
}