@charset "UTF-8";

/* ----------------------------------------------------------------------------------------------------
* 
---------------------------------------------------------------------------------------------------- */

.content-title.title2{
	padding-bottom:1.5rem;
	margin-bottom:3rem;
	border-bottom:1px solid #636363;
}


/* ----------------------------------------------------------------------------------------------------
* HOME
---------------------------------------------------------------------------------------------------- */

.top-header-image-wrap{
	font-size:200%;
	line-height:1.4;
}
.top-header-image-title-sub{
	display:inline-block;
	border:1px solid #FFFFFF;
	border-radius:5rem;
	padding:1rem 2rem;
	margin-bottom:2rem;
}
.top-header-image-title{
	font-size:135%;
	margin-bottom:3rem;
}
.top-header-image-title div{
	white-space:nowrap;
}

.top-app-buttons a img{
	margin-bottom:1rem;
}

.top-header .img01{
	margin:3rem;
}
.top-header p{
	line-height:1.8;
}

.top-mv-thumbnail{
	max-width:100%;
}
.top-mv-thumbnail .ratio-div{
	border:1px solid #c0c0c0;
}


#topNews li a{
	display:block;
}
#topNews li img{
	width:100%;
}
#topNews li{
	width:32%;
	padding-bottom:2%;
}
#topNews li:nth-child(3n){
}
.news-list a{
	display:block;
	position:relative;
	color:white;
	background-color:black;
}
.news-list a img{
	opacity:.9;
}
.news-list .text{
	position:absolute;
	bottom:0;
	_top:0;
	left:0;
	padding:1.5rem 2rem;
	line-height:1.4;
	background-color:rgba(0, 0, 0, .3);
	text-align:justify;
}

.news-list .date{
	font-size:90%;
	margin:-.5rem 0 .5rem;
}

#topPartnars{
	box-shadow:0 0 2rem 3px #cccccc;
	margin:2rem 0 -3.5rem;
}
#topPartnars li a{
	display:block;
	margin-right:1.5rem;
	margin-bottom:1rem;
}


/* ----------------------------------------------------------------------------------------------------
* レスポンシブ対応
---------------------------------------------------------------------------------------------------- */
/* 768px未満：スマホ
---------------------------------------------------------------------------------------------------- */
@media screen and (max-width:767px) { 
	.top-header-image-wrap{
		background-image:url("../../images/corporate/top_main_sp.jpg");
		background-size:contain;
		text-align:center;
		padding-top:10rem;
	}

	.top-header-image-title-sub{
		font-size:70%;
	}
	.top-header-image-title{
		font-size:115%;
	}

	.top-header-image-wrap .flex-container{
		flex-direction:column;
	}
	.top-header-image > *{
		width:100%;
	}
	.top-header-image .right img{
		/*width:80%;*/
	}
	.top-app-buttons.pc-hidden img{
		width:50%;
	}

	.top-header p{
		text-align:left;
	}

	#topNews li{
		width:100%;
		padding-bottom:10px;
	}
	.service-list li{
		width:100%;
	}

	#topNews li{
		/*width:49%;
		padding-bottom:2%;*/
	}
}

/* 768px以上：PC・タブレット
---------------------------------------------------------------------------------------------------- */
@media screen and (min-width:768px) {
	.top-header-image-title{
		font-size:190%;
	}

	.top-app-buttons a img{
		margin-right:1rem;
	}

	.top-header .left{
		float:left;
	}
	.top-header .right{
		float:right;
	}
	.top-header .text{
		width:52%;
	}
	.top-header .img{
		width:48%;
	}
	.top-header .img01{
		margin-top:-90px;
	}
	.top-header .img02{
		margin-top:6.5rem;
	}

	.top-mv-thumbnail{
		max-width:429px;
	}


	.news-list a img{
		width:380px;
		height:280px;
	}

}