body{
	font-family:"メイリオ" , "Meiryo" ,sans-serif;
	font-size:15px;
	line-height:1.5em;
	color:#000;
	margin:0px;
	position:relative;
	letter-spacing:0.1em;
}

/* GoogleFonts Icon */
.ggi{
	font-family: 'Material Icons';
	padding-right:10px;
	vertical-align:top;
}
.ggit{
	padding-right:5px;
}
.gginp{
	font-family: 'Material Icons';
	vertical-align:top;
}

.c_red{	color:#F00;}
.cursor_pointer{cursor:pointer;}
.menuactive{
	background-color:#4198ac;
	color:#FFF !important;
}

.fs12{	font-size:12px !important;	}
.fs13{	font-size:13px !important;	}
.fs14{	font-size:14px !important;	}
.fs15{	font-size:15px !important;	}
.fs16{	font-size:16px !important;	}
.fs18{	font-size:18px !important;	}
.fs20{	font-size:20px !important;	}
.fs22{	font-size:22px !important;	}
.fs24{	font-size:24px !important;	}

.mycol-05{	width:5%;}
.mycol-15{	width:15%;}
.mycol-25{	width:25%;}
.mycol-35{	width:35%;}
.mycol-45{	width:45%;}
.mycol-55{	width:55%;}
.mycol-65{	width:65%;}
.mycol-75{	width:75%;}
.mycol-85{	width:85%;}
.mycol-95{	width:95%;}
.mycol-10{	width:10%;}
.mycol-20{	width:20%;}
.mycol-30{	width:30%;}
.mycol-40{	width:40%;}
.mycol-50{	width:50%;}
.mycol-60{	width:60%;}
.mycol-70{	width:70%;}
.mycol-80{	width:80%;}
.mycol-90{	width:90%;}

/* 共通セクションヘッダー */
.sechead{
	display:block;
	width:100%;
}
.sechead h5{
	font-size:18px;
	line-height:1.5em;
	color:#00568E;
}
.sechead p{
	font-size:15px;
	line-height:1.5em;
}


/* 背景色 カスタムカラー */
.bg-gray-6{	background-color:#666 !important;}
.bg-gray-9{	background-color:#999 !important;}
.bg-gray-a{	background-color:#AAA !important;}
.bg-gray-b{	background-color:#BBB !important;}
.bg-gray-c{	background-color:#CCC !important;}
.bg-gray-d{	background-color:#DDD !important;}
.bg-gray-e{	background-color:#EEE !important;}


/* PC・SPレイアウト変更あり */

/* PC */
@media screen and (min-width:741px){
	.pc_off{	display:none !important;	}
	.header_wrap{
		display:block;
		position:fixed;
		left:0;
		top:0;
		width:240px;
		height:100vh;
		box-sizing:border-box;
		padding:40px 0;
		box-shadow:0px 0px 10px #999;
		z-index:5;
		overflow-y:auto;
	}
	.logo_wrap{
		display:flex;
		width:100%;
		height:50px;
		justify-content:center;
		align-items:center;
		padding:0 15px;
	}
	.logo_wrap a{
		display:block;
	}
	.logo_wrap a img{
		display:block;
		max-height:30px;
		max-width:100%;
	}

	.main_menu_wrap{
		display:block;
		width:100%;
		box-sizing:border-box;
		margin-top:40px;
	}
	
	.main_menu_box{
		display:block;
		width:100%;
		box-sizing:border-box;
	}
	.main_menu_one{
		display:block;
		width:100%;
		box-sizing:border-box;
		height:60px;
		border-bottom:1px solid #EEE;
	}
	.mma{
		display:flex;
		align-items: center;
		width:100%;
		height:100%;
		box-sizing:border-box;
		color:#000;
		text-decoration:none;
		transition:0.2s linear;
		padding:0 15px;
	}
	.mma:hover{
		color:#FFF;
		background-color:#333;
	}
	.mmatext{
		display:block;
		width:100%;
	}

	.user_menu_wrap{
		display:block;
		width:100%;
		box-sizing:border-box;
		margin-top:40px;
	}
	.user_info_box{
		display:block;
		width:100%;
		box-sizing:border-box;
	}
	.user_info_box p{
		display:block;
		width:100%;
		box-sizing:border-box;
		text-align:center;
	}

	.user_menu_box{
		display:flex;
		width:100%;
		box-sizing:border-box;
		justify-content:center;
	}
	.user_menu_box a{
		display:block;
		box-sizing:border-box;
		color:#000;
		text-decoration:none;
		transition:0.2s linear;
		text-align:center;
		border:1px solid #EEE;
		height:32px;
		line-height:32px;
		width:32px;
		font-size:18px;
		margin:0 5px;
	}
	.user_menu_box a:hover{
		color:#FFF;
		background-color:#666;
	}

	.hm_box{
		display:none;
	}
	#hm_menu{

	}

	.content_wrap{
		display:block;
		position:relative;
		left:240px;
		width:calc(100% - 240px);
		box-sizing:border-box;
		z-index:1;
		padding-left:5px;
	}

}
/* SP */
@media screen and ( max-width:740px){
	.sp_off{	display:none !important;	}

	.header_wrap{
		display:flex;
		flex-wrap:wrap;
		position:fixed;
		top:0;
		width:100%;
		box-sizing:border-box;
		z-index:5;
		background-color:#FFF;
		box-shadow:0 0 5px #999;
	}
	.logo_wrap{
		display:flex;
		position:relative;
		top:0;
		left:0;
		width:50%;
		height:50px;
		justify-content:center;
		align-items:center;
		padding:0 2%;
	}
	.logo_wrap a{
		display:block;
	}
	.logo_wrap a img{
		display:block;
		max-width:100%;
	}

	.main_menu_wrap{
		display:block;
		position:fixed;
		width:100%;
		height:calc(100vh - 50px);
		box-sizing:border-box;
		z-index:99;
		top:50px;
		right:-100%;
		background-color:#FFF;
		transition:0.2s linear;
		overflow-y:auto;
		padding-bottom:40px;
	}
	.mmw_open{
		right:0 !important;
	}
	
	.main_menu_box{
		display:block;
		width:100%;
		box-sizing:border-box;
	}
	.main_menu_one{
		display:block;
		width:100%;
		box-sizing:border-box;
		height:60px;
		border-bottom:1px solid #EEE;
	}
	.mma{
		display:flex;
		align-items: center;
		width:100%;
		height:100%;
		box-sizing:border-box;
		color:#000;
		text-decoration:none;
		transition:0.2s linear;
		padding:0 15px;
	}
	.mma:hover{
		color:#FFF;
		background-color:#333;
	}
	.mmatext{
		display:block;
		width:100%;
	}

	.user_menu_wrap{
		display:block;
		width:100%;
		box-sizing:border-box;
		margin-top:40px;
	}
	.user_info_box{
		display:block;
		width:100%;
		box-sizing:border-box;
	}
	.user_info_box p{
		display:block;
		width:100%;
		box-sizing:border-box;
		text-align:center;
	}

	.user_menu_box{
		display:flex;
		width:100%;
		box-sizing:border-box;
		justify-content:center;
	}
	.user_menu_box a{
		display:block;
		box-sizing:border-box;
		color:#000;
		text-decoration:none;
		transition:0.2s linear;
		text-align:center;
		border:1px solid #EEE;
		height:32px;
		line-height:32px;
		width:32px;
		font-size:18px;
		margin:0 5px;
	}
	.user_menu_box a:hover{
		color:#FFF;
		background-color:#666;
	}

	.hm_box{
		display:flex;
		width:50%;
		justify-content:flex-end;
		align-items:center;
		padding:0 2%;
		box-sizing:border-box;
	}
	#hm_menu{
		display:block;
		width:38px;
		line-height:34px;
		font-size:20px;
		text-align:center;
		border:1px solid #666;
		border-radius:2px;
	}
	#hm_menu span{
		padding-bottom:3px;
		padding-left:2px;
	}

	.content_wrap{
		display:block;
		position:relative;
		width:98%;
		box-sizing:border-box;
		z-index:1;
		margin:55px auto 0;
	}


}