@charset "UTF-8";
/* CSS Document */



/*==============================
		 mainimage設定
==============================*/

#contents {
    margin: 0 0 120px;
	padding-top:100px;
}


.mainimg {
	 background-image:url("./img/title_pc.jpg");
	 background-position: right;
	 width: 100%;
	 background-size: cover;
	 height:348px;
	 position: relative;
	 margin-bottom:80px;
 }
.mainimg p {
	color:#4d4d4d;
	font-size:24px;
	position: absolute;
	top:40%;
	left:80px;
}
.mainimg span {
	font-size:60px;
	font-family: 'Josefin Sans', sans-serif;
    font-style: italic;
	color: #3b0056;
	margin-right:16px;
}


/*事務所通信*/
/*タイトル*/
.officenews .title span{
	font-style: normal;
}

/*最新号*/
.officenews .officenews_new{
	margin-bottom: 100px;
}
.officenews .officenews_new .new_img-box{
	flex: 0 1 45%;
	width: 45%;
	max-width: 45%;
	border: solid 1px #dddddd;
}
.officenews .officenews_new .new_txt-box{
	flex: 0 1 50%;
	width: 50%;
	max-width: 50%;
}
.officenews .officenews_new .new_txt-box h4{
	font-size: 24px;
	line-height: normal;
}

/*バックナンバー*/
.officenews .officenews_past{
	margin-bottom: 100px;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}
.officenews .officenews_past .past_wrap{
	flex: 0 1 31%;
	width: 31%;
	max-width: 31%;
	margin-right: 3.5%;
	margin-bottom: 30px;
}
.officenews .officenews_past .past_wrap:nth-child(3n){
	margin-right: 0;
}
.officenews .officenews_past .past_wrap:nth-last-child(-n+3){
	margin-bottom: 0px;
}
.officenews .officenews_past .past_wrap .past_img-box{
	margin-bottom: 10px;
	border: solid 1px #dddddd;
}
.officenews .officenews_past .past_wrap .past_img-box:hover{
	opacity: 0.8;
}
.officenews .officenews_past .past_wrap .past_txt-box h4{
	line-height: normal;
}

/*詳しくはこちら*/
.more_wp{
	margin-bottom: 100px;
}
.more_wp p{
	margin-bottom: 55px;
	text-align: center;
	font-weight: bold;
	font-size: 25px;
}


/*==============================
		tablet設定
==============================*/

@media screen and (max-width:960px) {

}

@media screen and (min-width:640px) and ( max-width:960px) {
	
}

/*==============================
		SP設定
==============================*/

@media screen and (max-width:640px){
	
	.mainimg {
	 	background-image:url("./img/title_sp.jpg");
	 	margin: 0 calc(50% - 50vw) 80px;
		width: 100vw;
		height:200px;
	 }
	.mainimg p {
		top:35%;
		left:20px;
	}
	.mainimg span {
		font-size:40px;
	}
	
	/*事務所通信*/
	/*タイトル*/
	.officenews .title{
		margin-bottom: 25px;
	}
	.officenews .title p{
		font-size: 25px;
	}
	
	/*最新号*/
	.officenews .officenews_new{
		margin-bottom: 50px;
	}
	.officenews .officenews_new .new_img-box{
		flex: 0 1 48%;
		width: 48%;
		max-width: 48%;
	}
	.officenews .officenews_new .new_txt-box{
		flex: 0 1 48%;
		width: 48%;
		max-width: 48%;
	}
	.officenews .officenews_new .new_txt-box h4{
		font-size: 18px;
	}
	
	/*バックナンバー*/
	.officenews .officenews_past{
		margin-bottom: 50px;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}
	.officenews .officenews_past .past_wrap{
		flex: 0 1 48%;
		width: 48%;
		max-width: 48%;
		margin-right: 0;
		margin-bottom: 15px;
	}
	.officenews .officenews_past .past_wrap:nth-last-child(-n+3){
		margin-bottom: 15px;
	}
	.officenews .officenews_past .past_wrap:nth-last-child(-n+2){
		margin-bottom: 00px;
	}
}