@charset "UTF-8";


html {
margin-top:0px;
  overflow: auto;
  height: 100%;
}
body{
	font-family: "Meiryo","メイリオ","Osaka","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	font-size:14px;
}
*{
	box-sizing:border-box;
	position: relative;
}
a{
	color:#333;
	text-decoration: none;
	transition: all 0.15s ease-in;
}
a:hover{
	opacity:0.7;
}
a.lined{
	text-decoration: underline;
}
#page_wrapper{
	margin:0;
}
.centeringbox{
	width:1200px;
	margin:0 auto;
}

.forPC{
	display:block;
}
.forSMP{
	display:none;
}
img.forPC{
	display:inline;
}
img.forSMP{
	display:none;
}




/*------------------------------------------
page_header
------------------------------------------*/
#page_header{
	width:100%;
	height:95px;
	background:#fff;
	box-shadow:rgba(200,200,200,0.5) 0px 0px 8px;
	position:fixed;
	z-index:1;
}
#page_header h1.logo,
#page_header p.logo{
	position: absolute;
	position:relative;
	left:16px;
	top:12px;
}
#page_header h1.logo img,
#page_header p.logo img{
	width: 30%;
}
#page_header .menus{
	position: absolute;
	right:0px;
	top:0px;
}
#page_header .menus p{
	display: inline-block;
	padding-right:6px;
	padding-left:5px;
	background:url(../img/header/i_header_menu_arrow.png) no-repeat left center;
	background-size: 5px auto;
	font-size:15px;
}
#page_header .menus p.tel{
	width: 300px;
		background-size:0px auto;

}
#page_header .menus p.tel img{
	width: 100%;
}

#page_header .menus p.kakko{
	padding-left:0;
}
#page_header .menus > div{
	text-align:right;
}
#page_header .menus p.m6{
	color:#171a5d;
}
#page_header .b_smp_menu{
	position: absolute;
	right:10px;
	top:10px;
	width:26px;
}


/*------------------------------------------
.main
------------------------------------------*/
.main{
	padding-bottom:35px;
	padding-top:95px;
}


/*------------------------------------------
page_footer
------------------------------------------*/
#page_footer{
	width:100%;
	background:#eef5e8;
	padding-top:36px;
}
#page_footer a{
	color:#1a1311;
	text-decoration: none;
}



#page_footer .links{
	width:1000px;
	margin:0 auto;
	padding-bottom:26px;
	padding-left: 100px;
	display:flex;
	justify-content: space-between;
}
#page_footer .links ul li:not(:first-child){
	font-size:12px;
	margin-bottom:7px;
	padding-left:8px;
}
#page_footer .links ul li:not(:first-child):before,
#page_footer .links ul li:not(:first-child):after{
	content:"";
	background:#444;
	width:5px;
	height:1px;
	position:absolute;
	left:0;
}
#page_footer .links ul li:not(:first-child):before{
	transform:rotate(45deg);
	top:5px;
}
#page_footer .links ul li:not(:first-child):after{
	transform:rotate(-45deg);
	top:8px;
}
#page_footer .links ul li:first-child{
	font-weight:bold;
	padding-bottom:15px;
}
#page_footer .links div.whatsnew{
	width:185px;
}
#page_footer .links div.corp{
	width:175px;
}
#page_footer .links div.mono{
	width:245px;
}
#page_footer .links div.hito{
	width:200px;
}
#page_footer .links div.mono ul li:first-child,
#page_footer .links div.hito ul li:first-child{
	text-indent:-0.6em;
}
#page_footer .links div.activity{
	width:132px;
}
#page_footer .links div.activity ul{
	margin-bottom:34px;
}
#page_footer .links div.activity ul:last-child{
	margin-bottom:0;
}
#page_footer .links div.activity li:first-child{
	padding-bottom:0;
}
/*a.anchor{
    display: block;
    padding-top: 70px;
    margin-top: -70px;
}*/

#page_footer .sns{
	border-top:solid 1px #ccc;
	border-bottom:solid 1px #ccc;
	padding:15px 0;
	text-align:center;
}
#page_footer .sns ul{
	width:100%;
	text-align:center;
	line-height: 1.4
}
#page_footer .sns ul li{
	width:auto;
	display:inline-block;
	margin:0 7px;
}

#page_footer .profile{
	border-top:solid 1px #ccc;
	border-bottom:solid 1px #ccc;
	padding:22px 0;
	text-align:center;
}
#page_footer .profile span.name{
	font-weight:bold;
}

#page_footer .bottomlinks{
	text-align: center;
	padding:27px 0 30px;
	font-size:13px;
}
#page_footer .bottomlinks ul li{
	display:inline-block;
	padding:0 19px;
}
#page_footer .bottomlinks ul li:not(:last-child){
	border-right: 1px solid #333;
}

#page_footer .copy{
	text-align: center;
	background:#223686;
	color:#fff;
	height:50px;
	line-height: 50px;
	font-size:12px;
}

#page_footer .b_pagetop{
	position:absolute;
	right:0;
	top:-68px;
	width:68px;
	height:68px;
}
#page_footer .b_pagetop img{
	width:100%;
}



/*
drawer-menu：スマホ用メニュー
*/
#smp_sidemenu{
	background:#64aa44;
	color:#fff;
	padding:20px 15px 20px 20px;
}
#smp_sidemenu .b_menu_close{
	width:18px;
	height:18px;
	margin:0 0px 0 auto;
}
.drawer-menu{
	padding: 10px 0px;
}
.drawer-menu ul{
	margin-bottom:14px;
	padding-left: 10px;
}
.drawer-menu ul li{
	border-bottom:solid 1px #fff;
	padding:10px 0 6px 0;
}
.drawer-menu ul li:not(:last-child){
	margin-bottom:5px;
	
}
.drawer-menu ul li:not(:first-child){
	margin-left:18px;
	padding-left:10px;
}
.drawer-menu ul li:not(:first-child):before,
.drawer-menu ul li:not(:first-child):after{
	content:"";
	background:#fff;
	width:5px;
	height:1px;
	position:absolute;
	left:0;
	
}
.drawer-menu ul li:not(:first-child):before{
	transform:rotate(45deg);
	top:12px;
	
}
.drawer-menu ul li:not(:first-child):after{
	transform:rotate(-45deg);
	top:15px;
}
.drawer-menu .mono ul li:first-child,
.drawer-menu .hito ul li:first-child{
	text-indent:-0.6em;
}
.drawer-menu a{
	color:#fff;
	text-decoration: none;
		padding-left:5px;
}
/* scrollしない問題対処 */
.drawer--top.drawer-open .drawer-nav {
	top: 0;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}

.drawer--left.drawer-open .drawer-nav,
.drawer--left .drawer-hamburger,
.drawer--left.drawer-open .drawer-navbar .drawer-hamburger {
	left: 0;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}

.drawer--right.drawer-open .drawer-nav,
.drawer--right .drawer-hamburger,
.drawer--right.drawer-open .drawer-navbar .drawer-hamburger {
	right: 0;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}




/*
.pankuzu
*/
.pankuzu{
	background:#eef5e8;
	font-size:12px;
	height:45px;
}
.pankuzu ul{
	margin-left:20px;
}
.pankuzu ul li{
	display: inline-block;
	line-height:45px;
}
.pankuzu ul li:not(:first-child){
	padding-left:24px;
	background-image:url("../details/img/i_pankuzu_arrow.png");
	background-size:6px auto;
	background-position: left 10px center;
	background-repeat:no-repeat;
}



/*
.lr_wrapper
*/
.lr_wrapper{
	width:1200px;
	margin:0 auto;
	padding:30px 24px 0 44px;
	overflow: hidden;
}


/*
.localmenu：2階層目の右サイドメニュー
*/
.localmenu{
	float:right;
	width:258px;
}
.localmenu ul{
	margin-bottom:54px;
}
.localmenu ul li{
	height:55px;
	line-height: 55px;
}
.localmenu ul li.ttl{
	background:#003a91;
	color:#fff;
	padding-left:20px;
}
.localmenu ul li:not(:first-child){
	border-bottom:solid 1px #a7c5e8
}
.localmenu ul li a{
	color:#003990;
	display:block;
	height:100%;
	padding-left:32px;
	background-image:url(../img/common/i_sidemenu_arrow.png);
	background-size:6px auto;
	background-position: left 20px center;
	background-repeat:no-repeat;
}
.localmenu .special{
	margin-bottom:40px;
}
.localmenu .special h2{
	border-bottom:1px solid #444;
	padding-bottom:2px;
	margin-bottom:6px;
}
.localmenu .special h2 img{
	width:136px;
}
.localmenu .special p img{
	width:100%;
}
.localmenu .bnr_fb img{
	width:100%;
}

/*
.maindocs：左カラムのメインコンテンツ
*/
.maindocs{
	width:836px;
	float:left;
}
.maindocs > article{
	margin-bottom:40px;
}
.maindocs > article > header{
	margin-bottom:16px;
	padding-bottom:2px;
	border-bottom:solid 1px #64aa44;;
}



/*
共通パーツ
*/
input[type=text],
input[type=number]{
	height:34px;
	font-size:15px;
	font-family: 'Noto Sans Japanese', serif;
	padding-left:6px;
}
textarea{
	font-size:15px;
	font-family: 'Noto Sans Japanese', serif;
	padding-left:6px;
}
select.init{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	border:solid 1px #fff;
	background:#3f496c;
	border:#535b77 1px solid;
	height:34px;
	background:url(../img/common/tri_down2.png) no-repeat right 10px center #3f496c;
	border:#535b77 1px solid;
	border-radius:0;
	color:#fff;
}
select.init::-ms-expand {
    display: none;
}
/*
input:focus,
textarea:focus {
	background:#3f496c;
}
input:-webkit-autofill, textarea:-webkit-autofill {
	background-color:#3f496c!important;
	background-image: none;
	color:#fff!important;
}
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 300px#3f496c inset;
}
input:-webkit-autofill {
    -webkit-text-fill-color: #fff !important;
}
*/

/* checkbox */
/*
form input[type=checkbox] {
	display: none;
}
form label.cb{
	cursor:pointer;
	position:relative;
}
form label.cb.dis{
	cursor:auto;
}
form label.cb:after {
	position: absolute;
	content: "";
	display: block;
	top: 50%;
	left: 0px;
	margin-top: -8px;
	width: 15px;
	height: 15px;
	border: 1px solid #636b88;
	background:#3f4a6b;
	box-sizing:border-box;
}
form label.cb.on:after {
    background:url(../img/common/bg_checkbox_on.png) no-repeat center center;
	background-size:cover;
	border:none;
}
*/
.clearfix::after {
	content: "";
	display: table;
	clear: both;
}




@media only screen and (max-width: 750px) {
	img{
		width:100%;
	}
	.forPC{
		display:none!important;
	}
	.forSMP{
		display:block;
	}
	img.forPC{
		display:none!important;
	}
	img.forSMP{
		display:inline;
	}

	.centeringbox{
		width:100%;
	}

	.main{
		padding-top:53px;
	}


	/*------------------------------------------
	page_header
	------------------------------------------*/
	#page_header{
		height:53px;
/*		height:auto;*/
		padding-top:2.1875%;
		padding:7px 0 3px;
	}
	#page_header h1.logo,
	#page_header p.logo{
		left:1.125%;
		top:0;
		width:180%;
/*		width:300px;*/
	}
	#page_header .menus{
		display:none;
	}


	/*------------------------------------------
	page_footer
	------------------------------------------*/
	#page_footer .links{
		width:90%;
		padding-bottom:46px;
			padding-left: 0px;
		flex-wrap:wrap;
		justify-content: space-between;
	}
	#page_footer .links > div{
		margin-bottom:14px;
		width:auto!important;
		margin-right:20px;
	}

	#page_footer .profile span{
		display:block;
		margin-bottom:9px;
	}

	/*
	.lr_wrapper
	*/
	.lr_wrapper{
		width:92.5%;
		padding:5% 0 0 0;
		overflow: visible;
	}


	/*
	.localmenu：2階層目の右サイドメニュー
	*/
	.localmenu{
		float:none;
		width:auto;
		margin-left:-2%;
		margin-right:-2%;
	}
	.localmenu ul{
		display:none;
	}
	.localmenu .special{
		margin-bottom:5%;
	}
	.localmenu .special h2{
		text-align:center;
	}
	.localmenu .special h2 img{
		width:24.183%;
	}


	/*
	.maindocs：左カラムのメインコンテンツ
	*/
	.maindocs{
		width:100%;
		float:none;
		margin-bottom:38%;
	}
	.maindocs > article{
		margin-bottom:9%;
	}
	.maindocs > article:last-child{
		margin-bottom:0%;
	}
	.maindocs > article > header{
		margin-bottom:2.36%;
		padding-bottom:2px;
	}

}






@media only screen and (max-width: 550px) {
	#page_footer .links{
		width:70%;
	}
	#page_footer .links > div{
		margin-bottom:23px;
		width:100%;
		margin-right:0px;
	}
	#page_footer .links > div ul{
		width:100%;
	}
	#page_footer .links ul li:not(:first-child){
		display:inline-block;
		padding-right:14px;
		margin-bottom:0;
	}
	#page_footer .links > div ul li:first-child{
		display:block;
		padding-bottom:8px;
	}
	#page_footer .links > div.activity ul{
		margin-bottom:14px;
	}
	#page_footer .links > div.activity ul br{
		display:none;
	}
}






@media only screen and (max-width: 480px) {
	#page_footer .bottomlinks ul{
		display:flex;
		flex-wrap:wrap;
	}
	#page_footer .bottomlinks ul li{
		width:50%;
		padding:3px 20px 4px;
		border:none!important;
		box-sizing: border-box;
		display:block;
		margin-bottom: 7px;
		text-align:left;
	}
	#page_footer .bottomlinks ul li:nth-child(3),
	#page_footer .bottomlinks ul li:nth-child(4){
		margin-bottom: 0px;
	}
	#page_footer .bottomlinks ul li:nth-child(odd){
		border-right: 1px solid #aaa!important;
		text-align:right;
	}
}