@charset "utf-8";

/* -----------------------------------------------------------
    ネオインデックスCMS全共通   値のみ編集可  変数名は編集不可
----------------------------------------------------------- */ :root {
	--link: #333;
	--linkbg: #fff7f1;
	--en: "Cormorant Garamond", serif;
	--gold: #C1A470;
	--light-gold: #F3F1EE;
	--main: #C1A470;
	--cmnblack: #333;
	--cmnred: #e63d3d;
	--gray: #888;
	--light-gray: #F3F3F3;
	--border1: #E1E1E1;
	--border2: #707070;
	--cmnbg: #f4f4f4;
	--tablebg: #fffcea;
	--webicon: "Font Awesome 6 Free";
	--serif: '游明朝', 'Yu Mincho', '游明朝体', 'YuMincho', 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'ＭＳ Ｐ明朝', 'MS PMincho', serif;
	--sans: 'Noto Sans JP', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", YuGothic, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	--line-grade: linear-gradient(90deg, #EEEEEE, #DBDBDB);
	--cv-grade: linear-gradient(90deg, #C1A470, #B8924D);
	--gray-grade: linear-gradient(90deg, #A8A8A8, #8E8E8E);
	--line-hover-grade: linear-gradient(to right, #d9ffa0, #06c755);
	--cv-hover-grade: linear-gradient(to right, #ffe200, #b77600);
}

/*製品ＣＭＳに大カテゴリがある場合*/ :root {
	--cate1: #F3975B;
	--cate1bg: #F7F4EE;
	--cate2: #6CABDB;
	--cate2bg: #ECF1F4;
	--cate3: #9BC14A;
	--cate3bg: #F1F2F2;
}

/* -----------------------------------------------------------
    以下デフォルトCMS   削除不可／編集OKです。
----------------------------------------------------------- */
/* -----------------------------------------------------------
    お知らせCMSカテゴリ  【CMS：top/news】
----------------------------------------------------------- */
.ninews-cate-wrap {
	gap: 5px;
	margin: 0 0 10px;
}

.ninews-cate-wrap .ninews-cate {
	/*border: 1px solid var(--border1);*/
	color: #fff;
	background: var(--gold);
	font-size: 1.3rem;
	line-height: 1;
	letter-spacing: 0;
	padding: 5px 8px 7px;
}

/*標準仕様：カテゴリごとにtype1～10のclass付与---------------------*/
.ninews-cate-wrap [class^="type"] {
	border: none;
	color: #fff!important;
}

.ninews-cate-wrap .ninews-cate.type1 {
	background: #332288;
}
.ninews-cate-wrap .ninews-cate.type2 {
	background: #88CCEE;
}
.ninews-cate-wrap .ninews-cate.type3 {
	background: #44AA99;
}
.ninews-cate-wrap .ninews-cate.type4 {
	background: #117733;
}
.ninews-cate-wrap .ninews-cate.type5 {
	background: #999933;
}
.ninews-cate-wrap .ninews-cate.type6 {
	background: #DDCC77;
}
.ninews-cate-wrap .ninews-cate.type7 {
	background: #CC6677;
}
.ninews-cate-wrap .ninews-cate.type8 {
	background: #882255;
}
.ninews-cate-wrap .ninews-cate.type9 {
	background: #AA4499;
}
.ninews-cate-wrap .ninews-cate.type10 {
	background: #ddd;
}

/*特殊仕様：重要 優先カテゴリ---------------------*/
.ninews-cate-wrap .ninews-cate.cate-important {
	background: var(--cmnred);
	border: none;
	color: #fff;
}

/*特殊仕様：キャンペーンの制御--------------------*/
.campaign-open .ninews-cate-wrap .cate-campaign::after {
	content: "開催中";
}

.campaign-close .ninews-cate-wrap .cate-campaign::after {
	content: "CLOSE";
}



@media screen and (max-width: 768px) {
	.ninews-cate-wrap .ninews-cate {
		font-size: 1.3rem;
		padding: 5px 7px 6px;
		letter-spacing: .03em;
	}
}

/* -----------------------------------------------------------
    tag-area   【CMS：top/news/column】
----------------------------------------------------------- */
.nicms-tag {
	margin: 40px 0 0;
}

.nicms-tag .nicms-tag__ttl {
	font-size: 1.5rem;
}

.nicms-tag .nicms-tag__list {
	gap: 10px;
	margin: 10px 0 0;
	width: 100%;
}

.nicms-tag .nicms-tag__item a {
	border: var(--border1) solid 1px;
	color: var(--cmnblack);
	display: block;
	font-size: 1.5rem;
	padding: 7px 15px 9px 15px;
	text-align: center;
	line-height: 1.2;
}

.nicms-tag .nicms-tag__item a:hover {
	border-color: var(--link);
	background: var(--link);
	color: #fff;
}

@media screen and (max-width: 768px) {
	.nicms-tag {
		margin: 30px 0 0;
	}

	.nicms-tag .nicms-tag__item a {
		padding: 6px 15px 8px 15px;
		font-size: 1.4rem;
	}
}

/* -----------------------------------------------------------
    ninews-search  カテゴリ・アーカイブ・タグによる絞り込み
    【CMS：news/column】
-------------------------------------------------------------- */
.ninews-search [data-niarchive="category"] {
	margin: 40px 0 0 0;
}

.ninews-search [data-niarchive="archive"] {
	margin: 50px 0 0 0;
}

.ninews-search .nicms-archive__ttl {
	border-bottom: 1px solid var(--main);
	color: var(--main);
	font: bold 2rem/1 var(--en);
	padding: 0 0 15px;
	text-align: center;
	letter-spacing: .05em;
}

.ninews-search .nicms-archive__item a {
	border-bottom: 1px solid var(--border2);
	color: var(--cmnblack);
	display: block;
	padding: 17px 0;
	font-size: 1.7rem;
	text-align: center;
	line-height: 1.5;
	letter-spacing: .05em;
}

.ninews-search .nicms-archive__item a:hover {
	border-bottom-color: var(--link);
	color: var(--link);
}

@media screen and (max-width: 768px) {
	.ninews-search [data-niarchive="category"] {
		margin: 60px 0 0 0;
	}

	.ninews-search [data-niarchive="archive"] {
		margin: 30px 0 0 0;
	}

	.ninews-search .nicms-archive__ttl {
		padding: 10px 0;
		font-size: 1.8rem;
	}

	.ninews-search .nicms-archive__item a {
		padding: 15px 0;
		font-size: 1.6rem;
	}
}

/* -----------------------------------------------------------
    pager-area  【CMS：news/column/works】
-------------------------------------------------------------- */
.pager-area {
	font-size: 1.6rem;
	gap: 8px;
	margin: 40px 0 0;
}

.pager-area a, .pager-area .current {
	font: 600 1.6rem / 1 var(--en);
	min-width: 44px;
	padding: 5px;
	letter-spacing: .03em;
	height: 44px;
}

.pager-area .current {
	background: var(--link);
	color: #fff;
}

.pager-area a {
	border: 1px solid var(--border1);
	color: var(--border1) !important;
}

.pager-area a:hover {
	background: var(--link);
	border: 1px solid var(--link);
	color: #fff !important;
}

.pager-area a.prev, .pager-area a.next {
	padding-left: 12px;
	padding-right: 12px;
}

.pager-area .prev .fa {
	margin: 0 3px 0 0;
}

.pager-area .next .fa {
	margin: 0 0 0 3px;
}

@media screen and (max-width: 768px) {
	.pager-area {
		margin: 25px 0 0;
		gap: 8px;
	}

	.pager-area a, .pager-area .current {
		font-size: 1.6rem;
		padding: 5px;
		height: 38px;
		min-width: 38px;
	}
}

/* ---------------------------------------------------------
    nicms-back   【CMS：news/column/works/product】
------------------------------------------------------------ */
.nicms-back {
	color: var(--cmnblack) !important;
	display: block;
	padding: 0 0 0 15px;
	text-decoration: underline !important;
}

.nicms-back::before {
	content: "\f105";
	color: var(--link) !important;
	font: 900 1.4rem/1 var(--webicon);
	top: 2px;
}

.nicms-back:hover {
	text-decoration: none !important;
}

@media screen and (max-width: 768px) {
	.nicms-back {
		font-size: 1.5rem;
	}
}

/* -----------------------------------------------------------
   関連事例  全CMS共通
-------------------------------------------------------------- */
.nicms-relation-header {
	text-align: center;
	font-size: 4.5rem;
	font-weight: bold;
}

@media screen and (min-width: 769px) {
	.scroll-hint-icon {
		display: none !important;
	}
}

@media screen and (max-width: 768px) {
	.nicms-relation-header {
		font-size: 3rem;
	}
}

/* -----------------------------------------------------------
    以下style.css   削除不可。編集OKです。
----------------------------------------------------------- */
/* -----------------------------------------------------------
    text-link
-------------------------------------------------------------- */
.text-link {text-decoration: underline !important;}.text-link:hover {text-decoration: none !important;}

/* -----------------------------------------------------------
    font-weight,font-size
-------------------------------------------------------------- */
.normal {font-weight: normal !important;}.bold {font-weight: bold !important;}.big {font-size: 120% !important;}

.small {
	font-size: 80% !important;
	font-weight: normal !important;
}

/* -----------------------------------------------------------
    text-align
-------------------------------------------------------------- */
.tal {text-align: left !important;}.tac {text-align: center !important;}.tar {text-align: right !important;}
.taj {
	text-align: justify;
	text-justify: inter-ideograph;
}

/* -----------------------------------------------------------
    color
-------------------------------------------------------------- */
.black {color: var(--cmnblack);}.caution {color: var(--cmnred);}.red {color: var(--cmnred);}

/* -----------------------------------------------------------
    フロート
-------------------------------------------------------------- */
.fl {float: left;}.fr {float: right;}

/* -----------------------------------------------------------
    イメージロールオーバーの不透明
-------------------------------------------------------------- */
.filter a:hover img {
	filter: alpha(opacity=80);
	-moz-opacity: 0.80;
	opacity: 0.80;
}

/* -----------------------------------------------------------
    indent
-------------------------------------------------------------- */
.txt-indent {
	text-indent: -1em !important;
	margin-left: 1em !important;
}

/* -----------------------------------------------------------
    jsで使用
-------------------------------------------------------------- */
.dp-n {display: none !important;}
.dp-b {display: block !important;}
.dp-table-row {display: table-row !important;}

/* -----------------------------------------------------------
    margin
-------------------------------------------------------------- */
.mt0 {margin-top: 0px !important;}.mt5 {margin-top: 5px !important;}.mt10 {margin-top: 10px !important;}.mt15 {margin-top: 15px !important;}.mt20 {margin-top: 20px !important;}.mt25 {margin-top: 25px !important;}.mt30 {margin-top: 30px !important;}.mt35 {margin-top: 35px !important;}.mt40 {margin-top: 40px !important;}.mt45 {margin-top: 45px !important;}.mt50 {margin-top: 50px !important;}.mt55 {margin-top: 55px !important;}.mt60 {margin-top: 60px !important;}.mt70 {margin-top: 70px !important;}.mt80 {margin-top: 80px !important;}.mt90 {margin-top: 90px !important;}.mt100 {margin-top: 100px !important;}.mb0 {margin-bottom: 0px !important;}.mb5 {margin-bottom: 5px !important;}.mb10 {margin-bottom: 10px !important;}.mb15 {margin-bottom: 15px !important;}.mb20 {margin-bottom: 20px !important;}.mb25 {margin-bottom: 25px !important;}.mb30 {margin-bottom: 30px !important;}.mb40 {margin-bottom: 40px !important;}.mb50 {margin-bottom: 50px !important;}.mb60 {margin-bottom: 60px !important;}.mb70 {margin-bottom: 70px !important;}.mb80 {margin-bottom: 80px !important;}.mb90 {margin-bottom: 90px !important;}.mb100 {margin-bottom: 100px !important;}.mr0 {margin-right: 0px !important;}.mr5 {margin-right: 5px !important;}.mr10 {margin-right: 10px !important;}.mr15 {margin-right: 15px !important;}.mr20 {margin-right: 20px !important;}.mr25 {margin-right: 25px !important;}.mr30 {margin-right: 30px !important;}.mr40 {margin-right: 40px !important;}.mr50 {margin-right: 50px !important;}.mr60 {margin-right: 60px !important;}.mr70 {margin-right: 70px !important;}.mr80 {margin-right: 80px !important;}.mr90 {margin-right: 90px !important;}.mr100 {margin-right: 100px !important;}.ml0 {margin-left: 0px !important;}.ml5 {margin-left: 5px !important;}.ml10 {margin-left: 10px !important;}.ml15 {margin-left: 15px !important;}.ml20 {margin-left: 20px !important;}.ml25 {margin-left: 25px !important;}.ml30 {margin-left: 30px !important;}.ml40 {margin-left: 40px !important;}.ml50 {margin-left: 50px !important;}.ml60 {margin-left: 60px !important;}.ml70 {margin-left: 70px !important;}.ml75 {margin-left: 75px !important;}.ml80 {margin-left: 80px !important;}.ml90 {margin-left: 90px !important;}.ml100 {margin-left: 100px !important;}

/* -----------------------------------------------------------
    padding
-------------------------------------------------------------- */
.pt0 {padding-top: 0px !important;}.pt5 {padding-top: 5px !important;}.pt10 {padding-top: 10px !important;}.pt15 {padding-top: 15px !important;}.pt20 {padding-top: 20px !important;}.pt25 {padding-top: 25px !important;}.pt30 {padding-top: 30px !important;}.pt35 {padding-top: 35px !important;}.pt40 {padding-top: 40px !important;}.pt45 {padding-top: 45px !important;}.pt50 {padding-top: 50px !important;}.pt60 {padding-top: 60px !important;}.pt70 {padding-top: 70px !important;}.pt80 {padding-top: 80px !important;}.pt90 {padding-top: 90px !important;}.pt100 {padding-top: 100px !important;}.pb0 {padding-bottom: 0px !important;}.pb5 {padding-bottom: 5px !important;}.pb10 {padding-bottom: 10px !important;}.pb15 {padding-bottom: 15px !important;}.pb20 {padding-bottom: 20px !important;}.pb25 {padding-bottom: 25px !important;}.pb30 {padding-bottom: 30px !important;}.pb40 {padding-bottom: 40px !important;}.pb50 {padding-bottom: 50px !important;}.pb60 {padding-bottom: 60px !important;}.pb70 {padding-bottom: 70px !important;}.pb80 {padding-bottom: 80px !important;}.pb90 {padding-bottom: 90px !important;}.pb100 {padding-bottom: 100px !important;}.pr0 {padding-right: 0px !important;}.pr5 {padding-right: 5px !important;}.pr10 {padding-right: 10px !important;}.pr15 {padding-right: 15px !important;}.pr20 {padding-right: 20px !important;}.pr25 {padding-right: 25px !important;}.pr30 {padding-right: 30px !important;}.pr35 {padding-right: 35px !important;}.pr40 {padding-right: 40px !important;}.pr50 {padding-right: 50px !important;}.pr60 {padding-right: 60px !important;}.pr70 {padding-right: 70px !important;}.pr80 {padding-right: 80px !important;}.pr90 {padding-right: 90px !important;}.pr100 {padding-right: 100px !important;}.pl0 {padding-left: 0px !important;}.pl5 {padding-left: 5px !important;}.pl10 {padding-left: 10px !important;}.pl15 {padding-left: 15px !important;}.pl20 {padding-left: 20px !important;}.pl25 {padding-left: 25px !important;}.pl30 {padding-left: 30px !important;}.pl35 {padding-left: 35px !important;}.pl40 {padding-left: 40px !important;}.pl45 {padding-left: 45px !important;}.pl50 {padding-left: 50px !important;}.pl60 {padding-left: 60px !important;}.pl70 {padding-left: 70px !important;}.pl80 {padding-left: 80px !important;}.pl90 {padding-left: 90px !important;}.pl100 {padding-left: 100px !important;}