@charset "UTF-8";
/* CSS Document */

/*-------------------------------------------

name: uniq.css

-------------------------------------------*/

/*===========================================
	mv
===========================================*/
#SITEMAP .mvIn{ background:url(../img/mv_sitemap.jpg) center no-repeat; background-size:cover; height:220px;}
#PRIVACY .mvIn{ background:url(../img/mv_privacy.jpg) center no-repeat; background-size:cover; height:220px;}
#POLICY .mvIn{ background:url(../img/mv_policy.jpg) center no-repeat; background-size:cover; height:220px;}
#PLAN .mvIn{ background:url(../img/mv_plan.jpg) center no-repeat; background-size:cover; height:220px;}
#JIPDEC .mvIn{ background:url(../img/mv_jipdec.jpg) center no-repeat; background-size:cover; height:220px;}


/*=========================================
      container
=========================================*/
#container{ max-width:1000px; margin:0 auto;}


/*=========================================
      アンカー
=========================================*/
ul.anc{ max-width:1000px;width:90%;margin:0 auto;padding:0;text-align:center;}
ul.anc li{display:inline-block;float:none;}
ul.anc li a{ display:inline-block; border:1px solid #333; background:#fff; font-size:110%; padding:20px 0; text-decoration:none; line-height:1.3; position:relative;}
ul.anc li a:after{
	content: "";
	position: absolute;
	left: 0;
	right:0;
	bottom: 0;
	margin: auto; 
	box-sizing: border-box;
	width: 4px;
	height: 4px;
	border: 3px solid transparent;
	border-top: 4px solid #b18932;
}
ul.anc li a:hover{ background:#333; color:#fff;}


/*===========================================
	サイトマップ
===========================================*/
.sitemap{ padding:0 8%;}
.sitemap table{ width:100%;}
.sitemap table tr{ border-bottom: 1px solid #ddd;}
.sitemap table td { padding:15px 0 15px 30px; vertical-align:top;}
.sitemap table td.none{ background:none; padding-left:0;}
.sitemap table a{ display:inline-block; position:relative; padding:0 0 0 20px;}
.sitemap table a::before,
.sitemap table a::after{ position: absolute; top: 0; bottom: 0; left: 0; margin: auto; content: "";}
.sitemap table a::before{
	width: 13px;
	height: 13px;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background: #b18932;
}
.sitemap table a::after{
	left: 5px;
	box-sizing: border-box;
	width: 3px;
	height: 3px;
	border: 3px solid transparent;
	border-left:4px solid #fff;
}


/*===========================================
	個人情報の取扱い 、個人情報保護団体
===========================================*/
#PRIVACY{}
.privacy{}
.privacy > dl{ margin:0 0 50px;}
.privacy > dl > dt{ font-family:"游明朝", YuMincho; color:#000; font-size:16px; border-left:3px solid #b18932; padding:5px 0 5px 10px; background:#ebe3d1; margin:0 0 20px;}
.privacy > dl > dd p{ margin:0 0 10px;}
.privacy > dl > dd li{ margin:0 0 15px;}
.privacy table.data tr.h th{ background:#b18932; padding:8px 0; color:#fff;}
.privacy table.data tr.h th:first-child{ border-right:1px solid #cecabf;}
.privacy table.data td{ padding:8px 2%;}
.privacy table.data td li{ margin:0; padding:5px 0;}
.privacy table.data td li > div dl{ margin:8px 0 0;}
.privacy table.data td li > div dl dt{ font-weight:bold;}

table.changeNone .h th{ text-align:center; letter-spacing:1.0em;}
table.changeNone th{ text-align:left; padding:0 0 0 3%;}

/*===========================================
	個人情報保護方針 
===========================================*/
#POLICY{}
.policy .intro{ margin:0 0 10px; text-align:left;}
.policy ol.decimal li{ margin:0 0 8px;}
.policy .date{ margin:0 0 10px; text-align:right;}
.policy ul.company{ border-top:1px solid #ddd; padding:30px 0 0; margin:30px 0 0;}
.policy .middle_name{margin:0 0 20px; text-align:center;}
.policy .middle_date{margin:0 0 20px;text-align:center;}

/*===========================================
	一般事業主行動計画
===========================================*/
#PLAN{}
.plan{ padding:40px 0; border-bottom:1px solid #333;}
.plan:last-child{ border-bottom:none;}
.plan h3{ text-align:center; font-size:28px; padding:30px 0; font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}
.plan .intro .date{ text-align:right; margin:0 0 20px;}
.plan .intro .txt{ margin:0 0 30px;}
.plan .intro ol.decimal{ margin:0 0 30px;}
.plan .intro ol.decimal > li{ margin:0 0 10px 1.5em;}
.plan dl{ margin:0 0 50px;}
.plan dl dt{ font-family:"游明朝", YuMincho; color:#000; font-size:16px; border-left:3px solid #b18932; padding:5px 10px; background:#ebe3d1; margin:0 0 20px;}
.plan dl dd{}
.plan dl dd .h{ margin:0 0 5px;}
.plan dl dd table{ width:100%;}
.plan dl dd table th,
.plan dl dd table td{ vertical-align:top;}
.plan dl dd table th{ width:13%;}
.plan dl dd table td{}
.plan .anc{max-width:1000px;width:90%;margin:0 auto;padding:0;text-align:center;}
.plan .anc li{display:inline-block;float:none;}
.plan .anc a{display:inline-block;}

/*===========================================
	イメージ
===========================================*/
.primark {text-align: right;}

/*===========================================
	追加分
===========================================*/

/*==============================================

	スマホ

==============================================*/
@media only screen and (max-width: 739px) {
/*===========================================
	サイトマップ
===========================================*/
.sitemap{ padding:0 5%;}
.sitemap table{}
.sitemap table tr{}
.sitemap table td { padding:10px 0 10px 3%;}
.sitemap table td.none{}
.sitemap table a{ padding:0 0 0 18px;}
.sitemap table a::before,
.sitemap table a::after{}
.sitemap table a::before{ width:12px; height:12px;}
.sitemap table a::after{}

/*===========================================
	個人情報の取扱い
===========================================*/
#PRIVACY{}
.privacy{}
.privacy > dl{ margin:0 0 20px;}
.privacy > dl > dt{ font-size:14px; margin:0 0 3%; padding:8px 0 8px 3%;}
.privacy > dl > dd{ padding:0 3%;}
.privacy > dl > dd p{}
.privacy > dl > dd li{}
.privacy table.data tr.h th{}
.privacy table.data tr.h th:first-child{}
.privacy table.data td{ padding:10px 2%;}
.privacy table.data td li{}

table.changeNone th,
table.changeNone td{ display:table-cell;}
table.changeNone tr.h th{ text-align:center; letter-spacing:0.01em;}
table.changeNone tr.h th:first-child{ border-right:1px solid #cecabf;}
table.changeNone tr{ border-bottom:1px solid #cecabf;}

/*===========================================
	個人情報保護方針
===========================================*/
#POLICY{}
.policy{ padding:0 3%;}
.policy .intro{ margin:0 0 30px;}
.policy ol.decimal li{ margin:0 0 15px;}

/*===========================================
	一般事業主行動計画
===========================================*/
#PLAN{}
#PLAN .anc{text-align:center;}
#PLAN .anc li{display:flex;justify-content:center;}
.plan{ padding:30px 3%;}
.plan h3{ font-size:18px; padding:20px 0;}
.plan .intro .date{ text-align:right; margin:0 0 20px;}
.plan .intro .txt{ margin:0 0 15px;}
.plan .intro ol.decimal{ margin:0 0 15px 3%;}
.plan dl{ margin:0 0 20px;}
.plan dl dt{ font-size:13px; margin:0 0 15px;}
.plan dl dd{ padding:0;}
.plan dl dd .h{ margin:0 0 5px;}



}
