﻿/* ===========================================================



	mv（メインビジュアル）



=========================================================== */

#mv_copy {
	width: 1000px;
	text-align: left;
    margin: -10% 0% 0 6%;
}


#mv {

	position: relative;

padding: 14% 0 27% 0;

	background: url(../img/home/mv_bg.jpg) center center no-repeat;

	background-size: cover;

	margin: 0;

}



#mv a#bt-scroll {

	display: block;

	position: absolute;

	left: 50%;

	bottom: -40px;

	margin: 0 0 0 -40px;

	padding: 32px;

	background-color: #f1f1f1;

	z-index: 5;

	line-height: 1;

	-webkit-transition: all ease 0.5s;

	transition: all ease 0.5s;

}



#mv a#bt-scroll img {

	-webkit-transition: all ease 0.5s;

	transition: all ease 0.5s;

}



#mv a#bt-scroll:hover {

	background-color: #fff;

}



#mv a#bt-scroll:hover img {

	transform: translateY(10px);

}



/* ===========================================================



	content



=========================================================== */



.section {

	clear: both;

	padding: 100px 0 70px;

	width: 100%;

}



.content_inner {

	width: 1000px;

	margin: 0 auto;

}



/* ===========================================================



	h2（見出し2）



=========================================================== */



.section h2 {

	text-align: center;

	margin-bottom: 70px;

}



.section h2 .title_en {

	display: block;

	font-size: 40px;

	font-family: "Myriad Pro";

	font-weight: normal;

	color: #333;

	line-height: 1;

	margin-bottom: 22px;

}



.section h2 .title_jp {

	display: block;

	font-size: 16px;

	font-weight: normal;

	color: #666;

	line-height: 1;

	margin-bottom: 24px;

}



hr {

	border: none;

}



.section h2 .hr {

	display: block;

	width: 200px;

	border-bottom: 3px solid #fa0046;

	margin: 0 auto;

}



/* ===========================================================



	message



=========================================================== */



.message-txt {

	width: 660px;

	float: left;

	text-align: left;

}



.message-photo {

	width: 300px;

	float: right;

	text-align: center;

}



.message-photo .corp_name {

	margin-bottom: 16px;

}



.message-photo .president_name_box {

	margin-bottom: 12px;

}



.message-photo .president_name {

	display: block;

	font-size: 22px;

	font-weight: normal;

	line-height: 1;

}



/* ===========================================================



	concept



=========================================================== */



#concept {

	background: url(../img/home/concept_bg.jpg) center center no-repeat;

	background-size: cover;

}



#concept h2 .title_en {

	color: #fff;

}



#concept h2 .title_jp {

	color: #fff;

}



#concept .hr_w {

	display: block;

	width: 100px;

	border-bottom: 1px solid #fff;

	margin: 30px auto 30px auto;

}





#concept p.large {

	font-size: 129%;

}





#concept p {

	color: #fff;

	line-height: 2.4;

}



/* ===========================================================



	profile



=========================================================== */



#profile {

	background-color: #f1f1f1;

}



#profile .tblStd {

	width: 100%;

	border-top: 1px solid #b4b4b4;

	font-size: 85.6%;

	margin-bottom: 0;

}



#profile .tblStd th {

	width: 140px;

	background-color: #fff;

	text-align: center;

	font-weight: normal;

}



#profile .tblStd th,
#profile .tblStd td {

	border-bottom: 1px solid #b4b4b4;

	padding: 18px 20px;

}



#profile .tblStd td {

	text-align: left;

}



#profile .tblStd dt {

	clear: left;

	float: left;

	width: 190px;

}



#profile .tblStd dd {

	margin-left: 0;

}



#profile .btn_map {

	border: 1px solid #b4b4b4;

	background-color: #fff;

	color: #333;

	padding: 6px 8px 6px 8px;

	margin-left: 6px;

}



#profile .btn_map:before {

	content: '';

	display: inline-block;

	width: 13px;

	height: 13px;

	background: url(../img/common/ico_blank.png) center 1px no-repeat;

	background-size: 13px;

	margin-right: 4px;

}



#profile .btn_map:hover {

	opacity: 0.75;

}



#profile .date {

	text-align: right;

	font-size: 78.5%;

	color: #666;

	margin-top: 10px;

}



/* ===========================================================



	organization



=========================================================== */



#organization {

	background-color: #999;

}



#organization h2 .title_en {

	color: #fff;

}



#organization h2 .title_jp {

	color: #fff;

}



#img_org {

	width: 832px;

	margin: 0 auto;

	position: relative;

}



#img_org a.box_link {

	display: block;

	text-indent: -9999px;

}



#img_org a.size_L {

	width: 200px;

	height: 40px;

}

#img_org a.size_S {

	width: 160px;

	height: 40px;

}

#img_org a.size_SS {

	width: 102px;

	height: 50px;

}

#img_org a#btn-daihyo {
	position: absolute;
	top: 180px;
	left: 316px;
}

#img_org a#btn-officer {
	position: absolute;
	top: 221px;
	left: 582px;
}

#img_org a#btn-division {
	position: absolute;
	top: 269px;
	left: 582px;
}

#img_org a#btn-acquisition {
	position: absolute;
	top: 340px;
	left: 449px;
}

#img_org a#btn-planning {
	position: absolute;
	top: 338px;
	left: 432px;
}

#img_org a#btn-committee {
	position: absolute;
	top: 90px;
	left: 582px;
}

#img_org a#btn-r-planning {
	position: absolute;
	top: 410px;
	left: 0px;
}

#img_org a#btn-r-management {
	position: absolute;
	top: 410px;
	left: 113px;
}

#img_org a#btn-f-planning {
	position: absolute;
	top: 410px;
	left: 224px;
}

#img_org a#btn-f-management {
	position: absolute;
	top: 410px;
	left: 337px;
}

#img_org a#btn-r-investment {
	position: absolute;
	top: 91px;
	left: 50px;
}

#img_org a#btn-f-investment {
	position: absolute;
	top: 149px;
	left: 50px;
}

#img_org a#btn-ad-wellbeing {
	position: absolute;
	top: 410px;
	left: 619px;
}

#img_org a#btn-internal-audit {
	position: absolute;
	top: 210px;
	left: 50px;
}

#img_org a#btn-ad-accounting {
	position: absolute;
	top: 410px;
	right: 0;
}

#img_org a#btn-finance {
	position: absolute;
	top: 150px;
	left: 582px;
}

#img_org a#btn-suishin {
	position: absolute;
	top: 206px;
	left: 50px;
}

#organization .box_img {

	margin-bottom: 40px;

}



#org_detail {

	display: none;

}



#organization .btn_more {

	display: inline-block;

	padding: 20px 110px;

	background-color: #fa0046;

	font-size: 16px;

	color: #fff;

	-webkit-transition: all ease 0.5s;

	transition: all ease 0.5s;

	cursor: pointer;

}



#organization .btn_more:hover {

	background-color: #fb4074;

}



#organization a.btn_close {

	display: inline-block;

	padding: 20px 110px;

	background-color: #fa0046;

	font-size: 16px;

	color: #fff;

	-webkit-transition: all ease 0.5s;

	transition: all ease 0.5s;

}



#organization a.btn_close:hover {

	background-color: #fb4074;

}



#organization .tblStd2 {

	font-size: 85.6%;

	margin-top: 40px;

}



#organization .tblStd2 th,
#organization .tblStd2 td {

	border-bottom: 1px solid #fff;

	padding: 20px 30px;

}



#organization .tblStd2 th {

	font-weight: normal;

	text-align: center;

	background-color: #e6e6e6;

	vertical-align: top;

}



#organization .tblStd2 td {

	text-align: left;

	background-color: #ebebeb;

}



#organization .tblStd2 th.th2,
#organization .tblStd2 th.th3 {

	padding: 14px 30px;

}



#organization .tblStd2 th.th2 {

	background-color: #6e6e6e;

	color: #fff;

}



#organization .tblStd2 th.th3 {

	background-color: #a0a0a0;

	color: #fff;

}



#organization .notes {

	font-size: 78.5%;

	color: #fff;

	margin: 10px 0 20px;

	text-align: left;

}



/* ===========================================================



	pickup



=========================================================== */



#pickup h2 .title_jp {

	display: block;

	font-size: 24px;

	font-weight: normal;

	color: #333;

	line-height: 1;

	margin-bottom: 24px;

}



.pickup-slider {

	height: 338px;

	overflow: hidden;

	background: #000;

}

.pickup-slider {}

.pickup-slider-item {

	position: relative;

	width: 490px !important;

}

.pickup-slider-caption {

	position: absolute;

	top: 0;

	left: 0;

	background: #000;

	display: block;

	width: 490px;

	height: 338px;

	line-height: 338px;

	font-size: 17px;

	color: #fff;

	font-weight: bold;

	text-align: center;

	display: none;

}

.pickup-slider-caption:hover {

	font-weight: bold;

	text-decoration: none;

	color: #fff;

}

.pickup-slider .film_roll_child {}

.pickup-slider a.film_roll_prev,
.pickup-slider a.film_roll_next {

	display: block;

	text-indent: -99999px;

	width: 40px;

	height: 40px;

	outline: none;

	background-image: url(../img/home/pickup_next_prev.png);

	background-repeat: no-repeat;

	background-position: left 0;

	border: none;

}

.pickup-slider a.film_roll_prev {

	background-position: left top;

}

.pickup-slider a.film_roll_next {

	background-position: left bottom;

}

.pickup-slider a.film_roll_prev:hover {

	background-position: right top;

}

.pickup-slider a.film_roll_next:hover {

	background-position: right bottom;

}