@charset "utf-8";

@media all and (max-width:1580px){
/* slidevisual */	
#slide_visual li {background-size:150% auto !important;}	

/* banner */
.banner .box {max-width:92%; margin:0 auto; overflow:hidden;}
}



@media all and (max-width:1590px){
/* banner */	
.banner .box div a {padding:0; text-align:center;}	
.banner .box div a h3 {padding:70px 0 0 0; font-size:1.286em;}	
.banner .box div a h3 span {margin-top:0;}
.banner .box div a p {display:none;}
.banner .box div a .ico {left:50%; top:12px; margin-left:-27px; margin-top:0;}
.banner .box div a:hover .ico, .banner .box div a:active .ico {margin-top:-5px;}
}



@media all and (max-width:1024px){
/* notice */	
.notice {top:520px !important;}	

/* slidevisual */
#slide_pointer {top:40px;}
#slide_visual {width:100%; height:580px; position:relative; z-index:1;} 
.prev_btn {left:0; top:240px; margin:0; background-size:18px 34px;}
.next_btn {right:0; top:240px; margin:0; background-size:18px 34px;}
#slide_visual li {background-size:110% auto !important;}
#slide_visual li p {margin:0 0 35px 0; padding:170px 15% 0 15%; font-size:1.143em;}
#slide_visual li p strong {display:block; color:#fff; font-weight:normal; font-size:2.375em; padding:0 0 25px 0;}
#slide_visual li .link {font-size:1em;}
#slide_visual li .link span {padding:13px 85px 13px 15px;}


/* banner */
.banner {position:relative; left:auto; bottom:0;}
.banner .box {height:auto; max-width:100%;}
.banner .box div {width:50%; top:0 !important;}
.banner .box div a {padding:0 20px 0 105px; text-align:left;}	
.banner .box div a h3 {padding:22px 0 0 0; font-size:1.429em;}	
.banner .box div a h3 span {margin-top:3px;}
.banner .box div a p {display:block;}
.banner .box div a .ico {left:30px; top:50%; z-index:5; width:55px; height:55px; margin-top:-27px; margin-left:0;}
.banner .box div a:hover .ico, .banner .box div a:active .ico {margin-top:-27px;}
.banner .box div a:hover .bg, .banner .box div a:active .bg {top:0;}

.banner .box div.bn02{ float:right}
.banner .box div.bn03{float:left}
.banner .box div.bn04{width:100%}



/* sns_pop */
.sns_pop {display:none;}
.all_bg {display:none !important;}	
.sns_pop_bg {display:none !important;}	

.bn01 a, .bn03 a, .bn02 a{ background-repeat:repeat}
}




@media all and (max-width:760px){
/* notice */	
.notice {top:420px !important;}	
	
/* slidevisual */	
#slide_visual {height:480px;}
}



@media all and (max-width:640px){
/* notice */	
.notice {top:330px !important; height:50px;}
.notice h3 {top:12px; left:15px;}
.notice .list_wrap {margin:10px 15px 0 100px;}	
	
/* slidevisual */
#slide_pointer {display:none;}
#slide_visual {height:380px;}
.prev_btn {top:145px; width:40px; height:40px; background-size:14px 26px;}
.next_btn {top:145px; width:40px; height:40px; background-size:14px 26px;}	
#slide_visual li p {margin:0; padding:70px 15% 0 15%; font-size:1.143em;}
#slide_visual li p strong {font-size:2.143em; padding:0 0 25px 0; margin:0 0 20px 0;}
#slide_visual li p span {display:block;}
#slide_visual li .link {display:none;}

/* banner */
.banner .box div {height:110px;}
.banner .box div.bn04{height:130px}
.banner .box div a p {display:none;}
.banner .box div a .ico {margin-top:-30px;}
.banner .box div a:hover .ico, .banner .box div a:active .ico {margin-top:-30px;}
.banner .box div a:hover .bg, .banner .box div a:active .bg {top:0;}
}




@media all and (max-width:480px){
/* notice */	
.notice {top:280px !important;}
.notice h3 {top:12px; left:15px;}
.notice .list_wrap {margin:10px 15px 0 100px;}	
	
/* slidevisual */	
#slide_visual {height:330px;}
#slide_visual li {background-size:120% auto !important;}	
#slide_visual li p {font-size:1.071em;}

	
/* banner */
.banner .box div {height:auto;}
.banner .box div a {padding:0 5% 15px 5%; text-align:center;}
.banner .box div a h3 {font-size:1.143em; padding:75px 0 0 0; margin:0;}
.banner .box div a h3 span {display:none;}
.banner .box div.bn04 a h3 span{display:block}
.banner .box div.bn04 a h3{margin-bottom:7px}
.banner .box div a .ico {left:50%; top:17px; margin-top:0 !important; margin-left:-27px;}
	
}




@media all and (max-width:380px){
/* notice */	
.notice {top:230px !important;}	
	
/* slidevisual */
#slide_pointer {display:none;}
#slide_visual {height:280px;}
.prev_btn {top:120px; width:40px; height:40px; background-size:14px 26px;}
.next_btn {top:120px; width:40px; height:40px; background-size:14px 26px;}	
#slide_visual li p {padding:52px 15% 0 15%;}
#slide_visual li p strong {font-size:2.143em; padding:0 0 25px 0; margin:0 0 20px 0;}
}