@charset "utf-8";




/* ----------------------------------------------------------------------
 * RESET
 * ---------------------------------------------------------------------- */
input,
textarea,
select,
option {
	font-family: 'Roboto', 'Noto Sans JP', sans-serif;
	font-weight: 500;
	margin: 0;
	padding: 0;
}

a {
 cursor: pointer;
}

img {
	vertical-align: top;
	max-width: 100%;
	height: auto;
	/*-ms-interpolation-mode: bicubic;
	-webkit-interpolation-mode: bicubic;
	interpolation-mode: bicubic;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;*/
}



/* ----------------------------------------------------------------------
 * GLOBAL - UTILITY
 * ---------------------------------------------------------------------- */
.u-content {
	margin: 0 0 130px;
	padding: 130px 0 0;
	background-color: transparent;
}

.u-content.u-content-bg {
	margin: 0;
	padding: 130px 0;
}



/* ----------------------------------------------------------------------
 * GLOBAL - Font
 * ---------------------------------------------------------------------- */
.u-font-colorBlue {
	color: #295aa6;
}

.u-font-colorGold2 {
	color: #cb9e68;
}

.u-font-colorGray {
	color: #888;
}

.u-font-small {
 font-size: 78% !important;
}

.u-text-center  {
 text-align: center;
}

.u-text-left  {
 text-align: left;
}

.u-text-right  {
 text-align: right;
}

.u-ff-mincho {
 font-family: YuMincho, '游明朝', 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho ProN','メイリオ',"HGS明朝E", 'MS P 明朝', 'MS PMincho', serif;
}



/* ----------------------------------------------------------------------
 * GLOBAL - Link
 * ---------------------------------------------------------------------- */



/* ----------------------------------------------------------------------
 * GLOBAL - Table
 * ---------------------------------------------------------------------- */



/* ----------------------------------------------------------------------
 * GLOBAL - Icon
 * ---------------------------------------------------------------------- */



/* ----------------------------------------------------------------------
 * GLOBAL - List
 * ---------------------------------------------------------------------- */



/* ----------------------------------------------------------------------
 * Global Title
 * ---------------------------------------------------------------------- */
.u-content-title {
 text-align: center;
 margin-bottom: 40px;
}

.u-content-head {
 font-size: 2.4rem;
 line-height: 1.25;
 margin-bottom: 20px;
}

.u-content-lead {
 font-size: 1.8rem;
 line-height: 2;
 margin-bottom: 20px;
}

.u-content-note {
 font-size: 1.4rem;
 line-height: 1.8;
}



/* ----------------------------------------------------------------------
 * Global Button
 * ---------------------------------------------------------------------- */
.u-button {
 font-size: 2.0rem;
 line-height: 1.3;
 text-align: center;
 border: 1px solid #427abe;
 border-radius: 30px;
 max-width: 500px;
 margin: 40px auto 0;
}
.u-button.is-bgRed {
 background-color: #df2d32 !important;
 border: none;
}

.u-button.is-iconPop span:after {
 background-image: url(../img/icon-arrow-right.png);
 background-size: contain;
 background-repeat: no-repeat;
 content: "";
 display: block;
 height: 15px;
 width: 9px;
 position: absolute;
 right: 30px;
 top: calc(50% - 7px);
}

.u-button.is-iconPop.is-bgRed span:after {
 background-image: url(../img/icon-arrow-right-white.png);
}

.u-button.is-iconPop span {
 padding: 17px 50px 17px 30px;
}

.u-button a,
.u-button span {
 color: #427abe;
 display: block;
 position: relative;
}
.u-button.is-bgRed a,
.u-button.is-bgRed span {
 color: #fff;
}

.u-button.is-iconBlank a,
.u-button.is-iconSerch a {
 padding: 17px 20px;
}

.u-button.is-iconBlank span {
 display: inline-block;
 padding-left: 39px;
}

.u-button.is-iconBlank span:after {
 background: url(../img/icon_blank_blue.png) no-repeat center left / contain;
 content: "";
 display: block;
 height: 19px;
 width: 24px;
 position: absolute;
 left: 0;
 top: calc(50% - 9px);
}

.u-button.is-iconSerch span {
 display: inline-block;
 padding-left: 37px;
}

.u-button.is-iconSerch span:after {
 background: url(../img/icon_serch_blue.png) no-repeat center left / contain;
 content: "";
 display: block;
 height: 26px;
 width: 22px;
 position: absolute;
 left: 0;
 top: calc(50% - 13px);
}



/* ----------------------------------------------------------------------
 * margin
 * ---------------------------------------------------------------------- */



/* ----------------------------------------------------------------------
 * LAYOUT
 * ---------------------------------------------------------------------- */
.g-container {
	color: #4d4d4d;
	font-size: 16px;
	font-size: 1.6rem;
	font-family: 'Noto Sans JP', 'Roboto', sans-serif;
	font-weight: 400;
	-webkit-font-feature-settings: 'pkna';
	-moz-font-feature-settings: 'pkna';
	font-feature-settings: 'pkna';
	line-height: 1;
	letter-spacing: .05em;
 
	background-color: #fff;
	position: relative;
	top: 124px;
	padding-bottom: 124px;
}

.g-container .u-inner {
	padding-left: 50px;
	padding-right: 50px;
}



/* ----------------------------------------------------------------------
 * Shop Search
 * ---------------------------------------------------------------------- */



/* ----------------------------------------------------------------------
 * Content last line
 * ---------------------------------------------------------------------- */



/* ----------------------------------------------------------------------
 * page menu
 * ---------------------------------------------------------------------- */



/* ----------------------------------------------------------------------
 * KEY VISUAL
 * ---------------------------------------------------------------------- */
.is-about.is-umofuton_reform .l-kv {
 text-align: center;
 background-image: url(../img/kv-bg.jpg);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
 display: table;
	max-height: 550px;
 width: 100%;
 padding: 50px;
}

.is-about.is-umofuton_reform .l-kv-inner {
 display: table-cell;
 vertical-align: middle;
}

.is-about.is-umofuton_reform .l-kv-title:before {
 display: none;
}



/* ----------------------------------------------------------------------
 * heroSec
 * ---------------------------------------------------------------------- */
.heroSec {
}

.heroSec__main img {
	width: 100%;
	max-width: none;
}



/* ----------------------------------------------------------------------
 * introSec
 * ---------------------------------------------------------------------- */
.introSec {
	padding: 75px 0 85px;
	margin: 0;
	background-color: #ffffff;
}

.introSec__inner {
}

.introSec__inner__navi {
	padding: 35px 5.555555555555556% 40px;
	margin-bottom: 70px;
	position: relative;
	z-index: 1;
}

.introSec__inner__navi:before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background-color: #f6f6f3;
	position: absolute;
	top: 8px;
	left: 8px;
	z-index: -2;
}

.introSec__inner__navi:after {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	border: 2px solid #8b916c;
	box-sizing: border-box;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}

.introSec__inner__navi__ttl {
	margin-bottom: 30px;
	color: #8b916c;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	line-height: 1.5;
}

.introSec__inner__navi ul {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	margin-bottom: -3.25%;
}

.introSec__inner__navi ul li {
	width: 26.875%;
	margin: 0 1.625% 3.25%;
}

.introSec__inner__navi ul li a {
	display: block;
	position: relative;
	z-index: 1;
}

.introSec__inner__navi ul li a span {
	display: block;
	width: 100%;
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	line-height: 1.375;
	text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 2;
	transform: translateY(-50%) translateX(-50%);
	-webkit-transform: translateY(-50%) translateX(-50%);
}

.introSec__inner__navi ul li a img {
}

.introSec__inner__txt01 {
	margin-bottom: 60px;
	font-size: 21px;
	font-weight: 500;
	text-align: center;
	line-height: 2.380952380952381;
}

.introSec__inner__btn {
	width: 580px;
	max-width: 100%;
	margin: 0 auto;
	font-size: 20px;
	font-weight: 600;
}

.introSec__inner__btn a {
	display: block;
	padding: 28px 15px;
	color: #8b916c;
	text-align: center;
	background-color: #fff;
	border: 2px solid #8b916c;
}

.introSec__inner__btn a span {
	padding-right: 38px;
	position: relative;
	z-index: 1;
}

.introSec__inner__btn a span:before {
	content: "";
	display: block;
	width: 18px;
	height: 18px;
	background: url(/contents/nishikawa-chain/about/andfree/img/icon_search01.png) no-repeat left top;
	background-size: contain;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}


/* ----------------------------------------------------------------------
 * modelList
 * ---------------------------------------------------------------------- */
.modelList {

}


/* ----------------------------------------------------------------------
 * c-featurelist01
 * ---------------------------------------------------------------------- */
.c-featurelistWrap {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.c-featurelist01 {

}

.c-featurelistWrap .c-featurelist01 {
	width: 78.888888888888889%;
}

.c-featurelistWrap.model05 .c-featurelist01 {
	width: 69.333333333333333%;
}

.c-featurelist01 li {
	display: flex;
	justify-content: center;
	padding: 20px 0 0;
}

.c-featurelist01 li .num {
	width: 40px;
	height: 40px;
	line-height: 40px;
	color: #fff;
	font-size: 20px;
	font-weight: 800;
	text-align: center;
	background-color: #80806c;
}

.c-featurelist01 li .txt01 {
	flex: 1;
	min-height: 4em;
	padding: 0 0 12px 0;
	margin: -.2em 25px 0 20px;
	font-size: 18px;
	font-weight: 500;
	line-height: 1.527777777777778;
	letter-spacing: -.02em;
	border-bottom: 1px dashed #8b916c;
}

.c-featurelist01 li:last-child .txt01 {
	border-bottom: none;
}

.c-featurelist01.model06 li .txt01 {
	min-height: 3.25em;
	padding-top: .3em;
	margin-top: 0;
	margin-right: 0;
}

.c-featurelistWrap .c-featurelist01 li .txt01 {
	margin-right: 0;
}

.c-featurelist01 li .note01 {
	display: block;
	margin-top: 1.5em;
	font-size: 16px;
	line-height: 1.71875;
}

.c-featurelist01 li .pic {
	width: 17.777777777777778%;
	padding: 0 0 12px 0;
	margin-top: -10px;
}

.c-featurelistWrap__picArea {

}

.c-featurelistWrap .c-featurelistWrap__picArea {
	width: 17.777777777777778%;
}

.c-featurelistWrap.model05 .c-featurelistWrap__picArea {
	width: 28.222222222222222%;
}

.c-featurelistWrap__picArea .pic {
	margin-bottom: 20px;
}

.c-featurelistWrap__picArea .pic:last-child {
	margin-bottom: 0;
}

/* ----------------------------------------------------------------------
 * c-featurelist02
 * ---------------------------------------------------------------------- */
.c-featurelist02 {

}

.c-featurelist02 li {
	display: flex;
	justify-content: center;
	padding: 20px 0 0;
}

.c-featurelist02 li .num {
	width: 40px;
	height: 40px;
	line-height: 40px;
	color: #fff;
	font-size: 20px;
	font-weight: 800;
	text-align: center;
	background-color: #80806c;
}

.c-featurelist02 li .txt01 {
	flex: 1;
	padding: 0 0 12px 0;
	margin: -.2em 25px 0 20px;
	font-size: 18px;
	font-weight: 500;
	line-height: 1.527777777777778;
	letter-spacing: -.02em;
	border-bottom: 1px dashed #8b916c;
}

.c-featurelist02 li:last-child .txt01 {
	border-bottom: none;
}

.c-featurelist02 li .pic {
	width: 17.777777777777778%;
	padding: 0 0 12px 0;
	margin-top: -10px;
}


/* ----------------------------------------------------------------------
 * c-model
 * ---------------------------------------------------------------------- */
.c-model {
	padding: 80px 0;
	margin: 0;
	background-color: #f6f6f4;
}

.c-model:nth-child(even) {
	background-color: #fff;
}

.c-model__inner {

}

.c-model__inner__head {
	margin-bottom: 20px;
	text-align: center;
}

.c-model__inner__head.u-content {
	padding: 0;
	margin: 0 0 20px 0;
}

.c-model__inner__head__sub {
	display: inline-block;
	padding: 4px 25px;
	margin-bottom: 15px;
	white-space: nowrap;
	color: #8b916c;
	font-size: 15px;
	font-weight: 500;
	text-align: center;
	border: 1px solid #8b916c;
}

.c-model__inner__head__ttl {
	margin-bottom: 25px;
	color: #8b916c;
	font-size: 30px;
	font-weight: 800;
	text-align: center;
	line-height: 1.46;
	letter-spacing: .05em;
}

.c-model__inner__head__txt01 {
	font-size: 18px;
	font-weight: 500;
	text-align: center;
	line-height: 1.5;
}

.c-model__inner__slider {
	margin-bottom: 50px;
	/*margin: 0 calc(50% - 50vw) 50px;*/
}

.c-model__inner__slider .slick-prev,
.c-model__inner__slider .slick-next {
	width: 21px;
	height: 60px;
	z-index: 10;
	transition: opacity 600ms cubic-bezier(0.165, 0.84, 0.44, 1);
}

.c-model__inner__slider .slick-prev {
	background: url(/contents/nishikawa-chain/about/andfree/img/model_slide_prev.png) no-repeat left top;
	background-size: contain;
	left: 30px;
}

.c-model__inner__slider .slick-prev:before {
	display: none;
}

.c-model__inner__slider .slick-next {
	background: url(/contents/nishikawa-chain/about/andfree/img/model_slide_next.png) no-repeat left top;
	background-size: contain;
	right: 30px;
}

.c-model__inner__slider .slick-next:before {
	display: none;
}

.c-model__inner__slider .slick-prev:hover,
.c-model__inner__slider .slick-next:hover {
	opacity: .8;
}

.c-model__inner__slider__item {
	outline: none;
}

.c-model__inner__slider__item img {
	width: 100%;
	max-width: none;
}

.c-model__inner__body {
	overflow: hidden;
}

.c-model__inner__body.u-content {
	padding: 0;
	margin: 0;
}

.c-model__inner__body__feature {
	margin-bottom: 50px;
}

.c-model__inner__body__feature__ttl {
	margin-bottom: 30px;
	color: #8b916c;
	font-size: 24px;
	font-weight: 600;
	text-align: center;
}

.c-model__inner__body__recommend {
	padding: 35px 25px 30px;
	position: relative;
	z-index: 1;
}

.c-model__inner__body__recommend.is-hasMore {
	padding-bottom: 45px;
}

.c-model__inner__body__recommend:before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background-color: #ffffff;
	position: absolute;
	top: 6px;
	left: 6px;
	z-index: -2;
}

.c-model:nth-child(even) .c-model__inner__body__recommend:before {
	background-color: #f6f6f3;
}

.c-model__inner__body__recommend:after {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	border-left: 2px solid #8b916c;
	border-right: 2px solid #8b916c;
	border-bottom: 2px solid #8b916c;
	box-sizing: border-box;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}

.c-model__inner__body__recommend__ttl {
	width: 100%;
	padding: .5em 0;
	color: #8b916c;
	font-size: 26px;
	font-weight: 800;
	text-align: center;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit-transform: translateY(-50%) translateX(-50%);
}

.c-model__inner__body__recommend__ttl span {
	display: inline-block;
	padding: 0 20px;
	position: relative;
	z-index: 1;
}

.c-model__inner__body__recommend__ttl span:before,
.c-model__inner__body__recommend__ttl span:after {
	content: "";
	display: block;
	width: 100vw;
	height: 2px;
	background-color: #a7ab90;
	position: absolute;
	top: 50%;
	z-index: 1;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}

.c-model__inner__body__recommend__ttl span:before {
	right: 100%;
}

.c-model__inner__body__recommend__ttl span:after {
	left: 100%;
}

.c-model__inner__body__recommend__txt01 {
	font-size: 18px;
	font-weight: 700;
	text-align: center;
	line-height: 1.75;
}

.c-model__inner__body__recommend__txt01.red {
	color: #ff0000;
}

.c-model__inner__body__more {
	width: 255px;
	margin: -25px auto 0;
	font-size: 21px;
	font-weight: 900;
	position: relative;
	z-index: 2;
}

.c-model__inner__body__more a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 255px;
	height: 50px;
	color: #fff;
	background-color: #80806c;
}

.c-model__inner__body__detail {
	display: flex;
	justify-content: space-between;
	margin-top: 40px;
}

.c-model__inner__body__detail__material {
	flex: 1;
}

.c-model__inner__body__detail__material dl {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
}

.c-model__inner__body__detail__material dl dt {
	padding: 1px 10px;
	margin-right: 15px;
	color: #fff;
	font-size: 16px;
	line-height: 1.71875;
	letter-spacing: normal;
	background-color: #80806c;
}

.c-model__inner__body__detail__material dl dd {
	font-size: 16px;
	line-height: 1.71875;
	letter-spacing: -.02em;
}

.c-model__inner__body__detail__price {
}

.c-model__inner__body__detail__price dl {
	display: flex;
	align-items: center;
}

.c-model__inner__body__detail__price dl dt {
	margin-right: 20px;
}

.c-model__inner__body__detail__price dl dt .txt01 {
	padding: 6px 15px;
	color: #fff;
	font-size: 16px;
	letter-spacing: normal;
	text-align: center;
	background-color: #80806c;
}

.c-model__inner__body__detail__price dl dt .txt02 {
	padding: 5px 15px;
	color: #80806c;
	font-size: 16px;
	letter-spacing: normal;
	text-align: center;
	border: 1px solid #80806c;
}

.c-model__inner__body__detail__price dl dd {
}

.c-model__inner__body__detail__price dl dd .price {
	margin-bottom: 10px;
	color: #8b916c;
	font-size: 34px;
	font-weight: bold;
	letter-spacing: -.03em;
}

.c-model__inner__body__detail__price dl dd .price:last-child {
	margin-bottom: 0;
}

.c-model__inner__body__detail__price dl dd .note01 {
	font-size: 12px;
	letter-spacing: normal;
}


/* ----------------------------------------------------------------------
 * cvSec
 * ---------------------------------------------------------------------- */
.cvSec {
	padding: 0;
	margin: 0;
}

.cvSec__inner {
	padding: 80px 0;
	border-top: 1px dashed #8b916c;
}

.cvSec__inner__btn01 {
	width: 580px;
	max-width: 100%;
	margin: 0 auto 80px;
	font-size: 20px;
	font-weight: 600;
}

.cvSec__inner__btn01 a {
	display: block;
	padding: 28px 15px;
	color: #8b916c;
	text-align: center;
	background-color: #fff;
	border: 2px solid #8b916c;
}

.cvSec__inner__btn01 a span {
	padding-right: 38px;
	position: relative;
	z-index: 1;
}

.cvSec__inner__btn01 a span:before {
	content: "";
	display: block;
	width: 18px;
	height: 18px;
	background: url(/contents/nishikawa-chain/about/andfree/img/icon_search01.png) no-repeat left top;
	background-size: contain;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}

.cvSec__inner__btn02 {
	width: 580px;
	max-width: 100%;
	margin: 0 auto;
	font-size: 20px;
	font-weight: 600;
}

.cvSec__inner__btn02 a {
	display: flex;
	padding: 10px 0;
	color: #fff;
	background-color: #8b916c;
}

.cvSec__inner__btn02 a .logo {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 31.206896551724138%;
	padding: 10px 0;
	border-right: 1px dashed #fff;
}

.cvSec__inner__btn02 a .logo img {
	width: 64.640883977900552%;
}

.cvSec__inner__btn02 a .txt {
	flex: 1;
	display: flex;
	justify-content: center;
	align-items: center;
}

.cvSec__inner__btn02 a .txt .icon {
	padding-right: 28px;
	position: relative;
	z-index: 1;
}

.cvSec__inner__btn02 a .txt .icon:before {
	content: "";
	display: block;
	width: 7px;
	height: 13px;
	background: url(/contents/nishikawa-chain/about/andfree/img/icon_arr01.png) no-repeat left top;
	background-size: contain;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}


/* ----------------------------------------------------------------------
 * c-prevention
 * ---------------------------------------------------------------------- */
.c-prevention {
	padding: 50px 0 40px;
	background: #d9f1db;
}

.c-prevention .u-inner {
	max-width: 1000px;
	margin: 0 auto;
	padding: 0 15px;
	position: relative;
}

.c-prevention__text {
	color: #525252;
	font-size: 1.6rem;
	font-weight: 700;
	text-align: center;
	letter-spacing: .15em;
}

.c-prevention__items {
	margin: 20px 0 0;
	padding: 0 100px;
	display: flex;
}

.c-prevention__item {
	width: calc(100% / 3);
	display: flex;
	align-items: center;
}

.c-prevention__item figure {
	width: 80px;
}

.c-prevention__item em {
	color: #48974e;
	font-size: 1.8rem;
	font-weight: 700;
	white-space: nowrap;
	padding: 0 0 0 20px;
	display: inline-block;
}



.c-pointCorner--2 .c-pointCorner__inner {
	margin: 30px 0 0;
	display: flex;
	align-items: center;
	flex-direction: row-reverse;
}

.c-pointCorner--2 .c-pointCorner__inner p {
	font-size: 1.8rem;
	line-height: 2;
	width: 50%;
	padding: 0 20px 0 0;
}

.c-pointCorner--2 .c-pointCorner__inner figure {
	width: 50%;
	padding: 0 0 0 20px;
}


/* ----------------------------------------------------------------------
 * xxx
 * ---------------------------------------------------------------------- */
.xxx {

}