@charset "utf-8";

/*--------------------------------
    共通
---------------------------------*/

/*  clearfix
----------------------------------------*/
#news_list ul:after,
#brand .img_list:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}

/*  背景画像
----------------------------------------*/
#brand .btn li a,
#brand .img_list li a .txt,
#brand .img_list li a .img {
	display:block;
	height:0;
	overflow:hidden;
	background:no-repeat 0 0;
}

/*  ボックス
----------------------------------------*/
#keyvisual .thumb_wrapper {
	position:relative;
	max-width:960px;
	margin:auto;
}


/*--------------------------------
    キービジュアル
---------------------------------*/
#keyvisual {
	position:relative;
	width:100%;
	overflow:hidden;
	background:#fff;
}
#keyvisual ul.img_list {
	position:relative;
	top:0;
	left:50%;
	width:141.67%;
	margin-left:-70.84%;
	text-align:center;
}
#keyvisual ul.img_list li {
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
}
#keyvisual ul.img_list li.first {
	display:block;
	position:relative;
}
#keyvisual ul.img_list li img {
	width:100%;
	max-width:1360px;
	max-height:353px;
}
#keyvisual .thumb_wrapper {
	position:relative;
	z-index:500;
}
#keyvisual .thumb_wrapper:hover {
	z-index:20000;
}
#keyvisual .thumb_wrapper .inner {
	position:absolute;
	bottom:75px;
	right:14px;
	z-index:501;
}
#keyvisual .thumb_wrapper .inner,
#keyvisual .thumb_wrapper .inner div {
	height:27px;
}
#keyvisual .thumb_wrapper .inner .middle {
	margin:0 12px -27px;
	background:url(../img/index/keyvisual/bg-slider_middle.png) repeat-x 0 0;
}
#keyvisual .thumb_wrapper .inner .left,
#keyvisual .thumb_wrapper .inner .right {
	position:absolute;
	top:0;
	width:12px;
	background:no-repeat 0 0;
}
#keyvisual .thumb_wrapper .inner .left {
	left:0;
	background-image:url(../img/index/keyvisual/bg-slider_left.png);
}
#keyvisual .thumb_wrapper .inner .right {
	right:0;
	background-image:url(../img/index/keyvisual/bg-slider_right.png);
}
#keyvisual ul.thumbnail {
	position:relative;
	z-index:502;
	padding:0 5px;
}
#keyvisual ul.thumbnail li {
	float:left;
	width:22px;
}
#keyvisual ul.thumbnail li a {
	display:block;
	height:15px;
	padding:6px 0;
	text-align:center;
	outline:none;
}
#keyvisual ul.thumbnail li.current a {
	cursor:default;
}
#keyvisual ul.thumbnail li img {
	display:block;
	width:7px;
	height:8px;
	margin:3px auto;
}
#keyvisual ul.thumbnail li.current img {
	width:14px;
	height:15px;
	margin-top:0;
}


/*--------------------------------
    content
---------------------------------*/

/*  ブランドリスト
----------------------------------------*/
#brand {
	position:relative;
	top:-125px;
	left:0;
	max-width:920px;
	height:134px;
	overflow:hidden;
	margin-bottom:-105px;
	padding:59px 20px 0;
}
#brand .inner {
	position:relative;
	z-index:1000;
	height:128px;
	padding:3px 4px;
	border-radius:3px;
	background:#e60012;
}
#brand .img_list {
	position:relative;
	margin:auto;
}
#brand .img_list li {
	position:relative;
	left:auto !important;
	z-index:1003;
	float:left;
	width:152px;
	height:131px;
}
#brand .img_list li a {
	position:relative;
}
#brand .img_list li a .img {
	position:absolute;
	top:0;
	left:0;
	width:152px;
	padding-top:131px;
}
#brand .img_list li.seirogan a .img {
	background-image:url(../img/index/brand/btn-brand_seirogan.png);
}
#brand .img_list li.audio a .img {
	background-image:url(../img/index/brand/btn-brand_audio.png);
}
#brand .img_list li.exam a .img {
	background-image:url(../img/index/brand/btn-brand_exam.png);
}
#brand .img_list li.s111 a .img {
	background-image:url(../img/index/brand/btn-brand-seirogan-gogo.png);
}
#brand .img_list li.cleverin a .img {
	background-image:url(../img/index/brand/btn-brand_cleverin.png);
}
#brand .img_list li.lispass a .img {
	background-image:url(../img/index/brand/btn-brand_lispass.png);
}
#brand .img_list li.wellshield a .img {
	background-image:url(../img/index/brand/btn-brand_wellshield.png);
}
#brand .img_list li.hiyakiogan a .img {
	background-image:url(../img/index/brand/btn-brand_hiyakiogan_cp.png);
}
#brand .img_list li.pishut a .img {
	background-image:url(../img/index/brand/btn-brand_pishut.png);
}
#brand .img_list li.bf a .img {
	background-image:url(../img/index/brand/btn-brand_bf.png);
}
#brand .img_list li a .txt {
	display:none;
	position:absolute;
	top:-62px;
	left:7px;
	z-index:1004;
	width:138px;
	padding-top:83px;
}
#brand .img_list li.seirogan a .txt {
	background-image:url(../img/index/brand/txt-brand_seirogan.png);
}
#brand .img_list li.s111 a .txt {
	background-image:url(../img/index/brand/txt-brand_seirogan-gogo.png);
	text-indent:-9999px;
}
#brand .img_list li.s111 a .txt .to_site {
	text-indent:0px;
}
#brand .img_list li.lispass a .txt {
	background-image:url(../img/index/brand/txt-brand_seirogan-gogo.png);
	text-indent:-9999px;
}
#brand .img_list li.lispass a .txt .to_site {
	text-indent:0px;
}
#brand .img_list li.cleverin a .txt {
	display:none !important;
	background-image:url(../img/index/brand/txt-brand_cleverin.png);
}
#brand .img_list li.lispass a .txt {
	background-image:url(../img/index/brand/txt-brand_lispass.png);
}
#brand .img_list li.wellshield a .txt {
	display:none !important;
	background-image:url(../img/index/brand/txt-brand_wellshield.png);
}
#brand .img_list li.hiyakiogan a .txt {
	background-image:url(../img/index/brand/txt-brand_hiyakiogan.png);
}

#brand .img_list li.pishut a .txt {
	background-image:url(../img/index/brand/txt-brand_pishut.png);
}
#brand .img_list li.bf a .txt {
	background-image:url(../img/index/brand/txt-brand_bf.png);
}
#brand .btn li a {
	position:absolute;
	bottom:53px;
	z-index:1001;
	padding-top:29px;
	outline:none;
}
#brand .btn li.left a {
	left:-20px;
	width:47px;
	background-image:url(../img/index/brand/btn-brand_ctl_left.png);
}
#brand .btn li.right a {
	right:-20px;
	width:49px;
	background-image:url(../img/index/brand/btn-brand_ctl_right.png);
}
#brand .thumbnail {
	display:none;
}
#brand .thumbnail li.current a {
	cursor:default;
}

/*  ニュース一覧
----------------------------------------*/
#news_list {
	float:right;
	width:74.48%;
}
#news_list h2 {
	display:none;
}
#news_list > ul {
	width:100%;
}
#news_list li {
	float:left;
	width:31.47%;
	margin-left:2.79%;
	margin-bottom:20px;
	background:#fff;
	border-radius:2px;
}
#news_list li.column {
	margin-bottom:0;
	background:none;
	border-radius:0;
}
#news_list li:nth-of-type(3n-2) {
	clear:both;
	margin-left:0;
}
#news_list li.column:first-child {
	margin-left:0;
}
#news_list > ul > li li {
	float:none;
	width:auto;
	margin-left:0;
}
#news_list li .category {
	display:none;
}
#news_list li .title {
	line-height:1.38;
	padding:7px 10px 7px 33px;
	background:url(../img/ico-category_s.png) no-repeat;
	color:#fff;
	border-radius:2px 2px 0 0;
	font-weight:bold;
	font-size:109%;
}
#news_list li.blog .title {
	background-color:#ababab;
	background-position:8px -875px;
}


#news_list li .inner {
	padding:10px;
	padding-bottom:0;
	border-radius:0 0 2px 2px;
}
#news_list li .headline,
#news_list li p,
#news_list li .img {
	padding-bottom:12px;
}
#news_list li .headline {
	line-height:1.2;
	color:#0088dd;
	font-weight:bold;
}
#news_list li p {
	line-height:1.4;
	color:#444;
	word-break: break-all;
}
#news_list li .txt_sub {
	font-size:92%;
}
#news_list li img {
	width:100%;
}

#news_list li.icon1 .title {
	background-position:8px 7px;
}
#news_list li.icon2 .title {
	background-position:8px -141px;
}
#news_list li.icon3 .title {
	background-position:8px -286px;
}
#news_list li.icon4 .title {
	background-position:8px -435px;
}
#news_list li.icon5 .title {
	background-position:8px -581px;
}
#news_list li.icon6 .title {
	background-position:8px -727px;
}
#news_list li.icon7 .title {
	background-position:8px -875px;
}
#news_list li.icon8 .title {
	background-position:8px -1022px;
}
#news_list li.icon9 .title {
	background-position:8px -1169px;
}
#news_list li.icon10 .title {
	background-position:8px -1316px;
}
#news_list li.blog .title {
	background-color:#ababab;
}
#news_list li .title {
	background-position:8px 7px;
}
#news_list li.color1 .title {
	background-color:#ababab;
}
#news_list li.color2 .title {
	background-color:#c98ad2;
}
#news_list li.color3 .title {
	background-color:#c3e86a;
}
#news_list li.color4 .title {
	background-color:#f47ad0;
}
#news_list li.color5 .title {
	background-color:#e5c863;
}
#news_list li.color6 .title {
	background-color:#8bdf65;
}
#news_list li.color7 .title {
	background-color:#4cc5c4;
}
#news_list li.color8 .title {
	background-color:#709fed;
}
#news_list li.color9 .title {
	background-color:#f77373;
}
#news_list li.color10 .title {
	background-color:#e0dc6b;
}

#news_list .inner h2 {
	display:block;
	color:#08D;
	margin-bottom:10px;
}

@media screen and (max-width:770px){

/*  ニュース一覧
----------------------------------------*/
#news_list {
	width:65.73%;
}
#news_list > ul > li {
	width:47.87%;
	margin-left:4.25%;
}
#news_list > ul > li:nth-of-type(3n-2) {
	clear:none;
	margin-left:4.25%;
}
#news_list > ul > li:nth-of-type(2n-1) {
	clear:both;
	margin-left:0;
}

}


@media screen and (max-width:540px){

/*  背景画像
----------------------------------------*/
#brand .img_list li a .txt,
#brand .img_list li a .img {
	display:block;
	height:0;
	overflow:hidden;
	background:no-repeat 0 0;
}

/*  ボックス
----------------------------------------*/
#keyvisual .inner {
	position:relative;
	max-width:960px;
	margin:auto;
}


/*--------------------------------
    ヘッダー
---------------------------------*/
#header .inner {
	position:static;
}
#header h1#logo {
	position:absolute;
	top:0;
	left:0;
	z-index:10000;
	width:100%;
}


/*--------------------------------
    キービジュアル
---------------------------------*/
#keyvisual {
	z-index:-1;
	margin-bottom:-5%;
	padding-top:95px;
}
#keyvisual ul.img_list {
	max-height:200px;
}
#keyvisual .thumb_wrapper {
	display:none;
}
#keyvisual .thumb_wrapper * {
	background:none;
}


/*--------------------------------
    content
---------------------------------*/

/*  ブランドリスト
----------------------------------------*/
#brand {
	top:0;
	height:auto;
	margin-bottom:0;
	padding:0;
}
#brand .inner {
	height:226px;
	margin-bottom:20px;
	padding:7px 0;
	border-radius:0;
}
#brand .img_list {
	width:100%;
	height:226px;
	overflow:hidden;
}
#brand .img_list li {
	position:absolute;
	top:0;
	left:50% !important;
	width:250px !important;
	height:226px;
	margin-left:-125px;
}
#brand .img_list li:first-of-type {
	z-index:9999;
}
#brand .img_list li.current {
	z-index:10000;
}
#brand .img_list li a {
	display:block;
	position:relative;
	font-weight:bold;
	text-decoration:none;
}
#brand .img_list li a .img {
	position:static;
	width:100%;
	padding-top:226px;
	-webkit-background-size:100%100%;
	background-size:100% 100%;
}
#brand .img_list li.seirogan a .img {
	background-image:url(../img/index/brand/sp/btn-brand_seirogan_sp.png);
}
#brand .img_list li.audio a .img {
	background-image:url(../img/index/brand/sp/btn-brand_audio_sp.jpg);
}
#brand .img_list li.exam a .img {
	background-image:url(../img/index/brand/sp/btn-brand_exam.png);
}
#brand .img_list li.s111 a .img {
	background-image:url(../img/index/brand/sp/btn-brand-seirogan-gogo_sp.jpg);
}
#brand .img_list li.cleverin a .img {
	background-image:url(../img/index/brand/sp/btn-brand_cleverin_sp.png);
}
#brand .img_list li.lispass a .img {
	background-image:url(../img/index/brand/sp/btn-brand_lispass_sp.png);
}
#brand .img_list li.wellshield a .img {
	background-image:url(../img/index/brand/sp/btn-brand_wellshield_sp.png);
}
#brand .img_list li.hiyakiogan a .img {
	background-image:url(../img/index/brand/sp/btn-brand_hiyakiogan_sp.png);
}
#brand .img_list li.pishut a .img {
	background-image:url(../img/index/brand/sp/btn-brand_pishut_sp.png);
}
#brand .img_list li.bf a .img {
	background-image:url(../img/index/brand/sp/btn-brand_bf_sp.png);
}

#brand .img_list li.cleverin a .txt,
#brand .img_list li.wellshield a .txt {
	display:block !important;
}


#brand .img_list li a .txt {
	display:block;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	height:auto;
	overflow:visible;
	background:none !important;
	top:0;
	left:0;
	width:100%;
	height:100%;
	padding-top:126px;
	color:#000;
	text-align:center;
}
#brand .img_list li a .txt .to_site {
	position:absolute;
	right:33px;
	bottom:16px;
	line-height:15px;
	color:#939393;
}
#brand .img_list li a .txt .to_site:after {
	content:"";
	position:absolute;
	top:-1px;
	right:-20px;
	width:15px;
	height:15px;
	background:url(../img/index/brand/sp/ico-to_brand_site.png) no-repeat;
	-webkit-background-size:100%;
	background-size:100%;
}
#brand .btn li a {
	top:10px;
	bottom:auto;
	z-index:10000;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	width:9.06% !important;
	padding-top:220px;
	border-radius:2px 0 0 2px;
	background-color:rgba(255, 255, 255, .5);
	background-image:url(../img/index/brand/sp/btn-brand_ctl_right_sp.png) !important;
	background-position:center center;
	-webkit-background-size:9px;
	background-size:9px;
	-webkit-box-shadow:0 0 3px rgba(0, 0, 0, .3);
	box-shadow:0 0 3px rgba(0, 0, 0, .3);
}
#brand .btn li.left a {
	left:0;
	-webkit-transform:scaleX(-1);
	-moz-transform:scaleX(-1);
	transform:scaleX(-1);
}
#brand .btn li.right a {
	right:0;
}
#brand .thumbnail {
	display:block;
	margin-bottom:20px;
	text-align:center;
}
#brand .thumbnail li {
	display:inline-block;
	margin-left:15px;
}
#brand .thumbnail li:first-of-type {
	margin-left:0;
}
#brand .thumbnail li a {
	display:block;
	width:10px;
	height:10px;
	border-radius:5px;
	background:#d9d9d4;
	outline:none;
}
#brand .thumbnail li.current a {
	background:#e60012;
}

/*  ニュース一覧
----------------------------------------*/
#news_list {
	float:none;
	width:auto;
	padding:0 10px;
}
#news_list > ul > li {
	float:none;
	width:100%;
	margin-left:0;
}
#news_list > ul > li:nth-of-type(3n-2),
#news_list > ul > li:nth-of-type(2n-1) {
	clear:both;
	margin-left:0;
}
#news_list li .title {
	background:url(../img/ico-category.png) no-repeat;
	-webkit-background-size:18px;
	background-size:18px;
}
#news_list li.news .title {
	background-position:8px 5px;
}
#news_list li.ir .title {
	background-position:8px -112px;
}
#news_list li.new_product .title {
	background-position:8px -231px;
}
#news_list li.recommendation .title {
	background-position:8px -349px;
}
#news_list li.cm .title {
	background-position:8px -467px;
}
#news_list li.employment .title {
	background-position:8px -584px;
}
#news_list li.blog .title {
	background-position:8px -704px;
}
#news_list li.csr .title {
	background-position:8px -820px;
}
#news_list li.company .title {
	background-position:8px -939px;
}
#news_list li.campaign .title {
	background-position:8px -1057px;
}
#news_list li.icon1 .title {
	background-position:8px 5px;
}
#news_list li.icon2 .title {
	background-position:8px -112px;
}
#news_list li.icon3 .title {
	background-position:8px -231px;
}
#news_list li.icon4 .title {
	background-position:8px -349px;
}
#news_list li.icon5 .title {
	background-position:8px -467px;
}
#news_list li.icon6 .title {
	background-position:8px -584px;
}
#news_list li.icon7 .title {
	background-position:8px -704px;
}
#news_list li.icon8 .title {
	background-position:8px -820px;
}
#news_list li.icon9 .title {
	background-position:8px -939px;
}
#news_list li.icon10 .title {
	background-position:8px -1057px;
}
}