@charset "UTF-8";
/* CSS Document */
/**************************************************
*制作：Shinichi Yamazaki
*Created Date：2022/07
*https://design-momonga.jp/
 レスポンシブレイアウトモバイルファーストでの記述。
***************************************************/
/*--------------------------------------------------
*共通パーツ設定
--------------------------------------------------*/

/*--------------------------------------------------
*メインビジュアルエリア
---------------------------------------------------*/
#mv-inner{
	background:url("../images/c0_mv_tab.jpg") no-repeat;
	background-size:cover;
	display:flex;
	align-items:center;
}
#mv-inner:before{
	content:"";
	display: block;
	width:0;
	height:0;
	padding-bottom:68%;
}
#mv-inner h1{
	font-size:1.6rem;
	color:#7e7e7e;
	margin-left:5%;
}
/*--------------------------------------------------
*コンテンツエリア
---------------------------------------------------*/
.contents-wrapper{
	min-height:0px;
	font-size:1.3rem;
	line-height:2rem;
	letter-spacing:0.05rem;
}
/*---↓↓↓（#block01）↓↓↓---*/
#block01{
	padding:35px 4% 35px 4%;
	background:url("../images/common_texture_gray-stone3.jpg");
}
.cnt-pack{
	display:flex;
	background:#FFF;
	margin-bottom:15px;
	color:#666666;
}
.cnt-info{
	position:relative;
	width:60%;
	border-right:7px solid #133469;
	padding:25px;
}
.cnt-info h2{
	font-size:1.6rem;
	color:#143468;
	margin-bottom:12px;
}
.cnt-sub-text{
	font-size:1.2rem;
	font-weight:100;
	letter-spacing:0.1rem;
}
.cnt-sub-text span{
	color:#0fafc3;
}
.cnt-info::before{
	content:"";
	display:block;
	width:20px;
	height:20px;
	background:url("../images/common_icon_arrow-en.svg") no-repeat;
	background-size:contain;
	position:absolute;
	right:20px;
	bottom:20px;
}
.cnt-thum{
	width:40%;
}
/*********************************************
*タブレット（600px以上の場合）
**********************************************/
@media screen and (min-width:600px){
	
	/*--------------------------------------------------
	*【タブレット】共通パーツ設定
	--------------------------------------------------*/

	/*--------------------------------------------------
	*【タブレット】メインビジュアルエリア（#mv）
	---------------------------------------------------*/
	#mv-inner{
		background:url("../images/c0_mv_tab.jpg") no-repeat;
		background-size:cover;
	}
	#mv-inner h1{
		font-size:2.3rem;
		margin-left:10%;
	}
	/*--------------------------------------------------
	*【タブレット】コンテンツエリア
	---------------------------------------------------*/
	.contents-wrapper{
		font-size:1.5rem;
		line-height:2.2rem;
	}
	/*---↓↓↓【タブレット】（#block01）↓↓↓---*/
	#cnt{
		display:flex;
		flex-wrap:wrap;
		justify-content:space-between;
	}
	.cnt-pack{
		width:49%;
	}
	
}
/*********************************************
*PC（960px以上の場合）
**********************************************/
@media screen and (min-width:960px){
	
	/*--------------------------------------------------
	*【PC】共通パーツ設定
	--------------------------------------------------*/
	
	/*--------------------------------------------------
	*【PC】メインビジュアルエリア（#mv）
	---------------------------------------------------*/
	#mv-wrapper{
		background:url("../images/c0_mv_pc.jpg") no-repeat;
		background-position: center top;
		background-size:cover;
	}
	#mv-inner{
		background-image:none;
		display:block;
		max-width:1120px;
		margin:0 auto;
		position:relative;
		height:375px;
	}
	#mv-inner h1{
		font-size:2.4rem;
		position:absolute;
		top:50%;
		transform:translate(0,-50%);
	}
	/*--------------------------------------------------
	*【PC】コンテンツエリア
	---------------------------------------------------*/
	.contents-wrapper{
		max-width:1120px;
		margin: 0 auto;
		min-height:0;
		padding-bottom:20px;
	}
	/*---↓↓↓【PC】（#block01）↓↓↓---*/
	#block01{
		padding:50px 4% 35px 4%;
	}
	.cnt-pack{
		margin-bottom:30px;
	}
	.cnt-info{
		border-right:12px solid #133469;
		/*border-right:none;*/
		padding:40px;
	}
	.cnt-info h2{
		font-size:2.2rem;
		margin-bottom:25px;
	}
	.cnt-sub-text{
		font-size:1.6rem;
		font-weight:500;
	}
	.cnt-thum{
		overflow:hidden;
	}
	.cnt-thum img{
	 	transition:0.5s all;
	}
	.cnt-info::before{
		width:25px;
		height:25px;
		right:30px;
		bottom:30px;
	}
	/*.cnt-pack:hover .cnt-info::before{
		background:url("../images/common_icon_arrow-en_0fafc3.svg") no-repeat;
	}*/
	.cnt-pack:hover .cnt-thum img{
		transform:scale(1.1,1.1);
  		transition:0.5s all;
	}
	.cnt-thum{
		width:40%;
	}
}