@charset "UTF-8";


body {
	overflow-x: hidden;
/*	border: 1px solid red; */
}
#contents {
	width: 100%;
}

#top_mb {
	display: none;
}

.screen_wrap {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}


.top_area {
	width: 600px;
	height: 200px;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}

.corp_info {
	width: 600px;
	height: 80px;
	position: absolute;
	top: 0;
	bottom: auto;
	left: 0;
	right: 0;
	margin: auto;
}

.ikkologo_new {
	width: 145px;
	height: 62px;
	position: absolute;
	top: auto;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}
.ikkologo_new > img {
	width: 100%;
}

.top_wrap {
	width: 225px;
	height: 60px;
	position: fixed;
	top: 100px; /* 17/02/03 adjust */
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}
.top_title1, .top_title1_1, .top_title1_2, .top_title1_3, .top_title1_4, .top_title1_5, .top_title1_6, .top_title2, .top_title3, .top_title4, .top_title5 {
	font-size: 18px;
	letter-spacing: 0.3em;
	position: absolute;
	top: 0; /* none 50th => 0px */
	left: 5px;
}
.top_title1_1 {
	left: 5px;
}
.top_title1_2 {
	left: 28px;
}
.top_title1_3 {
	left: 51px;
}
.top_title1_4 {
	left: 75px;
}
.top_title1_5 {
	left: 98px;
}
.top_title1_6 {
	left: 122px;
}
.top_title2 {
	left: 140px;
}
.top_title3 {
	left: 164px;
}
.top_title4 {
	left: 188px;
}
.top_title5 {
	left: 212px;
}

.top_sub {
	font-weight: 100;
	font-size: 12px;
	color: #9fa0a0;
	letter-spacing: 0.2em;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	padding-left: 50px;
}

.pageDown {
	width: 45px;
	position: fixed;
	margin-left: -23px;
	bottom: 17px;
	z-index: 10;
}
.pageDown img {
	width: 100%;	
}
.pageDown a {
	display: block;	
}

.top_border {
	background-color: #111;
	width: 5px;
	border: 2px solid #111;
	box-shadow: rgb(0, 1, 17) 0px 0px 2px 2px;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}

.pagetitle > h1 {
	font-size: 20px;
	letter-spacing: 0.5em;
	margin-bottom: 15px;
}
.pagetitle > p {
	font-size: 13px;
	line-height: 2.5em;
}


.top_bg1 {
	width: 100%;
}
.bg1_01, .bg1_02, .bg1_03, .bg1_04, .bg1_05, .bg1_06, .bg1_07, .bg1_08, .bg1_09, .bg1_10, .bg1_11, .bg1_12, .bg1_13, .bg1_14, .bg1_15, .bg1_16, .bg1_17, .bg1_18, .bg1_19 {
	width: 100%;
	height: 1000px; /* 合計19000px */
	background-size: 1500px 100%;
	background-position: center;
	background-repeat: no-repeat;
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
}
.top_bg1 .bg1_01 {
	background-image: url(../images/top/top_bg1/top_bg1_01.png);
	top: 5600px;
}
.top_bg1 .bg1_02 {
	background-image: url(../images/top/top_bg1/top_bg1_02.png);
	top: 6600px;
}
.top_bg1 .bg1_03 {
	background-image: url(../images/top/top_bg1/top_bg1_03.png);
	top: 7600px;
}
.top_bg1 .bg1_04 {
	background-image: url(../images/top/top_bg1/top_bg1_04.png);
	top: 8600px;
}
.top_bg1 .bg1_05 {
	background-image: url(../images/top/top_bg1/top_bg1_05.png);
	top: 9600px;
}
.top_bg1 .bg1_06 {
	background-image: url(../images/top/top_bg1/top_bg1_06.png);
	top: 10600px;
}
.top_bg1 .bg1_07 {
	background-image: url(../images/top/top_bg1/top_bg1_07.png);
	top: 11600px;
}
.top_bg1 .bg1_08 {
	background-image: url(../images/top/top_bg1/top_bg1_08.png);
	top: 12600px;
}
.top_bg1 .bg1_09 {
	background-image: url(../images/top/top_bg1/top_bg1_09.png);
	top: 13600px;
}
.top_bg1 .bg1_10 {
	background-image: url(../images/top/top_bg1/top_bg1_10.png);
	top: 14600px;
}
.top_bg1 .bg1_11 {
	background-image: url(../images/top/top_bg1/top_bg1_11.png);
	top: 15600px;
}
.top_bg1 .bg1_12 {
	background-image: url(../images/top/top_bg1/top_bg1_12.png);
	top: 16600px;
}
.top_bg1 .bg1_13 {
	background-image: url(../images/top/top_bg1/top_bg1_13.png);
	top: 17600px;
}
.top_bg1 .bg1_14 {
	background-image: url(../images/top/top_bg1/top_bg1_14.png);
	top: 18600px;
}
.top_bg1 .bg1_15 {
	background-image: url(../images/top/top_bg1/top_bg1_15.png);
	top: 19600px;
}
.top_bg1 .bg1_16 {
	background-image: url(../images/top/top_bg1/top_bg1_16.png);
	top: 20600px;
}
.top_bg1 .bg1_17 {
	background-image: url(../images/top/top_bg1/top_bg1_17.png);
	top: 21600px;
}
.top_bg1_titlebase, .top_bg2_titlebase, .top_bg3_titlebase {
	width: 100%;
	background-color: #fff;
	height: 400px;
	border-radius: 5px;
	position: fixed;
	bottom: 0;
	opacity: 0.9;
}
.top_bg1_titlebottom, .top_bg2_titlebottom, .top_bg3_titlebottom {
	height: 245px;
	bottom: 77px;
	position: fixed;
	margin-left: -450px;
	z-index: 2;
}


.localnav_wrap {
	width: 300px;
	position: fixed;
	margin-right: -450px;
	bottom: 270px;
	z-index: 2;
}
.localnav li {
	font-size: 12px;
	width: 100%;
	margin-bottom: 5px;
	text-align: right;
}
.localnav a {
	padding-left: 100px;
	padding-right: 45px;
}
.localnav li a:hover {
	text-decoration: none;
	color: #595757;
}
.localnav .square {
	color: #8e8e8f;
}


.sectionnav_wrap {
	width: 50px;
	height: 175px;
	position: fixed;
	margin-right: -470px;
	bottom: 77px;
	z-index: 2;
}
.sectionnav_wrap img {
	width: 100%;
}
.sectionnav_wrap > a {
	display: block;
	transition: 0.3s ease-in-out;
}
.sectionnav_wrap > a:hover {
	opacity: 0.3; 	
	filter: alpha(opacity=30);
}


.top_bg2 {
	background-image: url(../images/top/top_bg2/top_bg2.png);
	background-size: 2100px 1014px;
	background-position: center;
	background-repeat: no-repeat;
	width: 2100px;
	height: 1014px;
	position: fixed;
	top: 0;
	z-index: 0.5;
}
.top_bg2_bg {
	background-image: url(../images/top/top_bg2/top_bg2_base.png);
	background-size: 2000px 1014px;
	background-position: center;
	background-repeat: no-repeat;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	z-index: 0.1;
}


.top_bg3 {
	width: 100%;
}
.bg3_01, .bg3_02, .bg3_03, .bg3_04, .bg3_05, .bg3_06, .bg3_07, .bg3_08, .bg3_09, .bg3_10, .bg3_11, .bg3_12, .bg3_13, .bg3_14, .bg3_15, .bg3_16, .bg3_17, .bg3_18, .bg3_19, .bg3_20 {
	width: 100%;
	height: 1239px; /* 合計24780px <- 30000 */
	background-size: 1500px 100%;
	background-position: center;
	background-repeat: no-repeat;
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
}
.top_bg3 .bg3_01 {
	background-image: url(../images/top/top_bg3/top_bg3_01.png);
	top: 41800px;
}
.top_bg3 .bg3_02 {
	background-image: url(../images/top/top_bg3/top_bg3_02.png);
	top: 43038px;
}
.top_bg3 .bg3_03 {
	background-image: url(../images/top/top_bg3/top_bg3_03.png);
	top: 44276px;
}
.top_bg3 .bg3_04 {
	background-image: url(../images/top/top_bg3/top_bg3_04.png);
	top: 45514px;
}
.top_bg3 .bg3_05 {
	background-image: url(../images/top/top_bg3/top_bg3_05.png);
	top: 46752px;
}
.top_bg3 .bg3_06 {
	background-image: url(../images/top/top_bg3/top_bg3_06.png);
	top: 47990px;
}
.top_bg3 .bg3_07 {
	background-image: url(../images/top/top_bg3/top_bg3_07.png);
	top: 49228px;
}
.top_bg3 .bg3_08 {
	background-image: url(../images/top/top_bg3/top_bg3_08.png);
	top: 50466px;
}
.top_bg3 .bg3_09 {
	background-image: url(../images/top/top_bg3/top_bg3_09.png);
	top: 51704px;
}
.top_bg3 .bg3_10 {
	background-image: url(../images/top/top_bg3/top_bg3_10.png);
	top: 52942px;
}
.top_bg3 .bg3_11 {
	background-image: url(../images/top/top_bg3/top_bg3_11.png);
	top: 54180px;
}
.top_bg3 .bg3_12 {
	background-image: url(../images/top/top_bg3/top_bg3_12.png);
	top: 55418px;
}
.top_bg3 .bg3_13 {
	background-image: url(../images/top/top_bg3/top_bg3_13.png);
	top: 56656px;
}
.top_bg3 .bg3_14 {
	background-image: url(../images/top/top_bg3/top_bg3_14.png);
	top: 57894px;
}
.top_bg3 .bg3_15 {
	background-image: url(../images/top/top_bg3/top_bg3_15.png);
	top: 59132px;
}
.top_bg3 .bg3_16 {
	background-image: url(../images/top/top_bg3/top_bg3_16.png);
	top: 60370px;
}
.top_bg3 .bg3_17 {
	background-image: url(../images/top/top_bg3/top_bg3_17.png);
	top: 61608px;
}
.top_bg3 .bg3_18 {
	background-image: url(../images/top/top_bg3/top_bg3_18.png);
	top: 62846px;
}
.top_bg3 .bg3_19 {
	background-image: url(../images/top/top_bg3/top_bg3_19.png);
	top: 64084px;
}
.top_bg3 .bg3_20 {
	background-image: url(../images/top/top_bg3/top_bg3_20.png);
	top: 65322px;
}


.top_bg4 {
	width: 100%;
	z-index: 999;
}
.fade_white {
	width: 100%;
	height: 5000px;
	position: absolute;
	background-color: #fff;
	top: 67000px;
	z-index: 999;
}
.bg4_01, .bg4_02, .bg4_03, .bg4_04, .bg4_05, .bg4_06, .bg4_07, .bg4_08, .bg4_09, .bg4_10, .bg4_11, .bg4_12, .bg4_13, .bg4_14, .bg4_15, .bg4_16, .bg4_17, .bg4_18, .bg4_19, .bg4_20 {
	width: 100%;
	height: 2115px; /* 合計42300px */
	background-size: 2000px 100%;
	background-position: center;
	background-repeat: no-repeat;
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
}
.top_bg4 .bg4_01 {
	background-image: url(../images/top/top_bg4/top_bg4_01.png);
	top: 67065px;
}
.top_bg4 .bg4_02 {
	background-image: url(../images/top/top_bg4/top_bg4_02.png);
	top: 69179px;
}
.top_bg4 .bg4_03 {
	background-image: url(../images/top/top_bg4/top_bg4_03.png);
	top: 71293px;
}
.top_bg4 .bg4_04 {
	background-image: url(../images/top/top_bg4/top_bg4_04.png);
	top: 73407px;
}
.top_bg4 .bg4_05 {
	background-image: url(../images/top/top_bg4/top_bg4_05.png);
	top: 75521px;
}
.top_bg4 .bg4_06 {
	background-image: url(../images/top/top_bg4/top_bg4_06.png);
	top: 77635px;
}
.top_bg4 .bg4_07 {
	background-image: url(../images/top/top_bg4/top_bg4_07.png);
	top: 79749px;
}
.top_bg4 .bg4_08 {
	background-image: url(../images/top/top_bg4/top_bg4_08.png);
	top: 81863px;
}
.top_bg4 .bg4_09 {
	background-image: url(../images/top/top_bg4/top_bg4_09.png);
	top: 83977px;
}
.top_bg4 .bg4_10 {
	background-image: url(../images/top/top_bg4/top_bg4_10.png);
	top: 86091px;
}
.top_bg4 .bg4_11 {
	background-image: url(../images/top/top_bg4/top_bg4_11.png);
	top: 88205px;
}
.top_bg4 .bg4_12 {
	background-image: url(../images/top/top_bg4/top_bg4_12.png);
	top: 90319px;
}
.top_bg4 .bg4_13 {
	background-image: url(../images/top/top_bg4/top_bg4_13.png);
	top: 92433px;
}
.top_bg4 .bg4_14 {
	background-image: url(../images/top/top_bg4/top_bg4_14.png);
	top: 94547px;
}
.top_bg4 .bg4_15 {
	background-image: url(../images/top/top_bg4/top_bg4_15.png);
	top: 96661px;
}
.top_bg4 .bg4_16 {
	background-image: url(../images/top/top_bg4/top_bg4_16.png);
	top: 98775px;
}
.top_bg4 .bg4_17 {
	background-image: url(../images/top/top_bg4/top_bg4_17.png);
	top: 100889px;
}
.top_bg4 .bg4_18 {
	background-image: url(../images/top/top_bg4/top_bg4_18.png);
	top: 103003px;
}
.top_bg4 .bg4_19 {
	background-image: url(../images/top/top_bg4/top_bg4_19.png);
	top: 105117px;
}
.top_bg4 .bg4_20 {
	background-image: url(../images/top/top_bg4/top_bg4_20.png);
	top: 107231px;
}


.roundObj_bottom {
	background-color: #111;
	width: 5px;
	border: 2px solid #111;
	border-radius: 2px;
	box-shadow: rgb(0, 1, 17) 0px 0px 2px 2px;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}
.top_bg4_titlebottom {
	bottom: 50px;
	position: fixed;
	margin-left: -450px;
}
.scroll4_text {
	width: 260px;
	height: 510px;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}
.scroll4_text p {
	font-size: 11px;
	line-height: 29px;
	color: #000;
}

#top_corplogo {
	width: 150px;
	height: 64px;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}
#top_corplogo img {
	width: 100%;
}

.wrapper_btm {
	width: 100%;
	border-bottom: 1px solid #9fa0a0;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
}

.parallax {
	width: 100%;
	height: 134530px;
}