@charset "utf-8";

/* トップページ
-------------------------------*/
#topVis							{ position:absolute; width:100%;}
#topVis img.vis_v				{ display:none;}
#topVis em						{ position:absolute; top:0; left:0; width:100%; padding:24.3% 0 0 0; text-align:center;}
#topVis em img					{ width:44.74%; min-width:256px; height:auto;}
@media screen and (orientation:portrait), screen and (orientation:landscape) and (max-width:479px){
	#topVis img.vis_h			{ display:none;}
	#topVis img.vis_v			{ display:block;}
	#topVis em					{ padding:23.4% 0 0 0;}
	#topVis em img				{ width:79.7%;}
}

#top01							{ position:relative; padding:62.1% 0 8.77% 0;}

#top01>li						{ width:28.07%; text-align:center;}
#top01>li:nth-child(1)			{ margin:0 0 0 35.96%; float:left;}
#top01>li:nth-child(2)			{ margin:0 0 0 -61.40%; float:left;}
#top01>li:nth-child(3)			{ margin:0 0 0 4.82%; float:left;}
#top01>li:nth-child(4)			{ width:56.84%; margin:0 auto; padding:13.9% 0 0 0; clear:both;}

#top01 dt						{ padding:0 0 6px 0;}
#top01>li:nth-child(1) dt		{ border-bottom:solid 1px #c7c8c8;}
#top01>li:nth-child(2) dt		{ border-bottom:solid 1px #70a3d1;}
#top01>li:nth-child(3) dt		{ border-bottom:solid 1px #9eddf8;}
#top01>li:nth-child(4) dt		{ width:37%; margin:0 auto; border-bottom:solid 1px #c7c7c7;}
#top01 dt img					{ width:75%; min-width:90px; height:auto;}
#top01>li:nth-child(4) dt img	{ width:50%; min-width:50px;}

#top01 dd						{ padding:7.18% 0 0 0 ;}
#top01>li:nth-child(4) dd		{ padding:2.19% 0 0 0 ;}

#top01 li ul					{ position:relative;}
#top01 li li					{ padding:0 0 7% 0;}
#top01>li:nth-child(4) li		{ width:33.3%; padding:0 2px; -webkit-box-sizing:border-box; box-sizing:border-box; float:left;}

#top01>li:nth-child(2) a,
#top01>li:nth-child(3) a		{ color:#fff;}
#top01 li a span				{ padding:5% 0 0 0; font-size:12px; font-size:2.1vw;}

#top01 li  a[href="#"]			{ pointer-events:none;}

@media screen and (orientation:portrait), screen and (orientation:landscape) and (max-width:479px){

	#top01						{ padding:59.4% 0 8.77% 0; overflow:hidden;}

	#top01>li:nth-child(1)		{ width:100%; margin:0; float:none;}
	#top01>li:nth-child(2)		{ width: 50%; margin:0; padding:20.94% 0 22.66% 0; background-image:url(../img/bg.png),url(../img/bg.png); background-position:0 0, 0 100%;}
	#top01>li:nth-child(3)		{ width: 50%; margin:0; padding:20.94% 0 22.66% 0; background-image:url(../img/bg.png),url(../img/bg.png); background-position:100% 0, 100% 100%;}
	#top01>li:nth-child(4)		{ width:100%; width:-webkit-calc(100% + 4px); width:calc(100% + 4px); margin:-5.6% 0 0 -2px; padding:0; float:left;}
	#top01>li					{ background-repeat:no-repeat; -webkit-background-size:200% auto; background-size:200% auto;}

	#top01>li:nth-child(2) dl	{ background:#005bac;}
	#top01>li:nth-child(3) dl	{ background:#52c3f1;}
	#top01>li:nth-child(4) dl	{}

	#top01>li:nth-child(1) dt	{ width:60.94%; margin:0 auto;}
	#top01>li:nth-child(2) dt	{ margin:0 5px;}
	#top01>li:nth-child(3) dt	{ margin:0 5px;}
	#top01>li:nth-child(4) dt	{ width:37%;}

	#top01>li:nth-child(1) dt img	{ width:61.0%; min-width:0;}
	#top01>li:nth-child(2) dt img	{ width:77.4%; min-width:0;}
	#top01>li:nth-child(3) dt img	{ width:77.4%; min-width:0;}
	#top01>li:nth-child(4) dt img	{ width:50%; min-width:0;}

	#top01>li:nth-child(1) dd	{ padding:3.75% 0 0 0;}
	#top01>li:nth-child(2) dd	{ padding:5.31% 0 0 0;}
	#top01>li:nth-child(3) dd	{ padding:5.31% 0 0 0;}
	#top01>li:nth-child(4) dd	{ padding:2.19% 0 0 0;}

	#top01 li li				{ padding:0 0 6% 0;}
	#top01>li:nth-child(1) li	{ width:50%; float:left;}
	#top01>li:nth-child(4) li	{ width:33.3%;}

	#top01>li:nth-child(2) a,
	#top01>li:nth-child(3) a	{ color:#fff;}
	#top01 li a span			{ padding:5% 0 0 0; font-size:12px;}

}