@charset "UTF-8";
/* ==========================================================================
SLIDE STYLE
========================================================================== */
#loader{position:absolute;width:100%;height:100%;top:0;right:0;bottom:0;left:0;z-index:1000}
.no-js #loader{display:none}
.loader_content{position:absolute;width:300px;height:170px;text-align:center;top:50%;left:50%;margin-top:-85px;margin-left:-150px}
.loader_content span{display:inline-block;font-size:1em;margin-top:10px;animation:loadingAnimation 2s infinite;-moz-animation:loadingAnimation 2s infinite;-webkit-animation:loadingAnimation 2s infinite;-o-animation:loadingAnimation 2s infinite}
.main_content{display:none}
.no-js .main_content{display:block}
.slide{width:990px;height:2800px;position:relative}
.slide_05{height:1000px}
.prelude{height:3200px}
.slide_headline header{position:absolute;z-index:10000;bottom:-20px;right:-200px;opacity:0}
.call_to_action{display:block;position:relative;padding-right:60px;text-align:right;position:relative;margin-top:-6px}
.call_to_action:hover .cta_plus_sphere{background-position:left 0;-webkit-transition:all 200ms ease-out;-moz-transition:all 200ms ease-out;transition:all 200ms ease-out}
.call_to_action:hover .cta_plus_halo{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transition:all 200ms ease-out;-moz-transition:all 200ms ease-out;transition:all 200ms ease-out}
.cta_plus{position:absolute;top:0;right:0;width:60px;height:60px}
.cta_plus_halo{position:absolute;top:50%;left:50%;width:60px;height:60px;margin-top:-30px;margin-left:-30px;z-index:0;-webkit-transition:all 200ms ease-out;-moz-transition:all 200ms ease-out;transition:all 200ms ease-out;-webkit-transform:scale(0.9);-moz-transform:scale(0.9);-o-transform:scale(0.9);transform:scale(0.9)}
.cta_plus_sphere{position:absolute;top:50%;left:50%;width:34px;height:34px;margin-top:-18px;margin-left:-18px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background:#000 url("../images/cta_plus_bg.jpg") no-repeat 0 -34px;border:1px solid #fff;z-index:1;box-shadow:0 0 0 2px #000 inset;-webkit-transition:all 100ms ease-out;-moz-transition:all 100ms ease-out;transition:all 100ms ease-out}
.call_to_action h1,.call_to_action .h1-like{padding-top:6px;font-size:3.8em;line-height:50px}
.call_to_action h1,.call_to_action .h1-like,.slide_headline header h2,.slide_headline header .h2-like{margin-bottom:0}
.slide_headline header h2,.slide_headline header .h2-like{line-height:20px;text-align:right;padding-right:60px;color:#999}
#slide_02 .slide_headline header h2{padding-right:0}
#slide_02 .slide_headline header .h1-like{color:#fff}
.slide_headline_bg{max-width:510px}
.slide_headline_bg .top{padding-top:20px;background:transparent url("../images/top.png") no-repeat left top}
.slide_headline_bg .bottom{padding-bottom:20px;background:transparent url("../images/bottom.png") no-repeat left bottom}
.slide_headline_bg .content{background-color:#000;padding:16px 0 16px 24px}
.slide_headline,.slide_illustrations,.slide_main_content{position:fixed;height:600px;width:970px;left:50%;top:50%;margin-top:-350px;margin-left:-495px}
.isTablet .slide_main_content{margin-top:-230px;z-index:10000}
.slide_illustrations,.slide_main_content{opacity:1}
.slide_headline{display:none}
.slide_main_content{visibility:hidden;height:540px;margin-top:-280px;z-index:100}
.prelude .slide_illustrations{opacity:1}
#slide_01 .slide_illustrations{z-index:10}
#slide_02 .slide_illustrations{z-index:9}
#slide_03 .slide_illustrations{z-index:8}
#slide_04 .slide_illustrations{z-index:7}
#slide_05 .slide_illustrations{z-index:6}
.slide_illustrations div,.prelude_content{position:absolute}
.slide_illustrations div{width:1200px}
#slide_01_main{width:721px;height:430px}
.prelude_content{left:0;right:0;top:280px}
.prelude_content header{height:180px;margin-bottom:70px}
.prelude_main_title,.prelude_sub_title{color:#8d8d8d;font-family:skodapro_light}
.prelude_main_title{font-size:3.6em;line-height:16px}
.ie7 .prelude_main_title{line-height:40px}
.prelude_highlight_01,.prelude_highlight_02{display:inline-block;position:absolute}
.prelude_highlight_01{top:0;left:280px}
.prelude_highlight_01, .prelude_sub_title{font-family: Verdana;}
.prelude_highlight_02{top:30px;left:180px;width:634px;height:95px;font-size:2em;color:#fff;text-indent:-5000px;background:transparent url("../images/rudolf_logo.png") no-repeat 0 0}
.prelude_sub_title{position:absolute;top:140px;left:450px;font-size:2.6em}
#prelude .prelude_call_to_action,#prelude .box_mousewheel{position:static}
#prelude .prelude_call_to_action{position:absolute;z-index:10000;width:auto;top:500px;left:0;right:0;text-align:center}
.prelude_call_to_action_text{margin-bottom:14px;font-size:1.2em;color:#fff;opacity:.7}
#prelude .box_mousewheel{position:relative;display:inline-block;height:70px;width:70px;background:transparent url("../images/prelude_call_to_action_bg.png") no-repeat 0 0}
.isTablet #prelude .box_mousewheel{background:0}
.box_mousewheel .mousewheel_icon,.box_mousewheel .arrow_top,.box_mousewheel .arrow_bottom{position:absolute}
.box_mousewheel .arrow_top,.box_mousewheel .arrow_bottom{left:29px}
.box_mousewheel .mousewheel_icon{top:16px;left:30px}
.box_mousewheel .arrow_top{top:0}
.box_mousewheel .arrow_bottom{bottom:0}
#prelude_illustration_01{top:-64px;left:-110px;z-index:10}
#prelude_illustration_02{top:90px;left:10px;z-index:9}
#slide_01_main{z-index:8;top:50px;left:150px;opacity:0;}
#slide_01_main_a{z-index:8;top:50px;left:150px;opacity:0;}
#slide_01_main_b{z-index:8;top:50px;left:150px;opacity:0;}
#slide_01_main_c{z-index:8;top:50px;left:150px;opacity:0;}
#slide_01_illustration_01_a{z-index:9;top:44px;left:-70px;width:350px;}
#slide_01_illustration_01_b{z-index:9;top:200px;left:800px;width:350px;}
#slide_01_illustration_01_c{z-index:9;top:400px;left:130px;width:350px;}
#slide_01_illustration_02{z-index:7;top:250px;left:540px;opacity:0}
#slide_01_illustration_03{z-index:6;top:100px;left:40px}
#slide_01_illustration_04{z-index:5;top:100px;left:450px}
#slide_01_illustration_05_a{z-index:10;top:250px;left:-160px;width:320px;opacity:0;}
#slide_01_illustration_05_b{z-index:10;top:450px;left:800px;width:320px;opacity:0;}
#slide_01_illustration_05_c{z-index:10;top:550px;left:420px;width:320px;opacity:0;}
#slide_02_main{z-index:9;top:0px;left:240px}
#slide_02_illustration_01{z-index:10;top:-60px;left:-72px}
#slide_02_illustration_02{z-index:8;top:26px;left:278px;opacity:0}
#slide_02_illustration_03{z-index:7;top:16px;left:0px}
#slide_02_illustration_04{z-index:6;top:98px;left:820px}
#slide_02_illustration_05{z-index:6;top:-150px;left:600px}
#slide_02_illustration_06{z-index:6;top:-60px;left:-72px}
#slide_03_main{z-index:9;top:134px;left:300px;opacity:0}
#slide_03_illustration_01{z-index:10;top:20px;left:-50px}
#slide_03_illustration_02{z-index:8;top:64px;left:234px}
#slide_03_illustration_03{z-index:7;top:280px;left:174px}
#slide_04_main{z-index:6;top:230px;left:120px;opacity:0;}
#slide_04_illustration_01{z-index:10;top:360px;left:386px}
#slide_04_illustration_02{z-index:9;top:-150px;left:380px}
#slide_04_illustration_03{z-index:8;top:-80px;left:-80px}
#slide_04_illustration_04{z-index:7;top:170px;left:50px}
#slide_04_illustration_05{z-index:5;top:106px;left:460px}
#slide_05 .slide_main_content{height:600px;margin-top:-400px;opacity:0}
#slide_05 header{margin-bottom:16px;padding-right:0}
#slide_05 header h1{font-size:1.5em;line-height:60px;margin-bottom:0}
#slide_05 header h2{font-size:1.5em;height:21px;}
.slide_main_content_title{float:left;width:600px}
.slide_main_content_promo{float:right;width:340px}
.slide_main_content header h1{font-size:8em;line-height:80px}
.slide_main_content header h2{font-size:5em;line-height:60px;margin-bottom:6px}
.slide_main_content header{padding-right:60px;margin-bottom:50px}
#slide_02 .slide_main_content header,#slide_03 .slide_main_content header{margin-bottom:10px}
.box_try_it header{text-align: center;}

/*FORM*/

label {
	color: #fff;
	display: block;
	font-size: 1.2em;
	margin: 14px 0 0 0;
	width: 70px;
	clear: left;
	float: left;
}
	/* input[type="text"],
	input[type="password"],
	input[type="email"],
	select,
	textarea {
		-moz-appearance: none;
		-webkit-appearance: none;
		-ms-appearance: none;
		appearance: none;
		background: rgba(144, 144, 144, 0.25);
		border-radius: 3px;
		border: none;
		color: inherit;
		display: block;
		outline: 0;
		padding: 0 16px;
		text-decoration: none;
		width: 100%;
		font-size: 1.2em;
		line-height:20px;
	}
	input[type="text"],
	input[type="password"],
	input[type="email"],
	select {
		height: 2.75em;
	}
	textarea {
		padding: 10px 16px;
		width: 933px;
	} */

	input[type="submit"],
	input[type="reset"],
	input[type="button"],
	button,
	.button {
		-moz-appearance: none;
		-webkit-appearance: none;
		-ms-appearance: none;
		appearance: none;
		-moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
		-webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
		-ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
		transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
		background-color: #fff;
		border-radius: 3px;
		border: 0;
		box-shadow: inset 0 0 0 2px #fff;
		color: #aaa;
		cursor: pointer;
		display: inline-block;
		font-size: 1.2em;
		font-weight: 600;
 /* 2023.05.09 add h.suzuki batmanPC表示サイズ対応 */
		width: 300px;
		height: 10em;
		/* width: 140px;
		height: 3.125em; */
		letter-spacing: 0.225em;
		line-height: 3.125em;
		padding: 0 2.75em;
		text-align: center;
		text-decoration: none;
		text-transform: uppercase;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

		input[type="submit"].special,
		input[type="reset"].special,
		input[type="button"].special,
		button.special,
		.button.special {
			background-color: #ed4933;
			box-shadow: none !important;
			color: #ffffff !important;
		}
		input[type="submit"].disabled,
		input[type="submit"]:disabled,
		input[type="reset"].disabled,
		input[type="reset"]:disabled,
		input[type="button"].disabled,
		input[type="button"]:disabled,
		button.disabled,
		button:disabled,
		.button.disabled,
		.button:disabled {
			-moz-pointer-events: none;
			-webkit-pointer-events: none;
			-ms-pointer-events: none;
			pointer-events: none;
			opacity: 0.25;
		}

	form div:last-child{
		margin-bottom: 10px;
		box-sizing:border-box;
		text-align: center;
	}

	input:-webkit-autofill{
		background: rgba(144, 144, 144, 0.25);
	}


.half{
	display: block;
	overflow: hidden;
	width: 700px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
}


.half input,.half textarea{
	float: left;
	width: 500px;
	margin-left: 20px;
	margin-top: 4px;
	margin-bottom: 4px;
	box-sizing:border-box;
}

span.required{
	color: red;
}

/* 3D POINtER */

#outer{
	z-index: 0;
	position: fixed;
}

#mainCanvas.view{
	z-index: 0;
	height:15500px;
	width:2090px;
	position: fixed;
}


/* POSITION */

.left{
	float: left;
}
.right{
	float: right;
}
.clear{
	clear: both;
}

/* MODAL */

.modal_link{
	cursor: pointer;
}

.modal, .modal_check, .modal_footer{
	display:none;
	opacity: 0;
	position: fixed;
	z-index:9999 !important;
	left:50%;
	top:50%;
}

.modal{
	font-size: 28px;
	line-height: 40px;
	letter-spacing: 2px;
}

.modal_check{
	color: #333;
	border-radius: 5px;
	width: 600px;
	padding: 40px 60px;
	background: #fff;
	text-align: center;
}

.modal_check p{
	font-size: 14px;
	margin-bottom: 30px;
}

.modal_check dl{
	width: 430px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	text-align: left !important;
	font-size: 14px;
}

.modal_check dl:after{
	content: "";
	display: block;
	clear: both;
}

.modal_check dl dt{
	float: left;
	clear: both;
	width: 80px;
	padding-bottom: 10px;
}
.modal_check dl dd{
	float: right;
	width: 350px;
	padding-bottom: 10px;
	word-break: break-word;
}

.modal_check input[type="submit"][disabled]{
	background: #999;
}


.modal_check input[type="button"]{
	border: 1px solid #999;
	background: #fff !important;
	color: #aaa !important;
}


.modal_check input[type="button"]:hover{
	background: #fff !important;
	color: #aaa !important;
}

.modal_footer{
	color: #333;
	border-radius: 5px;
	width: 600px;
	padding: 40px 60px;
	background: #fff;
	text-align: center;
}

.modalBK, .modalBK_check, .modalBK_footer{
	display: none;
	position: fixed;
	z-index:9998;
	background:#000;
	opacity: 0.6;
	filter: alpha(opacity=90);
	-moz-opacity:0.90;
}

.modalBK, .modalBK_footer{
	left: 0;
	top: 0;
	height:100%;
	width:100%;
}

.modalBK_check{
	width: 4000px;
	height: 4000px;
	left: -1000px;
	top: -1000px;
}



/* MEDIA QUERY */

@media screen and (max-width: 1600px){
	#prelude .slide_illustrations,
	#slide_05 .slide_main_content{
		transform:scale(0.8,0.8);
	}

	.slide_headline{
		transform:scale(0.7,0.7);
	}
}

@media screen and (max-width: 400px){

	.footer_navigation_wrapper{
		transform:scale(1.8,1.8);
	}
}