@charset "UTF-8";


@media screen  and (max-width: 1280px)  {
	body.viewPc header .headerBox{height:130px;width:100%;margin:0 auto;position:relative}
	body.viewPc header .headerBox .logo{position:absolute;left:30px;top:45px;z-index:666}
	body.viewPc header .headerBox .mgnb{position:absolute;right:0px;top:0px;left:auto;z-index:666;width:auto}
	body.viewPc header .headerBox .mgnb .f1{width:150px;}

	#mainVisual .lSAction > .lSPrev{left:3%;}
	#mainVisual .lSAction > .lSNext{right:3%;}

	.main_example .main_box{width:auto;padding-left:30px;padding-right:30px;}

	.main_example .main_box .main_example_box{width:100%;}
	.main_example .main_box .main_example_box ul li{width:32%;margin-right:1%;}
	.main_example .main_box .main_example_box ul li{width:32%;margin-right:1%;}
	.main_example .main_box .main_example_box ul li .box .image a{}
	.main_example .main_box .main_example_box ul li .box .image a img{width:100%;}
	.main_example .main_box .main_example_box ul li .txt .title{height:28px;line-height:28px;overflow:hidden}
	#footer_area .footer_info .info1{left:30px;margin-left:0px;width:auto;}
	#footer_area .footer_info .info2{left:50%;padding-left:0px;margin-left:0px;width:50%;text-align:center;}

	#footer_area .footer_notice{width:auto;padding-left:30px;padding-right:30px;}

	#footer_area .footer_notice .notice_area{left:30px;}
	#footer_area .footer_notice .notice_area #rolling_div{left:80px;}
	#footer_area .footer_notice .info2{right:5%;}

	#footer_area .copyright_box .cp_name{width:auto;padding-left:30px;padding-right:30px;}


	.sb_contbox{width:auto;padding:0px 15px;}


	.sub04_01_01{text-align:center;}
	.sub04_01_02{text-align:center;padding-top:50px;}
	.sub04_01_02 img{width:100%;}

	.quick_header img{width:160px;}

}

@media only screen and (max-width:1000px){
	body.viewPc header .headerBox .mgnb .f1{width:120px;}
	body.viewPc header .headerBox .mgnb .f1 p a{height:100%;display:block;font-size:16px;color:#ffffff;text-align:center;line-height:130px;}
	body.viewPc header .headerBox .mgnb .f1 ul li a{display:block;color:#ffffff;font-size:14px;margin-top:8px;margin-bottom:8px;text-align:center;}
	#mainVisual ul li .visual-item .visual_txt{margin-left:-30%;width:60%;}
	#mainVisual ul li .visual-item .visual_txt img{width:100%;}
	#mainVisual .lSAction > .lSPrev{top:50%;margin-top:-20px;}
	#mainVisual .lSAction > .lSNext{top:50%;margin-top:-20px;}
	.quick_header img{width:130px;}
}

@media only screen and (max-width:900px){
	body.viewPc header .headerBox .mgnb .f1{width:100px;}
	body.viewPc header .headerBox .mgnb .f1 p a{height:100%;display:block;font-size:16px;color:#ffffff;text-align:center;line-height:130px;}
	body.viewPc header .headerBox .mgnb .f1 ul li a{display:block;color:#ffffff;font-size:14px;margin-top:8px;margin-bottom:8px;text-align:center;}

	#footer_area .footer_notice .notice_area #rolling_div{width:330px;}
	#footer_area .footer_notice .notice_area #rolling_div li{width:330px;}
	#footer_area .footer_notice .notice_area #rolling_div li a{width:240px;}
	#footer_area .footer_notice .notice_area #rolling_div .date{right:0px;}
}

@media only screen and (max-width:800px){
	#mainVisual{height:500px;}
	#mainVisual ul li{height:500px;}
	#mainVisual ul li .visual-item{height:500px;}

	.main_example{margin-top:50px;}
	.main_example .main_box{margin-top: 20px;}
	.main_example .main_box .main_example_box ul li{width:48%;margin-right:2%;}

	#footer_area .footer_info{height:auto}
	#footer_area .footer_info .info1{left:auto;width:100%;text-align:center;position:relative;top:auto;height:auto;padding-top:30px;padding-bottom:30px;}
	#footer_area .footer_info .info1 img{width:50%;}
	#footer_area .footer_info .info2{left:auto;width:100%;text-align:center;position:relative;top:auto;border-left:0px solid #fff;height:auto;padding-bottom:30px;}
	#footer_area .footer_info .info2 img{width:50%;}

	#footer_area .footer_notice{height:auto;}
	#footer_area .footer_notice .notice_area{position:relative;left:auto;top:auto;width:440px;margin:0 auto;margin-top:20px;}
	#footer_area .footer_notice .info2{position:relative;right:auto;top:auto;padding-top:20px;padding-bottom:20px;text-align:center;}

	#footer_area .copyright_box .cp_name{padding: 30px 0px;}


	.sub_visual{height:300px;margin-bottom:30px;}
	.sub_visual .visual_txt{padding-top:20%;}
	.sub_visual .visual_txt img{width:30%;}


	.sb_contbox .cont_string{padding-top:40px;padding-bottom:80px;}

	.sub04_01_01 img{width:100%;}
	.c_map{width:80%;margin:0 auto;}


	.sb_contbox .cont_tit_box{text-align:left;background:url('../images/newimg/sub_title_icon2.png') no-repeat center top;height:36px;padding-left:0px;width:100%;padding-top:60px;}
	.sb_contbox .cont_tit_box h2.sbcont_tit{display:block;color:#1b1b1b;font-size:33px;font-weight:400;text-align:center;}



	.sub04_02_box{margin-top:20px;background:url('../images/newimg/sub_content04_02_icon.png') no-repeat 29px 40px;padding-left:130px;height:150px;border-top:1px solid #ededed;border-bottom:1px solid #ededed;}

}

@media only screen and (max-width:600px){
	#mainVisual{height:400px;display:none}
	#mainVisual ul li{height:400px;}
	#mainVisual ul li .visual-item{height:400px;}
	#mainVisual ul li .visual-item .visual_txt{top:45%;}
	.main_example .main_box .main_example_box ul li .txt .title a{font-size:14px;font-weight:400}

	#footer_area .footer_info .info1 img{width:70%;}
	#footer_area .footer_info .info2 img{width:70%;}

	.sub_visual{height:250px;}
	.sub_visual .visual_txt{padding-top:25%;}
	.sub_visual .visual_txt img{width:40%;}

	.sub04_02_box{margin-top:20px;background:url('../images/newimg/sub_content04_02_icon.png') no-repeat center 20px;padding-top:70px;padding-left:0px;height:auto;border-top:1px solid #ededed;border-bottom:1px solid #ededed;}
	.sub04_02_box p.address{color:#474747;font-size:18px;padding-top:32px;line-height:160%;text-align:center;}
	.sub04_02_box p.tel{color:#000000;font-size:20px;line-height:160%;text-align:center;padding-bottom:32px;}

	.quick_header{top:auto;bottom:15px;}
	.quick_header img{width:100px;}



	#mainVisual_mobile{margin-top:100px;display:block;height:600px;}
	#mainVisual_mobile ul{}
	#mainVisual_mobile ul li{height:600px;}
	#mainVisual_mobile ul li .visual-item{height:100%;background:url('../images/newimg/mobile_visual01.png') no-repeat center center;background-size:cover;position:relative}
	#mainVisual_mobile ul li .visual-item.visual-item1{}
	#mainVisual_mobile ul li .visual-item.visual-item2{background:url('../images/newimg/mobile_visual02.png') no-repeat center center;background-size:cover;position:relative}
	#mainVisual_mobile ul li .visual-item.visual-item3{background:url('../images/newimg/mobile_visual03.png') no-repeat center center;background-size:cover;position:relative}
	#mainVisual_mobile ul li .visual-item .visual_txt{position:absolute;left:10%;top:30%;text-align:center;width:80%;}
	#mainVisual_mobile ul li .visual-item .visual_txt img{width:100%;}

	#mainVisual_mobile .lSAction > a{width:47px;height:69px;}
	#mainVisual_mobile .lSAction > .lSPrev{background:url('../images/newimg/main_prev.png') no-repeat center center;left:10%;}
	#mainVisual_mobile .lSAction > .lSNext{background:url('../images/newimg/main_next.png') no-repeat center center;right:10%;}

}

@media only screen and (max-width:500px){
	#mainVisual ul li .visual-item .visual_txt{top:48%;}
	.main_example .main_box .main_example_box ul li{width:90%;margin-right:0%;margin-left:5%;margin-bottom:30px;}
	.main_example .main_box .main_example_box ul li .txt{padding-top:5px;}
	.main_example .main_box .main_example_box ul li .txt .title{height:auto;line-height:130%;}


	#footer_area .footer_notice .notice_area{position:relative;left:auto;top:auto;width:100%;margin:0 auto;margin-top:20px;}
	#footer_area .footer_notice .notice_area .title{position:relative;left:auto;top:auto;width:150px;text-align:center;;margin:0 auto;margin-top:20px;}
	#footer_area .footer_notice .notice_area #rolling_div{left:0%;width:100%;margin-top:20px;}
	#footer_area .footer_notice .notice_area #rolling_div ul{width:100%}
	#footer_area .footer_notice .notice_area #rolling_div li{width:100%}
	#footer_area .footer_notice .notice_area #rolling_div a{font-size:13px;width:100%;}
	#footer_area .footer_notice .notice_area #rolling_div .date{font-size:13px;}

	#footer_area .copyright_box .cp_name p {font-size:13px;}
	#footer_area .copyright_box .cp_name p strong {font-size:13px;}

	.sub_visual{height:200px;}
	.sub_visual .visual_txt{padding-top:24%;}
	.sub_visual .visual_txt img{width:40%;}

}