/* main slider styles, do not change, override them  */
.neoslider {
	cursor:                 default;
	min-width:              320px;
	overflow:               hidden;
	position:               relative;
	text-align:             left;
	z-index:                2;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 50px;
	margin-left: auto;
}
.neoslider > section {
	font:                   normal 0/0 a;
	position:               relative;
	-webkit-transform:       translatez(0);
	transform:              translatez(0);
	-webkit-transition:     -webkit-transform 0.5s;
	transition:             transform 0.5s;
	white-space:            nowrap;
}
.neoslider > section > article {
	display:                inline-block;
	position:               relative;
	white-space:            normal;
	width:                  100%;
}
.neoslider > section > article > div {
	font:                   normal 1rem/normal sans-serif;
	height:                 100%;
	left:                   0;
	position:               absolute;
	top:                    0;
	width:                  100%;
}
.neoslider > section > article > img {
	display:                block;
	height:                 auto;
	width:                  100%;
}
.neoslider > section > img {
	display:                inline-block;
	height:                 auto;
	width:                  100%;
}
/* main navigation styles, do not change, override them  */
.neoslider > aside {
	background-color:       rgba(21,106,180,0.7);
	background-repeat:      no-repeat;
	cursor:                 pointer;
	height:                 36px;
	position:               absolute;
	top:                    50%;
	-webkit-transform:       translatey(-50%);
	transform:              translatey(-50%);
	-webkit-transition:      background-color 0.3s;
	transition:             background-color 0.3s;
	width:                  37px;
	z-index:                3;
}
.neoslider > aside:hover {
	background-color:       #888888;
}
.neoslider > aside:first-child {
	background-image:       url(../images/neoslider-left-small.png);
	left:                   0;
}
.neoslider > aside:last-child {
	background-image:       url(../images/neoslider-right-small.png);
	right:                  0;
}
.neoslider > ul {
	left:                   50%;
	list-style:             none;
	margin:                 0;
	padding:                25px 0 0;
	position:               absolute;
	top:                    0;
	-webkit-transform:       translateX(-50%);
	transform:              translateX(-50%);
}
.neoslider > ul li {
	background:             #fff;
	border:                 2px solid #fff;
	border-radius:          5px;
	cursor:                 pointer;
	float:                  left;
	height:                 6px;
	margin:                 0 3px;
	-webkit-transition:      border-color 0.2s;
	transition:             border-color 0.2s;
	width:                  6px;
}
.neoslider > ul li.current {
	background:             #156ab4;
	cursor:                 default;
}
.neoslider > ul li:not(.current):hover {
	background:             #156ab4;
	border-color:           #156ab4;
}
/* home slider styles */
.homeslider a {
	background:             #156ab4;
	border:                 1px solid #fff;
	color:                  #fff;
	display:                block;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	left:                   50%;
	margin:                 0 auto;
	padding:                1.15% 1%;
	position:               absolute;
	text-align:             center;
	text-decoration:        none;
	text-transform:         uppercase;
	-webkit-transform:       translate(-50%, -50%);
	transform:              translate(-50%, -50%);
	-webkit-transition:      background-color 0.2s;
	transition:             background-color 0.2s;
	top:                    70%;
	width:                  10%;
}
.homeslider a:hover {
	background:             #888888;
}
.homeslider p {
	background:             rgba(0,0,0,0.55);
	color:                  #fff;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	height:                 14%;
	margin:                 0;
	position:               absolute;
	text-align:             center;
	top:                    50%;
	-webkit-transform:       translatey(-50%);
	transform:              translatey(-50%);
	white-space:            nowrap;
	width:                  100%;
}
.homeslider strong {
	display:                block;
	font-size:              2.9vw;
	font-weight:            normal;
}
.homeslider > aside {
	background-color:       transparent;
	height:                 45px;/*51px;*/
	-webkit-transition:     -webkit-transform 0.3s;
	transition:             transform 0.3s;
	width:                  27px;/*29px;*/
}
.homeslider > aside:hover {
	background-color:       transparent;
}
.homeslider > aside:first-child {
	background-image:       url(../images/neoslider-left.png);
	left:                   20px;
}
.homeslider > aside:first-child:hover {
	background-position:    left bottom;
	padding-right:          15px;
	-webkit-transform:       translate(-15px, -50%);
	transform:              translate(-15px, -50%);
}
.homeslider > aside:last-child {
	background-image:       url(../images/neoslider-right.png);
	background-position:    right top;
	right:                  20px;
}
.homeslider > aside:last-child:hover {
	background-position:    right bottom;
	padding-left:           15px;
	-webkit-transform:       translate(15px, -50%);
	transform:              translate(15px, -50%);
}
.homeslider > div {
	background:             url(../images/scroll-down.png) no-repeat center bottom;
	bottom:                 15px;
	color:                  #fff;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	left:                   0;
	padding-bottom:         14px;
	position:               absolute;
	text-align:             center;
	width:                  100%;
	z-index:                5;
}
 @media all and (min-width:1200px) {
.homeslider a {
	font-size:            0.9rem; /*was: font-size: 1.28rem;*/
}
.homeslider p {
	font-size:            1.20rem;
}
.homeslider strong {
 margin-top: 		  .5rem;
	font-size:            1.78rem;
}
}
@media all and (max-width:640px) {
.neoslider {
	margin-bottom: 30px;
}
.homeslider a {
	font-size:            0.7rem;
	width:                  20%;
}
.homeslider p {
	font-size:            0.63rem;
	height:                 25%;
}
.homeslider strong {
	font-size:            0.86rem;
}
/* brands slider */
.brandslider > section > article {
	text-align:             center;
	vertical-align:         top;
}
.brandslider br {
	display:                none;
}
.brandslider figure {
	background:             url(../images/box-shadow.png) no-repeat left bottom;
	display:                inline-block;
	height:                 262px;
	margin:                 0;
	padding:                0;
	vertical-align:         top;
	width:                  276px;
}
.brandslider figure img {
	display:                block;
	height:                 113px;
	margin:                 5px auto;
	width:                  246px;
}
.brandslider figure p {
	margin:                 0;
	padding:                10px 20px 0;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-style: normal;
	font-weight: 0.875;
	font-variant: normal;
}
.brandslider figure strong {
	color:                  #156ab4;
	display:                block;
	font-size:              1.5rem;
	font-weight:            normal;/*  margin-bottom:          10px;*/
}
}
@media all and (max-width:320px) {
.homeslider a {
	font-size:            0.44rem; /*was: font-size: 0.52rem;*/
	width:                  30%;
}
.homeslider p {
	font-size:            0.63rem;
	height:                 25%;
}
.homeslider strong {
	font-size:            0.86rem;
}
/* brands slider */
.brandslider > section > article {
	text-align:             center;
	vertical-align:         top;
}
.brandslider br {
	display:                none;
}
.brandslider figure {
	background:             url(../images/box-shadow.png) no-repeat left bottom;
	display:                inline-block;
	height:                 262px;
	margin:                 0;
	padding:                0;
	vertical-align:         top;
	width:                  276px;
}
.brandslider figure img {
	display:                block;
	height:                 113px;
	margin:                 5px auto;
	width:                  246px;
}
.brandslider figure p {
	margin:                 0;
	padding:                10px 20px 0;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-style: normal;
	font-weight: 0.875;
	font-variant: normal;
}
.brandslider figure strong {
	color:                  #156ab4;
	display:                block;
	font-size:              1.5rem;
	font-weight:            normal;/*  margin-bottom:          10px;*/
}
.homeslider a {
	font-size:              0.52rem;
	width:                  30%;
}
.homeslider p {
	height:                 25%;
}
}
 @media all and (max-width:1120px) {
.brandslider br {
	display:              block;
}
}