@charset "UTF-8";

.cover {
	display:none;
	position:absolute;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.20);
}
@media only screen and (max-width:767px) {
	.cover {
		display:block;
	}
}

/**
 * #mv
 */
#mv {
	position:relative;
	height:495px;
	background:url(../img/mv.jpg) no-repeat center center;
	background-size:cover;
	opacity:0;
}
#mv.on {
	transition:opacity 1.5s ease;
	opacity:1;
}
#mv .inner {
	position:relative;
}
#mv .box {
	padding-top:50px;
	color:#fff;
	font-size:20px;
	opacity:0;
	transform:scale(1,0);
}
#mv.on .box {
	transition:opacity .5s ease .5s, transform .5s ease .5s;
	opacity:1;
	transform:scale(1,1);
}
#mv h2 {
	padding-top:0;
	text-align:left;
	font-family:"A-OTF Ryumin Pro M-KL", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-size:38px;
	font-style:normal;
	line-height:1.4;
	opacity:0;
}
#mv.on h2 {
	transition:opacity .8s ease 1s;
	opacity:1;
}
#mv p {
	margin-top:20px;
	font-size:18px;
	opacity:0;
}
#mv.on p {
	transition:opacity .8s ease 1.5s;
	opacity:1;
}
#mv .btns {
	text-align:left;
	opacity:0;
}
#mv.on .btns {
	transition:opacity .8s ease 2s;
	opacity:1;
}
#mv .btn_detail {
	margin-top:20px;
	width:180px;
	display:block;
}
#mv .withoisix {
	box-sizing:border-box;
	display:block;
	margin-top:15px;
	width:180px;
	padding:10px 0;
	text-align:center;
	background:#000;
}
#mv .withoisix:hover {
	opacity:0.7;
}
@media only screen and (max-width:767px) {
	#mv {
		height:auto;
	}

	#mv .box {
		padding:35px 0 20px 0;
		font-size:12px;
		text-align:center;
	}
	#mv h2 {
		text-align:center;
		font-size:24px;
	}
	#mv p {
		margin-top:10px;
		padding:0 15px;
		font-size:12px;
	}
	#mv .btns {
		text-align:center;
	}
	#mv .btn_detail {
		margin:18px auto 0 auto;
		width:225px;
	}
	#mv .withoisix {
		margin:10px auto 0 auto;
		width:225px;
		height:50px;
		padding:6px 0;
	}
	#mv .withoisix img {
		height:100%;
		width:auto;
	}
}

/**
 * #news
 */
#news {
}
#news .inner .posts > div {
	position:relative;
}
#news .posts ul {
	width:665px;
}
#news .posts ul li .icon {
	font-family:'Arial W01 Narrow Bold', "arial narrow", Arial, Helvetica, sans-serif;
	font-weight:bold;
	letter-spacing:0.15em;
}
#news .posts ul p {
	width:370px;
}
#news .posts ul li::before {
	display:none;
}

#news .posts .bnr {
	position:absolute;
	top:0;
	right:0;
	width:275px;
	border:none;
}
#news .posts .bnr li {
	margin-top:10px;
	padding:0;
	border:none;
}
#news .posts .bnr li a:hover {
	opacity:0.7;
}
#news .bnr li:first-child {
	margin-top:0px;
}
#news .bnr li::bewfoer {
	display:none;
}

#news .btns {
	text-align:center;
	margin-top:30px;
}
#news .btn_default {
	font-family:'Arial W01 Narrow Bold', "arial narrow", Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:20px;
	letter-spacing:0.2em;
}
@media only screen and (max-width:767px) {
	#news .posts ul {
		width:100%;
	}
	#news .posts ul p {
		width:100%;
	}

	#news .posts .bnr {
		position:static;
		width:100%;
	}

	#news .posts .bnr li, #news .posts .bnr li:first-child {
		box-sizing:border-box;
		float:left;
		width:50%;
		margin-top:8px;
	}
	#news .posts .bnr li:nth-child(odd) {
		padding-right:4px;
	}
	#news .posts .bnr li:nth-child(even) {
		padding-left:4px;
	}

	#news .btns {
		margin:45px 0 40px 0;
	}
}


/**
 * .content
 */
section.content {
	position:relative;
	height:495px;
	color:#fff;
	overflow:hidden;
	cursor:pointer;
}
section.content .inner {
	position:relative;
}

section.content h2 {
	font-family:"CenturySchoolbookW01-Bd", "Century", Georgia, "Times New Roman", Times, "A-OTF Ryumin Pro M-KL", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-size:60px;
	font-style: oblique;
	font-weight:bold;
	line-height:1.2;
	margin-bottom:20px;
	transition:opacity .5s ease-out, transform .5s ease-out;
	transform:translate(-20px,0);
	opacity:0;
}
section.on h2 {
	transform:translate(0,0);
	opacity:1;
}
section.content h2 span {
	font-size:60%;
}
section.content p {
	font-size:20px;
	width:660px;
	transition:opacity 1s ease-out 0.5s;
	opacity:0;
}
section.on p {
	opacity:1;
}
section.content .btn {
	margin-top:30px;
	width:180px;
	transition:opacity .4s ease-out .8s, transform .4s cubic-bezier(0,.62,.39,1.18) .8s;
	opacity:0;
	transform:scale(0.5);
}
section.on .btn {
	opacity:1;
	transform:scale(1);
}

section.content .bg {
	position:absolute;
	width:100%;
	height:100%;
	transition:transform .5s ease;
}
section.content:hover .bg {
	transform:scale(1.1);
}
#story .bg {
	background:url(../img/bg_story.jpg) no-repeat center center;
	background-size:cover;
}
#services .bg {
	background:url(../img/bg_services.jpg) no-repeat center center;
	background-size:cover;
}
#sustainability .bg {
	background: url(../img/bg_sustainability.jpg) no-repeat center center;
	background-size: cover;
}
#investors .bg {
	background:url(../img/bg_investors.jpg) no-repeat center center;
	background-size:cover;
}
#careers .bg {
	background:url(../img/bg_careers.jpg) no-repeat center center;
	background-size:cover;
}
#company .bg {
	background:url(../img/bg_company.jpg) no-repeat center center;
	background-size:cover;
}

@media only screen and (max-width:767px) {
	section.content {
		height:260px;
		text-align:center;
	}
	section.content h2 {
		font-size:30px;
		margin-bottom:5px;
		transform:translate(0, 10px);
	}
	section.on h2 {
		transform:translate(0, 0);
	}
	section.content p {
		box-sizing:border-box;
		width:300px;
		padding:0 15px;
		font-size:12px;
		margin: auto;
	}
	section.content .btn {
		margin-top:20px;
		width:225px;
	}
}


#pc_pagetop {
	display:none;
}

.foot_bnrs {
	padding:0;
	margin:0 auto;
}
@media only screen and (max-width:767px) {
	.foot_bnrs {
		margin:20px auto 0 auto;
	}
}