@charset "utf-8";

@import url(base.css);
@import url(common.css);

/*------------------------------*/
/* visual */
/*------------------------------*/

@media screen and (min-width:416px) {
	
	#ndx_visual_web {position:relative; float:left; width:100%;}
	#ndx_visual_web img {width:100%;}
	#ndx_visual_web .bx-controls {position:absolute; left:0; bottom:30px; z-index:9; width:100%; text-align:center;}
	#ndx_visual_web .bx-controls div {display:inline-block;}
	#ndx_visual_web .bx-pager-item {display:inline-block; float:left; height:8px; margin-left:10px;}
	#ndx_visual_web .bx-pager-item:first-child {margin-left:0;}
	#ndx_visual_web .bx-pager-link {display:block; width:14px; height:14px; box-sizing:border-box; font-size:0; text-indent:-9999px; border-radius:7px; -webkit-border-radius:7px; border:1px solid #00ea00;}
	#ndx_visual_web .bx-pager-link.active {background:#00ea00;}
	
	#ndx_visual_web .visualPrev {position:absolute; left:100px; top:50%; width:52px; height:52px; margin-top:-26px; background:url("../img/index/btnPrev.png") 0 0 / cover no-repeat;}
	#ndx_visual_web .visualNext {position:absolute; right:100px; top:50%; width:52px; height:52px; margin-top:-26px; background:url("../img/index/btnNext.png") 0 0 / cover no-repeat;}
	
	#ndx_visual_mobile {display:none;}
	
}

@media screen and (max-width:415px) {
	
	#ndx_visual_web {display:none;}
	
	#ndx_visual_mobile {position:relative; float:left; width:100%; height:444px;}
	#ndx_visual_mobile .bx-wrapper {height:100%;}
	#ndx_visual_mobile .bx-viewport {height:100% !important;}
	#ndx_visual_mobile .bx-viewport div {height:100%;}
	#ndx_visual_mobile .bx-controls {position:absolute; left:0; bottom:20px; z-index:9; width:100%; text-align:center;}
	#ndx_visual_mobile .bx-controls div {display:inline-block;}
	#ndx_visual_mobile .bx-pager-item {display:inline-block; float:left; height:8px; margin-left:5px;}
	#ndx_visual_mobile .bx-pager-item:first-child {margin-left:0;}
	#ndx_visual_mobile .bx-pager-link {display:block; width:8px; height:8px; box-sizing:border-box; font-size:0; text-indent:-9999px; border-radius:4px; -webkit-border-radius:4px; border:1px solid #00ea00;}
	#ndx_visual_mobile .bx-pager-link.active {background:#00ea00;}
	
	#ndx_visual_mobile .visualPrev {position:absolute; left:15px; top:50%; width:22px; height:22px; margin-top:-11px; background:url("../img/index/btnPrev.png") 0 0 / cover no-repeat;}
	#ndx_visual_mobile .visualNext {position:absolute; right:15px; top:50%; width:22px; height:22px; margin-top:-11px; background:url("../img/index/btnNext.png") 0 0 / cover no-repeat;}
	
}

/*------------------------------*/
/* contents */
/*------------------------------*/

@media screen and (min-width:416px) {

	#ndx_contents {display:none;}
	
}

@media screen and (max-width:415px) {
	
	#ndx_contents {display:none;}
	
	/*
	#ndx_contents {float:left; width:100%; margin:50px 0; padding:0 15px; box-sizing:border-box; text-align:center;}
	#ndx_contents section:first-child {margin-bottom:40px; padding-bottom:40px; border-bottom:1px solid #e7e7e7;}
	#ndx_contents h2 {margin-bottom:10px; font-size:26px; font-family:"notoMedium"; color:#111111;}
	#ndx_contents div {margin-bottom:10px; font-size:16px; font-family:"notoLight"; color:#999999;}
	#ndx_contents div span {display:inline-block; width:1px; height:12px; margin:0 40px; background:#d4d4d4;}
	#ndx_contents p {margin-bottom:15px; font-size:16px; font-family:"notoLight"; color:#999999;}
	#ndx_contents a {font-size:16px; font-family:"notoLight"; color:#999999;}
	*/

}