@charset "UTF-8";

/* ======================================================
 * product_index.css
 * ------------------------------------------------------
 * @media print, screen and (min-width: 768px)
 * - Override
 * - Page Component
 * @media only screen and (max-width: 767px)
 * - Override
 * - Page Component
====================================================== */

/* ======================================================
 * PC
====================================================== */
@media print, screen and (min-width: 768px) {
	/* ------------------------------------------------------
	 * Override
	------------------------------------------------------ */
	.pageContents {
		max-width: none;
	}
	/* ------------------------------------------------------
	 * Page Component
	------------------------------------------------------ */
	/* ----- product-index-layout ----- */
	.product-index-inner {
		max-width: 1280px;
		margin: 0 auto;
		padding-left: 40px;
		padding-right: 40px;
	}
	.product-index-inner > :first-child {
		margin-top: 0 !important;
	}
	.product-index-layout_head {
		position: relative;
		background: url("/product/img/index_bg01.jpg") no-repeat 0 50%;
		z-index: 1;
	}
	.product-index-layout_inner {
		position: relative;
		margin: 0 auto;
		padding-left: 40px;
		padding-right: 40px;
		max-width: 1280px;
		width: 100%;
		height: 260px;
	}
	.product-index-layout .index_heading {
		position: absolute;
		left: 40px;
		bottom: -26px;
		width: 600px;
		padding: 35px 20px 30px 35px;
		background-color: #0096b4;
		color: #fff;
	}
	.product-index-layout .index_heading > *:last-child {
		margin-bottom: 0 !important;
	}
	.product-index-layout .index_heading .heading_lead {
		margin: 0 0 1.25rem;
		font-size: 1.25rem;
		line-height: 1.5;
	}
	.product-index-layout .index_heading .heading_title {
		margin-bottom: 0.4em;
		font-size: 2.125rem;
		font-weight: 700;
		line-height: 1.1;
	}
	/* product-search-condition-layout */
	.product-search-condition-layout {
		margin-bottom:26px;
		padding: 52px 40px 25px;
		background-color:#f7f7f7
	}
	.product-search-condition-layout_inner {
		margin: 0 auto;
		padding-left: 95px;
		padding-right: 40px;
		max-width: 1280px;
		width: 100%;
	}
	.product-search-condition_head {
		padding-right: 10px;
	}
	.product-search-condition_head_titel {
		margin: 0;
		font-size: 1.375rem;
		font-weight: bold;
	}
	.product-search-condition-layout form {
		display: -webkit-flex;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	.product-search-condition-layout form input[type=checkbox] {
		display:none
	}
	.product-search-condition-layout .bmd-form-group {
		display:block;
		width: 728px;
	}
	.product-search-condition-layout .product-search-condition_searchbox {
		display:flex;
		border-bottom:2px solid #e3e3e3
	}
	.product-search-condition-layout [type=text] {
		width:100%;
		height:60px;
		padding:10px 24px;
		border:none;
		outline: none;
	}
	.product-search-condition-layout [type=text]::-webkit-input-placeholder {
		color:#777
	}
	.product-search-condition-layout [type=text]::placeholder {
		color:#777
	}
	.product-search-condition-layout [type=text]::-webkit-placeholder {
		color:#777
	}
	.product-search-condition-layout [type=text]::-moz-placeholder {
		color:#777;
		opacity:1
	}
	.product-search-condition-layout [type=text]:-ms-input-placeholder {
		color:#777
	}
	.product-search-condition-layout [type=text]::-ms-input-placeholder {
		color:#777
	}
	.product-search-condition-layout .product-search-condition_button {
		display:block;
		position:relative;
		width:60px
	}
	.product-search-condition-layout [type=submit] {
		width:100%;
		height:60px;
		border:none;
		background:#666 url(/common_img/head_ic04.png) no-repeat 50% 50%;
		background-size:30px;
		color:#fff;
		font-weight:700;
		text-indent:-9999px;
		outline:none;
	}
	.product-search-condition-layout [type=submit]:hover {
		background:#014099 url(/common_img/head_ic04.png) no-repeat 50% 50%;
		background-size:30px
	}
	.product-search-condition-layout .pbox-refine-1 {
		margin-top:16px
	}
	.product-search-condition-layout .pbox-refine-2 {
		margin-top:24px
	}
	.product-search-condition-layout ._pbox-refine-1,
	.product-search-condition-layout ._pbox-refine-2 {
		display:flex
	}
	.product-search-condition-layout ._pbox-refine-1 ._title,
	.product-search-condition-layout ._pbox-refine-2 ._title {
		margin-right:30px;
		font-weight:700
	}
	.product-search-condition-layout ._pbox-refine-1 ._refs,
	.product-search-condition-layout ._pbox-refine-2 ._refs {
		display:flex
	}
	.product-search-condition-layout ._pbox-refine-1 ._refs li,
	.product-search-condition-layout ._pbox-refine-2 ._refs li {
		width:158px;
		margin-right:16px;
		margin-bottom:0
	}
	.product-search-condition-layout ._pbox-refine-1 ._refs li:last-of-type,
	.product-search-condition-layout ._pbox-refine-2 ._refs li:last-of-type {
		margin-right:0
	}
	.product-search-condition-layout input[type=checkbox]+span {
		position:relative;
		padding-left:30px
	}
	.product-search-condition-layout input[type=checkbox]+span:hover {
		cursor:pointer
	}
	.product-search-condition-layout input[type=checkbox]+span:before {
		display:block;
		position:absolute;
		top:50%;
		left:0;
		width:20px;
		height:20px;
		margin-top:-10px;
		border:1px solid #ccc;
		background-color:#fff;
		content:"";
		transition:border-color .2s ease-out 0s
	}
	.product-search-condition-layout input[type=checkbox]+span:after {
		-webkit-transform:rotate(40deg);
		position:absolute;
		top:14px;
		left:6px;
		width:8px;
		height:14px;
		margin-top:-13px;
		transform:rotate(40deg);
		border-right:3px solid #fff;
		border-bottom:3px solid #fff;
		content:"";
		opacity:0;
		transition:opacity .2s ease-out 0s
	}
	.product-search-condition-layout input[type=checkbox]:checked+span:before {
		border:1px solid #374051;
		background-color:#374051
	}
	.product-search-condition-layout input[type=checkbox]:checked+span:after {
		opacity:1
	}
	.product-index-layout-v2 .product-index_column {
		display: flex;
		flex-wrap: wrap;
	}
	.product-index-layout-v2 .product-index_column > .column_col {
		width: calc((100% - 36.2px * 3) / 4);
		margin: 30px 0 0 36px;
	}
	.product-index-layout-v2 .product-index_column > .column_col:nth-child(-n+4) {
		margin-top: 0;
	}
	.product-index-layout-v2 .product-index_column > .column_col:nth-child(4n+1) {
		margin-left: 0;
	}
	.product-index-layout-v2 .product-index_column > .column_col .col_inner {
		display: block;
	}
	.product-index-layout-v2 .product-index_column > .column_col .col_image {
		position: relative;
	}
	.product-index-layout-v2 .product-index_column > .column_col a.col_inner .col_image::after {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		min-height: 100%;
		background-color: #014099;
		opacity: 0;
		transition: all .2s ease-out 0s;
	}
	.product-index-layout-v2 .product-index_column > .column_col a.col_inner:hover .col_image::after {
		opacity: 0.2;
	}
	.product-index-layout-v2 .product-index_column > .column_col .col_image .image_inner {
		position: relative;
		margin: 0;
		padding: 0 0 5px;
		text-align: center;
	}
	.product-index-layout-v2 .product-index_column > .column_col .col_image .image_inner::before {
		content: "";
		position: absolute;
		left: 0;
		width: 100%;
		height: 5px;
	}
	.product-index-layout-v2 .product-index_column > .column_col .col_image .image_inner::before {
		background-color: #0096b4;
		bottom: 0;
	}
	.product-index-layout-v2 .product-index_column > .column_col .col_image .image_inner img {
		max-width: 100%;
	}
	.product-index-layout-v2 .product-index_column > .column_col .col_heading {
		display: flex;
		align-items: center;
		margin: 0;
		padding: 23px 30px 24px;
		background-color: #fff;
		border-bottom: 1px solid #ddd;
		font-size: 1.125rem;
		font-weight: 700;
		line-height: 1.33;
	}
	.product-index-layout-v2 .product-index_column > .column_col a.col_inner .col_heading {
		color: #014099;
		text-decoration: none;
	}
	.product-index-layout-v2 .product-index_column > .column_col .col_heading > span {
		display: inline-block;
	}
	.product-index-layout-v2 .product-index_column > .column_col a.col_inner .col_heading > span {
		position: relative;
	}
	.product-index-layout-v2 .product-index_column > .column_col a.col_inner .col_heading > span::before {
		content: "";
		position: absolute;
		bottom: 0;
		left: 0;
		display: block;
		width: 0;
		height: 1px;
		background-color: #014099;
		transition: all .2s ease-out 0s;
	}
	.product-index-layout-v2 .product-index_column > .column_col a.col_inner:hover .col_heading > span::before {
		width: 100%;
	}
	.product-index-layout-v3 {
		margin-top: 60px;
		margin-bottom: 55px;
	}
	.btn.btn-primary.is-product-index {
		font-size: 1.125rem;
		box-shadow: none;
		border: 1px solid #ececec;
	}
	.btn.btn-primary.is-product-index:after {
		right: 20px;
	}
	.btn.btn-primary.is-product-index > span {
		text-align: center;
	}
	.product-index_icon01,
	.product-index_icon02,
	.product-index_icon03 {
		text-align: center;
	}
	.product-index_icon01 > span,
	.product-index_icon02 > span,
	.product-index_icon03 > span {
		display: inline-block;
		position: relative;
	}
	.product-index_icon01 > span::before,
	.product-index_icon02 > span::before,
	.product-index_icon03 > span::before {
		content: '';
		position: absolute;
		top: 50%;
		left: 0;
		margin-top: -16px;
		width: 32px;
		height: 32px;
		background-repeat: no-repeat;
		background-position: 0 50%;
	}
	.btn.btn-primary > .product-index_icon01 > span::before,
	.btn.btn-primary > .product-index_icon02 > span::before,
	.btn.btn-primary > .product-index_icon03 > span::before {
		display: block;
	}
	.btn.btn-primary > .product-index_icon01 > span {
		padding-left: 44px;
	}
	.btn.btn-primary > .product-index_icon02 > span {
		padding-left: 38px;
	}
	.btn.btn-primary > .product-index_icon03 > span {
		padding-left: 46px;
	}
	.product-index_icon01 > span::before {
		background-image: url(/product/img/index_ic01.png);
		background-size: 30px auto;
	}
	.product-index_icon02 > span::before {
		left: -4px;
		background-image: url(/product/img/index_ic02.png);
		background-size: 28px auto;
	}
	.product-index_icon03 > span::before {
		background-image: url(/product/img/index_ic03.png);
		background-size: 31px auto;
	}
	/* product-index-layout-v4 */
	.product-index-layout-v4 {
		display: none;
		margin-bottom: 73px;
		padding: 40px 0 20px;
		background-color: #f8f8f8;
	}
	.product-index-layout-v4.is-show {
		display: block;
	}
	/* product-index-layout-v5 */
	.product-index-layout-v5 {
		margin: 0 0 3.6rem;
	}
	.product-index-layout-v5 .product-index_wrap {
		max-width: 1200px;
		margin: 0 auto;
	}
	.product-index-layout-v5 .product-index_heading {
		margin: 0 0 1.7rem;
		font-size: 1.5rem;
		font-weight: 700;
		line-height: 1.1;
	}
	.product-index-layout-v5 .product-index_heading a {
		color: #545454;
		transition: all .2s ease-out 0s;
	}
	.product-index-layout-v5 .product-index_heading a::after {
		content: "";
		display: inline-block;
		width: 13px;
		height: 21px;
		margin: -6px 0 0 8px;
		background: url("/img/index_news_ic01.png") no-repeat 0 0;
		vertical-align: middle;
	}
	.product-index-layout-v5 .product-index_heading a:hover {
		color: #014099;
	}
	.product-index-layout-v5 .product-index_heading a > span {
		position: relative;
		display: inline-block;
	}
	.product-index-layout-v5 .product-index_heading a > span::before {
		content: "";
		position: absolute;
		bottom: 0;
		left: 0;
		width: 0;
		height: 1px;
		background-color: #014099;
		transition: all .2s ease-out 0s;
	}
	.product-index-layout-v5 .product-index_heading a:hover > span::before {
		width: 100%;
	}
	.product-index-layout-v5 .product-index_news {
		border-bottom: 1px solid #e1e2e3;
	}
	.product-index-layout-v5 .product-index_news .news_article {
		border-top: 1px solid #e1e2e3;
	}
	.product-index-layout-v5 .product-index_news .news_detail {
		display: flex;
		align-items: flex-start;
		padding: 19px 0 16px;
	}
	.product-index-layout-v5 .product-index_news a.news_detail {
		position: relative;
		padding-right: 40px;
		color: #333;
		text-decoration: none;
	}
	.product-index-layout-v5 .product-index_news a.news_detail::after {
		content: "";
		position: absolute;
		top: 50%;
		right: 10px;
		width: 9px;
		height: 9px;
		margin: 0 7px 0 0;
		border-top: 1px solid #666;
		border-right: 1px solid #666;
		transform: rotate(45deg) translateY(-50%);
	}
	.product-index-layout-v5 .product-index_news a.news_detail.type-blank::after,
	.product-index-layout-v5 .product-index_news a.news_detail.type-pdf::after {
		margin: 0;
		border: none;
		transform: translateY(-50%);
		background-repeat: no-repeat;
		background-position: 0 0;
	}
	.product-index-layout-v5 .product-index_news a.news_detail.type-blank::after {
		right: 12px;
		width: 13px;
		height: 13px;
		background-image: url("/img/index_news_ic02.png");
	}
	.product-index-layout-v5 .product-index_news a.news_detail.type-pdf::after {
		right: 10px;
		width: 16px;
		height: 16px;
		background-image: url("/img/index_news_ic03.png");
	}
	.product-index-layout-v5 .product-index_news a.news_detail .news_title > span {
		display: inline-block;
		position: relative;
	}
	.product-index-layout-v5 .product-index_news a.news_detail .news_title > span::before {
		content: "";
		display: block;
		position: absolute;
		bottom: 0;
		left: 0;
		width: 0;
		height: 1px;
		background-color: #014099;
		transition: all .2s ease-out 0s;
	}
	.product-index-layout-v5 .product-index_news a.news_detail:hover .news_title > span::before {
		width: 100%;
	}
	.product-index-layout-v5 .product-index_news .news_property {
		display: flex;
		align-items: center;
	}
	.product-index-layout-v5 .product-index_news .news_date {
		width: 150px;
		padding: 0 15px;
		font-size: 0.875rem;
	}
	.product-index-layout-v5 .product-index_news .news_icon {
		padding: 0 .6rem 0 0;
	}
	.product-index-layout-v5 .product-index_news .news_icon:last-child {
		padding: 0 20px 0 0;
	}
	.product-index-layout-v5 .product-index_news .news_icon .icon_label {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100px;
		height: 28px;
		font-style: normal;
		font-size: 0.875rem;
		text-align: center;
	}
	.product-index-layout-v5 .product-index_news .news_icon .icon_label.type-color1 {
		background-color: #d2d9e7;
	}
	.product-index-layout-v5 .product-index_news .news_icon .icon_label.type-color2 {
		background-color: #d2e7e7;
	}
	.product-index-layout-v5 .product-index_news .news_icon .icon_label.type-color3 {
		background-color: #e8d3d3;
	}
	.product-index-layout-v5 .product-index_news .news_title {
		flex: 1;
		margin: 0;
		font-size: 1rem;
		font-weight: 500;
		line-height: 1.625;
	}
	.product-index-layout-v5 .product-index_news a.news_detail .news_title {
		color: #014099;
	}
	
	/* product-index-layout-v6 */
	.product-index-layout-v6 {
		margin: 0 0 3.75rem;
	}
	.product-index-layout-v6 .product-index_frame {
		max-width: 1200px;
		width: 100%;
		margin: 0 auto;
		padding: 15px 15px 15px 0;
		background-color: #fff;
		border: 1px solid #e1e2e3;
	}
	.product-index-layout-v6 .product-index_column {
		display: flex;
		align-items: center;
		margin: 0 0 0 -1px;
	}
	.product-index-layout-v6 .product-index_column > .column_heading {
		width: 160px;
	}
	.product-index-layout-v6 .product-index_column > .column_detail {
		flex: 1;
		padding: 0 20px;
	}
	.product-index-layout-v6 .product-index_column > .column_link {
		margin-left: auto;
	}
	.product-index-layout-v6 .product-index_heading {
		margin: 0;
		padding: 10px;
		background-color: #0096b4;
		color: #fff;
		font-size: 1rem;
		font-weight: 700;
		text-align: center;
	}
	.product-index-layout-v6 .product-index_link > li > a {
		color: #014099;
	}
	.product-index-layout-v6 .product-index_link > li > a > span {
		display: inline-block;
		position: relative;
	}
	.product-index-layout-v6 .product-index_link > li > a > span::before {
		content: "";
		display: block;
		position: absolute;
		bottom: 0;
		left: 0;
		width: 0;
		height: 1px;
		background-color: #014099;
		transition: all .2s ease-out 0s;
	}
	.product-index-layout-v6 .product-index_link > li > a:hover > span::before {
		width: 100%;
	}
	.product-index-layout-v6 .product-index_button > li > a {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 90px;
		height: 38px;
		background-color: #fff;
		border: 1px solid #e1e2e3;
		color: #333;
		text-decoration: none;
		text-align: center;
		transition: all .2s ease-out 0s;
	}
	.product-index-layout-v6 .product-index_button > li > a:hover {
		background-color: #f6f6f6;
	}
	.product-index-layout-v6 .product-index_button > li > a > span {
		position: relative;
	}
	.product-index-layout-v6 .product-index_button > li > a > span::before {
		content: "";
		position: absolute;
		bottom: 0;
		left: 0;
		width: 0;
		height: 1px;
		background-color: #757575;
		transition: all .2s ease-out 0s;
	}
	.product-index-layout-v6 .product-index_button > li > a:hover > span::before {
		width: 100%;
	}
	
	/* product-index-layout-v7 */
	.product-index-layout-v7 {
		min-height: 916px;
		position: relative;
		margin: calc(-2.3rem + -26px) 0 3.5rem;
		background: -webkit-linear-gradient(left, #001eaa 0%, #001eaa 10%, #0096b4 90%, #0096b4 100%);
		background: linear-gradient(to right, #001eaa 0%, #001eaa 10%, #0096b4 90%, #0096b4 100%);
		overflow: hidden;
	}
	.product-index-layout-v7 > section {
		max-width: 1540px;
		margin: 35px auto 0;
		padding: 0 50px;
		position: relative;
		z-index: 2;
	}
	.product-index-layout-v7 .product-index_image {
		position: absolute;
		bottom: 0;
		left: calc(50% - 680px);
		margin: 0;
		z-index: 1;
	}
	.product-index-layout-v7 .product-index_image-v2 {
		margin: 130px 0 0;
		text-align: center;
	}
	.product-index-layout-v7 .product-index_button {
		display: block;
		margin: 65px 0 0;
		text-align: center;
	}
	.product-index-layout-v7 .product-index_button .button_link {
		display: inline-block;
		min-width: 286px;
		position: relative;
		border: 1px solid #fff;
		border-radius: 3px;
		padding: 11px 20px 12px 20px;
		background: -webkit-linear-gradient(left, #0046ad 0%, #0046ad 31%, #00adc0 100%);
		background: linear-gradient(to right, #0046ad 0%, #0046ad 31%, #00adc0 100%);
		color: #fff;
		font-size: 1.25rem;
		font-weight: 700;
	}
	.product-index-layout-v7 .product-index_button .button_link::before {
		content: '';
		display: block;
		width: 9px;
		height: 9px;
		position: absolute;
		top: 50%;
		right: 10px;
		margin-top: -6px;
		border-top: 1px solid #fff;
		border-right: 1px solid #fff;
		transform: rotate(45deg);
	}
	.product-index-layout-v7 .product-index_column {
		display: flex;
		justify-content: space-between;
		flex-flow: row wrap;
	}
	.product-index-layout-v7 .product-index_column > .column_col {
		width: calc((100% - 120px) / 4);
		text-align: center;
	}
	.product-index-layout-v7 .product-index_column > .column_col:nth-of-type(n+5) {
		margin-top: 20px;
	}
	.product-index-layout-v7 .column_col .col_inner {
		display: inline-block;
	}
	.product-index-layout-v7 .column_col .col_image {
		margin: 0 auto;
		max-width: 167px;
	}
	.product-index-layout-v7 .column_col .col_image > img {
		max-width: 100%;
	}
	.product-index-layout-v7 .column_col .col_heading {
		margin: 15px 0 0;
		color: #fff;
		font-size: 1.25rem;
		font-weight: 700;
	}
	.product-index-layout-v7 .column_col .col_heading > span {
		display: inline-block;
	}
	.product-index-layout-v7 .product-index_button a.button_link {
		position: relative;
	}
	.product-index-layout-v7 .product-index_button a.button_link::after {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		min-height: 100%;
		background-color: #014099;
		opacity: 0;
		transition: all .2s ease-out 0s;
	}
	.product-index-layout-v7 .product-index_button a.button_link:hover::after {
		opacity: .2;
	}
	.product-index-layout-v7 .column_col a.col_inner .col_image > img {
		transition: all .2s ease-out 0s;
	}
	.product-index-layout-v7 .column_col a.col_inner:hover .col_image > img {
		opacity: .8;
	}
	.product-index-layout-v7 .product-index_button a.button_link > span,
	.product-index-layout-v7 .column_col a.col_inner .col_heading > span {
		position: relative;
	}
	.product-index-layout-v7 .product-index_button a.button_link > span::before,
	.product-index-layout-v7 .column_col a.col_inner .col_heading > span::before {
		content: "";
		position: absolute;
		bottom: 0;
		left: 0;
		display: block;
		width: 0;
		height: 1px;
		background-color: #fff;
		transition: all .2s ease-out 0s;
	}
	.product-index-layout-v7 .product-index_button a.button_link:hover > span::before,
	.product-index-layout-v7 .column_col a.col_inner:hover .col_heading > span::before {
		width: 100%;
	}
}

/* ======================================================
 * SP
====================================================== */
@media only screen and (max-width: 767px) {
	/* ------------------------------------------------------
	 * Override
	------------------------------------------------------ */
	.pageContents {
		max-width: none;
	}
	/* ------------------------------------------------------
	 * Page Component
	------------------------------------------------------ */
	/* ----- product-index-layout ----- */
	.product-index-inner {
		padding: 0 15px;
	}
	.product-index-inner > :first-child {
		margin-top: 0 !important;
	}
	/* ----- product-index-layout ----- */
	.product-index-layout_head {
		position: relative;
		z-index: 1;
	}
	.product-index-layout_head::before {
		content: '';
		display: block;
		width: 100%;
		height: 110px;
		background: url("/product/img/index_bg01_sp.jpg") no-repeat 0 0;
		background-size: cover;
	}
	.product-index-layout_inner {
		width: 100%;
	}
	.product-index-layout .index_heading {
		width: 100%;
		padding: 31px 15px 27px;
		background-color: #0096b4;
		color: #fff;
	}
	.product-index-layout .index_heading > *:last-child {
		margin-bottom: 0 !important;
	}
	.product-index-layout .index_heading .heading_lead {
		margin: 0 0 1.25rem;
		font-size: 1rem;
		line-height: 1.5;
	}
	.product-index-layout .index_heading .heading_title {
		margin-bottom: 1.05rem;
		font-size: 1.5rem;
		line-height: 1.1;
	}
	.product-search-condition-layout {
		margin-bottom:0;
		padding: 15px 15px 20px;
		background-color:#f7f7f7
	}
	.product-search-condition_head {
		margin-bottom: 0.45rem;
	}
	.product-search-condition_head_titel {
		margin: 0 auto;
		display: table;
		font-size: 1rem;
		font-weight: bold;
	}
	.product-search-condition-layout form input[type=checkbox] {
		display:none
	}
	.product-search-condition-layout .bmd-form-group {
		display:block;
		width:calc(100% - 45px)
	}
	.product-search-condition-layout .product-search-condition_searchbox {
		display:flex;
		border-bottom:2px solid #e3e3e3
	}
	.product-search-condition-layout [type=text] {
		width:100%;
		height:45px;
		padding:7px 15px 5px;
		border:none;
		border-radius:0 0
	}
	.product-search-condition-layout [type=text]::-webkit-input-placeholder {
		color:#777
	}
	.product-search-condition-layout [type=text]::placeholder {
		color:#777
	}
	.product-search-condition-layout [type=text]::-webkit-placeholder {
		color:#777
	}
	.product-search-condition-layout [type=text]::-moz-placeholder {
		color:#777;
		opacity:1
	}
	.product-search-condition-layout [type=text]:-ms-input-placeholder {
		color:#777
	}
	.product-search-condition-layout [type=text]::-ms-input-placeholder {
		color:#777
	}
	.product-search-condition-layout .product-search-condition_button {
		display:block;
		position:relative;
		width:45px
	}
	.product-search-condition-layout [type=submit] {
		width:100%;
		height:45px;
		padding:13px 10px;
		border:1px solid #666;
		border-radius:0 0;
		background:#666 url(/common_img/head_ic04.png) no-repeat 50% 50%;
		background-size:22px;
		color:#fff;
		font-weight:700;
		text-indent:-9999px;
		outline:none;
	}
	/* product-index-layout-v2 */
	.product-index-layout-v2 {
		padding: 9px 0 0;
	}
	.product-index-layout-v2 .product-index_heading {
		margin: 0 0 1.25rem;
		text-align: center;
	}
	.product-index-layout-v2 .product-index_heading > span {
		display: block;
	}
	.product-index-layout-v2 .product-index_heading > .heading_image {
		margin: 0 0 0.9375rem;
		line-height: 0;
	}
	.product-index-layout-v2 .product-index_heading > .heading_image img {
		max-width: 308px;
		width: 100%;
	}
	.product-index-layout-v2 .product-index_heading > .heading_text {
		color: #545454;
		font-size: 1.125rem;
		font-weight: 700;
		line-height: 1.1;
	}
	.product-index-layout-v2 .product-index_search {
		position: relative;
		margin: 0 0 0.9375rem;
		border-bottom: 2px solid #e3e3e3;
	}
	.product-index-layout-v2 .product-index_search .search_textfield {
		width: 100%;
		height: 45px;
		padding: 0 60px 0 15px;
		background-color: #fff;
		border: none;
		border-radius: 0;
		outline: none;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
	}
	.product-index-layout-v2 .product-index_search .search_textfield::-webkit-input-placeholder {
		color: #777;
	}
	.product-index-layout-v2 .product-index_search .search_textfield::placeholder {
		color: #777;
	}
	.product-index-layout-v2 .product-index_search .search_submit {
		position: absolute;
		top: 0;
		right: 0;
		margin: 0;
		padding: 0;
		background-color: #666;
		border: none;
		border-radius: 0;
		outline: none;
		cursor: pointer;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
	}
	.product-index-layout-v2 .product-index_search .search_submit img {
		height: 45px;
	}
	.product-index-layout-v2 .product-index_column {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.product-index-layout-v2 .product-index_column > .column_col {
		width: calc((100% - 15px) / 2);
		margin: 15px 0 0;
	}
	.product-index-layout-v2 .product-index_column > .column_col:nth-child(-n+2) {
		margin-top: 0;
	}
	.product-index-layout-v2 .product-index_column > .column_col .col_inner {
		display: block;
	}
	.product-index-layout-v2 .product-index_column > .column_col .col_image .image_inner {
		position: relative;
		margin: 0;
		padding: 0 0 3px;
		text-align: center;
	}
	.product-index-layout-v2 .product-index_column > .column_col .col_image .image_inner::before {
		content: "";
		position: absolute;
		left: 0;
		width: 100%;
		height: 3px;
	}
	.product-index-layout-v2 .product-index_column > .column_col .col_image .image_inner::before {
		background-color: #0096b4;
		bottom: 0;
	}
	.product-index-layout-v2 .product-index_column > .column_col .col_image .image_inner img {
		width: 100%;
	}
	.product-index-layout-v2 .product-index_column > .column_col .col_heading {
		display: flex;
		align-items: center;
		margin: 0;
		padding: 11px 10px 10px;
		background-color: #fff;
		border-bottom: 1px solid #ddd;
		font-size: 1rem;
		font-weight: 700;
		line-height: 1.31;
	}
	.product-index-layout-v2 .product-index_column > .column_col a.col_inner .col_heading {
		color: #014099;
		text-decoration: none;
	}
	.product-index-layout-v3 {
		margin-top: 40px;
		margin-bottom: 25px;
	}
	.btn.btn-primary.is-product-index {
		margin-bottom: 0.85rem;
		padding: 0.85rem 2rem 0.85rem 3.4rem;
		font-size: 0.938rem;
		box-shadow: none;
		border: 1px solid #ececec;
	}
	.btn.btn-primary.is-product-index:after {
		right: 14px;
	}
	.product-index_icon01 > span,
	.product-index_icon02 > span,
	.product-index_icon03 > span {
	}
	.product-index_icon01 > span::before,
	.product-index_icon02 > span::before,
	.product-index_icon03 > span::before {
		content: '';
		position: absolute;
		top: 50%;
		left: 0;
		margin-top: -14px;
		width: 28px;
		height: 28px;
		background-repeat: no-repeat;
		background-position: 0 50%;
	}
	.btn.btn-primary > .product-index_icon01 > span::before,
	.btn.btn-primary > .product-index_icon02 > span::before,
	.btn.btn-primary > .product-index_icon03 > span::before {
		display: block;
	}
	.product-index_icon01 > span::before {
		left: -40px;
		background-image: url(/product/img/index_ic01.png);
		background-size: 28px auto;
	}
	.product-index_icon02 > span::before {
		left: -38px;
		margin-top: -15px;
		height: 32px;
		background-image: url(/product/img/index_ic02.png);
		background-size: 24px auto;
	}
	.product-index_icon03 > span::before {
		left: -40px;
		background-image: url(/product/img/index_ic03.png);
		background-size: 28px auto;
	}
	/* product-index-layout-v4 */
	.product-index-layout-v4 {
		display: none;
		margin-bottom: 30px;
		padding: 32px 0;
		background-color: #f8f8f8;
	}
	.product-index-layout-v4.is-show {
		display: block;
	}
	/* product-index-layout-v5 */
	.product-index-layout-v5 {
		margin: 0 0 30px;
		padding-top: 9px;
	}
	.product-index-layout-v5 .product-index_heading {
		margin: 0 0 1.05rem;
		font-size: 1.1875rem;
		font-weight: 700;
		line-height: 1.1;
	}
	.product-index-layout-v5 .product-index_heading a {
		color: #545454;
	}
	.product-index-layout-v5 .product-index_heading a::after {
		content: "";
		display: inline-block;
		width: 9px;
		height: 17px;
		margin: -2px 0 0 7px;
		background: url("/img/index_news_ic01-r2x.png") no-repeat 0 50%;
		background-size: 100% auto;
		vertical-align: middle;
	}
	.product-index-layout-v5 .product-index_news {
		border-bottom: 1px solid #e1e2e3;
	}
	.product-index-layout-v5 .product-index_news .news_article {
		border-top: 1px solid #e1e2e3;
	}
	.product-index-layout-v5 .product-index_news .news_detail {
		padding: 15px 0;
	}
	.product-index-layout-v5 .product-index_news a.news_detail {
		position: relative;
		display: block;
		padding-right: 25px;
		color: #333;
		text-decoration: none;
	}
	.product-index-layout-v5 .product-index_news a.news_detail::after {
		content: "";
		position: absolute;
		top: 50%;
		right: 10px;
		width: 9px;
		height: 9px;
		margin: 0 -4px 0 0;
		border-top: 1px solid #666;
		border-right: 1px solid #666;
		transform: rotate(45deg) translateY(-50%);
	}
	.product-index-layout-v5 .product-index_news a.news_detail.type-blank::after,
	.product-index-layout-v5 .product-index_news a.news_detail.type-pdf::after {
		margin: 0;
		right: 0;
		border: none;
		transform: translateY(-50%);
		background-repeat: no-repeat;
		background-position: 0 0;
		background-size: 100% auto;
	}
	.product-index-layout-v5 .product-index_news a.news_detail.type-blank::after {
		width: 12px;
		height: 12px;
		background-image: url("/img/index_news_ic02-r2x.png");
	}
	.product-index-layout-v5 .product-index_news a.news_detail.type-pdf::after {
		width: 14px;
		height: 14px;
		background-image: url("/img/index_news_ic03-r2x.png");
	}
	.product-index-layout-v5 .product-index_news .news_property {
		display: flex;
		align-items: center;
		margin: 0 0 0.625rem;
	}
	.product-index-layout-v5 .product-index_news .news_property > * + * {
		margin-left: 10px;
	}
	.product-index-layout-v5 .product-index_news .news_property > .news_icon + .news_icon {
		margin-left: 5px;
	}
	.product-index-layout-v5 .product-index_news .news_date {
		white-space: nowrap;
		font-size: 0.75rem;
	}
	.product-index-layout-v5 .product-index_news .news_icon .icon_label {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 68px;
		height: 22px;
		font-style: normal;
		font-size: 0.6875rem;
		text-align: center;
	}
	.product-index-layout-v5 .product-index_news .news_icon .icon_label.type-color1 {
		background-color: #d2d9e7;
	}
	.product-index-layout-v5 .product-index_news .news_icon .icon_label.type-color2 {
		background-color: #d2e7e7;
	}
	.product-index-layout-v5 .product-index_news .news_icon .icon_label.type-color3 {
		background-color: #e8d3d3;
	}
	.product-index-layout-v5 .product-index_news .news_title {
		flex: 1;
		margin: 0;
		font-size: 0.875rem;
		font-weight: 500;
	}
	.product-index-layout-v5 .product-index_news a.news_detail .news_title {
		color: #014099;
	}
	
	/* product-index-layout-v6 */
	.product-index-layout-v6 .product-index_frame {
		padding: 15px;
		background-color: #fff;
		border: 1px solid #e1e2e3;
	}
	.product-index-layout-v6 .product-index_column > .column_heading {
		display: flex;
		margin-left: -15px;
	}
	.product-index-layout-v6 .product-index_column > .column_detail {
		padding: 10px 0 14px;
	}
	.product-index-layout-v6 .product-index_heading {
		margin: 0;
		padding: 8px 20px;
		background-color: #0096b4;
		color: #fff;
		font-size: 0.875rem;
		font-weight: 700;
		text-align: center;
	}
	.product-index-layout-v6 .product-index_link > li {
		line-height: 1.64;
	}
	.product-index-layout-v6 .product-index_link > li > a {
		color: #014099;
	}
	.product-index-layout-v6 .product-index_button > li {
		display: flex;
		justify-content: center;
	}
	.product-index-layout-v6 .product-index_button > li > a {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 105px;
		height: 34px;
		background-color: #fff;
		border: 1px solid #e1e2e3;
		color: #333;
		text-decoration: none;
		text-align: center;
	}
	
	/* product-index-layout-v7 */
	.product-index-layout-v7 {
		position: relative;
		margin: -1.5em 0 1.75em;
		background: -webkit-linear-gradient(left, #001eaa 0%, #0096b4 100%);
		background: linear-gradient(to right, #001eaa 0%, #0096b4 100%);
		overflow: hidden;
	}
	.product-index-layout-v7 > section {
		margin: 10px 0 0;
		padding: 0 15px 25px;
		position: relative;
		z-index: 2;
	}
	.product-index-layout-v7 .product-index_image {
		position: absolute;
		bottom: 0;
		left: 0;
		margin: 0;
		z-index: 1;
	}
	.product-index-layout-v7 .product-index_image > img {
		max-width: 100%;
	}
	.product-index-layout-v7 .product-index_image-v2 {
		width: 85%;
		margin: 80px auto 0;
		text-align: center;
	}
	.product-index-layout-v7 .product-index_image-v2 > img {
		max-width: 100%;
	}
	.product-index-layout-v7 .product-index_button {
		display: block;
		margin: 35px 0 0;
		text-align: center;
	}
	.product-index-layout-v7 .product-index_button .button_link {
		display: inline-block;
		min-width: 243px;
		position: relative;
		border: 1px solid #fff;
		border-radius: 3px;
		padding: 8px 20px;
		background: -webkit-linear-gradient(left, #0046ad 0%, #0046ad 31%, #00adc0 100%);
		background: linear-gradient(to right, #0046ad 0%, #0046ad 31%, #00adc0 100%);
		color: #fff;
		font-size: 1.0rem;
		font-weight: 700;
	}
	.product-index-layout-v7 .product-index_button .button_link::before {
		content: '';
		display: block;
		width: 8px;
		height: 8px;
		position: absolute;
		top: 50%;
		right: 9px;
		margin-top: -4px;
		border-top: 1px solid #fff;
		border-right: 1px solid #fff;
		transform: rotate(45deg);
	}
	.product-index-layout-v7 .product-index_column {
		display: flex;
		justify-content: space-between;
		flex-flow: row wrap;
	}
	.product-index-layout-v7 .product-index_column > .column_col {
		width: calc((100% - 15px) / 2);
		text-align: center;
	}
	.product-index-layout-v7 .product-index_column > .column_col:nth-of-type(n+3) {
		margin-top: 10px;
	}
	.product-index-layout-v7 .column_col .col_inner {
		display: inline-block;
	}
	.product-index-layout-v7 .column_col .col_image {
		margin: 0 auto;
		max-width: 105px;
	}
	.product-index-layout-v7 .column_col .col_image > img {
		max-width: 100%;
	}
	.product-index-layout-v7 .column_col .col_heading {
		margin: 1px 0 0;
		color: #fff;
		font-size: 1.0rem;
		font-weight: 700;
	}
}