@charset "utf-8"; 
 
 /* VISUAL    ================================================================================== */
.main_visual							{position:relative; overflow: hidden; }
.main_visual .visual_item				{content:''; animation:imgScale 3s both;}
.main_visual li							{position:relative; height:680px;}

.visual_acc								{position:absolute; width:100%; left:50%; top:45%; transform:translate(-50%, -45%); z-index:100; text-align:center; color:#fff; }
.visual_acc dt							{font-family: 'S-CoreDream-9Black'; font-size:42px; line-height:140%; text-shadow: 3px 3px 5px rgba(0,0,0,0.2);}
.visual_acc dt img						{display:block; margin:0 auto 10px auto;}
.visual_acc dd							{margin-top:30px; font-family: 'S-CoreDream-3Light'; font-sizE:1.4em; line-height:160%;}	
.visual_acc em							{display:block; font-family: 'S-CoreDream-9Black'; font-size:33px; font-style:normal; }
.visual_acc span						{font-family: 'S-CoreDream-3Light'; font-size:20px;}


 /* CONTENTS    ================================================================================== */
.main_wrap								{background:url("../image/main/acc_bg.png") no-repeat 80% -40px;}

.cont01									{position:relative; padding:80px 0;}	
.cont01:after							{content:''; display:block; clear:both;}

.main_bn								{text-align:center; float:left; margin:60px 0 0 0;}
.main_bn li								{display:inline-block; width:200px; text-align:center;}
.main_bn li a							{font-weight:500; font-size:1.15em; color:#222; letter-spacing:-0.75px;}
.main_bn img							{display:block; width:110px; background:#a80e0e; border-radius:100%; margin:0 auto 20px auto;}
.main_bn li:hover img					{background:#232121;}

.cont01 .video							{position:relative; float:right; width:35%;}
.cont01 .video .wrap					{position: relative; width: 100%; height: 280px; padding-top:50%;}
.cont01 .video iframe					{position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; }
.cont01 .video img						{border-radius:5px;}

.cont02									{position:relative; overflow:hidden; padding:0 0 80px 0;}	
.cont02 .lt								{position:relative; overflow:hidden; background:#a80e0e; width:37%; z-index:1; height:260px;}
.cont02 .lt dl							{color:#fff; float:right; padding:50px 0 0 0; width:330px;}
.cont02 .lt dl dt						{font-size:2.2em; letter-spacing:-1px; line-height:120%; font-weight:100; margin-bottom:10px;}
.cont02 .lt dl dd						{font-size:0.95em; line-height:160%; opacity:0.9;}
.cont02 .rt								{position:relative; background:url("../image/main/acc_bg02.jpg") no-repeat center top; background-size:cover; height:400px; float:right; width:80%; margin-top:-180px; }
.cont02 .rt dl							{color:#fff; padding:80px 0 0 25%;}
.cont02 .rt dt							{font-size:2em; letter-spacing:-1px; line-height:120%; font-weight:700; margin-bottom:30px;}
.cont02 .rt dt:before					{content:''; display:block; width:40px; height:1px; background:#fff; margin:0 0 20px 0;}
.cont02 .rt dd							{line-height:180%; font-size:1.05em; letter-spacing:-0.5px; opacity:0.9;}
.cont02 .rt dd strong					{float:left; font-weight:700; width:100px; }

.bn_list								{position:relative; padding:40px 0; border-top:1px solid #ddd; }
.bn_list p								{position: absolute; content: ''; display: block; top: 35%; cursor:pointer;  width: 12px; height: 12px; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.bn_list .prev							{left:0;  border-left: 3px solid #d1d1d1; border-bottom: 3px solid #d1d1d1; }                    
.bn_list .next							{right:3px; border-top: 3px solid #d1d1d1; border-right: 3px solid #d1d1d1;}


/* screen 1200*/
@media screen and (max-width:1200px) {

	.main_wrap						{background-position:right -40px;}
	.cont01							{padding:80px 15px;}
	.bn_list						{padding:40px 15px;}

}


/* screen 1024 */
@media screen and (max-width:1024px) {

	.main_wrap						{background:none;}

	.main_visual li					{height:480px;}	
	.visual_acc dt img				{width:200px;}
	.visual_acc dt					{font-size:33px;}
	.visual_acc em					{font-size:25px;}
	.visual_acc span				{font-size:16px;}
	.visual_acc dd					{font-size:1.2em;}

	.cont01							{padding:40px 15px;}
	.cont01 .video					{float:none; width:100%;}
	.cont01 .video .wrap			{height:100%;}
	.main_bn						{float:none; margin:0 0 40px 0;}
	.main_bn li a					{font-size:0.95em; line-height:100%;}
	.main_bn img					{width:85px; margin:0 auto 10px auto;}

	.cont02							{padding:0 0 40px 0;}
	.cont02 .lt						{height:100%; width:50%;}
	.cont02 .lt dl					{width:100%; padding:30px 20px; float:none;}
	.cont02 .lt dl dt				{font-size:1.6em;}
	.cont02 .lt dl dd				{font-size:0.9em;}
	.cont02 .rt						{height:100%; margin-top:-60px;}
	.cont02 .rt dl					{padding:80px 40px 60px 40px;}
	.cont02 .rt dt					{font-size:1.6em; margin-bottom:20px;}
	.cont02 .rt dt:before			{width:35px;}
	.cont02 .rt dd					{font-size:0.95em;}

	.bn_list						{padding:20px 15px;}

}



/* screen 768 */
@media screen and (max-width:768px) {

	.main_visual li					{height:420px;}	
	.visual_acc dt					{font-size:28px;}
	.visual_acc dd					{margin:10px 10px 0 10px;}

	.main_bn						{overflow:hidden;}
	.main_bn li						{display:block; float:left; width:33%;}


}