@charset "utf-8";
/******** 共通 ********/
/* meta */
/* header */
/* contentArea */
/******** PC用 ********/
@media screen and (min-width:980px){
	#contentArea .section .tio2{
		width: 900px;
		margin: 35px auto 0;
		padding-bottom: 35px;
	}
	#contentArea .section .tio2ReadBox{
		width: 900px;
		margin: 35px auto 0;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	#contentArea .section .tio2ReadBox .read{
		font-size: 1.9em;/*16px:1em*/
	}

	#contentArea .section .dlboxWrap{
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
		margin-bottom: 90px;
	}
	#contentArea .section .dlboxWrap .dlbox{
		width: 440px;
	}

	#contentArea .section .dlbox h4{
		font-size: 1.1em;
		font-weight: normal;
		background: #0953a0;
		color: #fff;
		padding: 10px;
		text-align: center;
	}

	#contentArea .section .dlboxWrap .dlbox dt,
	#contentArea .section .dlboxWrap .dlbox dd{
		padding: 12px 30px;
	}
	#contentArea .section .dlboxWrap .dlbox dt{
		font-size: 1.1em;
		background: #dce4eb;
	}
	#contentArea .section .dlboxWrap .dlbox dd{
		font-size: 1.3em;
		border-bottom: 1px solid #9cb9d3;
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding-right: 60px;
	}
	#contentArea .section .dlboxWrap .dlbox dd:last-of-type{
		border-bottom: none;
	}
	#contentArea .section .dlboxWrap .dlbox dd:first-of-type{
		border-bottom: 1px solid #9cb9d3 !important;
	}
	#contentArea .section .dlboxWrap .dlbox dd img{
		width: 25px;
		height: 21px;
	}
	
	.tio2 .contactBox{
		border: 1px solid #dce4eb;
		padding: 0;
		margin-bottom: 40px;
		text-align: center;
	}

	.tio2 .contactBox dt{
		font-size: 1.25em;
		padding: 17px;
		border-bottom: 1px solid #dce4eb;
	}

	.tio2 .contactBox dd{
		padding: 17px;
	}
	.tio2 .contactBox dd a.btn{
		width: 306px;
		display: block;
		padding: 15px;
		margin: 0 auto;
		font-size: 1.25em;
		font-weight: normal;
		color: #fff;
		background: #0953a0;
		text-decoration: none;
	}

	.tio2 .contactBox dd.telphone{
		text-align: left;
		padding-left: 215px;
	}
	.tio2 .contactBox dd.telphone span{
		font-size: 1.1em;
		font-weight: 700;
		color: #0953a0;
	}

	
}
/******** スマホ、タブレット用 ********/
@media screen and (max-width:979px){
.nextSection{ 
	display:block; 
	position:fixed; 
	top:48%; 
	left:50%; 
	width:66px;
	margin-left:-33px;
	z-index:400;
}

	#contentArea .section .tio2{
		width: 100%;
		margin: 20px auto 0;
		padding-bottom: 35px;
	}

	#contentArea .section .tio2ReadBox{
		width: 100%;
		margin: 20px 20px 0;
		display: flex;
		/*flex-wrap: wrap;*/
		justify-content: center;
		align-items: center;
	}

	#contentArea .section .tio2ReadBox .read{
		font-size: 1.5em;/*16px:1em*/
	}

	#contentArea .section .dlboxWrap{
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: flex-start;
		margin-bottom: 90px;
	}
	#contentArea .section .dlboxWrap .dlbox{
		width: 100%;
	}

	#contentArea .section .dlbox h4{
		font-size: 1.2em;
		font-weight: normal;
		background: #0953a0;
		color: #fff;
		padding: 20px 10px;
		text-align: center;
	}

	#contentArea .section .dlbox .gradImg img{
		width: 100%;
		margin-bottom: 30px;
	}

	#contentArea .section .dlboxWrap .dlbox dt,
	#contentArea .section .dlboxWrap .dlbox dd{
		padding: 12px 30px;
	}
	#contentArea .section .dlboxWrap .dlbox dt{
		font-size: 1.1em;
		background: #dce4eb;
	}
	#contentArea .section .dlboxWrap .dlbox dd{
		font-size: 1.3em;
		border-bottom: 1px solid #9cb9d3;
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding-right: 60px;
	}
	#contentArea .section .dlboxWrap .dlbox dd:last-of-type{
		border-bottom: none;
	}
	#contentArea .section .dlboxWrap .dlbox dd:first-of-type{
		border-bottom: 1px solid #9cb9d3 !important;
	}
	#contentArea .section .dlboxWrap .dlbox dd img{
		width: 25px;
		height: 21px;
	}
	
	.tio2 .contactBox{
		border: 1px solid #dce4eb;
		padding: 0;
		margin: 0 20px 40px;
		text-align: center;
	}

	.tio2 .contactBox dt{
		font-size: 1.25em;
		padding: 17px;
		border-bottom: 1px solid #dce4eb;
	}

	.tio2 .contactBox dd{
		padding: 17px;
	}
	.tio2 .contactBox dd a.btn{
		width: 306px;
		display: block;
		padding: 15px;
		margin: 0 auto;
		font-size: 1.25em;
		font-weight: normal;
		color: #fff;
		background: #0953a0;
		text-decoration: none;
	}

	.tio2 .contactBox dd.telphone{
		text-align: left;
	}
	.tio2 .contactBox dd.telphone span{
		font-size: 1.1em;
		font-weight: 700;
		color: #0953a0;
	}

}