@charset "utf-8";

/*----------------------------------------
    .main_area
----------------------------------------*/
#article .main_area {
	background: none;
	padding: 0;
	border-bottom: none;
	height: auto;
}
#article .main_area .inner {
	padding: 0;
}
#article .main_area .main_img {
	border-bottom: 2px solid #000000;
}
#article .main_area .txt_area {
	width: 100%;
	padding: 20px 10px;
}
#article .main_area .title {
	font-size: 18px;
}
#article .main_area .title span {
	font-size: 12px;
}
#article .main_area .txt {
	font-size: 12px;
	margin: 10px 0;
}
#article .main_area .btn a {
	font-size: 10px;
}
#article .main_area .btn span {
	padding-right: 20px;
	background: url(/ja/img/index/bg-main_more.gif) no-repeat right center;
	background-size: 15px 11px;
}

/*----------------------------------------
    .title_area
----------------------------------------*/
#contents .title_area {
  margin-bottom: 20px;
}
#contents .main_title {
  padding-bottom: 10px;
  margin-bottom: 10px;
}
#contents .title_area p {
  font-size: 12px;
}

/*----------------------------------------
    .btn_link
----------------------------------------*/
#contents .btn_link {
	width: 250px;
	margin: 20px auto 0 auto;
}
#contents .btn_link a {
  font-size: 13px;
	padding: 12px 0 10px 0;
}

/*----------------------------------------
    .top_product
----------------------------------------*/
.top_product {
  margin: 30px 0 0;
}
.top_product .inner {
  width: 100%;
}
.top_product .title_company {
	font-size: 15px;
	/* min-height: 48px; */
	margin-bottom: 10px;
}
.top_product .title_company.sp_title_company {
	min-height: auto;
}
.top_product .product_area ul.clearfix > li {
  margin: 0 0 3% 4%;
  width: 48%;
}
.top_product .product_area ul.clearfix > li:nth-child(3n+1) {
  margin-left: 4%;
}
.top_product .product_area ul.clearfix > li:nth-child(2n+1) {
  margin-left: 0;
  clear: both;
}
.top_product .product_area p a {
	font-size: 12px;
}

/*----------------------------------------
    .products_section
----------------------------------------*/
.products_section {
  padding: 25px 0 30px 0;
}


/*----------------------------------------
    .other_section
----------------------------------------*/
.other_section {
  padding: 25px 0 30px 0;
}
.other_section .inner {
	width: 100%;
  padding: 0 10px;
}
.other_section .inner li {
	float: left;
	width: 49%;
	margin: 0 0 2% 2%;
}
.other_section .inner li:nth-child(3n+1) {
	margin-left: 2%;
}
.other_section .inner li:nth-child(2n+1) {
	margin-left: 0;
}
.other_section .inner li a {
	font-size: 12px;
	padding: 10px 5px;
	width: 100%;
}
.other_section .inner li span {
	padding: 12px 0 9px 34px;
}
.other_section .inner li:nth-child(1) span {
	background: url(/ja/img/index/bg-other_1.jpg) no-repeat left center;
	background-size: 30px 30px;
}
.other_section .inner li:nth-child(2) span {
	background: url(/ja/img/index/bg-other_2.jpg) no-repeat left center;
	background-size: 30px 30px;
}
.other_section .inner li:nth-child(3) span {
	background: url(/ja/img/index/bg-other_3.jpg) no-repeat left center;
	background-size: 30px 30px;
}
.other_section .inner li:nth-child(4) span {
	background: url(/ja/img/index/bg-other_4.jpg) no-repeat left center;
	background-size: 30px 30px;
  letter-spacing: -2px;
}
.other_section .inner li:nth-child(5) span {
	background: url(/ja/img/index/bg-other_5.jpg) no-repeat left center;
	background-size: 30px 30px;
}
.other_section .inner li:nth-child(6) span {
	background: url(/ja/img/index/bg-other_6.jpg) no-repeat left center;
	background-size: 30px 30px;
}
.other_section .inner li:nth-child(7) span {
	background: url(/ja/img/index/bg-other_7.jpg) no-repeat left center;
	background-size: 30px 30px;
}
.other_section .inner li:nth-child(8) span {
	background: url(/ja/img/index/bg-other_8.jpg) no-repeat left center;
	background-size: 30px 30px;
}
.other_section .inner li:nth-child(9) span {
	background: url(/ja/img/index/bg-other_9.jpg) no-repeat left center;
	background-size: 30px 30px;
}
#contents .other_section .btn_link {
	margin: 20px auto 0 auto;
}

/*----------------------------------------
    .contact_section
----------------------------------------*/
.contact_section {
  padding: 25px 0 20px 0;
}
.contact_section .inner {
	width: 100%;
  padding: 0 10px;
}
.contact_section h2 {
	margin-bottom: 20px;
	line-height: 1.7;
	font-size: 19px;
}
.contact_section li:nth-child(1) {
	margin-bottom: 15px;
}
.contact_section li:nth-child(1) a {
	line-height: 1.2;
	font-size: 13px;
	padding:  20px 0;
	background: url(/ja/img/index/bg-contact.jpg) no-repeat right center #00a0e9;
	background-size: auto 100%;
}
.contact_section li:nth-child(2) {
	font-size: 13px;
	padding:  10px 0;
}
.contact_section li:nth-child(2) span {
	font-size: 22px;
	padding-left: 0;
	vertical-align: sub;
}
.contact_section li:nth-child(2) span.sp_message {
	display: inline-block;
}
.contact_section li:nth-child(2) span.sp_message a {
	color: #ffffff;
}
@media screen and (max-width : 350px){
	.top_product .product_area p a {
    font-size: 11px;
	}
}