@charset "UTF-8";
html {
    scroll-behavior: smooth;
}
#SNSbox{
    width: 100%;
    border: solid 1px #fbf200;
    padding: 30px;
    margin: 50px auto;
	box-sizing: border-box;
}
#SNSbox p{
    font-size: 1.3rem;
    margin-bottom: 20px;
	text-align: center;
}
#SNSbox img{
    width: 100%;
}
#SNSbox ul{
    display: flex;
    gap: 20px;
    padding: 0;
	justify-content: center;
}
#bodyContent {
	background: url(../img/shared/bg_white.gif) repeat left top;
	overflow: hidden;
}

#anchorNav {
	top: 20%;
	position: fixed;
	z-index: 200;
}
#anchorNav ul {
	position: relative;
}

#anchorNav li {
	margin-left: -123px;
	margin-bottom: 2px;
}

#mainArea {
	left: 0;
	top: 0;
	position: fixed;
	min-width: 960px;
	width: 100%;
}

#mainPhoto {
	position: absolute;
	min-width: 960px;
	width: 100%;
}

#mainTtl {
	margin-top: 0;
	/* opacity: 0; */
}

#mainTtl div {
	margin: 0 auto;
	position: relative;
	height: 585px;
	width: 626px;
}

#mainTtl div img {
	position: absolute;
}

#mainSun {
	left: 0;
	top: 0;
	z-index: 1;
}

#mainPop {
	left: 392px;
	top: 256px;
	z-index: 3;
}

#mainLogo {
	left: 140px;
	top: 135px;
	z-index: 2;
}

#stage2 {
	background: url(../img/shared/bg_white.gif) repeat left top;
	margin-top: 685px;
	overflow: hidden;
	position: relative;
	min-width: 960px;
	width: 100%;
	z-index: 100;
}

#bgWave2 {
	height: 200px;
	position: absolute;
	z-index: 40;
	top: 0;
	width: 100%;
	min-width: 960px;
}

.pt0 {
	padding-top: 0 !important;
}

/* bodyContent */
.bodyContent {
	position: relative;
	margin: 0 auto;
	width: 960px;
	zoom: 1;
	z-index: 40;
}

.bodyContent:after {
	content: ".";
	display: block;
	clear: both;
	height: 0px;
	visibility: hidden;
}

/* top */
#topContent {
	height: 1056px;
}

#topArea1 {
	/* background: url(../img/report/top_icon_report.png) no-repeat left top; */
	padding: 8px 0 0 99px;
	margin: 46px 0 0 8px;
}

#topArea1-t1 {
	margin-bottom: 10px;
}

#topArea1-t2 {}

/*topArea common*/
#topArea3 img, #topArea4 img, #topArea5 img {
	position: absolute;
}

/*2*/
#topArea2 {
	height: 600px;
	position: relative;
}

/*3*/
#topArea3 {
	margin-top: 41px;
	position: absolute;
}

#topArea3-t1 {
	/*display: none;*/
	left: 299px;
	top: 68px;
}
#topArea3-t2 {
	/*display: none;*/
	left: 85px;
	top: 0;
	z-index: 10;
}
#topArea3-t3 {
	/*display: none;*/
	left: -5px;
	top: 106px;
}
#topArea3-t4 {
	/*display: none;*/
	left: -16px;
	top: 395px;
}

/*4*/
#topArea4 {
	margin-top: 73px;
	position: absolute;
}

#topArea4-t1 {
	/*display: none;*/
	left: 552px;
	top: 0;
}

#topArea4-t2 {
	/*display: none;*/
	left: 552px;
	top: 99px;
	z-index: 10;
}

#topArea4-t3 {
	left: 802px;
	top: -66px;
	z-index: 5;
}

/*5*/
#topArea5 {
	margin-top: 434px;
	position: absolute;
}

#topArea5-t1 {
	/*display: none;*/
	left: 395px;
	top: 0;
}

#topArea5-t2 {
	/*display: none;*/
	left: 395px;
	top: 48px;
}

#topArea5-t3 {
	/*display: none;*/
	left: 743px;
	top: -48px;
}

/*6*/
#topArea6 {
	height: 196px;
	margin-top: 78px;
	position: relative;
}

#topArea6-t1 {
	left: -76px;
	height: 0px;/*114px;*/
	overflow: hidden;
	position: absolute;
	top: 30px;
	width: 291px;
}

#topArea6-t1 img {
	left: 0;
	position: absolute;
	top: 0;
}

#topArea6-t2 {
	/*display: none;*/
	left: 232px;
	position: absolute;
	top: 0;
}

#topArea6-t3 {
	left: 729px;
	height: 0px;/*114px;*/
	overflow: hidden;
	position: absolute;
	top: 28px;
}

#topArea6-t4 {
	left: 472px;
	position: absolute;
	top: 142px;
}

/*x1*/
#x1v, #x2v, #x3v, #x4v {
	left: 0;
	top: 0;
	overflow: hidden;
	position: relative;
	height: 600px;
	min-width: 960px;
	width: 100%;
}

.xin {
	margin: 0 auto;
	position: relative;
	text-align: center;
	width: 960px;
}

.xbg {
	position: absolute;
	min-width: 1360px;
	width: 100%;
}

.xno {
	/*display: none;*/
	margin: 14px auto;
    position: absolute;
    left: 0;
    right: 0;
}

.xsun {
	/*display: none;*/
}

#x1v-t1 {
	right: 18px;
	position: absolute;
	top: 28px;
	z-index: 10;
}

#x2v-t1 {
	left: 30px;
	position: absolute;
	bottom: 30px;
	z-index: 10;
}

#x3v-t1 {
	left: 29px;
	position: absolute;
	top: 31px;
	z-index: 10;
}

#x4v-t1 {
	right: 42px;
	position: absolute;
	bottom: 30px;
	z-index: 10;
}

#x1v-t2, #x2v-t2, #x3v-t2, #x4v-t2 {
	text-align: center;
	top: 30%;
	position: absolute;
	width: 100%;
	z-index: 10;
}

#x1v-t2 div, #x2v-t2 div, #x3v-t2 div, #x4v-t2 div {
	height: 229px;
	margin: 0 auto;
	width: 229px;
}

/**/
#x1c {
	height: 1864px;
}

#x1c img {
	position: absolute;
}

#x1c-b1 {
	clear: both;
	height: 100%;
	width: 960px;
	zoom: 1;
}

#x1c-b1:after {
	content: ".";
	display: block;
	clear: both;
	height: 0px;
	visibility: hidden;
}

#x1c-t1, #x1c-t2 {
	float: left;
	height: 960px;
	position: relative;
	width: 480px;
}

#x1c-t3, #x1c-t4 {
	float: left;
	height: 904px;
	position: relative;
	width: 480px;
}

#x1c-t1-1 {
	/*display: none;*/
	left: -11px;
	top: 13px;
	z-index: 10;
}

#x1c-t1-2 {
	/*display: none;*/
	left: -12px;
	top: 163px;
	z-index: 5;
}

#x1c-t1-3 {
	/*display: none;*/
	left: 246px;
	top: 58px;
}

#x1c-t1-4 {
	/*display: none;*/
	left: 32px;
	top: 517px;
}

#x1c-t1-5 {
	/*display: none;*/
	left: 275px;
	top: 500px;
}

#x1c-t1-6 {
	/*display: none;*/
	left: 31px;
	top: 598px;
}

#x1c-t1-7 {
	/*display: none;*/
	left: 17px;
	top: 788px;
	z-index: 10;
}

#x1c-t1-8 {
	left: 288px;
	top: 816px;
}

#x1c-t2-1 {
	/*display: none;*/
	left: 168px;
	top: 100px;
}

#x1c-t2-2 {
	/*display: none;*/
	left: 51px;
	top: 291px;
}

#x1c-t2-3 {
	/*display: none;*/
	left: 30px;
	top: 371px;
}

#x1c-t2-4 {
	/*display: none;*/
	left: 13px;
	top: 561px;
}

#x1c-t2-5 {
	/*display: none;*/
	left: 247px;
	top: 535px;
	z-index: 10;
}

#x1c-t2-6 {
	/*display: none;*/
	left: 54px;
	top: 709px;
	z-index: 5;
}

#x1c-t2-7 {
	/*display: none;*/
	left: -36px;
	top: 614px;
}

#x1c-t3-1 {
	/*display: none;*/
	left: -40px;
	top: 15px;
}

#x1c-t3-2 {
	/*display: none;*/
	left: 310px;
	top: 151px;
}

#x1c-t3-3 {
	/*display: none;*/
	left: 35px;
	top: 401px;
}

#x1c-t3-4 {
	/*display: none;*/
	left: 293px;
	top: 378px;
}

#x1c-t3-5 {
	/*display: none;*/
	left: 31px;
	top: 481px;
}

#x1c-t3-6 {
	/*display: none;*/
	left: 11px;
	top: 616px;
}

#x1c-t3-7 {
	/*display: none;*/
	left: 458px;
	top: 666px;
	z-index: 10;
}

#x1c-t3-8 {
	left: 367px;
	top: 642px;
}

#x1c-t4-1 {
	/*display: none;*/
	left: 112px;
	top: 108px;
}

/**/
#x2c {
	height: 1654px;
}

#x2c img {
	position: absolute;
}

#x2c-b1 {
	clear: both;
	height: 100%;
	width: 960px;
	zoom: 1;
}

#x2c-b1:after {
	content: ".";
	display: block;
	clear: both;
	height: 0px;
	visibility: hidden;
}

#x2c-t1, #x2c-t2 {
	float: left;
	height: 1010px;
	position: relative;
	width: 480px;
}

#x2c-t3, #x2c-t4 {
	float: left;
	height: 644px;
	position: relative;
	width: 480px;
}

#x2c-t1-1 {
	/*display: none;*/
	left: -10px;
	top: 37px;
	z-index: 10;
}

#x2c-t1-2 {
	/*display: none;*/
	left: -6px;
	top: 238px;
	z-index: 5;
}

#x2c-t1-3 {
	/*display: none;*/
	left: 264px;
	top: 127px;
}

#x2c-t1-4 {
	/*display: none;*/
	left: 202px;
	top: 380px;
}

#x2c-t1-5 {
	/*display: none;*/
	left: 37px;
	top: 488px;
}

#x2c-t1-6 {
	/*display: none;*/
	left: 32px;
	top: 548px;
}


#x2c-t1-7 {
	/*display: none;*/
	left: 20px;
	top: 841px;
	z-index: 10;
}

#x2c-t1-8 {
	left: 288px;
	top: 913px;
}

#x2c-t2-1 {
	/*display: none;*/
	left: 172px;
	top: 117px;
}

#x2c-t2-2 {
	/*display: none;*/
	left: 154px;
	top: 316px;
}

#x2c-t2-3 {
	/*display: none;*/
	left: 28px;
	top: 397px;
}

#x2c-t2-4 {
	/*display: none;*/
	left: 13px;
	top: 581px;
}

#x2c-t2-5 {
	/*display: none;*/
	left: 284px;
	top: 571px;
	z-index: 10;
}

#x2c-t2-6 {
	/*display: none;*/
	left: -25px;
	top: 655px;
}

#x2c-t2-7 {
	/*display: none;*/
	left: 55px;
	top: 723px;
}

#x2c-t2-8 {
	left: 67px;
	top: 92px;
}

#x2c-t3-1 {
	/*display: none;*/
	left: 21px;
	top: 38px;
}

#x2c-t3-2 {
	cursor: pointer;
	left: 54px;
	height: 26px;
	position: absolute;
	top: 698px;
	width: 256px;
	z-index: 10;
}

#x2c-t4-1 {
	/*display: none;*/
	left: -67px;
	top: 0px;
}

#x2c-t4-2 {
	/*display: none;*/
	left: -53px;
	top: 197px;
}

#x2c-t4-3 {
	/*display: none;*/
	left: 263px;
	top: 175px;
}

#x2c-t4-4 {
	/*display: none;*/
	left: -54px;
	top: 278px;
}

#x2c-t4-5 {
	/*display: none;*/
	top: 119px;
	left: -402px;
	z-index: 10;
}

#x2c-t4-6 {
	/*display: none;*/
	left: 47px;
	top: 432px;
}

#x2c-t4-7 {
	left: 336px;
	top: 80px;
}

/**/
#x3c {
	height: 1348px;
}

#x3c img {
	position: absolute;
}

#x3c-b1 {
	clear: both;
	height: 603px;
	width: 960px;
	zoom: 1;
}

#x3c-b1:after {
	content: ".";
	display: block;
	clear: both;
	height: 0px;
	visibility: hidden;
}

#x3c-t1, #x3c-t2 {
	float: left;
	height: 100%;
	position: relative;
	width: 480px;
}

#x3c-t1-1 {
	/*display: none;*/
	left: -15px;
	top: 40px;
	z-index: 10;
}

#x3c-t1-2 {
	/*display: none;*/
	left: 213px;
	top: 164px;
}

#x3c-t1-3 {
	/*display: none;*/
	left: 47px;
	top: 383px;
}

#x3c-t1-4 {
	/*display: none;*/
	left: 31px;
	top: 478px;
}

#x3c-t1-5 {
	left: 412px;
	top: 65px;
}

#x3c-t2-1 {
	/*display: none;*/
	left: 167px;
	top: 83px;
}

#x3c-t2-2 {
	/*display: none;*/
	left: 87px;
	top: 224px;
}

#x3c-t2-3 {
	/*display: none;*/
	left: 67px;
	top: 345px;
	z-index: 10;
}

#x3c-t2-4 {
	/*display: none;*/
	left: -53px;
	top: 430px;
}

#x3c-t3 {
	height: 353px;
	position: relative;
	width: 960px;
}

#x3c-t3-1 {
	/*display: none;*/
	left: -22px;
	top: 13px;
	z-index: 10;
}

#x3c-t3-2 {
	/*display: none;*/
	left: 426px;
	top: 128px;
}

#x3c-t3-3 {
	/*display: none;*/
	left: 434px;
	top: 228px;
	z-index: 10;
}

#x3c-t3-4 {
	left: 292px;
	top: 11px;
}

#x3c-t4 {
	height: 392px;
	position: relative;
	width: 960px;
}

#x3c-t4-1 {
	/*display: none;*/
	left: -2px;
	position: relative;
	top: 42px;
	z-index: 10;
}

#x3c-t4-2 {
	left: 869px;
	position: absolute;
	top: -41px;
}

/**/
#x4c {
	height: 1128px;
}

#x4c img {
	position: absolute;
}

#x4c-b1 {
	clear: both;
	height: 662px;
	width: 960px;
	zoom: 1;
}

#x4c-b1:after {
	content: ".";
	display: block;
	clear: both;
	height: 0px;
	visibility: hidden;
}

#x4c-t1, #x4c-t2 {
	float: left;
	height: 100%;
	position: relative;
	width: 480px;
}

#x4c-t1-1 {
	/*display: none;*/
	left: -10px;
	top: 17px;
	z-index: 10;
}

#x4c-t1-2 {
	/*display: none;*/
    left: 187px;
    top: 82px;
}

#x4c-t1-3 {
	/*display: none;*/
	left: 32px;
	top: 361px;
}

#x4c-t1-4 {
	/*display: none;*/
	left: 31px;
	top: 509px;
}

#x4c-t1-5 {
	left: 336px;
	top: 66px;
}

#x4c-t1-6 {
	left: 293px;
	top: 588px;
}

#x4c-t2-1 {
	/*display: none;*/
	left: 37px;
	top: 79px;
}

#x4c-t2-2 {
	/*display: none;*/
	left: 86px;
	top: 158px;
}

#x4c-t2-3 {
	/*display: none;*/
	left: 79px;
	top: 326px;
	z-index: 10;
}

#x4c-t2-4 {
	/*display: none;*/
	left: -21px;
	top: 386px;
}

#x4c-t3 {
	height: 100%;
	position: relative;
	width: 960px;
}

#x4c-t3-1 {
	/*display: none;*/
	left: -23px;
	top: 14px;
}

#x4c-t3-2 {
	/*display: none;*/
	left: 426px;
	top: 50px;
}

#x4c-t3-3 {
	/*display: none;*/
	left: 435px;
	top: 161px;
}
#notebox1{
	position: absolute;
    bottom: 100px;
    right: 0;
}
#notebox2{
	position: absolute;
	bottom: 150px;
	right: 0;
}
#notebox4{
	position: absolute;
	top: 230px;
	right: 0;
}

/**/
#fc {
	/* height: 784px; */
}

#fc-t1 {
	height: 269px;
	position: relative;
	width: 960px;
}

#fc-t1 img {
	position: absolute;
}

#fc-t1-1 {
	/*display: none;*/
	left: 93px;
	top: 0;
}

#fc-t1-2 {
	/*display: none;*/
	left: 109px;
	top: 131px;
}

#fc-t1-3 {
	left: -114px;
	top: 33px;
	overflow: hidden;
	height: 0;
	width: 185px;
}

#fc-t1-4 {
	left: 891px;
	top: 33px;
	overflow: hidden;
	height: 0;
	width: 185px;
}

#fc-t1-3, #fc-t1-4 {
	position: absolute;
}

#fc-t2 {
	height: 270px;
	padding-left: 89px;
	position: relative;
	width: 960px;
	zoom: 1;
}

#fc-t2:after {
	content: ".";
	display: block;
	clear: both;
	height: 0px;
	visibility: hidden;
}

#fc-t2 div.fc-t2-in {
	float: left;
	height: 185px;
	margin-right: 17px;
	position: relative;
	width: 248px;
}

div.fc-t2-in a {
	display: block;
	height: 50px;
	overflow: hidden;
	position: relative;
	width: 248px;
}

div.fc-t2-in a img {
	left: 0;
	position: absolute;
	top: 0;
}

div.fc-t2-in a:hover img {
	top: -50px;
}

/*
#fc-t2-in a .rollover {
	top: 135px;
}*/

#fc-t2-1, #fc-t2-3, #fc-t2-5 {
	height: 135px;
	position: relative;
	text-align: center;
	width: 248px;
	z-index: 10;
}

#fc-t2-1 img {
	/*display: none;*/
	top: 0;
	position: absolute;
	left: 23px;
}

#fc-t2-3 img {
	/*display: none;*/
	top: 0;
	position: absolute;
	left: 34px;
}

#fc-t2-5 img {
	/*display: none;*/
	top: 0;
	position: absolute;
	left: 34px;
}

#fc-t3 {
	/* height: 218px; */
	margin-left: 9px;
	position: relative;
	/* width: 960px; */
}

#fc-t3-2 {
	left: 773px;
	position: absolute;
	top: 16px;
}

#fc-t3-3 {
	left: 870px;
	position: absolute;
	top: -6px;
}

#fc-t3-4 {
	margin: 17px 0 0 132px;
}
.note{
	display: block;
    text-align: right;
    margin-top: 100px;
}

/**/
#fc-t4 {
	position: relative;
	display: block;
	margin: 50px auto;
}

.rollover {
	/*display: none;*/
	left: 0;
	position: absolute;
	top: 0;
	z-index: 10;
}

.linkTop {
	display: block;
	height: 22px;
	margin-left: 10px;
	position: relative;
	width: 67px;
}

/*boxSns*/

.boxSns {
	top: 0;
	left: 378px;
	margin: 0 !important;
	padding: 0 !important;
	position: absolute;
	z-index: 100;
}

.boxSns:after {
	content: ".";
	display: block;
	clear: both;
	height: 0px;
	visibility: hidden;
}

.boxSns div {
	margin: 0 !important;
	padding: 0 !important;
	float: left;
	width: 100px;
}

/* btnGoTop */
#btnScrollTop {
	height: 80px;
	overflow: hidden;
	position: absolute;
	top: 3500px;
/*	right: 100px;*/
	width: 80px;
	z-index: 400;
}

#btnScrollTop a img {
	left: 0;
	top: 0;
	position: absolute;
}

#btnScrollTop a:hover img {
	top: -80px;
}

#loading {
	background: #fff;
	height: 100%;
	left: 0;
	position: absolute;
	text-align: center;
	top: 0;
	width: 100%;
	z-index: 500;
}

#loading img {
	height: 42px;
	left: 50%;
	margin-top: -20px;
	margin-left: -21px;
	position: absolute;
	top: 50%;
	width: 40px;
}

body {
	/* overflow: hidden; */
}