@charset "UTF-8";
/* CSS Document */

#header{
	background-color: rgba(255,255,255,0);
}
#pcMenu{
	float:left;
	margin:46px 0 0 50px;
	padding:0;
}
ul.mainmenu li{
	font-size:20px;
	line-height: 20px;
}
ul.mainmenu li a{
	color: #FFFFFF;
}
.en{
	font-size: 14px;
	color: #CCCCCC;
}

@media screen and (max-width: 767px) {/*スマホ対応*/
}

.indexOffice{
	position: relative;
	width: 100%;
	margin: 0;
	padding: 0;
	z-index: 0;
	background-size: cover;
	background-position: center center;
	background-image: url(../images/pages/bg_officesupport_index.jpg);
}

#logo{
	width:115px;
}
#logo h1{
	width:115px;
	height:82px;
	background-image:url(../images/common/logo_os.png);
	background-size:115px;
}
@media screen and (max-width: 1023px) {
#logo{
	float:none;
	margin:0 auto;
	width:110px;
}
#logo h1{
	width:110px;
	height:40px;
	background-image:url(../images/common/logo_os_wh.png);
	background-size:110px;
}
}

.toggle {
	background-image:url(../images/common/bt_mtoggle_open_wh.png);
}
#mobilemenu li a {
}
#mobilemenu li:last-child a{
	display: block;
	padding: 15px 0 10px;
}


.OSindexLogo{
	position: fixed;
	position: absolute;
	z-index: 9;
	top: 50%;                    /* 親要素の半分下にずらす */
	left: 50%;                   /* 親要素の半分右にずらす */
	transform: translateY(-50%) translateX(-50%);
	width: 500px;
	height: 385px;
	max-width: 500px;
	max-height: 385px;
}
@media (orientation: landscape) and (max-width: 767px) {/* 横向き対応 */
.OSindexLogo{
	top: 75%;
	top: 50%;
	top: 25%;
	max-height: 100px;
}
}
@media screen and (max-width: 767px) {/*スマホ対応*/
.OSindexLogo{
	top: 50%;
	max-width: 300px;
	max-height: 230px;
}
}
@media (orientation: portrait) {/*2020-02-19 add fujimoto*/
.OSindexLogo{
	top: 30%;
	top: 50%;
}
}
img.osIndexImg{
	width: 100%;
	animation: osZoomIndexLogo 3s /*infinite*/forwards;/*indexMainズームアニメーション*/
}
img.osIndexImg.noani{
	animation: none;
}

@keyframes osZoomIndexLogo {/*indexMainズームアニメーション*/
0% {
	opacity: 0;
	transform: scale(0.5, 0.5);
}
100% {
	opacity: 1;
	transform: scale(1.0, 1.0);
}
}