@charset "utf-8";
@import "common.css";
body {
}

.bg-container {
	overflow: hidden;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.bg {
	position: relative;
	width: 2600px;
	height: 6000px;
	background: url(../img/message/bgContent.jpg) -600px 0 no-repeat;
	background-size:2600px 6000px;
     -moz-transition-property: all;
       -o-transition-property: all;
  -webkit-transition-property: all;
          transition-property: all;
     -moz-transition-duration: 1s;
       -o-transition-duration: 1s;
  -webkit-transition-duration: 1s;
          transition-duration: 1s;
     -moz-transition-timing-function: ease-in-out;
       -o-transition-timing-function: ease-in-out;
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
     -moz-transition-delay: 0s;
       -o-transition-delay: 0s;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

/*------------------------------
		  contents
------------------------------*/
#contents{
	position: relative;
	width:100%;
	/*overflow-x:hidden;*/
}

#contents:after {
	display: block;
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 109px;
	background: url(../img/common/bgContentBottom.png) left bottom repeat-x;
}

.localNav {
	position: absolute;
	top: 150px;
	right: 40px;
	z-index: 2;
}

.localNav li {
	margin-bottom: 8px;
}
@media only screen and (max-width: 767px) {
	#contents{
		background: #3FB1FB;
		background-size:100% auto;
		padding-bottom:0;
	}
	#contents:after{ display:none;}
}
/*------------------------------
		  company
------------------------------*/
.contentHead {
	width: 1036px;
	margin: 0 auto 10px;
	padding-top: 5px;
	position: relative;
}
#company .titPage {
	margin: 12px 0 5px 10px;
}
@media only screen and (max-width: 767px) {
	.contentHead {
		width:100%;
	}
	.bgSp{
		background:url(../img/message/bgContentSp.jpg) top center no-repeat ,#3FB1FB;
		background-size:100% auto;
	}
	#company .titPage{
		width:45%;
		margin:0 auto;
		padding:33px 0 30px;
	}
}
/*----- basicArea -----*/ 
#company .basicArea {
	margin-bottom: 124px;
	position: relative;
}
#company .basicArea .titConcept {
	background: url(../img/message/bgBasicTit.png) left top repeat-x;
	height: 150px;
	position: relative;
}
#company .titConcept .titPrinciple {
	width: 244px;
	height: 64px;
	margin: auto;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
#company .basicArea .txtPrinciple {
	width: 669px;
	margin: 0 auto;
}

/*----- manageArea -----*/
#company .manageArea {
	padding-bottom: 197px;
	position: relative;
}
#company .manageArea .titConcept {
	background: url(../img/message/bgManageTit.png) left top repeat-x;
	height: 150px;
	position: relative;
}
#company .manageArea .txtPrinciple {
	width: 803px;
	margin: 0 auto;
}
@media only screen and (max-width: 767px) {
	#company .manageArea{ padding-bottom:0px;}
	#company .basicArea .titConcept{
		height:auto;
		padding:40px 5% 35px;
		background:rgba(0,102,153,0.5);
	}
	#company .basicArea{ margin-bottom:5px;}
	#company .manageArea .titConcept{
		height:auto;
		padding:40px 5% 35px;
		background:rgba(255,51,102,0.5);
	}
	#company .titConcept .titPrinciple{
		width:50%;
		height:auto;
		position:static;
		box-sizing:border-box;
	}
	#company .basicArea .txtPrinciple,
	#company .manageArea .txtPrinciple {
		width:100%;
		font-size:15px;
		text-align:center;
		line-height:2;
		color:#fff;
		padding:35px 5%;
		box-sizing:border-box;
	}
	#company .manageArea .txtPrinciple { padding:35px 5% 20px;}
}


/*------------------------------
		  message
------------------------------*/
#message .titPage {
	margin: 12px 0 5px 10px;
}
#message .messageArea {
	padding-bottom: 109px;
	position: relative;
}
#message .messageArea .titConcept {
	background: url(../img/message/bgMessageTit.png) left top repeat-x;
	height: 220px;
	position: relative;
}
#message .titConcept .titMessage {
	width: 752px;
	height: 107px;
	margin: auto;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
/*----- messageBox -----*/
.messageBox {
	background: url(../img/message/bgMessage.png) no-repeat;
	width: 1000px;
	height: 860px;
	margin: 70px auto 0;
}
.txtMessage {
	margin-bottom: 20px;
	font-size: 14px;
	line-height: 1.5;
	text-align: center;
}
.txtMessage.first {
	padding-top: 45px;
}
.name {
	margin-top: 12px;
	text-align: center;
    margin: 0 auto;
    width: 300px;
}
.titMovie{
	margin-top:80px;
	text-align:center;
}
.movieArea .leftTxt{
	width:306px;
	float:left;
	margin:34px 0 0 40px;
}
.movieArea .leftTxt .txt{
	font-size:13px;
	line-height:20px;
	color:#000;
	width:300px;
	margin-left:5px;
}
.movieArea .rightImg{
	width:590px;
	height:332px;
	float:right;
	margin:34px 40px 0 0 ;
}
@media only screen and (max-width: 767px) {
	#message .messageArea{ padding-bottom:9px;}
	.messageBox {
		background:rgba(255,255,255,0.9);
		width:90%;
		margin:20px auto;
		height:auto;
		padding:0 5% 20px;
		box-sizing:border-box;
	}
	#message .messageArea .titConcept{
		background:rgba(47,103,136,0.5);
		width:100%;
		height:auto;
		padding:40px 5% 35px;
		box-sizing:border-box;
	}
	#message .titConcept .titMessage{
		width:85%;
		height:auto;
		position:static;
	}
	.txtMessage{
		font-size:12px;
		line-height:1.7;
	    margin-bottom: 23px;
		text-align:left;
	}
	.txtMessage.first{ padding-top:17px;}
	.name{
		width:89%;
		margin:20px auto 0;
	}
}
/*------------------------------
		  scale
------------------------------*/
#scale .titPage {
	margin: 12px 0 5px 10px;
}
#scale .scaleArea {
	padding-bottom: 1590px;
	position: relative;
}
#scale .scaleArea .titConcept {
	background: url(../img/message/bgScaleTit.png) left top repeat-x;
	height: 220px;
	position: relative;
}
#scale .titConcept .titScale {
	width: 883px;
	height: 107px;
	margin: auto;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
#scale .scaleArea .circle01 {
	position: absolute;
	top: 30px;
	right: 0;
}
#scale .scaleArea .circle02 {
	position: absolute;
	top: 120px;
	right: 0;
}
#scale .scaleArea .circle03 {
	position: absolute;
	top: 210px;
	right: 0;
}
#scale .scaleArea .scaleBox {
	width: 1000px;
	margin: 0 auto;
	position: relative;
}
#scale .scaleArea .titScaleBox {
	font-size: 13px;
	font-weight: normal;
	line-height: 1.6;
	text-align: center;
}
#scale .scaleArea .titScaleBox span {
	font-size: 23px;
}
#scale .scaleArea .txtScaleBox {
	font-size: 15px;
	color: #fff;
	line-height: 1.47;
}
#scale .scaleArea .scaleBox01 {
	background: url(../img/message/bgScale01.png) no-repeat;
	width: 785px;
	height: 137px;
	padding-top: 96px;
	position: absolute;
	top: 12px;
	left: -5px;
}
#scale .scaleArea .scaleBox01 .titScaleBox {
	width: 138px;
	margin-left: 37px;
	float: left;
}
#scale .scaleArea .scaleBox01 .txtScaleBox {
	width: 439px;
	margin-left: 61px;
	float: left;
}
#scale .scaleArea .scaleBox02 {
	background: url(../img/message/bgScale02.png) no-repeat;
	width: 812px;
	height: 135px;
	padding-top: 100px;
	position: absolute;
	top: 210px;
	left: 148px;
}
#scale .scaleArea .scaleBox02 .titScaleBox {
	width: 126px;
	margin-left: 66px;
	float: left;
}
#scale .scaleArea .scaleBox02 .txtScaleBox {
	width: 439px;
	margin-left: 69px;
	float: left;
}
#scale .scaleArea .scaleBox03 {
	background: url(../img/message/bgScale03.png) no-repeat;
	width: 785px;
	height: 135px;
	padding-top: 153px;
	position: absolute;
	top: 357px;
	left: -5px;
}
#scale .scaleArea .scaleBox03 .titScaleBox {
	width: 139px;
	margin-left: 37px;
	float: left;
}
#scale .scaleArea .scaleBox03 .txtScaleBox {
	width: 439px;
	margin-left: 59px;
	float: left;
}
#scale .scaleArea .scaleBox04 {
	background: url(../img/message/bgScale04.png) no-repeat;
	width: 785px;
	height: 139px;
	padding-top: 93px;
	position: absolute;
	top: 613px;
	left: 175px;
}
#scale .scaleArea .scaleBox04 .titScaleBox {
	width: 126px;
	margin-left: 40px;
	float: left;
}
#scale .scaleArea .scaleBox04 .txtScaleBox {
	width: 499px;
	margin-left: 67px;
	float: left;
}
#scale .scaleArea .scaleBox05 {
	background: url(../img/message/bgScale05.png) no-repeat;
	width: 785px;
	height: 135px;
	padding-top: 123px;
	position: absolute;
	top: 787px;
	left: -5px;
}
#scale .scaleArea .scaleBox05 .titScaleBox {
	width: 139px;
	margin-left: 38px;
	float: left;
}
#scale .scaleArea .scaleBox05 .txtScaleBox {
	width: 499px;
	margin-left: 59px;
	float: left;
}
#scale .scaleArea .scaleBox06 {
	background: url(../img/message/bgScale06.png) no-repeat;
	width: 785px;
	height: 135px;
	padding-top: 105px;
	position: absolute;
	top: 1005px;
	left: 175px;
}
#scale .scaleArea .scaleBox06 .titScaleBox {
	width: 175px;
	margin-left: 20px;
	float: left;
}
#scale .scaleArea .scaleBox06 .txtScaleBox {
	width: 499px;
	margin-left: 37px;
	float: left;
}
#scale .scaleArea .scaleBox07 {
	background: url(../img/message/bgScale07.png) no-repeat;
	width: 810px;
	height: 143px;
	padding-top: 129px;
	position: absolute;
	top: 1173px;
	left: -30px;
}
#scale .scaleArea .scaleBox07 .titScaleBox {
	width: 175px;
	margin-left: 45px;
	float: left;
}
#scale .scaleArea .scaleBox07 .txtScaleBox {
	width: 499px;
	margin-left: 41px;
	float: left;
}
#scale .scaleArea .circle04 {
	position: absolute;
	bottom: 28px;
	right: 0;
}
.toTop {
	position: absolute;
	top: -130px;
	right: -100px;
}
@media only screen and (max-width: 767px) {
	#scale{
		background: url(../img/message/bgContentBottomSp.jpg) bottom center no-repeat #3FB1FB;
		background-size:100% auto;
	}
	#scale .scaleArea{ padding-bottom:200px;}
	#scale .scaleArea .titConcept{
		height:auto;
		background:rgba(23,120,208,0.5);
		padding:40px 5%;
	}
	#scale .titConcept .titScale{
		width:84%;
		height:auto;
		position:static;
	}
	#scale .scaleArea .scaleBox{
		width:90%;
		margin:0 auto;
	}
	#scale .scaleArea .scaleBox01,
	#scale .scaleArea .scaleBox02,
	#scale .scaleArea .scaleBox03,
	#scale .scaleArea .scaleBox04,
	#scale .scaleArea .scaleBox05,
	#scale .scaleArea .scaleBox06,
	#scale .scaleArea .scaleBox07{
		width:100%;
		height:auto;
		padding:23px 5% 28px;
		position:relative;
		top:inherit;
		bottom:inherit;
		left:inherit;
		right:inherit;
		box-sizing:border-box;
		margin:20px auto 0;
	}
	#scale .scaleArea .scaleBox01{ background:rgba(231,49,151,0.9);}
	#scale .scaleArea .scaleBox02{ background:rgba(255,153,0,0.9);}
	#scale .scaleArea .scaleBox03{ background:rgba(102,153,0,0.9);}
	#scale .scaleArea .scaleBox04{ background:rgba(204,0,0,0.9);}
	#scale .scaleArea .scaleBox05{ background:rgba(165,2,140,0.9);}
	#scale .scaleArea .scaleBox06{ background:rgba(102,51,0,0.9);}
	#scale .scaleArea .scaleBox07{ background:rgba(0,160,233,0.9);}
	#scale .scaleArea .titScaleBox{
		float:none !important;
		width:100% !important;
		margin:0 !important;
		color:#fff;
		line-height:22px;
	}
	#scale .scaleArea .txtScaleBox .spOnly{ display:inline-block;}
	#scale .scaleArea .txtScaleBox{
		width:100% !important;
		margin:0 !important;
		float:none !important;
		font-size:13px;
		line-height:22px;
		padding-top:15px;
	}
	#scale .scaleArea .img{
		position:absolute;
		top:-13px;
		right:10px;
		width:19%;
	}
}
/*------------------------------
		  footer
------------------------------*/
#footer{
	background:#242424 url(../img/common/bgFooter.gif) left top repeat-x;
}
.footArea {
	width: 1000px;
	margin: 0 auto;
	position: relative;
}

/*----- footerLogo -----*/
#footer .logoFooter{
	width:300px;
	margin:0 auto;
	padding:30px 0 31px;
}

/*----- footMenu -----*/
.footMenu{
	color:#ccc;
	width:1004px;
	margin:0 auto;
	padding:0 0 6px 0;
}
.footMenu .menuBox{
	width:184px;
	float:left;
	margin:0 0 0 21px;
}
.footMenu .menuBox.mostLeft{
	margin:0;
}
.menuBox .siteLink{
	display:block;
	width:184px;
	height:59px;
}
.menuBox .siteLink.siteBg01{ background:url(../img/index/btnFootMenu01.jpg) left top no-repeat; }
.menuBox .siteLink.siteBg02{ background:url(../img/index/btnFootMenu02.jpg) left top no-repeat; }
.menuBox .siteLink.siteBg03{ background:url(../img/index/btnFootMenu03.jpg) left top no-repeat; }
.menuBox .siteLink.siteBg04{ background:url(../img/index/btnFootMenu04.jpg) left top no-repeat; }
.menuBox .siteLink.siteBg05{ background:url(../img/index/btnFootMenu05.jpg) left top no-repeat; }
.menuBox .siteLink.siteBg06{ background:url(../img/index/btnFootMenu06.jpg) left top no-repeat; }
.menuBox .siteLink.siteBg07{ background:url(../img/index/btnFootMenu07.jpg) left top no-repeat; }
.menuBox .siteLink.siteBg08{ background:url(../img/index/btnFootMenu08.jpg) left top no-repeat; }
.menuBox .siteLink.siteBg09{ background:url(../img/index/btnFootMenu09.jpg) left top no-repeat; }
.menuBox .siteLink:hover{ background-position:right top; }
.menuBox .siteTxt{
	text-align:center;
	font-size:11px;
	padding:12px 0 27px;
}

/*----- footNavi -----*/
.footNavi a{ color:#fff; }
.footNavi a:hover{ color:#ccc; }
.footNavi{ color:#fff; }

#footer .footNavi{
	background:url(../img/index/bgFootNavi.gif) left top repeat-y;
}
.footNavi .naviBox{
	background:url(../img/index/bgFootNavi.gif) right top repeat-y;
}
@media only screen and (max-width: 767px) {
	#footer .logoFooter{
		width:43%;
		margin:0 auto;
	    padding: 27px 0 21px;
	}
	.footMenu{
		width:90.5%;
	}
	.footMenu .menuBox{
		width:49%;
		margin:0;
		margin-bottom:10px;
	}
	.footMenu .menuBox .siteLink.siteBg02,
	.footMenu .menuBox .siteLink.siteBg05{
		margin-left:2%;
	}
	.menuBox .siteLink{
		width:100%;
		height:auto;
	}
	.menuBox .siteTxt{
	    padding: 12px 0 2px;
	}
}