@charset "UTF-8";


/* -- Structure [Index] -----------------------------------------------------*/
@media screen and (max-width: 767px) {
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
}
@media screen and (min-width: 1025px) {
}


/* -- slider ----------------------------------------------------------------*/
@media screen and (max-width: 767px) {
	.section_L {  }
	.top_sec01_img { width:60%; margin-left:20%; margin-bottom:20px; }
	.w70 { width:90%; margin-left:5%; }
	.section_L p { margin-bottom:20px; }
	section .in p.blue_box { border:#31adb1 5px solid; padding:2%; margin-bottom:20px; font-size:14px; font-weight:normal;  }
}
@media screen and (min-width: 768px) {
	.main_visual { background:url(../img/common/main_bg.gif) 0px 0px repeat-x; height:620px; }
	.section_L p { margin-bottom:40px; }
	section .in p.blue_box { border:#31adb1 5px solid; padding:15px; margin-bottom:40px; font-size:15px; font-weight:normal;  }
}
@media screen and (min-width: 768px) and (max-width: 960px) {
	.section_L { float:left; width:60%; margin-right:4%; }
	.top_sec01_img { float:left; width:36%; }
	.w70 { width:70%; margin-left:15%; }
}
@media screen and (min-width: 961px) and (max-width: 1024px) {
	.main_visual .in { margin:0 1%; position:relative; }
	.main_btn { position:absolute; bottom:30px; right:30px; }
	.top_sec01_img { position:absolute; bottom:0px; right:0px; }
}
@media screen and (min-width: 1025px) {
	.main_visual .in { width:980px; margin:0 auto; position:relative; }
	.main_btn { position:absolute; bottom:40px; right:30px; }
	
	.top_sec01_img { position:absolute; bottom:0px; right:0px; }
}

/* -- APPEND ----------------------------------------------------------------*/
@media screen and (max-width: 767px) {
	section .in p.baisho { float:left; font-size:16px; font-weight:600; border-radius:6px; background:#df504f; color:#fff; margin-right:2%; margin-bottom:0px; padding:2px 10px; margin-top:10px;  }
	section .in p.baisho_price { float:left; color:#df504f; margin-right:2%; margin-bottom:0px; font-size:30px; font-weight:bold; vertical-align:baseline; }
	section .in p.baisho_price span { color:#df504f; margin-right:2%; margin-bottom:0px; font-size:18px; font-weight:300; }
	section .in p.text_normal { float:left; vertical-align:bottom; font-size:14px; font-weight:normal; }
	
	.baisho_sub_L { float:left; width:20%; margin-right:2%; }
	section .in p.baisho_sub_R { float:left; margin-right:0%; font-size:18px; font-weight:normal; }
	.example_sp_R { width:80%; margin-left:10%; }
	.example_box { border-bottom:#DEDEDE 1px solid; padding-bottom:20px; margin-bottom:20px; }
	
	.news_list li { list-style:none; padding:10px 2%; }	
	.news_list li:nth-child(2n) { background:#f3f8fe; }
	.news_list li dl dt { font-size:15px; font-weight:300; }
	.news_list li dl dd { font-size:18px; font-weight:600; }
	.news_list li dl dt:before { content:"\f0da"; font-family:FontAwesome; margin-right:3%; color:#df504f; }	
}
@media screen and (min-width: 768px) and (max-width: 960px) {
	section .in p.baisho { float:left; font-size:18px; font-weight:600; border-radius:6px; background:#df504f; color:#fff; margin-right:2%; margin-bottom:0px; padding:2px 10px; margin-top:10px;  }
	section .in p.baisho_price { float:left; color:#df504f; margin-right:2%; margin-bottom:0px; font-size:36px; font-weight:bold; vertical-align:baseline; }
	section .in p.baisho_price span { color:#df504f; margin-bottom:0px; font-size:24px; font-weight:300; }
	section .in p.text_normal { float:left; vertical-align:bottom; margin-top:20px; font-size:16px; font-weight:normal; }
	
	.baisho_sub_L { float:left; width:20%; margin-right:2%; }
	section .in p.baisho_sub_R { float:left; width:78%; margin-right:0%; font-size:18px; font-weight:normal; }
	.example_box { border:#DEDEDE 1px solid; padding:20px; border-radius:6px; }	
	.example_sp_L { float:left; width:70%; margin-right:2%; }
	.example_sp_R { float:left; width:28%; }

	.news_list li { list-style:none; padding:10px 2%; }	
	.news_list li:nth-child(2n) { background:#f3f8fe; }
	.news_list li dl dt { float:left; margin-right:2%; font-size:18px; font-weight:300; width:22%; }
	.news_list li dl dd { float:left; font-size:20px; font-weight:600; width:72%; }
	.news_list li dl dt:before { content:"\f0da"; font-family:FontAwesome; margin-right:6%; color:#df504f; }	
}
@media screen and (min-width: 961px) {
	.example_L { float:left; width:72%; margin-right:4%; }
	.example_R { float:right; width:24%; }	
	section .in p.baisho { float:left; font-size:18px; font-weight:600; border-radius:6px; background:#df504f; color:#fff; margin-right:2%; margin-bottom:0px; padding:2px 10px; margin-top:10px;  }
	section .in p.baisho_price { float:left; color:#df504f; margin-right:2%; margin-bottom:0px; font-size:36px; font-weight:bold; vertical-align:baseline; }
	section .in p.baisho_price span { color:#df504f; margin-bottom:0px; font-size:24px; font-weight:300; }
	section .in p.text_normal { float:left; vertical-align:bottom; margin-top:20px; font-size:16px; font-weight:normal; }
	
	.baisho_sub_L { float:left; width:14%; margin-right:2%; }
	section .in p.baisho_sub_R { float:left; width:84%; margin-right:0%; font-size:18px; font-weight:normal; } 
	.example_box { border:#DEDEDE 1px solid; padding:20px; border-radius:6px; }

	.news_list li { list-style:none; padding:10px 2%; }	
	.news_list li:nth-child(2n) { background:#f3f8fe; }
	.news_list li dl dt { float:left; margin-right:2%; font-size:20px; font-weight:300; width:22%; }
	.news_list li dl dd { float:left; font-size:23px; font-weight:600; width:76%; }
	.news_list li dl dt:before { content:"\f0da"; font-family:FontAwesome; margin-right:6%; color:#df504f; }
}