@charset "utf-8";
/* index.css */
/*PC first*/
/*##### PC #####*/
/*-----header-----*/
	.headerPages{
		width:100%;
		height:120px;
		margin:0 auto;
		background-image:url(../shared/bg_header2.jpg);
		background-size: cover;
		background-repeat:no-repeat;
		background-position:center center;
	}
		.sub_ttl{
			width:950px;
			padding:30px 0 0 0;
			margin:0 auto;
		}
		.sub_ttl ul{
			display:flex;
			justify-content:space-between;
		}
		.sub_ttl ul li{
			font-size:1.05em;
		}
	.headerPages .sub_ttl_img{
		width:945px;
		height:50px;
		padding:10px 0 0 0;
		margin:0 auto;
	}
	
/*-----topicpath-----*/
.topicpath{
	width:950px;
	overflow:hidden;
	margin:20px auto;
}
	.topicpath ul{}
	.topicpath ul li{
		display:inline-block;
		font-size:0.9em;
		margin-right:8px;
	}
	.topicpath ul li.here::after{
		content:none;
		margin:0;
	}
	.topicpath li a{
		color:#aaa;
	}
	.topicpath li:after{
		font-family:FontAwesome;
		content:"\f105";
		color:#8c8c8c;
		margin-left:10px;
	}


/*-----contents-----*/
.contents{
	margin-bottom:80px;
}

		.content_title{
			width:1040px;
			height:125px;
		}
		
		.h_nav_box{
			border-bottom: 5px solid #ffaa19;
		}
		
		.h_nav_box .h_nav{
			width:860px;
			height:60px;
			padding:10px 0;
			margin:0 auto;
		}
		
			.h_nav_box .h_nav ul{
				display:flex;
				justify-content:space-between;
			}
			
			.h_nav_box .h_nav ul li{
				font-size:1.3em;
			}
			
			.h_nav_box .h_nav ul li a{
				display:block;
			}
			
			.h_nav_box .h_nav ul li a:hover{
				background:none;
			}
	
	.mainBox hr{
		border:none;
		margin:40px 20px;
		border-top:1px dotted #ccc;
	}
	.mainBox h2{
		width:840px;
		height:70px;
		background-image:url(../shared/bg_subtitle.png);
		background-repeat:no-repeat;
		padding:0 30px;
		line-height:70px;
		margin:30px auto;
		font-size:1.8em;
		color:#23467D;
	}


@media screen and (max-width:480px){
/*##### SP #####*/
	header{
		height:auto;
		background-size:cover;
	}
	
			.headerPages{
				width:auto;
				height:auto;
				padding:10px;
				margin-bottom:10px;
				justify-content:flex-start;
			}
	.sub_ttl{
		width:auto;
		padding:0 40px 0 0;
		margin-bottom:10px;
	}
	.sub_ttl ul{
		display:block;
	}
	.sub_ttl ul li{
		font-size:3vw;
		line-height:1.4em;
	}
	.sub_ttl ul li.s_ttl_right{
		margin-left:0;
	}
	.headerPages .sub_ttl_img{
		max-width:100%;
		height:auto;
		padding:0;
	}
	.topicpath{
		width:100%;
		margin:0 auto 10px;
	}
	
			.content_title{
				width:auto;
				height:auto;
				padding-left:10px;
			}
			
				.content_title h2{
					height:auto;
					padding:0;
					line-height:normal;
					font-size:2em;
				}

	/*-----contents-----*/
	.contents{
		margin-bottom:50px;
	}
	
	.h_nav_box{
		display:none;
	}
	
	.mainBox{
		width:auto;
		padding:0 10px;
	}
	
	.mainBox h2{
		width: auto;
		height: auto;
		background-color:#caefe9;
		background-image:none;
		padding: 10px;
		line-height:normal;
		margin: 0 0 20px 0;
		font-size:5vw;
		border-radius:calc((5vw + 20px) / 2);
	}




}