@charset "utf-8";
@import url("slicknav.css");
/* CSS Document */

.slicknav_menu{
	display: none;
}
header{
    position: fixed;
    background-color: #fff;
    width: 100%;
}
#menu li{
	font-size:14px;
	font-weight: 700;
	float: left;
    width: 146px;
    text-align: center;
    position: relative;
}

#menu ul li:first-child{
	border-left: 1px solid #ccc;
}

#menu li a, #menu li span {
    font-weight: 700;
    display: block;
    padding: 10px 0;
    border-right: 1px solid #ccc;
}

#menu li.line01 a{
    border-right: 1px solid #339dff;
}
#menu li.line02 a{
    border-right: 2px solid #666;
}

.slicknav_nav .sp{
	display: none;
}

/* パンくずリスト */
nav#breadcrumbs{
	background: rgba(196, 196, 196, .4);
}
nav#breadcrumbs ol {
	padding: 1em 0 1em 2em;
}
nav#breadcrumbs ol li {
  display: inline;
  list-style-type: none;
	font-size: 14px;
}
nav#breadcrumbs ol li:before {
  content: " / ";
}
nav#breadcrumbs ol li:first-child:before {
  content:"";
}
nav#breadcrumbs ol li span{
	color: #333;
}
nav#breadcrumbs ol li:last-child span{
	color: #888;
}

/* 20180922 footer link追加 */
#footer_content .link01,
#footer_content .link02{
	margin-bottom: 0;
}
footer div#footer_content div.inner div.f_box,
footer div#footer_content div.inner div.f_box02{
	float:left;

}
footer div#footer_content div.inner div.f_box .anglBox,
footer div#footer_content div.inner div.f_box02 .snsBox{
	margin:0 36px 0 0;
}
footer #footer_content .inner{
	padding:30px 10px !important;
}

@media screen and (max-width:1024px){
		#pc_menu{
		display: none;
	}
	footer div#footer_content div.inner div.f_box,
	footer div#footer_content div.inner div.f_box02{
		float: none;

	}
	footer div#footer_content div.inner div.f_box{
		width:65%;
		margin:auto;
	}
	footer div#footer_content div.inner div.f_box02{
		width:55%;
		margin:auto;
	}
	footer div#footer_content div.inner div.f_box .planBox{
		margin:0;
		width:40%;
	}
	footer div#footer_content div.inner div.f_box .anglBox,
	footer div#footer_content div.inner div.f_box .anotBox{
		width:30%;
		margin:0;
	}
	footer div#footer_content div.inner div.f_box02 .snsBox{
		width:30%;
		margin:0;
	}
	footer div#footer_content div.inner div.f_box02 .contBox{
		width:70%;
		margin:0;
	}

}
@media screen and (max-width: 768px){
	footer #footer_content .inner{
		padding:30px 0 !important;
	}
	footer div#footer_content div.inner div.footer_menu{
		width:100% !important;
	}


	footer div#footer_content div.inner div.footer_menu ul li a{
		font-size:0.9em;
	}

	footer div#footer_content div.inner div.footer_menu ul li{
		width:48%;
		margin-right:2%;
		float:left;
	}
	footer div#footer_content div.inner div.f_box02{
		width:65%;
		margin:auto;
	}

	footer div#footer_content div.inner div.f_box02 .snsBox{
		width:30% !important;
		margin:0;
	}
	footer div#footer_content div.inner div.f_box02 .contBox{
		width:70% !important;
		margin:0;
	}
}
@media screen and (max-width: 667px){
	footer div#footer_content div.inner div.f_box{
		width:100%;
		margin:auto;
	}
	footer div#footer_content div.inner div.f_box02{
		width:100%;
		margin:auto;
	}


}

@media screen and (max-width:480px){
	.slicknav_menu{
		display: block;
	}
	.slicknav_nav .sp{
		display: block;
	}
	.slicknav_nav .pc{
		display: none;
	}
	header{
		height: 53px;
	}

	header #header_left #header_text,
	header #header_right .header_contact{
		display: none;
	}
	header .inner #header_left .logo {
		width: 120px;
		margin: 0;
	}
	#sp_menu{
		position: relative;
		top: -52px;
	}
	.slicknav_menu{
		background-color: transparent;
		padding: 0;
	}
	.slicknav_btn{
		border-radius: 0;
		background-color: #fff;
		border: 1px solid #ccc;
		margin: 0;
		text-shadow:none;
		padding: 7px;

	}
	.slicknav_menu .slicknav_icon{
		width: 25px;
		height: 24px;
	}
	.slicknav_menu .slicknav_icon-bar{
		background-color: #b5b5b5;
		width: 25px;
		height: 3px;
	}
	.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar{
		margin-top: 7px;
	}
	.slicknav_nav{
		background:rgba(17,50,76,1);
		position: relative;
		top: 8px;
	}
	.slicknav_nav li{
		font-size: 12px;
		font-weight: bold;
		border-top: 1px solid #36556d;
		border-bottom: 1px solid #031a2d;
		padding: 12px 8px;
	}
	.slicknav_nav li.slicknav_parent.slicknav_open{
		padding-bottom:0;
	}
	.slicknav_nav .slicknav_row:hover {
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
		background: #11324c;
		color: #ccc;
	}
	.slicknav_nav .slicknav_row{
		padding: 0;

	}
	.slicknav_nav a{
		padding: 0;
	}

	.slicknav_nav li.slicknav_parent.slicknav_open .slicknav_row{
		padding-bottom: 12px;
	}
	.slicknav_nav a:hover {
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
		background: #11324c;
    	color: #ccc;
	}
}

main{
	padding-top: 98px;
}


main.pt0{
	padding-top: 0;
}
header.p-article__heading{
	position: static;
}

@media screen and (max-width: 768px){
	main{
		padding-top: 53px !important;
	}
	main.pt0{
		padding-top: 0 !important;
	}
	header #header_left{
		position: relative;
		z-index: 101;
	}
}
