@charset "utf-8";
/*********************************************************************
 *
 *  トップページ
 *
*********************************************************************/

/* html body */
/* --------------------------------------------------------------------------- */
body.logoanimeOff {
	height: auto !important;
}
/* header */
/* --------------------------------------------------------------------------- */
header {
	position: fixed;
	top:0;
}
/* gNav */
/* --------------------------------------------------------------------------- */
#gNav {
	position: fixed;
	display: none;
	margin: 60px 0 0;
}
/* footer */
/* --------------------------------------------------------------------------- */
footer a.logoCom {
	top: 25px;
}
footer .pageTop {
	display: none;
}
/* fNav */
/* --------------------------------------------------------------------------- */
#fNav {
	top: 29px;
}
/* contents section *
/* --------------------------------------------------------------------------- */
#contents {
	z-index: 1000;
}
section {
	width: 100%;
	margin:98px 0 0;
}
section .inner {
	width: 960px;
	margin: 0 auto;
}
section .title h3 {
	width: 960px;
	margin: 0 auto;
	padding: 10px 0;
	color: #FFF;
	font-size: 167%;
	font-weight: bold;
	text-align: center;
}
section .title h3 span {
	font-size: 80%;
	font-weight: normal;
	margin: 0 0 0 20px;
}
/* pNav */
/* --------------------------------------------------------------------------- */
.pNav {
	background: url(./common/img/bg/c_c8c9c9_60.png) repeat;
}
.pNav .inner {
	width: 960px;
	margin: 0 auto;
}
.pNav ul {
	width: 700px;
	margin: 0 auto;
	padding: 6px 0;
	text-align: center;
}
.pNav li {
	display: inline-block;
/display:inline;
/zoom:1;
	padding: 6px 6px;
	vertical-align: top;
}
.pNav li a {
	display: block;
	width: 157px;
	font-size: 109%;
	color: #4c4948;
	line-height: 30px;
	text-align: center;
	text-decoration: none;
	background-color: #FFF;
}
.pNav li a.line2 {
	padding: 3px 0;
	line-height: 12px;
}
.pNav li a:hover {
	color: #FFF !important;
	background-color: #4c4948;
}
/* logoanime */
/* --------------------------------------------------------------------------- */
#logoanime {
	position: fixed;
	width: 100%;
	height: 100%;
	background-color: #FFF;
	z-index: 2000;
	cursor: pointer;
}
#logoItem {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -200px 0 0 -210px;
	width: 420px;
	height: 400px;
	overflow: hidden;
}
#logoItem img {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 420px;
	height: 400px;
}
/* about */
/* --------------------------------------------------------------------------- */
#about {
	display: none;
	margin:200px 0 0;
}
#about .outline {
	padding: 40px 0;
	background: url(./common/img/bg/c_656363_80.png) repeat;
}
#about .outline h3 {
	width: 556px;
	margin: 0 auto;
	padding: 0 0 25px;
	color: #FFF;
	font-size: 217%;
	font-weight: bold;
	line-height: 1em;
}
#about .outline .txt {
	width: 556px;
	margin: 0 auto;
	color: #FFF;
        font-size: 150%;
	line-height: 40px;
}
#about .outline .privacymark {
	width: 836px;
	margin: -70px auto 0 auto;
}
#about .outline .privacymark a {
	display: block;
	float: right;
	width: 75px;
	height: 75px;
/*	background: url(./common/img/page/home/20000890_05_75_JP.gif) no-repeat; */
/*	background: url(./common/img/page/home/20000890_06_75_JP.png) no-repeat; */
	background: url(./common/img/page/home/20000890_07_75_JP.png) no-repeat; 

	text-indent: -9999px;
}
#about #news {
	background: url(./common/img/bg/c_ffffff_80.png) repeat;
}
#about #news .inner {
	width: 830px;
	padding: 20px 65px 20px;
}
#about #news h4 {
	width: 112px;
	color: #FFF;
	line-height: 22px;
	text-align: center;
	background: url(./common/img/page/home/btn_news_on.png) no-repeat;
}
#about #news dl {
	width: 556px;
	margin: -20px 0 0 137px;
}
#about #news dt {
	float: left;
	width: 100px;
	padding: 0;
	clear: both;
	color: #4c4c4c;
}
#about #news dd {
	padding: 0 0 10px 100px;
}
#about #news dd a {
	color: #4c4c4c;
	text-decoration: none;
}
#about #news dd a:hover {
	color: #e50012;
}
#about #news .btn {
	margin: -28px 0 0;
}
#about #news .btn a {
	display: block;
	float: right;
	width: 112px;
	color: #4c4c4c;
	line-height: 22px;
	text-decoration: none;
	text-align: center;
	background-image:url(./common/img/page/home/btn_news_off.png);
	background-repeat:no-repeat;
}
#about #news .btn a:hover {
	color: #FFF;
	background-image:url(./common/img/page/home/btn_news_on.png);
}
/* about-banners */
.banners {
	margin-right: -15px;
	/* margin-bottom: -15px; */
	text-align: center;
}
.banners-default {
	border-top:1px solid #888888;
	padding: 15px 10px;
}
@media (max-width: 1020px) {
	.banners {
		margin-right: 0;
	}
	.banners-default {
		padding-right: 0;
	}
}
/*@media*/
.banners > a,
.banners > img {
	margin-right: 15px;
	margin-bottom: 15px;
	display: inline-block;
}
.banners a:hover img {
	opacity: 0.8;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /* For IE 8 */
}
.banners-height-125 img{ height: 125px;}
.banners-height-90 img { height: 90px;}
.banners-height-60 img { height: 60px;}
.banners-height-40 img { height: 40px;}
.banners-height-31 img { height: 31px;}

/* company */
/* --------------------------------------------------------------------------- */
#company .title {
	background: url(./common/img/bg/c_656363_80.png) repeat;
}
#company .pNav li a {
	color: #4c4948;
}
#company .pNav li a:hover {
	background-color: #4c4948;
}
/* contact */
/* --------------------------------------------------------------------------- */
#contact .title {
	background: url(./common/img/bg/c_e50012_80.png) repeat;
}
#contact .pNav ul {
	width: 700px;
/*	width: 850px;*/
}
#contact .pNav li a {
	color: #e50012;
}
#contact .pNav li a:hover {
	background-color: #e50012;
}
/* marketing */
/* --------------------------------------------------------------------------- */
#marketing .title {
	background: url(./common/img/bg/c_004097_80.png) repeat;
}
#marketing .pNav ul {
	width: 700px;
}
#marketing .pNav li a {
	color: #004097;
}
#marketing .pNav li a:hover {
	background-color: #004097;
}
/* portal */
/* --------------------------------------------------------------------------- */
#portal .title {
	background: url(./common/img/bg/c_eacb43_80.png) repeat;
}
#portal .pNav ul {
	width: 700px;
}
#portal .pNav li a {
	color: #683800;
}
#portal .pNav li a:hover {
	background-color: #eacb43;
}
/* scrollBg */
/* --------------------------------------------------------------------------- */
.scrollBg {
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: cover;
}
#bgAbout {
	background-image: url(./common/img/bg/pic_about.jpg);
	background-position: center center;
	z-index: 10;
}
#bgCompany {
	background-image: url(./common/img/bg/pic_company.jpg);
	background-position: center center;
	z-index: 11;
}
#bgContact {
	background-image: url(./common/img/bg/pic_contact.jpg);
	background-position: center bottom;
	z-index: 12;
}
#bgMarketing {
	background-image: url(./common/img/bg/pic_marketing.jpg);
	background-position: center center;
	z-index: 13;
}
#bgPortal {
	background-image: url(./common/img/bg/pic_portal.jpg);
	background-position: center center;
	z-index: 14;
}


@media (max-width: 1020px) {

/* html body */
/* --------------------------------------------------------------------------- */
html {
	/*overflow: auto !important;*/
}
body {
	height: auto !important;
}
body.logoanimeOff {
	height:100% !important;
	overflow:hidden;
}
/* footer */
/* --------------------------------------------------------------------------- */
footer {
	padding: 10px 0 100px;
}
/* contents section *
/* --------------------------------------------------------------------------- */
section {
	margin:0 0 0;
}
section .inner {
	width: 100%;
}
section .title h3 {
	width: 100%;
	font-size: 125%;
}
section .title h3 span {
	display:block;
	margin: 5px 0 0 0;
}
section .spBg{
	display:block;
	position:relative;
}
section .spBg img{
	display:block;
	width:100%;
}
section .spBg a{
	position:absolute;
	top:40%;
	left:50%;
	width:50px;
	height:50px;
	margin-top:-25px;
	margin-left:-25px;
	background:url(./common/img/page/home/btn_sp_arrow.png) no-repeat;
	background-size:50px 50px;
	text-indent:-9999px;
}
/* logoanime */
/* --------------------------------------------------------------------------- */
#logoItem {
	margin: -181px 0 0 -190px;
	width: 380px;
	height: 362px;
}
#logoItem img {
	width: 380px;
	height: 362px;
}
@media (max-width: 480px) {
	#logoItem {
	margin: -95px 0 0 -100px;
	width: 200px;
	height: 190px;
}
#logoItem img {
	width: 200px;
	height: 190px;
}
}
/*@media*/

/* pNav */
/* --------------------------------------------------------------------------- */

.pNav .inner {
width: 100%;
}
.pNav ul {
width: 90% !important;
text-align:left;

}
.pNav li {
	width: 45%;
	padding: 6px 2.5%;
}

.pNav li a {
	width:auto;
	font-size: 100%;
}


/* about */
/* --------------------------------------------------------------------------- */
#about {
	display:block !important;
	margin:35px 0 0;
}
#about .outline {
	padding: 50px 15px 60px;
}
#about .outline h3 {
	width: 100%;
	padding: 0 0 15px;
	font-size: 159%;
}
#about .outline .txt {
	width: 100%;
	font-size: 92%;
	line-height: 30px;
}
#about .outline .privacymark {
	width:100%;
	margin: -58px auto 0 auto;
}
#about .outline .privacymark a {
	width: 48px;
	height: 48px;
	background-size:48px auto;
}

#about #news .inner {
	width: 100%;
	padding: 50px 0 60px;
}
#about #news h4 {
	margin:0 0 10px 15px;
}
#about #news dl {
	width: 100%;
	margin: 0;
}
#about #news dt {
	width: 80px;
	padding: 0 0 0 15px;
}
#about #news dd {
	padding: 0 15px 10px 95px;
}

#about #news .btn {
	margin: 0;
}
#about #news .btn a {
	margin:0 15px 0 0;
	background-image:url(./common/img/page/home/btn_news_off_sp.png);
}

/*@media*/