@charset "UTF-8";
/* CSS Document */
/**************************************************
*制作：Shinichi Yamazaki
*Created Date：2022/07
*https://design-momonga.jp/
 レスポンシブレイアウトモバイルファーストでの記述。
***************************************************/
/*--------------------------------------------------
*メインビジュアルエリア
---------------------------------------------------*/
#mv-wrapper{
	height:calc(100vh - 103px);
}
#mv-left,
#mv-right{
	display:none;
}
#mv-center{
	background:url("../images/f1_mv_sp.jpg") no-repeat;
	background-size:cover;
	background-position:center center;
	height:inherit;
	position:relative;
}
#mv-title{
	position:absolute;
	top:45%;
	left:35%;
	transform:translate(-50%,-50%);
	text-align:center;
	color:#FFF;
}
#mv-title h1{
	font-size:2rem;
	margin-bottom:7px;
    letter-spacing:0.1rem;
}
/*--------------------------------------------------
*コンテンツエリア
---------------------------------------------------*/
#information{
    padding-top: 20px;
    padding-bottom: 20px;
}
#information .contents-wrapper{
    width: 90%;
    margin: 0 auto;
}
#information-list li{
    padding-top: 7px;
    padding-bottom: 7px;
}
.information-date time{
    display:inline-block;
    background-color:#15A2B3;
    color:#FFF;
    padding:7px 10px;
    margin-bottom:7px;
}
.information-ttl{
    line-height:1.5;
}
/*********************************************
*タブレット（600px以上の場合）
**********************************************/
@media screen and (min-width:600px){

	/*--------------------------------------------------
	*【タブレット】メインビジュアルエリア（#mv）
	---------------------------------------------------*/
	#mv-wrapper{
		height:calc(100vh - 118px);
	}
	#mv-center{
		background:url("../images/f1_mv_tab.jpg") no-repeat;
		background-size:cover;
		background-position:center center;
		height:inherit;
		position:relative;
	}
	#mv-title{
		position:absolute;
		top:42%;
		left:40%;
	}
	#mv-title h1{
		font-size:2.6rem;
	}
	/*--------------------------------------------------
	*【タブレット】コンテンツエリア
	---------------------------------------------------*/
    #information-list li{
        display:flex;
    }
	.information-date{
        padding-right:10px
    }
    .information-ttl{
        padding-top: 3px;
    }
}
/*********************************************
*PC（960px以上の場合）
**********************************************/
@media screen and (min-width:960px){
	
	/*--------------------------------------------------
	*【PC】メインビジュアルエリア（#mv）
	---------------------------------------------------*/
	#mv-wrapper{
		height: calc(100vh - 148px);
		display: flex;
		justify-content:space-between;
	}
	#mv-left,
	#mv-right{
		display:block;
		width:20%;
    	background:#194ca1;
	}
	#mv-center{
		width: 60%;
		background:url("../images/f1_mv_pc_center.jpg") no-repeat;
		background-size:cover;
		background-position:right,center;
		position:relative;
	}
	#mv-title {
		top:48%;
		left:50%;
	}
	#mv-title h1{
		font-size:2.6rem;
		margin-bottom:7px;
	}
	#mv-title p{
		font-size:1.4rem;
	}
	.box {
		width: 100%;
		height: 100%;
		overflow: hidden;
	}
	.box .box-inner {
		width: inherit;
		height: inherit;
		opacity: 0;
	}
	#mv-left .box .box-inner{
		background:url("../images/f1_mv_pc_left.jpg") no-repeat;
		background-size:cover;
		background-position:right,center;
	}
	#mv-right .box .box-inner{
		background:url("../images/f1_mv_pc_right.jpg") no-repeat;
		background-size:cover;
		background-position:left,center;
	}
	/*--------------------------------------------------
	*【PC】コンテンツエリア
	---------------------------------------------------*/
    #recruit-category .contents-wrapper {
      max-width: 100%;
    }
    #information{
        padding-top: 40px;
        padding-bottom: 40px;
    }
    #information .contents-wrapper{
        max-width:1120px;
    }
    #information-inner{
        width:75%;
        margin: 0 auto;
    }
}