/* home CSS Document */
body {
	background:url(../images/bg_home01_sky.png) repeat-x center top , linear-gradient(0deg,#ffffff 0%,#38a9f1 20%,#38a9f1 20%,#38a9f1 100%); 
}
@media screen and (max-width: 640px) {
body {
	background:url(../images/bg_home01_sky.png) repeat-x center top , linear-gradient(0deg,#ffffff 0%,#38a9f1 20%,#38a9f1 20%,#38a9f1 100%); 
	background-size:180%;
	}
}


/* メインコンテンツ
-------------------------------------------------------------------------------------*/
main {
	margin:0px auto 0px auto;
	display: block;
	background-color: #ffffff;
}


/*共通見出し
-------------------------------------------------------------------------------------*/
/* エリアタイトル*/
.titHomeArea{
	margin: 0px auto 3px auto;
	font-size: 197%;
	font-weight: bold;
	text-align: center;
	color: #333333;
}
/* エリアタイトル 英文字*/
.titHomeAreaSub{
	margin: 0px auto 16px auto;
	font-size: 120%;
	font-family: 'M PLUS Rounded 1c', sans-serif;
	text-align: center;			
	color: #333333;
}

/* エリアリード文*/
.txtHomeAreaRead{
	margin: 0px auto 22px auto;
	font-size: 123.1%;
	font-weight: bold;
	line-height: 160%;
	text-align: center;			
	color: #000000;
}
@media screen and (max-width: 640px) {
.titHomeArea{
	font-size: 144%;
	line-height: 120%;
	}
.titHomeAreaSub{
	font-size: 96%;
	}
.txtHomeAreaRead{
	font-size: 112%;
	}	
}
@media screen and (max-width: 319px) {
.txtHomeAreaRead br.sp{
	display: none;
	}
}

/*共通ボタン
-------------------------------------------------------------------------------------*/
.btnHomeToList {
	margin: 0px auto 30px auto;
	font-size: 170%;
	font-weight: bold;
	font-family: "Rounded Mplus 1c";
	text-align: center;
	}	
.btnHomeToList a {
	color: #0068af;
	display: block;
	width: 100%;
	height: 100%;
	padding: 20px 40px 20px 60px;
	box-sizing: border-box;
	position:relative;
	background: #ffff00;
	border-radius: 32px;
	box-shadow: 1px 2px 1px 1px rgba(100,100,100,0.2);
	}
.btnHomeToList a:hover {
	box-shadow: 0px 0px 0px 0px rgba(100,100,100,0.0);	
	}
.btnHomeToList a i {
	font-size: 108%;
	background: #ffffff;
	border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
	float: left;
	position:absolute;
	top:28%;
	left: 14px;
	}
@media screen and (max-width: 640px) {
.btnHomeToList {
	font-size: 118%;
	}
.btnHomeToList a {
	padding: 3% 5% 3% 6%;
	}
.btnHomeToList a i {
	position:absolute;
	top:30%;
	left: 10px;
	}	
}
@media screen and (max-width: 460px) {
.btnHomeToList {
	font-size: 108%;
	}
.btnHomeToList a {
	padding: 4% 2% 4% 6%;
	}	
}



/*スライドショー共通設定 
-------------------------------------------------------------------------------------*/
.slider {
	width:100%;
	margin:0px auto;
	box-sizing: border-box;
	}
.slick-slide {
	margin:0px auto;
	}
.slick-slide img {
	width: 100%;
	}
.slick-slide {
	transition: all ease-in-out .4s;
	opacity: 0.6;
}
.slick-active {
	opacity: 1;
	}
.slick-current {
	opacity: 1;
	}	



/* メイン スライドショー エリア
-------------------------------------------------------------------------------------*/
#slideShowOut {
	margin:0px auto;
	width:100%;
	height:478px;
	box-sizing: border-box;	
	}
@media screen and (max-width: 640px) {
#slideShowOut {
	height:auto;
	}
}
/* 装飾 クリームの波 */
#slideShowOut:after {
	margin:0px auto;
	width:100%;
	height:98px;
	content: ' ';
	display: block;
	background:url(../images/bg_home_intro01.png) repeat-x center top;
	position:relative;
	top:-98px;
	}
@media screen and (max-width: 640px) {
#slideShowOut:after {
	margin:-8.5% auto 0px auto;
	height:auto;
	padding-top:9%;
	background:url(../images/bg_home_intro01.png) repeat-x center top;
	background-size:240%;
	position:relative;
	top:0px;
	}
}
#slideShowIn {
	margin:4px auto 0px auto;
	height:478px;
	}
@media screen and (max-width: 640px) {
#slideShowIn {
	margin:0px auto 0px auto;
	height:auto;
	min-height:126px;
	}
}

/* メイン スライドショー*/
.mainSlide .slider {
	width:100%;
	}
/* スライド Arrows */
.mainSlide .slick-prev,
.mainSlide .slick-next {
	position: absolute;
	top: 40%;
	width: 25px;
	height: 45px;
	}
.mainSlide .slick-prev:before {
	background:url(../images/arrow_home_mainslider_prev.svg) no-repeat left top;
	width:25px;
	height:45px;
	opacity: 0.6;
	}	

.mainSlide .slick-prev {
	left: -25px;
}

.mainSlide .slick-next:before {
	background:url(../images/arrow_home_mainslider_next.svg) no-repeat right top;
	width:25px;
	height:45px;
	opacity: 0.6;
}

.mainSlide .slick-next {
	right: -25px;
}

@media screen and (max-width: 640px) {
/* スライド Arrows */
.mainSlide .slick-prev:before {
	background:none;
	width:auto;
	height:auto;
	opacity: 1.0;
	}	
.mainSlide .slick-prev {
	right: auto;
	}
.mainSlide .slick-next:before {
	background:none;
	width:auto;
	height:auto;
	opacity: 1.0;
	}
.mainSlide .slick-next {
	right: auto;
	}
}



.openingAnimation {
	position:relative;
	top:-6px;
}

.openingAnimation .mainTit04 {
	opacity: 0;
	transform: scale(0.6);
	-webkit-transform: scale(0.6);	
	transition:500ms ease 900ms;
}

.openingAnimation.loaded .mainTit04 {
	opacity: 1;
	transform: scale(1);
	-webkit-transform: scale(1);
}




/* イントロダクション エリア
-------------------------------------------------------------------------------------*/
#homeIntroOut {
	margin:0px auto 0px auto;
	width:100%;
	min-height: 480px;
	padding-top: 4px;
	background:url(../images/bg_home_intro02.png) no-repeat center 60px;
	background-size:1220px;
}
@media screen and (max-width: 640px) {
#homeIntroOut {
	margin:0px auto 0px auto;
	background:url(../images/bg_home_intro02.png) no-repeat center 25%;
	background-size:100%;
	min-height: auto;
	height: auto;	
	}
}
#homeIntroIn{
	background:url(../images/pic_home_intro01.png) no-repeat left 52px , url(../images/pic_home_intro02.png) no-repeat right 52px;
	background-size:108px;
}
@media screen and (max-width: 640px) {
#homeIntroIn{
	width: 96%;
	background:url(../images/pic_home_intro01.png) no-repeat left 20% , url(../images/pic_home_intro02.png) no-repeat right 20%;
	background-size:10%;
	}
}
@media screen and (max-width: 480px) {
#homeIntroIn{
	background:url(../images/pic_home_intro01.png) no-repeat left 18% , url(../images/pic_home_intro02.png) no-repeat right 18%;
	background-size:10%;
	}
}
@media screen and (max-width: 380px) {
#homeIntroIn{
	width: 96%;
	background:url(../images/pic_home_intro01.png) no-repeat left 22% , url(../images/pic_home_intro02.png) no-repeat right 22%;
	background-size:10%;
	}
}
/* 重要なお知らせ */
.importantInfo {
	background: #E9F8FE;
	font-size: 94%;
	border-radius:4px;
	margin: 0px auto 50px auto;	
	padding: 6px 16px;
	float: left;
	box-sizing: border-box;	
	width: 712px;
}
@media screen and (max-width: 640px) {
.importantInfo {
	margin: 0px auto 6% 1%;	
	padding: 5px 2px 5px 8px;
	width: 67%;
	font-size: 72%;
	font-weight: bold;
	}
}

.importantInfo dt {
	font-weight: bold;
	color:#54BBE9;
	letter-spacing: 1px;
	display: inline-block;
	border-right: 2px solid #5ABEED;
	margin-right: 12px;
	padding-right: 12px;
}
@media screen and (max-width: 640px) {
.importantInfo dt {
	display: none;
	}
}
.importantInfo dd {
	display: inline-block;
}

/* Smile Soft Projec バナー */
.bnrSmileSoft {
	float: right;
	width: 240px;
	margin-top: -216px;
	position: relative;	
}
@media screen and (max-width: 640px) {
.bnrSmileSoft {
	margin-right: 2%;
	width: 28%;
	margin-top: -20%;
	}
}
.bnrSmileSoft img {
	width: 100%;
}
@-webkit-keyframes yurayura {
	0% {
		position:relative;
		top:0px;
		}
	100% {
		position:relative;
		top:10px;
		}
}
@keyframes yurayura {
	0%{
		position:relative;
		top:0px;
		}
	100%{
		position:relative;
		top:10px;
		}
}
.yura {
	-webkit-animation-name:yurayura;
	-webkit-animation:neyurayuraw 1s infinite alternate linear;
	animation-name:yurayura;
	animation:yurayura 1s infinite alternate linear;
}
.animationSmileSoft{
	position:absolute;
	z-index:1;
	right:-6%;
	bottom:35%;
	width:100%;
	padding-top:0px;
	}
@media screen and (max-width: 640px){
	.animationSmileSoft{
		right:0%;
		padding-top:4px;
		}
}

/* 企業理念（スローガン） */
#titHomeMainCatch{
	margin: 0px auto 10px auto;
	font-size: 284%;
	font-weight: bold;
	text-align: center;
	color: #5ABEED;
	width: 772px;
	height: 69px;
	background:url(../images/bg_home_intro03.png) no-repeat center top;
	background-size:100%;
}
@media screen and (max-width: 640px) {
#titHomeMainCatch{
	margin: 0px auto 5% auto;
	font-size: 5vw;
	width: 74%;
	height: auto;
	background:url(../images/bg_home_intro03.png) no-repeat center 30%;
	background-size:100%;
	}
}
@media screen and (max-width: 480px) {
#titHomeMainCatch{
	margin: 0px auto 3% auto;
	}
}
@media screen and (max-width: 380px) {
#titHomeMainCatch{
	margin: 0px auto 2% auto;
	}
}
#txtHomeMainRead{
	margin: 0px auto 28px auto;
	font-size: 138.5%;
	font-weight: bold;
	line-height: 188.5%;
	text-align: center;
	color: #333333;
}
@media screen and (max-width: 640px) {
#txtHomeMainRead{
	margin: 4.5% auto 4px auto;
	width: 96%;
	font-size: 112%;
	line-height: 164%;
	}
}
@media screen and (max-width: 370px) {
#txtHomeMainRead{
	font-size: 100%;
	line-height: 160%;
	}
#txtHomeMainRead br{
	display:none;
	}	
}	
/* ピックアップ */
#bnrHomePickup{
	margin: 0px auto 0px auto;
	float:left;
}
.titBtmBorder{
	margin: 0px auto 18px auto;
	font-size: 156%;
	font-weight: bold;
	text-align: center;
	font-family: 'M PLUS Rounded 1c', sans-serif;
	color: #5ABEED;
	width: 112px;	
}
@media screen and (max-width: 640px) {
.titBtmBorder{
	margin: 0px auto 12px auto;
	font-size: 130%;
	width: 26%;	
	}
}

.titBtmBorder::after{
	margin-top: -6px;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	background: #E9F8FE;
	height: 6px;
}

#bnrHomePickup > ul >li{
	width:17%;
	float:left;
	margin:0 3.75% 0 0;
	display: inline;
}
@media screen and (max-width: 640px) {
#bnrHomePickup > ul >li{
	width:31.25%;
	float:left;
	margin:0 1%;
	display: inline;
	}
}
#bnrHomePickup > ul >li:last-child{
	margin:0 0% 0 0;
}
#bnrHomePickup li img{
	width:100%;
}
@media screen and (max-width: 640px) {
#bnrHomePickup > ul >li:nth-child(n+4){
	display: none;
	}
}


/* ブランドサイト紹介 エリア
-------------------------------------------------------------------------------------*/
#homeProductsOut {
	margin:14px auto 0px auto;
	padding: 96px 0px 0px 0px;
	background:url(../images/bg_home_products01.png) no-repeat center top , #5ABEED;
	background-size:2500px;
}
@media screen and (max-width: 640px) {
#homeProductsOut {
	margin:12px auto 0px auto;
	padding: 10% 0px 0px 0px;
	background:url(../images/bg_home_products01.png) no-repeat center top , #5ABEED;
	background-size:240%;
	}
#homeProductsOut .container {
	width:96%;
	}	
}

#homeProductsOut:after {
	margin:0px auto;
	width:100%;
	height:54px;
	display: block;
	clear: both;
	content: ' ';
	background:url(../images/bg_home_products02.png) no-repeat center bottom;
	background-size:2500px;
	}
@media screen and (max-width: 640px) {
#homeProductsOut:after {
	margin:3% auto 0px auto;
	height:auto;
	padding-top:9%;
	background:url(../images/bg_home_products02.png) no-repeat center bottom;
	background-size:240%;
	}
}

/* エリアタイトル*/
#homeProductsOut .titHomeArea{
	color: #ffffff;
}
/* エリアタイトル 英文字*/
#homeProductsOut .titHomeAreaSub{
	color: #FFFF00;
}

/* スライドショー */
.productsSlideBox .slider {
	margin:0px auto 42px auto;
	width:1064px;
	}

@media screen and (max-width: 640px) {
.productsSlideBox .slider {
	margin:0px auto 6% auto;
	width:88%;
	}
}

/* スライド Arrows */
.productsSlide .slick-prev:before {
	background:url(../images/arrow_home_productsslider_prev.svg) no-repeat left top;
}
.productsSlide .slick-next:before {
	background:url(../images/arrow_home_productsslider_next.svg) no-repeat right top;
}

/* スライド list */
.productsSlide li {
	margin:0px 12px 0px 12px;
	border: 4px solid #FFFFFF;
	}

@media screen and (max-width: 640px) {
.productsSlide li {
	margin:0px 4px 0px 4px;
	border: 2px solid #FFFFFF;
	}
}

/*リンクボタン*/
#homeProductsOut .btnHomeToList {
	width: 328px;
	}
#homeProductsOut .btnHomeToList a {
	color: #0068af;
	background: #ffff00;
	box-shadow: 1px 2px 1px 1px rgba(100,100,100,0.2);	
	}
#homeProductsOut .btnHomeToList a i {
	background: #ffffff;
	}
@media screen and (max-width: 640px) {
#homeProductsOut .btnHomeToList {
	width: 68%;
	}
}	


/* キャンペーン・お楽しみコンテンツ紹介 エリア
-------------------------------------------------------------------------------------*/
#homeAmusementOut {
	margin:0px auto 0px auto;
	padding: 16px 0px 0px 0px;
	background:#ffffff;
}
/* エリアタイトル 英文字*/
#homeAmusementOut .titHomeAreaSub{	
	color: #ff6380;
}

#homeAmusementOut .titAmusement {
	background: #916A6A;
	width: 686px;
	background:url(../images/bg_home_amusement01.svg) no-repeat left top , url(../images/bg_home_amusement02.svg) no-repeat right top;
	background-size: 62px 62px;	
}
@media screen and (max-width: 640px) {
#homeAmusementOut .titAmusement {
	margin:0px auto 6% auto;
	width:90%;
	background:url(../images/bg_home_amusement01.svg) no-repeat left bottom , url(../images/bg_home_amusement02.svg) no-repeat right bottom;	
	background-size:20% 100%;
	}
#homeAmusementOut .titAmusement br.sp {
	display: none;
	}	
}
@media screen and (max-width: 480px) {
#homeAmusementOut .titAmusement {
	background:url(../images/bg_home_amusement01.svg) no-repeat left bottom , url(../images/bg_home_amusement02.svg) no-repeat right bottom;	
	background-size:20% 70%;
	}
#homeAmusementOut .titAmusement br.sp {
	display: block;
	}	
}
@media screen and (max-width: 360px) {
#homeAmusementOut .titAmusement {
	background:url(../images/bg_home_amusement01.svg) no-repeat left bottom , url(../images/bg_home_amusement02.svg) no-repeat right bottom;	
	background-size:16% 60%;
	}	
}
@media screen and (max-width: 640px) {
#homeAmusementOut .txtHomeAreaRead{
	width: 96%;
	}
}


/* スライドショー */
.amusementSlideBox .slider {
	margin:26px auto 42px auto;
	width:1064px;
	}

@media screen and (max-width: 640px) {
.amusementSlideBox .slider {
	margin:0px auto 6% auto;
	width:88%;
	}
}

/* スライド Arrows */
.amusementSlide .slick-prev:before {
	background:url(../images/arrow_home_amusementslider_prev.svg) no-repeat left top;
}
.amusementSlide .slick-next:before {
	background:url(../images/arrow_home_amusementslider_next.svg) no-repeat right top;
}

/* スライド list */
.amusementSlide li {
	margin:0px 12px 0px 12px;
}

@media screen and (max-width: 640px) {
.amusementSlide li {
	margin:0px 4px 0px 4px;
	border: 2px solid #FFFFFF;
	}
}

/*リンクボタン*/
#homeAmusementOut .btnHomeToList {
	width: 328px;
	}
#homeAmusementOut .btnHomeToList a {
	color: #ffffff;
	background: #ff6380;
	box-shadow: 1px 2px 1px 1px rgba(100,100,100,0.2);	
	}
#homeAmusementOut .btnHomeToList a i {
	background: none;
	}
@media screen and (max-width: 640px) {
#homeAmusementOut .btnHomeToList {
	width: 68%;
	}
}


/*見出し*/
.titHomeAmusement {
	padding-left:16px;
	background:url(../images/bg_home_amusement03.svg) no-repeat left top;
	background-size: 6px 38px;
	font-size: 126%;
	font-weight: bold;
	line-height: 38px;
	height: 38px;
	color: #ff6380;
	display: table-cell;
	vertical-align: middle;
	}

/*SNS公式アカウント 紹介*/
.homeSnsOut {
	margin:0px auto 36px auto;
	float:left;
	width:506px;
	}
@media screen and (max-width: 640px){
	.homeSnsOut{
		margin:0px auto 15px auto;
		width:96%;
		float:none;
		}
}
.homeSnsIn{
	background:#f4f4f0;
	border-radius:4px;
	margin:15px 0 0;
	height:116px;
	}
@media screen and (max-width: 640px){
	.homeSnsIn{
		margin:10px 0 0;
		height:auto;		
		}
}

.homeSnsIn li{
	margin:3% 0% 3% 2.6%;
	width:46%;
	float:left;
}
.homeSnsIn li img{
	width:100%;
}

/* NISSEI WEB 会員募集中 */
.homePresentOut {
	margin:0px auto 36px auto;
	width:506px;
	float:right;
	}
@media screen and (max-width: 640px){
	.homePresentOut {
		margin:0px auto 15px auto;
		width:96%;
		float:none;
		}
}
.homePresentIn{
	background:#e4f3ff;
	border-radius:4px;
	margin:15px 0 0;
	height:116px;
	}
.homePresentIn li {
	margin:2.25% 0% 2.25% 2.6%;
	width:46%;
	float:left;
	}
.homePresentIn li p {
	margin:1.5% 0% 3% 0%;
	font-size: 100%;
	font-weight: bold;
	}
.homePresentIn li img {
	width:100%;
	}
@media screen and (max-width: 640px){
	.homePresentIn{
		margin:10px 0 0;
		height:auto;
		padding: 2% 0px;
		}
	.homePresentIn li {
		margin: 0px auto 2.5% auto;
		width:90%;
		float:none;
	}
	.homePresentIn li p {
	font-size: 112%;
	text-align: center;
		line-height: 156%;
	}
}



/*新着情報・お知らせ エリア
-------------------------------------------------------------------------------------*/
#homeTopicsOut {
	margin:0px auto 0px auto;
	padding: 84px 0px 54px 0px;
	background:url(../images/bg_home_topics01.png) no-repeat center top , #fbf8eb;
	background-size:2500px;
}
@media screen and (max-width: 640px){
#homeTopicsOut {
	padding: 70px 0px 28px 0px;
	}
}
/* エリアタイトル*/
#homeTopicsOut .titHomeArea {
	width: 772px;
	margin:0px auto 8px auto;
	background:url(../images/bg_home_topics02.png) no-repeat center top;
	background-size:268px;
}
@media screen and (max-width: 640px){
#homeTopicsOut .titHomeArea {
	width: 100%;
	margin:0px auto 1% auto;
	padding-bottom: 1%;
	background:url(../images/bg_home_topics02.png) no-repeat center bottom;
	background-size:190px;
	}
}
/* エリアタイトル 英文字*/
#homeTopicsOut .titHomeAreaSub{
	margin:0px 0px 28px 0px;
	color: #004094;
}
@media screen and (max-width: 640px){
#homeTopicsOut .titHomeAreaSub{
	margin:0px 0px 10px 0px;
	}
}

/*一覧へボタン
----------------------------------*/
.btnToNewsList {
	margin: -40px auto 0px auto;
	font-size: 120%;
	font-family: "Rounded Mplus 1c";
	text-align: center;
	float: right;
	width: 150px;
	height: 26px;
	display: block;
	}
@media screen and (max-width: 640px){
.btnToNewsList {
	margin: 18px auto 14px auto;
	float: none;
	}
}

.btnToNewsList a {
	color: #004094;
	font-weight: bold;
	display: block;
	padding: 0px;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	position:relative;
	background: linear-gradient(90deg,#ffe48f 50%, #004094 50%);	
	border-radius: 32px;
	}
.btnToNewsList a:hover {
	box-shadow: 0px 0px 0px 0px rgba(100,100,100,0.0);	
	}
.btnToNewsList a i {
	font-size: 108%;
	background: #ffffff;
	border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
	float: left;
	position:absolute;
	top:5px;
	left: 6px;
	}
.btnToNewsList a span {
	display: inline-block;
	box-sizing: border-box;
	text-align: right;
	width: 50%;
	height: 100%;
	padding: 7px 7px 0px 0px;
	float: left;
	}
.btnToNewsList a b {
	color: #ffffff;
	font-size: 80%;
	display: inline-block;
	text-align:center;
	width: 50%;	
	height: 100%;
	padding: 6px 0px 0px 0px;
	box-sizing: border-box;
	float: right;	
	}



/*新着情報一覧
----------------------------------*/
.newsTopicsListBox {
	margin:0px 0px 0px 0px;
	background-color:#FFFFFF;
	padding: 6px 26px;
	box-sizing: border-box;
	}
@media screen and (max-width: 640px){
.newsTopicsListBox {
	margin: 0px auto;
	padding: 6px 0px;
	width: 92%;
	}
}

.newsTopicsList {
	margin:0px auto;
	border-bottom: none;
	width: 100%;
	}
@media screen and (max-width: 640px){
.newsTopicsList {
	margin: 12px auto 0px auto;
	width: 92%;
	}
}

.newsTopicsList li {
	padding:16px 0px;
	font-weight:bold;
	border-bottom: 1px dotted #CCCCCC;
	width:100%;
	}
@media screen and (max-width: 640px){
.newsTopicsList li {
	padding:0px 0px 10px 0px;
	border-bottom: none;
	}
}
.newsTopicsList li:last-child {
	border-bottom: none;
	}
.newsTopicsList_title {
	color:#666666;
	font-weight:bold;
	margin:6px 0px;
	padding:0px 0px 0px 0px;
	font-size:15px;
	float:right;
	width:63%;
	}
@media screen and (max-width: 640px){
.newsTopicsList_title {
	margin:3px 0px;
	}
}
.newsTopicsList p {
	color:#666666;
	font-weight:normal;
	font-size:108%;
	line-height:135%;
	width:100%;
	height:100%;
	display:block;
	}
.newsTopicsList p a {
	width:100%;
	height:100%;
	overflow: hidden;
	text-overflow: ellipsis;
	box-sizing:border-box;	
	}
.newsTopicsList p a br {
	display: none;
	}
@media screen and (max-width: 640px){
.newsTopicsList p a {
	display:block;
	padding:8px 0% 3% 0%;
	border-bottom: 1px dotted #CCCCCC;
	}
.newsTopicsList li:last-child a {
	border-bottom: none;
	}	
}
.newsTopicsList p a , .newsTopicsList p a:hover {
	text-decoration:none;
	color:#666666;
	}
.newsTopicsList p a:hover {
	-ms-filter: "alpha( opacity=80 )";
	filter: alpha( opacity=80 );
	opacity: 0.8;
	text-decoration: underline;
	}

.newsTopicsList .day {
	font-size: 94%;
	font-weight:normal;
	margin:8px 1% 0px 0px;
	padding:0px 0px 0px 0px;
	font-weight:bold;
	color:#666666;
}
@media screen and (max-width: 640px){
.newsTopicsList .day {
	margin:0px 1% 0px 0px;
	display:inline-block;
	color:#5ABEED;
	}
}


/* 記事カテゴリ色分け */
.newsTopicsList .newscat {
	margin-right: 2%;
	font-size: 90%;
	padding: 3px 0px 1px 0px;
	font-weight: bold;
	min-width: 88px;
	display:inline-block;
	text-align: center;
}

.newsTopicsList .newscat.catAb {
	color:#488ce7;
	background:#cce4ff;
}
.newsTopicsList .newscat.catCo {
	color:#119c00;
	background:#d4e9d1;
}
.newsTopicsList .newscat.catSh {
	color:#ff8007;
	background:#fde8d0;
}
.newsTopicsList .newscat.catDo {
	color:#af7cdc;
	background:#e0dcff;
}
.newsTopicsList .newscat.catAc {
	color:#0092d0;
	background:#bbeaff;
}
.newsTopicsList .newscat.catAm {
	color:#ff6380;
	background:#fbe3e9;
}


/*販売・導入をお考えの方へ エリア
-------------------------------------------------------------------------------------*/
#homeBusinessOut {
	margin:0px auto 0px auto;
	padding: 84px 0px 0px 0px;
	background:url(../images/bg_home_business01.png) no-repeat center top , #ffffff;
	background-size:1480px;
	min-height: 430px;
	box-sizing: border-box;
}
@media screen and (max-width: 640px) {
#homeBusinessOut {
	padding: 50px 0px;
	background:url(../images/bg_home_business01.png) no-repeat center top , #ffffff;
	background-size:116%;
	min-height: auto;
	height: auto;
	}
}
/* 販売・導入 タイトル */
.titHomeBusiness{
	margin: 0px auto 16px auto;
	font-size: 236%;
	font-weight: bold;
	text-align: center;
	color: #004098;
}
@media screen and (max-width: 640px) {
.titHomeBusiness{
	margin: 0px auto 2% auto;
	font-size: 5vw;
	}
}

/*導入のお問い合わせボタン*/
.btnHomeBusiness {
	margin: 60px auto 30px auto;
	font-weight: bold;
	font-family: "Rounded Mplus 1c";
	text-align: center;
	width: 742px;
	}
@media screen and (max-width: 640px) {
.btnHomeBusiness {
	margin: 20px auto 10px auto;
	width: 94%;
	}
}
.btnHomeBusiness a {
	width: 328px;
	height: 64px;
	display: block;
	box-sizing: border-box;
	position:relative;
	border: 2px;
	border-radius: 8px;
	box-shadow: 1px 2px 1px 1px rgba(100,100,100,0.2);
	}
@media screen and (max-width: 640px) {
.btnHomeBusiness a {
	margin: 0px auto 6px auto;
	width: 48%;
	}
}
.btnHomeBusiness a.btn01 {
	float: left;
	color: #000000;
	background: #ffffff;	
	font-size: 170%;
	line-height: 257%;
	border: 3px solid #004098;
	padding: 0px 0px 0px 26px;
	}
.btnHomeBusiness a.btn02 {
	float: right;
	color: #ffffff;
	background: #004098;
	font-size: 160%;
	line-height: 126%;
	text-align: left;
	padding: 4px 0px 0px 60px;
	}
.btnHomeBusiness a.btn02 b {
	font-size: 78%;
	font-weight: bold;
	}
.btnHomeBusiness a:hover {
	box-shadow: 0px 0px 0px 0px rgba(100,100,100,0.0);	
	}
.btnHomeBusiness a i {
	font-size: 134%;
	border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
	float: left;
	position:absolute;
	top:27%;
	left: 12px;
	}
.btnHomeBusiness a.btn01 i {
	color: #004098;
	}
@media screen and (max-width: 640px) {
.btnHomeBusiness a.btn01 {
	font-size: 150%;
	line-height: 120%;
	padding: 5.5px 0px 0px 3%;
	text-align: center;
	}
.btnHomeBusiness a.btn02 {
	font-size: 130%;
	line-height: 138%;
	padding: 8px 0px 0px 5%;
	text-align: center;
	}
.btnHomeBusiness a.btn02 b {
	font-size: 98%;
	}
.btnHomeBusiness a i {
	font-size: 134%;
	position:absolute;
	top:34%;
	left: 8px;
	}	
}
@media screen and (max-width: 430px) {
.btnHomeBusiness a.btn01 {
	font-size: 120%;
	line-height: 130%;
	padding: 9px 0px 0px 4.5%;
	}
.btnHomeBusiness a.btn02 {
	font-size: 104%;
	line-height: 138%;
	padding: 12px 0% 0px 6%;
	}
.btnHomeBusiness a.btn02 b {
	font-size: 98%;
	}	
}
@media screen and (max-width: 360px) {
.btnHomeBusiness a.btn01 {
	padding: 9px 0% 0px 0%;
	}
.btnHomeBusiness a.btn02 {
	font-size: 98%;
	padding: 13px 0% 0px 0%;
	}	
.btnHomeBusiness a.btn01 i {
	display: none;
	}
.btnHomeBusiness a.btn02 i {
	display: none;
	}		
}





/*新着NEW
-------------------------------------------------------------------------------------*/
.newsTopicsList li:nth-child(-n+3) .day {
	color:#FF164E;
	}