@charset "utf-8"; 
  
 /* VISUAL    ================================================================================== */
.mainWrap								{position:relative;}
.main_visual li							{position:relative; height:100vh; content:''; animation:imgScale 3s both;}

.visual_acc								{position:absolute; width:100%; top:45%; transform:translateY(-45%); z-index:100; text-align:center;}

.visual_acc dl							{color:#fff; text-shadow:0 0 5px rgba(0,0,0,0.5);}
.visual_acc dl dt						{font-family: 'S-CoreDream-9Black'; font-sizE:2.2em; line-height:1.4;}
.visual_acc dl img						{display:block; margin:0 auto 10px auto;}
.visual_acc dl dt br,
.visual_acc dl dd br					{display:none;}
.visual_acc dl dd						{margin-top:25px; font-family: 'S-CoreDream-9Black'; font-size:2em; line-height:1.4;}	
.visual_acc dl dd span					{font-family: 'S-CoreDream-3Light'; font-size:23px;}
.visual_acc dl dd span:last-child		{display:block; }

.mainWrap .banner						{margin-top:40px;}
.mainWrap .banner li					{font-weight:700; position:relative; display:inline-block; color:#fff; font-size:1.2em; width:130px;}
.mainWrap .banner li:before				{display:block; content:''; width:100px; height:100px; background:url('../image/main/bn01.png') no-repeat center #a80e0e; background-size:111px; border-radius:100%; margin:0 auto 15px auto;}
.mainWrap .banner a:nth-child(2) li:before	{background-image:url('../image/main/bn02.png'); background-color:#55595e;}
.mainWrap .banner a:last-child li:before	{background-image:url('../image/main/bn03.png'); background-color:#26282b;}
.mainWrap .banner li:hover				{transform: translateY(-7px); transition: .5s; }


 /* FAMSITE    ================================================================================== */
.bn_list								{position:relative; padding:30px 0; }
.bn_list p								{position: absolute; content: ''; display:block; top:35%; cursor:pointer;  border:solid #d1d1d1; padding:5px; transform: rotate(45deg);}
.bn_list .prev							{left:3px; border-width:0 0 3px 3px;}                    
.bn_list .next							{right:3px; border-width:3px 3px 0 0;}
.bn_list p:hover						{border-color:#333;}



@media screen and (max-width:1024px) {
	.visual_acc						{padding:0 15px; top:30%; transform:translateY(-30%);}

	.visual_acc dl dt				{font-size:2em; line-height:1.2;}
	.visual_acc dl dt br			{display:block;}
	.visual_acc dl dd				{font-size:1.4em; margin-top:10px;}
	.visual_acc dl dd span			{font-size:20px;}
	.visual_acc dl img				{width:280px; margin-bottom:20px;}

	.main_visual li					{height:960px;}

	.mainWrap .banner				{margin-top:30px;}
	.mainWrap .banner li			{font-size:0.95em; width:auto; margin:0 5px;}
	.mainWrap .banner li:before		{width:80px; height:80px; margin:0 auto 7px auto; background-size:85px;}

	.bn_list						{padding:20px 10px;}
}



@media screen and (max-width:768px) {
	.visual_acc dl dt				{font-size:1.6em; line-height:1.2;}
	.visual_acc dl dt br			{display:block;}
	.visual_acc dl dd span			{font-size:15px; letter-spacing:0.5px;}
	.visual_acc dl img				{width:200px; margin-bottom:10px;}

	.main_visual li					{height:720px;}

	.bn_list img					{width:75%;}
}