@charset "utf-8";

/* 全体 */
.contents{
	min-width: 1538px;
	overflow-x: hidden;
}
.wrapper{
	width: 1538px;
	margin: 0 auto;
}
.dao_contents{
	margin: 0 -191px;
}
@media screen and (max-width: 767px){
	.contents{
		min-width: auto;
		min-width: initial;
		overflow-x: visible;
	}
	.wrapper{
		width: auto;
	}
	.dao_contents{
		margin: 0;
	}
}

/* メインビジュアル
----------------------------------------------------------------------------------------------- */
#mv{
	position:relative;
	z-index:1;
}
	#mvInner{
		position:relative;
		width:100%;
		margin:0;
		padding-top: 32.6%;
	}
		#mvInner img {
			vertical-align:middle;
		}
		#mvImages{}
			#mvImages > li{
				display:block;
				position:absolute;
				top:0;
				left:0;
				width:100%;
				height:auto;
				text-align:center;
				background-color: #fff;
			}
			#mvImages > li + li{
				display:none;
			}
			#mvImages li > a{
				position: relative;
				display: block;
			}
			#mvImages li > a:hover{
				opacity: 0.7;
			}

		#mvNav{
			position:absolute;
			left:50%;
			bottom:3.6%;
			text-align:center;
			white-space:nowrap;
			z-index:100;
			font-size: 0;
		}
			#mvNav li{
				display:inline-block;
				width:20px;
				height:20px;
				margin:0 8px;
				background:url(https://www.mitsubishicorp.com/jp/en/dreamasone/img/index_mv_nav_01.png) no-repeat left top transparent;
				cursor:pointer;
			}
			#mvNav li.cur{
				background-position:left bottom;
			}

.imgArea{
	width: 100%;
	height: auto;
}
.txtArea{
	position: absolute;
	bottom: 55.91%;
	width: 100%;
	padding: 0 191px;
}
.mv-more{
	position: absolute;
	top: 49.84%;
	left: 43.64%;
	display: block;
	width: 244px;
	padding: 24px 0;
	font-size: 20px;
	color: #fff;
	line-height: 1;
	background-color: #e00a21;
	text-align: center;
}

@media only screen and (max-width: 767px){
	#mvInner{
		padding-top: 125.5%;
	}
	
	.txtArea{
		bottom: 34.86%;
		padding: 0;
	}
	.mv-more{
		top: 70.35%;
		left: 30.31%;
		width: 39%;
		padding: 2.97% 0;
		font-size: 10px;
		font-size: 2.87vw;
	}
}

/* main contents
----------------------------------------------------------------------------------------------- */
.dao_main{
	margin: 0 191px;
	background:url(https://www.mitsubishicorp.com/jp/en/dreamasone/img/index_bg_img_01.svg) no-repeat center top;
	padding-top: 220px;
}
.dao_main > section{
	margin-bottom: 85px;
}
.dao_main > section + section{
	margin-top: 100px;
}
.dao_main > section > h2 > img{
	width: 100%;
	height: auto;
}
@media only screen and (max-width: 767px){
	.dao_main{
		margin: 0;
		background:url(https://www.mitsubishicorp.com/jp/en/dreamasone/img/index_bg_img_01.svg) no-repeat center top;
		background-size: contain;
		padding-top: 9.68%;
	}
	.dao_main > section{
		margin-bottom: 11.25%;
	}
	.dao_main > section + section{
		margin-top: 18.75%;
	}
}

/* ATHLETES */
.athletes{
	background:url(https://www.mitsubishicorp.com/jp/en/dreamasone/img/index_bg_img_02.svg) no-repeat center top;
	background-position: -5px 112px;
}
.athletes > h2{
	padding: 44px 0;
}
.athletes > .athletes_list{
	letter-spacing: -0.3em;
	text-align: center;
}
.athletes > .athletes_list > li{
	letter-spacing: normal;
	display: inline-block;
	position: relative;
	margin-bottom: 25px;
}
.athletes > .athletes_list > li + li{
	margin-left: 26px;
}
.athletes > .athletes_list > li > a > img{
	width: 100%;
	height: auto;
}
.athletes > .athletes_list > li > a > .data{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: none;
}
.athletes > .athletes_list > li:hover > a > .data{
	display: block;
}
.athletes > .athletes_list > li > a > .data::before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: 0.55;
	z-index: 1;
}
.athletes > .athletes_list > li > a > .data > *{
	position: relative;
	z-index: 2;
	text-align: left;
}
.athletes > .athletes_list > li > a > .data > .name{
	margin: 301px 0 30px;
}
.athletes > .athletes_list > li > a > .data > .name_small{
	margin: 226px 0 30px;
}
.athletes > .athletes_list > li > a > .data > .detail{
	color: #fff;
	padding: 0 18px;
	line-height: 1.3;
}
.athletes > .athletes_list > li > a > .data > .detail > span + span{
	display: block;
	margin-top: 30px;
}
.athletes > .athletesLink{
	text-align: right;
	margin: 40px 104px 0 0;
}
.athletes > .athletesLink:hover{
	opacity: 0.7;
}
@media only screen and (max-width: 767px){
	.athletes{
		background: none;
	}
	.athletes > h2{
		padding: 2.81% 0 5.62%;
	}
	.athletes > .athletes_list > li{
		display: block;
		margin-bottom: 0;
	}
	.athletes > .athletes_list > li + li{
		margin-left: 0;
	}
	.athletes > .athletes_list > li > a > .data{
		display: block;
	}
	.athletes > .athletes_list > li > a > .data > .name{
		margin: 0;
		top: 50%;
		transform: translateY(-50%);
	}
	.athletes > .athletes_list > li > a > .data > .name > img {
		width: 100%;
		height: auto;
	}
	.athletes > .athletes_list > li > a > .data > .detail{
		top: 50%;
		padding: 0 4.5%;
	}
	.athletes > .athletesLink{
		margin: 5% 5.31% 0 0;
	}
}

/* PROJECT ACTIVITIES */
.pActivities{
	background:
		url(https://www.mitsubishicorp.com/jp/en/dreamasone/img/index_bg_img_03.svg) no-repeat 132px 40px,
		url(https://www.mitsubishicorp.com/jp/en/dreamasone/img/index_bg_img_03.svg) no-repeat 529px 40px,
		url(https://www.mitsubishicorp.com/jp/en/dreamasone/img/index_bg_img_03.svg) no-repeat 942px 40px,
		url(https://www.mitsubishicorp.com/jp/en/dreamasone/img/index_bg_img_03.svg) no-repeat 1339px 40px;
}
.pActivities > h2{
	margin-bottom: 50px;
}
.pActivities > .pa_list{
	letter-spacing: -0.3em;
	text-align: center;
}
.pActivities > .pa_list > li{
	letter-spacing: normal;
	display: inline-block;
	vertical-align: top;
	width: 380px;
}
.pActivities > .pa_list > li + li{
	margin-left: 34px;
}
.pActivities > .pa_list > li > img{
	width: 100%;
	height: auto;
}
.pActivities > .pa_list > li > p{
	text-align: left;
	font-size: 16px;
	line-height: 1.5;
}
.pActivities > .pa_list > li > .date{
	margin: 20px 0;
	line-height: 1;
}
.pActivities > .pa_list > li > .date::before{
	content: "";
	display: inline-block;
	width: 14px;
	height: 14px;
	background-color: #e00a21;
	margin-right: 5px;
	vertical-align: top;
}
@media only screen and (max-width: 767px){
	.pActivities{
		background: url(https://www.mitsubishicorp.com/jp/en/dreamasone/img/index_bg_img_03_sp.svg) no-repeat center top;
		background-size: contain;
	}
	.pActivities > h2{
		margin-bottom: 6.25%;
		padding-top: 1.88%;
	}
	.pActivities > .pa_list > li{
		display: block;
		width: 100%;
	}
	.pActivities > .pa_list > li + li{
		margin-left: 0;
		margin-top: 8.75%;
	}
	.pActivities > .pa_list > li > p{
		font-size: 3.75vw;
		padding: 0 2.8%;
	}
	.pActivities > .pa_list > li > .date{
		margin: 2.5% 0;
		line-height: 1;
		padding: 0;
	}
	.pActivities > .pa_list > li > .date::before{
		width: 1.56%;
		height: 4.37vw;
		margin-right: 1.56%;
		vertical-align: bottom;
	}
}


/* DREAM AS ONE. MESSAGE
----------------------------------------------------------------------------------------------- */

.dao_msg{
	background-color: #cedcdc;
	padding: 58px 191px 65px;
	text-align: center;
}
.dao_msg > h2{
	max-width: 302px;
	margin: 0 auto 40px;
}
.dao_msg > h2 > img{
	width: 100%;
	height: auto;
}
.dao_msg > p{
	max-width: 750px;
	margin: 0 auto;
	font-size: 17px;
	line-height: 1.5;
}
.dao_msg > p + p{
	margin-top: 20px;
}
@media only screen and (max-width: 767px){
	.dao_msg{
		padding: 7.8% 6.25%;
	}
	.dao_msg > h2{
		max-width: 47.5%;
		margin: 0 auto 5.3%;
	}
	.dao_msg > p{
		max-width: 100%;
		font-size: 2.8vw;
	}
	.dao_msg > p + p{
		margin-top: 5.3%;
	}
}