@charset "UTF-8";


/*================================================
 *  一般・共通設定
 ================================================*/
 
.xslider_wrap {
	display: flex;
	overflow: hidden;
	width: 650px;
	background: #ffffff;
	box-shadow: 0 2px 5px #fff;
}

.xslider1 , .xslider2 {
	display: inline-flex;
	flex: none;
	animation: xslider 60s 2s linear infinite;
}

.xslider_wrap:hover div {
	animation-play-state: paused!important;
}

.xslider1 div , .xslider2 div {
	flex: none;
	padding: 10px;
}

.xslider1 div:hover , .xslider2 div:hover {
	transform: translateY(-5px);
}

@keyframes xslider {
	0% {
	transform: translateX(0);
	}
	100% {
	transform: translateX(-100%);
	}


}


/* オーバーレイ */
.overlay {
	position: relative;
}
.overlay::after{
	background: rgba(0,0,0,.0);
	content: "　";
	display: block;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	transition: all .3s ease-out;
	pointer-events: none;
}
.overlay:hover::after {
	background: rgba(0,100,300,.1);
	transition: all .3s ease-out;
}
.overlay img {
	margin-bottom: 0;
}


/*アイコン（正社員、アルバイト、パート、未経験可、など）
---------------------------------------------------------------------------*/
/*アイコン共通*/
.icon {
	display: inline-block;
	margin: 2px;
	font-size: 12px;	/*文字サイズ*/
	padding: 0 5px;		/*ボックス内の余白*/
	border-radius: 4px;	/*角丸のサイズ*/
	border: 1px solid #ccc;	/*枠線の幅、線種、色*/
	background: #eee;	/*背景色（古いブラウザ用）*/
	background: linear-gradient(#fff, #eee);	/*グラデーション*/
}
.icon a {text-decoration: none;}
/*アイコン色付き（正社員）*/
.icon.color1 {
	border: 1px solid #ff0808;	/*枠線の幅、線種、色*/
	background: #ff0808;	/*背景色（古いブラウザ用）*/
	background: linear-gradient(#ff0808, #ff0808);	/*グラデーション*/
	color: #fff !important;	/*文字色*/
	width: 100px;
}

.icon.color1a {
	border: 1px solid #de0707;	/*枠線の幅、線種、色*/
	background: #ff0808;	/*背景色（古いブラウザ用）*/
	background: linear-gradient(#ff0808, #de0707);	/*グラデーション*/
	color: #fff !important;	/*文字色*/
	width: 300px;
}

.icon.color1b {
	border: 2px solid #c0c0c0;	/*枠線の幅、線種、色*/
	background: #fff;	/*背景色（古いブラウザ用）*/
	background: linear-gradient(#fff, #f7f7f7);	/*グラデーション*/
	color: #555 !important;	/*文字色*/
	width: 500px;
	font-size: 14px
}

/*アイコン色付き（アルバイト）*/
.icon.color2 {
	border: 1px solid #0000a0;	/*枠線の幅、線種、色*/
	background: #0000a0;	/*背景色（古いブラウザ用）*/
	background: linear-gradient(0000a0, #0000a0);	/*グラデーション*/
	color: #fff;	/*文字色*/
	width: 100px;
}

/*アイコン色付き（アルバイト）*/
.icon.color2a {
	border: 1px solid #0000a0;	/*枠線の幅、線種、色*/
	background: #0000a0;	/*背景色（古いブラウザ用）*/
	background: linear-gradient(0000a0, #0000a0);	/*グラデーション*/
	color: #fff;	/*文字色*/
	width: 300px;
}

/*アイコン色付き（non）*/
.icon.color3 {
	border: 1px solid #ff8040;	/*枠線の幅、線種、色*/
	background: #ff8040;	/*背景色（古いブラウザ用）*/
	background: linear-gradient(#ff8040, #ff8040);	/*グラデーション*/
	color: #fff;	/*文字色*/
	width: 100px;
}

/*アイコン色付き（non）*/
.icon.color3a {
	border: 1px solid #ff8040;	/*枠線の幅、線種、色*/
	background: #ff8040;	/*背景色（古いブラウザ用）*/
	background: linear-gradient(#ff8040, #ff8040);	/*グラデーション*/
	color: #fff;	/*文字色*/
	width: 300px;
}

/*アイコン色付き（non）*/
.icon.color4 {
	border: 1px solid #777777;	/*枠線の幅、線種、色*/
	background: #777777;	/*背景色（古いブラウザ用）*/
	background: linear-gradient(#777777, #777777);	/*グラデーション*/
	color: #fff;	/*文字色*/
	width: 100px;
}

/*アイコン色付き（non）*/
.icon.color4a {
	border: 1px solid #777777;	/*枠線の幅、線種、色*/
	background: #777777;	/*背景色（古いブラウザ用）*/
	background: linear-gradient(#777777, #777777);	/*グラデーション*/
	color: #fff;	/*文字色*/
	width: 300px;
}


/*アイコン色付き（non）*/
.icon.color5 {
	border: 1px solid #8080ff;	/*枠線の幅、線種、色*/
	background: #8080ff;	/*背景色（古いブラウザ用）*/
	background: linear-gradient(#8080ff, #8080ff);	/*グラデーション*/
	color: #fff;	/*文字色*/
	width: 100px;
}

/*アイコン色付き（non）*/
.icon.color5a {
	border: 1px solid #8080ff;	/*枠線の幅、線種、色*/
	background: #8080ff;	/*背景色（古いブラウザ用）*/
	background: linear-gradient(#8080ff, #8080ff);	/*グラデーション*/
	color: #fff;	/*文字色*/
	width: 300px;
}


/*アイコン色付き（non）*/
.icon.color6 {
	border: 1px solid #ff8040;	/*枠線の幅、線種、色*/
	background: #ff8040;	/*背景色（古いブラウザ用）*/
	background: linear-gradient(#ff8040, #d50000);	/*グラデーション*/
	color: #fff;	/*文字色*/
	width: 100px;
	font-weight:bold;
}


.icon.color6a {
	border: 1px solid #ff8040;	/*枠線の幅、線種、色*/
	background: #ff8040;	/*背景色（古いブラウザ用）*/
	background: linear-gradient(#ff8040, #d50000);	/*グラデーション*/
	color: #fff;	/*文字色*/
	width: 300px;
	font-weight:bold;
}

/*アイコン色付き（non）*/
.icon.color7 {
	border: 1px solid #4BC148;	/*枠線の幅、線種、色*/
	background: #4BC148;	/*背景色（古いブラウザ用）*/
	background: linear-gradient(#4BC148, #4BC148);	/*グラデーション*/
	color: #fff;	/*文字色*/
	width: 100px;
	font-weight:bold;
}

.icon.color7a {
	border: 1px solid #4BC148;	/*枠線の幅、線種、色*/
	background: #4BC148;	/*背景色（古いブラウザ用）*/
	background: linear-gradient(#4BC148, #4BC148);	/*グラデーション*/
	color: #fff;	/*文字色*/
	width: 300px;
	font-weight:bold;
}



/*アイコン色付き（non）*/
.icon.color8 {
	border: 1px solid #fff0e6;	/*枠線の幅、線種、色*/日健栄協
	background: #fff0e6;	/*背景色（古いブラウザ用）*/
	background: linear-gradient(#fff0e6, #fff0e6);	/*グラデーション*/
	color: #000;	/*文字色*/
	width: 150px;
	font-weight:bold;
}

.icon.color8a {
	border: 1px solid #e6ffff;	/*枠線の幅、線種、色*/食品保健指導士
	background: #e6ffff;	/*背景色（古いブラウザ用）*/
	background: linear-gradient(#e6ffff, #e6ffff);	/*グラデーション*/
	color: #000;	/*文字色*/
	width: 150px;
	font-weight:bold;
}

.icon.color8b {
	border: 1px solid #e6e7ff;	/*枠線の幅、線種、色*/GMP
	background: #e6e7ff;	/*背景色（古いブラウザ用）*/
	background: linear-gradient(#e6e7ff, #e6e7ff);	/*グラデーション*/
	color: #000;	/*文字色*/
	width: 150px;
	font-weight:bold;
}


.icon.color8b2 {
	border: 1px solid #e6e7ff;	/*枠線の幅、線種、色*/GMP
	background: #e6e7ff;	/*背景色（古いブラウザ用）*/
	background: linear-gradient(#e6e7ff, #e6e7ff);	/*グラデーション*/
	color: #000;	/*文字色*/
	width: 310px;
	font-weight:bold;
	font-size:14px;
}



.icon.color8h {
	border: 1px solid #F1FFF0;	/*枠線の幅、線種、色*/特定保健用食品
	background: #F1FFF0;	/*背景色（古いブラウザ用）*/
	background: linear-gradient(#F1FFF0, #F1FFF0);	/*グラデーション*/
	color: #000;	/*文字色*/
	width: 150px;
	font-weight:bold;
}


.icon.color8h2 {
	border: 1px solid #FCCCCC;	/*枠線の幅、線種、色*/特別用途食品
	background: #FCCCCC;	/*背景色（古いブラウザ用）*/
	background: linear-gradient(#FCCCCC, #FCCCCC);	/*グラデーション*/
	color: #000;	/*文字色*/
	width: 150px;
	font-weight:bold;
}


.icon.color8c {
	border: 1px solid #fff;	/*枠線の幅、線種、色*/日健栄協の新人向けセミナー・アドバンスセミナー（年間予定）
	background: #f7f7f7;	/*背景色（古いブラウザ用）*/
	background: linear-gradient(#f7f7f7, #f7f7f7);	/*グラデーション*/
	color: #000;	/*文字色*/
	width: 460px;
	font-weight:bold;
	padding: 8px;
	font-size:14px;
}


.icon.color8d {
	border: 1px solid #555555;	/*枠線の幅、線種、色*/2022年度 全セミナー年間予定
	background: #fff;	/*背景色（古いブラウザ用）*/
	background: linear-gradient(#fff, #fff);	/*グラデーション*/
	color: #000;	/*文字色*/
	width: 450px;
	font-weight:bold;
	padding: 8px;
	font-size:14px;
}

.icon.color8d2 {
	border: 1px solid #555555;	/*枠線の幅、線種、色*/特保パンフダウンロード　管理栄養士
	background: #fff;	/*背景色（古いブラウザ用）*/
	background: linear-gradient(#fff, #fff);	/*グラデーション*/
	color: #000;	/*文字色*/
	width: 235px;
	font-weight:bold;
	padding: 8px;
	font-size:14px;
}


.icon.color8e {
	border: 1px solid #ff8040;	/*枠線の幅、線種、色*/オンライン配信
	background: #ff8040;	/*背景色（古いブラウザ用）*/
	background: linear-gradient(#ff8040, #ff8040);	/*グラデーション*/
	color: #fff;	/*文字色*/
	width: 100px;
	font-weight:bold;
}

.icon.color8f {
	border: 0.5px solid #ffffff;	/*枠線の幅、線種、色*/オンライン配信
	background: #f9f9f9;	/*背景色（古いブラウザ用）*/
	background: linear-gradient(#f9f9f9, #f9f9f9);	/*グラデーション*/
	color: #ff0000;	/*文字色*/
	width: 120px;
	font-weight:bold;
}

.icon.color8f2 {
	border: 0.5px solid #ffffff;	/*枠線の幅、線種、色*/オンライン配信
	background: #f9f9f9;	/*背景色（古いブラウザ用）*/
	background: linear-gradient(#f9f9f9, #f9f9f9);	/*グラデーション*/
	color: #ff0000;	/*文字色*/
	width: 80px;
	font-weight:bold;
}

.icon.color8g {
	border: 1px solid #f9f9f9;	/*枠線の幅、線種、色*/オンデマンド配信
	background: #f9f9f9;	/*背景色（古いブラウザ用）*/
	background: linear-gradient(#f9f9f9, #f9f9f9);	/*グラデーション*/
	color: #d50000;	/*文字色*/
	width: 120px;
	font-weight:bold;
}


.icon.color9 {
	border: 1px solid #555555;	/*枠線の幅、線種、色*/健康食品相談室
	background: #f7f7f7;	/*背景色（古いブラウザ用）*/
	background: linear-gradient(#f7f7f7, #f7f7f7);	/*グラデーション*/
	color: #000;	/*文字色*/
	width: 150px;
	font-weight:bold;
	padding: 2px;
	font-size:14px;
	border-radius: 100px;
	font-family:メイリオ;
}

.icon.color9a {
	border: 1px solid #555555;	/*枠線の幅、線種、色*/サイトマップ
	background: #f7f7f7;	/*背景色（古いブラウザ用）*/
	background: linear-gradient(#f7f7f7, #f7f7f7);	/*グラデーション*/
	color: #000;	/*文字色*/
	width: 250px;
	font-weight:bold;
	padding: 1px;
	border-radius: 100px;
	font-size:13px;
}


.icon.color9b {
	border: 1px solid #555555;	/*枠線の幅、線種、色*/健康食品いろいろ相談室
	background: #f7f7f7;	/*背景色（古いブラウザ用）*/
	background: linear-gradient(#f7f7f7, #f7f7f7);	/*グラデーション*/
	color: #000;	/*文字色*/
	width: 200px;
	font-weight:bold;
	padding: 1px;
	border-radius: 100px;
	font-size:13px;
}

.icon.color9c {
	border: 1px solid #555555;	/*枠線の幅、線種、色*/JHFAマーク
	background: #f7f7f7;	/*背景色（古いブラウザ用）*/
	background: linear-gradient(#f7f7f7, #f7f7f7);	/*グラデーション*/
	color: #000;	/*文字色*/
	width: 150px;
	font-weight:bold;
	padding: 2px;
	font-size:14px;
	border-radius: 100px;
	font-family:メイリオ;
}

.icon.color9d {
	border: 1px solid #fff0e6;	/*枠線の幅、線種、色*/お詫び
	background: #fff0e6;	/*背景色（古いブラウザ用）*/
	background: linear-gradient(#fff0e6, #fff0e6);	/*グラデーション*/
	color: #000;	/*文字色*/
	width: 150px;
	font-weight:bold;
	padding: 2px;
	font-size:14px;
	border-radius: 100px;
	font-family:メイリオ;
}


.icon.color10 {
	border: 1px solid #FFeeFF;	/*枠線の幅、線種、色*/機能性表示食品
	background: #FFeeFF;	/*背景色（古いブラウザ用）*/
	background: linear-gradient(#FFeeFF, #FFeeFF);	/*グラデーション*/
	color: #000;	/*文字色*/
	width: 150px;
	font-weight:bold;
}


.icon.color11 {
	border: 1px solid #f7f7f7;	/*枠線の幅、線種、色*/詳細 >
	background: #f7f7f7;	/*背景色（古いブラウザ用）*/
	background: linear-gradient(#f7f7f7, #f7f7f7);	/*グラデーション*/
	color: #000;	/*文字色*/
	width: 200px;
	font-weight:bold;
}



header {
	box-sizing:border-box;
	position:relative;
	width:100%;
	background:#fff;
}


/*================================================
 *  ページトップへの戻り
 ================================================*/
/* pagetop */
#pagetop{
    position:fixed;
    right:10px;
    bottom:0px;
    cursor:pointer;
    z-index: 10;
}