@charset "utf-8";

/*******************************
  個別設定
*******************************/

	#imageSlider {
		margin: 0 auto;
		width: 100%;
		max-width: 1440px;
		padding: 0 0 3px 5px;
		background: #fff url(../../common/imgs/line-01.png) 50% 100% repeat-x;
		text-align: center;
	}

	.bx-wrapper {
		margin: 0 auto;
	}
	.bx-wrapper .bx-viewport {
		border: 0;
	}
	.bx-controls.bx-has-pager {
		position: absolute;
		bottom: 50px;
		width: 100%;
		z-index: 2;
	}
	.bx-wrapper .bx-pager.bx-default-pager a {
		width: 14px;
		height: 14px;
		margin: 0 7px;
		border-radius: 7px;
		background-color: #fff;
	}
	.bx-wrapper .bx-pager.bx-default-pager a.active,
	.bx-wrapper .bx-pager.bx-default-pager a:hover {
		background-color: #002fcc;
	}

@media only screen and (max-width:640px) {
	#imageSlider {
		padding: 0 0 1px;
		background-image: url(../../common/imgs/sp/line-01.png);
		background-size: auto 1px;
	}
}

	#contents .bgGray {
		padding: 30px 0 0;
	}

	#news {
		margin: 0 auto 30px;
		position: relative;
		background: url(../../imgs/index/bg-news01.png) 0 0 repeat;
		box-shadow: 0 0 5px #ccc;
	}
	#news .title {
		width: 141px;
		height: 51px;
		background: url(../../imgs/index/h-news.png) 0 0 no-repeat;
		float: left;
		text-indent: -9999px;
	}
	#news dt {
		width: 195px;
		height: 31px;
		padding: 10px 20px 10px 0;
		background: url(../../imgs/index/bg-news02.png) 100% 1px no-repeat;
		float: left;
		color: #000;
		line-height: 31px;
		text-align: right;
	}
	#news dt img {
		margin: 0 0 0 15px;
		vertical-align: middle;
	}
	#news dd {
		height: 31px;
		padding: 10px 132px 10px 18px;
		line-height: 31px;
		overflow: hidden;
	}
	#news dd div {
		white-space: nowrap;
	}
	#news .toDetail {
		width: 122px;
		height: 51px;
		background: url(../../imgs/index/bt-news.png) 0 0 no-repeat;
		position: absolute;
		top: 0;
		right: 0;
		text-indent: -9999px;
	}
@media only screen and (max-width:640px) {
	#contents .bgGray {
		padding: 10px 0 0;
	}

	#news {
		margin: 0 auto 15px;
		background: none;
		box-shadow: none;
	}
	#news .title {
		width: auto;
		height: auto;
		margin: 0 0 10px;
		background: -webkit-gradient(linear, left top, left bottom, from(#0033cb), to(#061f67));
		background: -moz-linear-gradient(#0033cb, #061f67);
		background: linear-gradient(#0033cb, #061f67);
		float: none;
		color: #fff;
		font-size: 16px;
		line-height: 36px;
		font-weight: normal;
		text-indent: 0;
		text-align: center;
	}
	#news dl {
		margin: 0 0 10px;
		border: 1px solid #fff;
		padding: 9px 9px 19px;
		background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f0f0f0));
		background: -moz-linear-gradient(#fff, #f0f0f0);
		background: linear-gradient(#fff, #f0f0f0);
	}
	#news dt {
		width: auto;
		height: auto;
		margin: 0 0 5px;
		padding: 0;
		background: none;
		float: none;
		font-size: 11px;
		line-height: 13px;
		text-align: left;
	}
	#news dt img {
		width: auto;
		height: 13px;
		vertical-align: top;
	}
	#news dd {
		height: auto;
		padding: 0;
		font-size: 11px;
		line-height: 16px;
	}
	#news .toDetail {
		display: block;
		width: 170px;
		height: auto;
		margin: auto;
		border: 1px solid #273138;
		background: -webkit-gradient(linear, left top, left bottom, from(#525252), to(#2b2b2b));
		background: -moz-linear-gradient(#525252, #2b2b2b);
		background: linear-gradient(#525252, #2b2b2b);
		position: static;
		color: #c1c1c1;
		font-size: 12px;
		line-height: 34px;
		text-indent: 0;
		text-align: center;
		text-decoration: none;
	}
	#news .toDetail span {
		padding: 0 0 0 12px;
		background: url(../../common/imgs/sp/blt-02.png) 0 50% no-repeat;
		background-size: 6px auto;
	}
}

	#newItem {
		padding-bottom: 40px;
	}
	#newItem02 {
		display: none;
	}
	#newItem .title {
		margin: 0 0 15px;
	}
	#newItem .label,
	#newItem .nav {
		width: 50%;
		margin: 0 0 10px;
		background: 0 0 repeat-x;
	}
	#newItem .label .inner,
	#newItem .nav .inner {
		display: block;
		height: 57px;
		background: 50% 0 no-repeat;
		text-indent: -9999px;
	}
	#newItem01 .label,
	#newItem01 .nav {
		float: left;
	}
	#newItem01 .label {
		background-image: url(../../imgs/index/bg-tab01.png) ;
	}
	#newItem01 .label .inner {
		background-image: url(../../imgs/index/tab-01_on.png);
	}
	#newItem01 .nav {
		background-image: url(../../imgs/index/bg-tab02.png) ;
	}
	#newItem01 .nav .inner {
		background-image: url(../../imgs/index/tab-02.png);
	}
	#newItem02 .label,
	#newItem02 .nav {
		float: right;
	}
	#newItem02 .label {
		background-image: url(../../imgs/index/bg-tab02.png) ;
	}
	#newItem02 .label .inner {
		background-image: url(../../imgs/index/tab-02_on.png);
	}
	#newItem02 .nav {
		background-image: url(../../imgs/index/bg-tab01.png) ;
	}
	#newItem02 .nav .inner {
		background-image: url(../../imgs/index/tab-01.png);
	}
	#newItem .list li {
		position: relative;
		float: left;
		width: 24.3%;
		margin: 0 0.9% 0 0;
		padding: 0 0 0.84%;
		background: url(../../common/imgs/bg-list01.png) 50% 100% no-repeat;
		background-size: 100% auto;
	}
	#newItem .list .list04,
	#newItem .list .list08 {
		margin-right: 0;
	}
	#newItem .list a {
		position: relative;
		display: block;
		width: 100%;
		height: 0;
		padding: 74.5% 0 0;
		background: #fff url(../../imgs/index/bg-newItem01.png) 0 0 no-repeat;
		background-size: contain;
		color: #fff;
		text-decoration: none;
	}
	#newItem .list a:hover {
		-ms-filter: "alpha(opacity=100)";
		opacity: 1;
	}
	#newItem .list01 a {
		background-image: url(../../imgs/index/bg-newItem01.png);
	}
	#newItem .list01 a:hover {
		background-image: url(../../imgs/index/bg-newItem01_ov.png);
	}
	#newItem .list02 a {
		background-image: url(../../imgs/index/bg-newItem02.png);
	}
	#newItem .list02 a:hover {
		background-image: url(../../imgs/index/bg-newItem02_ov.png);
	}
	#newItem .list03 a {
		background-image: url(../../imgs/index/bg-newItem03.png);
	}
	#newItem .list03 a:hover {
		background-image: url(../../imgs/index/bg-newItem03_ov.png);
	}
	#newItem .list04 a {
		background-image: url(../../imgs/index/bg-newItem04.png);
	}
	#newItem .list04 a:hover {
		background-image: url(../../imgs/index/bg-newItem04_ov.png);
	}
	#newItem .list05 a {
		background-image: url(../../imgs/index/bg-newItem05.png);
	}
	#newItem .list05 a:hover {
		background-image: url(../../imgs/index/bg-newItem05_ov.png);
	}
	#newItem .list06 a {
		background-image: url(../../imgs/index/bg-newItem06.png);
	}
	#newItem .list06 a:hover {
		background-image: url(../../imgs/index/bg-newItem06_ov.png);
	}
	#newItem .list07 a {
		background-image: url(../../imgs/index/bg-newItem07.png);
	}
	#newItem .list07 a:hover {
		background-image: url(../../imgs/index/bg-newItem07_ov.png);
	}
	#newItem .list08 a {
		background-image: url(../../imgs/index/bg-newItem08.png);
	}
	#newItem .list08 a:hover {
		background-image: url(../../imgs/index/bg-newItem08_ov.png);
	}
	#newItem .list .item_img {
		display: block;
		position: absolute;
		top: 3.2%;
		left: 2.4%;
		width: 79.1%;
		height: 75.7%;
		padding: 0 8.0%;
		background-color: #fff;
		text-align: center;
	}
	#newItem .list .item_img img {
		max-width: 100%;
		max-height: 100%;

	}
	#newItem .list .name {
		position: absolute;
		left: 5.2%;
		bottom: 7%;
	}
@media only screen and (max-width:640px) {
	#newItem {
		padding-bottom: 0;
	}
	#newItem02 {
		display: block;
	}
	#newItem01 .label,
	#newItem02 .label {
		width: 100%;
		float: left;
		background-size: auto 100%;
	}
	#newItem .nav {
		display: none;
	}
	#newItem01 .label .inner,
	#newItem02 .label .inner {
		height: auto;
		background: none;
		color: #fff;
		font-weight: normal;
		line-height: 35px;
		text-indent: 0;
		text-align: center;
	}
	#newItem .list {
		padding: 0 0 20px;
	}
	#newItem .list li {
		width: 49.1%;
		margin: 0 1.8% 5px 0;
	}
	#newItem .list .list02 {
		margin-right: 0;
	}
	#newItem .list05,
	#newItem .list06,
	#newItem .list07,
	#newItem .list08 {
		display: none;
	}
	#newItem .list .name {
		font-size: 10px;
	}
}

	#case {
		height: 483px;
		padding: 30px 0 0;
		background: url(../../imgs/index/bg-case.jpg) 50% 0 repeat-x;
	}
@media only screen and (max-width:640px) {
	#case {
		height: auto;
		padding: 15px 0 20px;
		background-size: auto 100%;
	}
}

	#about {
		height: 280px;
		padding: 90px 0 0;
		background: url(../../imgs/index/bg-about.jpg) 50% 37px no-repeat;
	}
	#about .inner {
		width: 843px;
		padding: 0 20px 0 0;
		float: right;
	}
	#about .title {
		margin: 0 0 15px;
	}
	#about p {
		font-size: 14px;
		line-height: 26px;
		text-align: center;
	}
@media only screen and (max-width:900px) {
	#about {
		background-position: 0 37px;
	}
	#about .inner {
		width: auto;
		padding: 0;
		float: none;
	}
	#about p {
		text-shadow: 0 1px 4px #fff, 1px 0 4px #fff, 0 -1px 4px #fff, -1px 0 4px #fff;
	}
}
@media only screen and (max-width:640px) {
	#about {
		height: auto;
		padding: 40px 0;
		background: url(../../imgs/index/sp/bg-about01.png) 0 0, url(../../imgs/index/sp/bg-about02.jpg) 0 100%;
		background-repeat: no-repeat;
		background-size: 100% auto;
	}
	#about .title {
		margin: 0 0 10px;
	}
	#about .title img {
		width: 100%;
	}
	#about p {
		font-size: 10px;
		line-height: 16px;
		text-align: center;
	}
}

.pdf{
	padding:0 0 2px 4px;}


.Smart {
	background-color: #fff;
  margin-right: auto;
  margin-left: auto;
  padding: 6.25%;
  width: 960px;
  max-width: 100%;
}
@media only screen and (max-width:640px) {
	.Smart {
		padding-right: 0;
		padding-left: 0;
	}
}
.Smart .title {
  margin-top: 0;
  margin-bottom: 0;
}
.Smart .point {
  background-color: #2ca9f1;
  margin-bottom: 7.60416667%;
  padding-top: 8.33333333%;
  text-align: center;
}
.Smart .point .title img,
.Smart .plan .title img {
  height: auto;
  width: 95.7291666%;
}
.Smart .point .bd {
  border-bottom: 1px solid #2373b8;
}
.Smart .point .list {
  padding-top: 8.33333333%;
  padding-bottom: 8.33333333%;
}
.Smart .point .list img {
  height: auto;
  width: 91.1458333%;
}
.Smart .plan {
  text-align: center;
}
.Smart .plan .title {
  margin-bottom: 7.60416667%;
}
.Smart .plan .img {
  margin-bottom: 1.5625%;
}
.Smart .plan .list {
  border-bottom: 1px solid #bcbcbc;
  padding-top: 7.8125%;
  padding-bottom: 7.8125%;
}
.Smart .plan .note {
  font-size: 11px;
  line-height: 1.45454545;
}
.Smart .plan .note1 {
  margin-top: .78125%;
  margin-bottom: 7.03125%;
  text-align: left;
}
.Smart .plan .note2 {
  margin-top: 0.26041667%;
  margin-bottom: 4.42708333%;
}
.Smart .plan .method {
  margin-bottom: 4.375%;
}
.Smart .plan .method img {
  height: auto;
  width: 87.5%;
}
.Smart .plan .btn img {
  height: auto;
  width: 52.0833333%;
}
.Smart .contact {
  background-color: #17379a;
  padding: 5px;
}
.Smart .contact .title {
  background-color: #fff;
  padding-top: 2.29166667%;
  padding-bottom: 1.875%;
  text-align: center;
}
.Smart .contact .title img {
  height: auto;
  width: 77.1875%;
}
.Smart .contact .inner {
  border: 1px solid #e5e5e5;
  padding-top: 4.375%;
  padding-right: 5.625%;
  padding-bottom: 4.16666667%;
  padding-left: 5.72916667%;
}
.Smart .contact .tel {
  float: left;
  margin-right: 2.39583333%;
}
@media only screen and (max-width:640px) {
	.Smart .contact .tel {
		float: none;
	}
}
.Smart .contact .mail {
  margin-top: 3.4375%;
}