@charset "utf-8";
/**************************************************************************************************/
/* for PC */
/*******/
.vpc { 
	display: block;
}
.vtb {
	display: none;
}
.vsp { 
	display: none;
}
.vPT {
	display: block;
}
.vTS {
	display: none;
}
/*******/
/* RESET */
html, body {
	margin: 0;
	padding: 0;
}
h1, h2, h3, h4, h5, h6, p, dl, dt, dd, p {
	margin: 0;
	padding: 0;
}
ul, li, ol {
	padding: 0;
	margin: 0;
	list-style: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
td,th {
	padding: 0;
}
img, a img {
	border: none;
}
form {
	padding: 0;
	margin: 0;
}
/*************************************************/
/* BODY */
body {
	font: 16px/1.6 "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	margin: 0;
	padding: 0;
	color: #000;
	overflow-y: scroll;
}
/*************************************************/
/* LINK */
/* 通常リンク */
a {
	text-decoration: none;
}
a:link, a:visited {
	color: #06C;
}
a:hover {
	color: #333;
}
a:active {
	color: #639;
}
a:hover, a:active, a:focus {
	text-decoration: none;
}
/*************************************************/
/* H */
h2 {
	font-weight: bold;
	font-size: 24px;
	line-height: 130%;
	margin: 0 0 15px 0;
	padding: 15px 0 15px 17px;
	color: #333;
	background-size: 11px 44px;
}
h2.hmessage {
	background:url(../images/iH1.png) no-repeat 0 3px;
}
h2.hcompany {
	background:url(../images/iH2.png) no-repeat 0 3px;
}
h2.hprocess {
	background:url(../images/iH3.png) no-repeat 0 3px;
}
h2.hperformance {
	background:url(../images/iH4.png)no-repeat 0 3px;
}
h2.hpublishing {
	background:url(../images/iH5.png) no-repeat 0 3px;
}
h2.hqa {
	background:url(../images/iH6.png) no-repeat 0 3px;
}
h3 {
	font-weight: bold;
	font-size: 20px;
	line-height: 140%;
	margin: 10px 0;
	padding: 0 0 0 17px;
	color: #600;
	background: url(../images/iCircle.png) no-repeat 0 6px;
}
h4 {
	font-weight: bold;
	font-size: 18px;
	line-height: 140%;
	margin: 0 10px 0 0;
	color: #333;
}
h5 {
	font-weight: bold;
	font-size: 17px;
	line-height: 140%;
	margin: 2px 0 2px 0;
	padding: 2px 2px 2px 2px;
	color: #906;
}
/***************************/
.textS {
	font-size: 90%;
}
.textSS {
	font-size: 80%;
}
.textL {
	font-size: 110%;
}
.textRed {
	color: #C03;
}
.textNavy {
	color: #009;
}
.textBrown {
	color: #966;
}
.textSepia {
	color: #630;
}
.textGray {
	color: #666;
}
.textPink {
	color: #F6C;
}
.textWhite {
	color: #FFF;
}
.textBlack {
	color: #000;
}
/* FLOAT */
.flLeft {
	float: left;
}
.flRight {
	float: right;
}
/* Text Align */
.anLeft {
	text-align: left;
}
.anRight {
	text-align: right;
}
.anCenter {
	text-align: center;
}
/* Margin */
.mT5 {
	margin-top: 5px;
}
.mT10 {
	margin-top: 10px;
}
.mT15 {
	margin-top: 15px;
}
.mT20 {
	margin-top: 20px;
}
.mT30 {
	margin-top: 30px;
}
.mT40 {
	margin-top: 40px;
}
.mT50 {
	margin-top: 50px;
}
.mT60 {
	margin-top: 60px;
}
.mT80 {
	margin-top: 80px;
}
.mT100 {
	margin-top: 100px;
}
.mT150 {
	margin-top: 150px;
}
.mT200 {
	margin-top: 200px;
}
.mB5 {
	margin-bottom: 5px;
}
.mB10 {
	margin-bottom: 10px;
}
.mB15 {
	margin-bottom: 15px;
}
.mB20 {
	margin-bottom: 20px;
}
.mB30 {
	margin-bottom: 30px;
}
.mB40 {
	margin-bottom: 40px;
}
.mB50 {
	margin-bottom: 50px;
}
.mB60 {
	margin-bottom: 60px;
}
.mB100 {
	margin-bottom: 100px;
}
.mL5 {
	margin-left: 5px;
}
.mL10 {
	margin-left: 10px;
}
.mL15 {
	margin-left: 15px;
}
.mL20 {
	margin-left: 20px;
}
.mL30 {
	margin-left: 30px;
}
.mL40 {
	margin-left: 40px;
}
.mL50 {
	margin-left: 50px;
}
.mL60 {
	margin-left: 60px;
}
.mR5 {
	margin-right: 5px;
}
.mR10 {
	margin-right: 10px;
}
.mR15 {
	margin-right: 15px;
}
.mR20 {
	margin-right: 20px;
}
.mR30 {
	margin-right: 30px;
}
.mR40 {
	margin-right: 40px;
}
.mR50 {
	margin-right: 50px;
}
.mR60 {
	margin-right: 60px;
}
/* Padding */
.pT5 {
	padding-top: 5px;
}
.pT10 {
	padding-top: 10px;
}
.pT15 {
	padding-top: 15px;
}
.pT20 {
	padding-top: 20px;
}
.pT30 {
	padding-top: 30px;
}
.pB5 {
	padding-bottom: 5px;
}
.pB10 {
	padding-bottom: 10px;
}
.pB15 {
	padding-bottom: 15px;
}
.pB20 {
	padding-bottom: 20px;
}
.pB30 {
	padding-bottom: 30px;
}
/* clearfix */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-table;
	min-height: 1%;
	display: block;
	zoom:1;
}
* html .clearfix {
	height: 1%;
}
/*************************************************/
/* HEADER */
#header {
	width: 980px;
	height: 30px;
	padding: 10px 0 0 0;
	margin: 0 auto 0 auto;
	text-align: center;
	line-height: 100%;
}
/* header Logo */
#header h1 {
	float: left;
	margin: 0 0 0 10px;
	padding: 0;
	color: #000;
	font-size: 12px;
	font-family: Century Gothic, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: normal;
	background: none;
}
#header h1 img {
	width: 180px;
	height: 29px;
}
#header .hMenu {
	float: right;
	margin: 14px 10px 0 0;
}
#header a {
	text-decoration: none;
	color: #000;
}
/* HEADER MENU */
.nav {
	padding: 0 0 0 0;
	margin: 10px 0 20px 190px;
	text-align: center;
	height: 50px;
	overflow: hidden;
}
.nav ul {
	width: 790px;
	margin: 0 auto;
	padding: 0 0;
	height: 50px;
	text-align: left;
}
.nav ul li {
	display: inline-block;
	padding: 10px 5px 5px 5px;
	margin: 0 0 0 0;
	text-align: center;
	overflow: hidden;
	font-size: 14px;
	line-height: 100%;
	vertical-align: middle;
	height: auto;
	border-right: 1px dotted #999;
	background: url(../images/iArrowM.png) no-repeat left 20px;
	background-size: 7px 8px;
	height: 50px;
	min-width: 105px;
}
.nav ul li a {
	display: block;
	padding: 10px 5px 5px 5px;
	color: #000;
	height: 50px;
}
.nav ul li a:hover {
	color: #999;
}
.nav ul li:first-child {
	border-left: 1px dotted #999;
	margin-left: 5px;
	background-position: 5px 20px;
	padding-left: 10px;
}
.nav ul li.menuHome {
	display: none;
}
/* SIDEMENU */
.navCont {
	display: block;
	float: left;
	width: 200px;
}
.navCont ul {
	margin: 20px 0;
}
.navCont ul li {
	display: block;
	padding: 0;
	margin: 0 0 18px 0;
	border: 1px solid #AAA;
	font-size: 14px;
	line-height: 90%;
	text-align: left;
}
.navCont ul li p {
	display: block;
	padding: 10px 0 8px 30px;
	height: 30px;
	color: #000;
}
.navCont ul li a p {
	color: #000;
	background: url(../images/iArrowM.png) #FFF no-repeat 15px 50%;
	background-size: 7px 6px;
}
.navCont ul li a:hover p {
	color: #000;
	background: url(../images/iArrowM.png) #DDD no-repeat 15px 50%;
	background-size: 7px 6px;
}
.navCont ul li.current a p {
	color: #000;
	background: url(../images/iArrowM.png) #DDD no-repeat 15px 50%;
	background-size: 7px 6px;
}
/*************************************************/
/* footer */
#footer {
	font-size: 12px;
	width: 100%;
	height: 60px;
	padding: 5px 0;
	margin: 0 0 0 0;
	text-align: center;
	background: #000;
	color: #FFF;
}
/*************************************************/
/* このページの上へ */
.page-top {
	position: fixed;
	bottom: 60px;
	right: 0;
	font-size: 77%;
	z-index: 99;
}
.page-top {
	float:right;
	font-size: 11px;
	text-align: left;
	display: block;
	width: 136px;
	height: 46px;
	background: url(../images/iPagetop.png) #BBB no-repeat 6px 50%;
	background-size: 14px 14px;
	color: #000;
	padding: 15px 0 0 24px;
	opacity: 0.8;
}
.page-top:hover {
	opacity: 0.6;
}
/*.page-topWrapper {
	margin: 100px 0 0 0;
	padding: 0;
}
.page-top {
	float:right;
	font-size: 11px;
	text-align: left;
	display: block;
	width: 146px;
	height: 46px;
	background: url(../images/iPagetop.png) #BBB no-repeat 6px 50%;
	background-size: 14px 14px;
	color: #000;
	padding: 15px 0 0 24px;
}
.page-top:hover {
	opacity: 0.7;
}*/
/*************************************************/
/* CONTAINER */
.container {
	width: 980px;
	margin: 0 auto;
	padding: 0;
	text-align: center;
}
/* CONTENT */
.content {
	padding: 0 0;
	text-align: left;
}
.content a img:hover {
	opacity: 0.8;
}
/* CONTENT for CONTENT */
.contentCont {
	padding: 0 10px;
	margin: 20px 0 20px 30px;
	text-align: left;
	float: right;
	width: 710px;
	line-height: 180%;
}
.contentCont a img:hover {
	opacity: 0.8;
}
/**************************/
/* 両端Padding */
.p10 {
	padding: 0 10px;
}
.p15 {
	padding: 0 15px;
}
.p20 {
	padding: 0 20px;
}
/**************************/
/* ●UL */
ul.circle {
	margin: 15px 10px 5px 20px;
}
ul.circle li {
	list-style: disc inside;
	padding: 3px 0;
	margin: 0 0 10px 0;
}
/* ■UL */
ul.square {
	margin: 15px 20px 5px 20px;
}
ul.square li {
	list-style: square inside;
	padding: 3px 0;
}
/**************************/
/*** TOP ***/
/* slick */
* {
	box-sizing: border-box;
}
.slider {
	width: 980px;
	margin: 8px auto;
	text-align: center
}
.slick-slide {
	margin: 0px auto;
}
.slick-slide img {
	width: 980px;
	height: 336px;
	/*object-fit: cover;*/
}
.slick-prev:before,
.slick-next:before {
	color: black;
}
.slick-slide {
	transition: all ease-in-out .3s;
	opacity: .4;
}
.slick-active {
	opacity: .5;
}
.slick-current {
	opacity: 1;
}
/* slick flame */
.topSlide {
	background: #000;
	margin: 0;
	padding: 1px 0;
	height:354px;
	text-align: center
}
/*** 右フレーム ***/
.rightWrapper {
	float: right;
	width: 252px;
}
/** NEW **/
.newArea {
	height: 254px;
	margin-bottom: 50px;
}
.newTitle {
	 padding: 3px 5px 0 5px;
	 line-height: 100%;
	 background: #000;
}
.newTitle img {
	 width: 65px;
	 height: 16px;
}
.newDL {	
	margin: 0 3px;
	height: 220px;
	overflow: auto;
}
.newDL dt {	
	background: url(../images/iNew.png) no-repeat 10px 11px;
	background-size: 9px 9px;
	padding: 6px 0 0 24px;
	font-size: 14px;
	color: #555;
	text-align: left;
	border-top: 1px dotted #999;
}
.newDL dd {	
	padding: 0 8px 5px 8px;
	font-size: 14px;
	text-align: left;
}
.newDL dt:first-child {	
	border-top: none;
}
/** contactBox **/
.contactBox {
	border: 1px solid #CCC;
	padding: 20px 40px 20px 15px;
	background: url(../images/iArrowTm.png) no-repeat 98% 18px;
	background-size: 25px 25px;
}
.contactBox:hover {
	opacity: 0.8;
}
.contactBox img {
	width: 107px;
	height: 18px;
}
.contactBox p.contactText {
	padding: 3px 0 0 10px;
	font-size: 13px;
	color: #000;
}
/*** 左フレーム ***/
.leftWrapper {
	margin-right: 252px;
}
/** topBOX **/
.topBox {
	display: block;
	width: 221px;
	height: 283px;
	border: 1px solid #CCC;
	float: left;
	margin: 0 20px 20px 0;
	background-repeat: no-repeat no-repeat;
	background-position: 0 0,99% 42px;
	background-size: 13px 97px,25px 25px;
}
.topBox:hover {
	opacity: 0.8;
}
/* topBox title */
.topBox p.boxTitle {
	 height: 76px;
	 padding: 15px 0 0 17px;
}
.topBox p.boxTitle img {
	 width: 156px;
	 height: 18px;
}
/* topBox Photo */
.topBox p.boxPhoto {
	text-align: center;
}
.topBox p.boxPhoto img {
	width: 205px;
	height: 110px;
}
/* topBox text */
.topBox p.boxText {
	font-size: 13px;
	color: #000;
	padding: 0 15px;
}
/* Aisatsu */
.topBox.Aisatsu {
	background-image: url(../images/bgT1.png), url(../images/iArrowTm.png);
}
/* About */
.topBox.About {
	background-image: url(../images/bgT2.png), url(../images/iArrowTm.png);
}
/* Process */
.topBox.Process {
	background-image: url(../images/bgT3.png), url(../images/iArrowTm.png);
}
/* Performance */
.topBox.Performance {
	background-image: url(../images/bgT4.png), url(../images/iArrowTm.png);
}
/* Publishing */
.topBox.Publishing {
	background-image: url(../images/bgT5.png), url(../images/iArrowTm.png);
}
/* Q&A */
.topBox.QA {
	background-image: url(../images/bgT6.png), url(../images/iArrowTm.png);
}
/****/
/* 3番目のMARGIN－RIGHTを０にする */
.topPhoto li:nth-child(3n) {
	margin-right: 0;
}
/**************************/
/********** コンテンツ共通 **********/
.tTitle {
	display: block;
}
.tTitle img {
	width: 980px;
	height: 245px;
	border-top: 3px solid #000;
	border-bottom: 3px solid #000;
}
.tTitleSP {
	display: none;
}
/*** あいさつ ***/
.topMessage {
	float: right;
	margin: 0;
	padding: 0 0 15px 20px;
	width: 220px;
	font-size: 13px;
	line-height: 140%;
}
.topMessage img {
	 width: 200px;
	 height: auto;
	 margin: 0;
	 padding: 0;
	 border: 1px solid #CCC;
}	
/**************************/
/*** 会社概要 ***/
/* company data */
.companyData {
	border-bottom: 1px solid #999;
}
.companyData dt {
	clear: left;
	float: left;
	border-top: 1px solid #999;
	width: 25%;
	padding: 10px 0 10px 18px;
	text-align: left;
	background: url(../images/iCompany.png) no-repeat 3px 19px;
	background-size: 9px 9px;
}
.companyData dd {
	border-top: 1px solid #999;
	padding: 10px 2%;
	text-align: left;
	margin-left: 25%;
}
.gMap {
	width: 100%;
	height: 600px;
	border: 1px solid #CCC;
}
/*** 調査実績 ***/
/* BGエリア */
div.bgdPerformance {
	background-image: url(../images/pPerformance4.jpg), url(../images/pPerformance5.jpg);
	background-repeat: no-repeat, no-repeat;
	background-position: 99% 0, 0 99%;
	background-size: 250px 371px,250px 286px;
}
div.bgpPerformance {
	background-color: rgba(255, 255, 255, 0.6);
	padding: 10px 10px 230px 100px;
}
div.bgpPerformance ul {
	margin: 0 0 20px 0;
}
div.bgpPerformance ul li {
	background: url(../images/iPerformance.png) no-repeat 0 14px;
	background-size: 9px 9px;
	padding: 5px 0 5px 15px;
}
/*** 出版物 ***/
.tableBook {
	width: 100%;
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
}
.tableBook th {
	text-align: center;
	font-weight: normal;
	border-bottom: 1px solid #CCC;
	border-right: 1px solid #CCC;
	padding: 1px;
	font-size: 13px;
	color: #FFF;
	background: #333;
}
.tableBook td {
	border-bottom: 1px solid #CCC;
	border-right: 1px solid #CCC;
	padding: 6px 3px;
	font-size: 14px;
	text-align: right;
	line-height: 140%;
}
.tableBook td.ct {
	text-align: center;
}
.tableBook td.lf {
	text-align: left;
}
.tableBook td.vt {
	vertical-align: top;
}
.tableBook tr {
	background: #F4F3F0;
}
/* 2番目のBACKGROUNDを白にする */
.tableBook tr:nth-child(2n) {
	background: #FFF;
}
/**************************/
/*** Q&A ***/
.qaFrame {
	margin: 40px 0 60px 0;
	padding: 20px 30px;
	border: 2px solid #B5B9CA;
	border-radius: 10px;
}
.qaFrame p {

}
.qaFrame p.question {
	color: #444;
	font-weight: bold;
	font-size: 120%;
	margin: 14px 0 0 0;
}
.qaFrame p.answer {
	line-height: 180%;
	padding-top: 8px;
	margin: 14px 0 0 0;
}
.qaFrame h4 {
	font-size: 32px;
	font-family: "Times New Roman", Times, serif;
	float: left;
	background-color: #FFF;
	padding: 0 0 0 0;
}
.qaFrame h4.question {
	color: #66C;
	margin-right: 3px;
}
.qaFrame h4.answer {
	color: #C99;
}
.qaLine {
	height: 1px;
	margin: 10px 0;
	border-top: 1px dotted #999;
}
p.Golink {
	margin: 10px 0;
	padding: 0 0 0 10px;
	background: url(../images/iArrowC.png) no-repeat 0 9px;
	background-size: 7px 8px;
}
/**************************/
/*** PROCESS ***/
/* PROCESS */
.prProcess {
	width: 70%;
	float: left;
}
.wrapperPR {
	border-radius: 14px;
	padding: 20px 15px;
	background: #E9E7DE;
}
.wrapperPR h4 {
	font-weight: normal;
	font-size: 17px;
	line-height: 140%;
	margin: 0 0 10px 0;
	padding: 3px 10px 1px 10px;
	color: #FFF;
	background-color: #000;
}
.wrapperPR .official {
	padding: 10px 15px;
	font-size: 15px;
}
.special {
	background: #FFF;
	padding: 8px;
	border-radius: 10px;
}
.wrapperPR h5 {
	font-weight: normal;
	margin: 2px 0 2px 0;
	padding: 3px 10px 0 24px;
	color: #000;
	background: url(../images/iCompany.png) #B9E2F9 no-repeat 10px 50%;
	border-radius: 17px;
}
/* PHOTO */
.prPhoto {
	width: 25%;
	float: left;
	margin: 0 0 0 5%;
}
.prPhoto p {
	line-height: 110%;
	font-size: 13px;
	text-align: right;
	margin-bottom: 100px;
	padding: 0;
}
.prPhoto img {
	width: 100%;
	height: auto;
	border: 1px solid #CCC;
}
/**************************/
/*** CONTACT ***/
/* フォーム関連 */
#formWrap {
	width: 100%;
	padding: 0 0 20px 0;
}
table.formTable {
	width: 100%;
	margin: 0 auto;
	border-collapse:collapse;
}
table.formTable td {
	padding: 3px 1% 20px 1%;
	text-align:left;
	width: 78%;
	line-height: 140%;
	font-size: 15px;
}
table.formTable th {
	width: 16%;
	font-weight: normal;
	text-align:right;
	padding: 3px 1% 20px 1%;
	line-height: 140%;
	font-size: 15px;
}
table.formTable span {
	color: #F06;
	margin-left: 6px;
	font-weight: normal;
	font-size: 80%;
}
p.error_messe {
	margin:5px 0;
	color:red;
}
/* フォーム関連 */
table.formTable input[type="text"], table.formTable textarea {
	font-size: 100%;
	padding: 6px 1%;
	width: 80%;
	-webkit-appearance: none;
}
/* サブミットボタン */
.bSubmit {
	display: inline-block;
	border: solid 1px #CCC;
	border-radius: 6px;        /* CSS3草案 */  
	-webkit-border-radius: 6px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 6px;   /* Firefox用 */
	background: #6587D6;
	padding: 10px 35px;
	margin: 0 10px 20px 10px;
	font-size: 16px;
	color: #FFF;
	text-transform: uppercase;
	font-weight: bold;
	height: 50px;
	cursor: pointer;
	text-align: center;
	width: 30%;
	-webkit-appearance: none;
}
/* リセットボタン */
.bReset {
	display:inline-block;
	border: solid 1px #CCC;
	border-radius: 4px;        /* CSS3草案 */  
	-webkit-border-radius: 4px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 4px;   /* Firefox用 */
	background: #DDD;
	padding: 10px 10px;
	margin: 0 10px 20px 10px;
	font-size: 15px;
	color: #333;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	text-transform: uppercase;
	font-weight: bold;
	height: 50px;
	cursor: pointer;
	text-align: center;
	width: 26%;
	-webkit-appearance: none;
}
.bSubmit:hover, .bReset:hover {
	opacity: 0.8;
}
/* お問い合わせ注意書き */
ul.contactUL {
	margin: 60px 0 10px 0;
}
ul.contactUL li {
	background: url(../images/iCircle.png) no-repeat 0 10px;
	background-size: 10px 10px;
	padding: 5px 0 5px 13px;
	font-size: 15px;
	line-height: 150%;
}
/**************************/
/*** プライバシー ***/
ol.privacy {
	list-style: decimal;
	margin-left: 20px;
}
ol.privacy li {
	list-style: decimal;
	padding-bottom: 15px;
}
/* 各ページのリンクボタン */
.pPolicy {
	margin: 100px 0 3px 0;
	font-size: 12px;
	text-align: left;
}
.pPolicy a {
	color: #000;
}
.pPolicy ul li {
	display: inline-block;
	background: url(../images/iArrowC.png) no-repeat left 6px;
	padding: 0 0 0 10px;
}
/**************************************************************************************************/
/* TB */
@media only screen and (max-width: 980px) and (orientation: landscape) {
  /* Portraitモード（縦向き）用 */
	.container {
		min-height: ;
		max-height: ;
	}
}
@media only screen and (max-width: 768px) and (orientation: portrait) {
  /* Portraitモード（縦向き）用 */
	.container {
		min-height: ;
		max-height: ;
	}
}
@media only screen and (max-width: 980px) {
/*******/
	.vpc { 
		display: none;
	}
	.vtb {
		display: block;
	}
	.vsp { 
		display: none;
	}
	.vPT {
		display: block;
	}
	.vTS {
		display: block;
	}
/*******/
	body {
		width: 100%;
		overflow-x: hidden;
		min-width: 980px;
	}
	/* LINK */
	/* 通常リンク */
	a {
		text-decoration: none;
	}
	a:link, a:visited {
		color: #06C;
	}
	a:hover {
		color: #06C;
	}
	a:active {
		color: #06C;
	}
	a:hover, a:active, a:focus {
		text-decoration: none;
	}
/*******************/
/* HEADER */
	#header h1 img {
		width: 170px;
		height: auto;
	}
	#header .hMenu ul li span {
	font-size: 22px;
	margin-left: 3px;
	}
/* HEADER MENU */
	.nav {
		margin: 10px 0 20px 190px;
		text-align: center;
		height: 50px;
	}
	.nav ul {
		width: auto;
		margin: 0 auto;
	}
	.nav ul li {
		display: inline-block;
		padding: 8px auto 5px auto;
		margin: 0 0 0 0;
		min-width: 80px;
	}
	.nav ul li a {
		padding: 8px auto 5px auto;
	}
	.nav ul li a:hover {
		color: #000;
	}
/* SIDEMENU */
	.navCont {
		width: 20%;
	}
	.navCont ul li {
		margin: 0 1% 18px 5%;	
	}
	.navCont ul li a:hover p {
		background: url(../images/iArrowM.png) #FFF no-repeat 15px 50%;
		background-size: 7px 6px;
	}
/*************************************************/
/* このページの上へ */
	.page-top:hover {
		opacity: 0.8;
	}
/*************************************************/
	.container {
		width: 100%;
	}
	.content {
		padding: 0 5px;
	}
	.content a img:hover {
		opacity: 1;
	}
	.p10 {
		padding: 0 10px;
	}
	.p15 {
		padding: 0 15px;
	}
	.p20 {
		padding: 0 20px;
	}
/* CONTENT for CONTENT */
	.contentCont {
		padding: 0 5%;
		margin: 20px 0 20px 0;
		text-align: left;
		float: right;
		width: 80%;
	}
	.contentCont a img:hover {
		opacity: 1;
	}
/*************************************************/
/*** TOP ***/
/* slick */
	.slider {
		width: 100%;
		margin: 8px 0 10px 0;
	}
	.slick-slide {
		margin: 0 auto;
	}
	.slick-slide img {
		width: 100%;
		height: 334px;
	}
	/* slick flame */
	.topSlide {
		background: #000;
		margin: 0;
		padding: 1px 0;
		height: 352px;
		text-align: center;
	}
/*** 右フレーム ***/
	.rightWrapper {
		float: right;
		width: 25%;
	}
/** NEW **/
	.newDL {	
		margin: 0 1%;
	}
	.newDL dd {	
		padding: 0 1% 5px 1%;
	}
/** contactBox **/
	.contactBox {
		border: 1px solid #CCC;
		padding: 20px 0 20px 10px;
	}
	.contactBox:hover {
		opacity: 1;
	}
	.contactBox p.contactText {
		padding: 3px 0 0 0;
		font-size: 13px;
	}
/*** 左フレーム ***/
	.leftWrapper {
		margin-right: 25%;
	}
/** topBOX **/
	.topBox {
		width: 30%;
		margin: 0 2% 20px 0;
	}
	.topBox:hover {
		opacity: 1;
	}
	.topBox p.boxTitle img {
		 width: 80%;
		 height: auto;
	}
	/* topBox Photo */
	.topBox p.boxPhoto img {
		width: 93%;
		height: auto;
	}
/**************************/
	.tTitle img {
		width: 100%;
		height: none;
	}
/*** 問い合わせ ***/
	.bSubmit:hover, .bReset:hover {
		opacity: 1;
	}
/* 各ページのリンクボタン */
	.pPolicy {
		margin: 150px 0 3px 10px;
		font-size: 12px;
		text-align: left;
	}
	.pPolicy a {
		color: #000;
	}

}
/**************************************************************************************************/
/* SP */
@media only screen and (max-width: 768px) and (orientation: landscape) {
  /* Portraitモード（縦向き）用 */
	.container {
		min-height: ;
		max-height: ;
	}
}
@media only screen and (max-width: 480px) and (orientation: portrait) {
  /* Portraitモード（縦向き）用 */
	.container {
		min-height: ;
		max-height: ;
	}
}
@media only screen and (max-width: 740px) {
/*******/
	.vpc { 
		display: none;
	}
	.vtb {
		display: none;
	}
	.vsp { 
		display: block;
	}
	.vPT {
	display: none;
	}
	.vTS {
		display: block;
	}
/*******/
	body {
		overflow-x: hidden;
		width: 100%;
		min-width: 320px;
	}
/* HEADER */
	#header {
		height: 42px;
		margin: 0;
		padding: 8px 0 0 1%;
		width: 100%;
	}
/* header Logo */
	#header h1 {
		margin: 0 0 0 2px;
		color: #000;
		font-size: 9px;
		font-weight: normal;
	}
	#header h1 img {
		width: 120px;
		height: auto;
		margin-top: 0;
	}
	#header .hMenu {
		float: right;
		margin: -3px 1% 0 0;
		width: 30px;
	}
	#header .hMenu img {
		width: 24px;
		height: 24px;
	}
	#header a {
		text-decoration: none;
		color: #000;
	}
	#header a:hover {
		opacity: 1;
	}
/* HEADER MENU */
	/*** GLOBALnavi ***/
	#globalNavi {
		margin: 0;
		padding: 0;
		width: 100%;
		height: auto;
		display: none;
		background: #333;
		filter: alpha(opacity=9);
		-moz-opacity: 0.9;
		opacity: 0.9;
		 filter: alpha(opacity=90);
		-moz-opacity: 0.9;
		opacity: 0.9;
		color: #FFF;
		position: fixed;
		z-index: 9000;
		top: 0;
		left: 0;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
	}
	#globalNavi ul {
		margin: 10px 0;
		padding: 0;
	}
	#globalNavi li {
		display: block;
		text-indent: 0;
		float: left;
		width: 48%;
		height: 60px;
		margin: 10px 1% 10px 1%;
		padding:  10px 2% 20px 2%;
		border: 1px solid #CCC;
		font-size: 14px;
		text-align: center;
		-webkit-text-size-adjust: none;
		line-height: 160%;
	}	
	#globalNavi li a {
		color: #FFF;
	}
	#globalNavi li:hover {
	}
/* HEADER MENU */
	.nav ul li {
		border-right: none;
		background: none;
	}
	.nav ul li:first-child {
		border-left: none;
		margin-left: 0;
		padding-left: 0;
	}
	.nav ul li.menuHome {
		display: block;
	}
	.b_list_close {
		margin: 0;
		padding: 15px 0;
		background: #000;
		font-size: 14px;
	}
/* SIDEMENU */
	.navCont {
		float: none;
		width: 100%;
		margin: 100px 0 0 0;
		padding: 10px 10px 40px 10px;
		text-align: left;
		background: #DDD;
	}
	.navCont ul {
		margin: 0;
	}
	.navCont ul li {
		display: inline-block;
		padding: 0;
		margin: 10px 20px 10px 0;
		border: none;
		font-size: 13px;
		line-height: 140%;
		text-align: left;
	}
	.navCont ul li p {
		display: inherit;
		padding: 0 0 0 10px;
		height: auto;
		color: #000;
	}
	.navCont ul li a p {
		color: #000;
		background-color: none;
		background: url(../images/iArrowM.png) no-repeat 0 50%;
		background-size: 7px 6px;
	}
	.navCont ul li a:hover p {
		color: #000;
		background-color: none;
		background: url(../images/iArrowM.png) no-repeat 0 50%;
		background-size: 7px 6px;
	}
	.navCont ul li.current a p {
		color: #000;
		background-color: none;
		background: url(../images/iArrowM.png) no-repeat 0 50%;
		background-size: 7px 6px;
	}
/*************************************************/
/* footer */
	#footer {
		margin: 0 0 0 0;
	}
/*************************************************/
	.page-top {
		float:right;
		text-indent: -9999px;
		display: block;
		width: 40px;
		height: 40px;
		background: url(../images/iPagetop.png) #BBB no-repeat 50% 50%;
		background-size: 20px 20px;
		padding: 0 0 0 0;
	}
/*************************************************/
	.container {
		width: 100%;
	}
	.content {
		padding: 0 5px;
	}
	.p10 {
		padding: 0 10px;
	}
	.p15 {
		padding: 0 10px;
	}
	.p20 {
		padding: 0 10px;
	}
/* CONTENT for CONTENT */
	.contentCont {
		padding: 0 3%;
		margin: 20px 0 20px 0;
		text-align: left;
		float: none;
		width: 100%;
	}
/**************************/
/* ●UL */
	ul.circle {
		margin: 15px 10px 5px 20px;
	}
	ul.circle li {
		list-style: disc inside;
		padding: 3px 0;
	}
/* ■UL */
	ul.square {
		margin: 15px 10px 5px 10px;
	}
	ul.square li {
		list-style: square inside;
		padding: 3px 0;
	}
/**************************/
/* H */
	h2 {
		font-size: 22px;
	}
/*************************************************/
/* TOP */
/* slick */
	.slider {
		width: 100%;
		margin: 5px auto;
		text-align: center
	}
	.slick-slide {
		margin: 0 0;
	}
	.slick-slide img {
		width: 100%;
		height: auto;
		border-top: 3px solid #000;
		border-bottom: 3px solid #000;
	}
	/* slick flame */
	.topSlide {
		background: none;
		height: auto;
	}
/*** 右フレーム ***/
	.rightWrapper {
		float: none;
		width: 100%;
	}
/** NEW **/
	.newArea {
		height: 200px;
		margin-bottom: 50px;
		overflow-y: auto;
	}
	.newDL {	
	margin: 0 3px;
	height: auto;
	}
/** contactBox **/
	.contactBox {
		margin-top: 60px;
		border: 1px solid #CCC;
		padding: 24px 2% 20px 2%;
		background: url(../images/iArrowTm.png) no-repeat 98% 50%;
		background-size: 20px 20px;
		width: 46%;
	}
	.contactBox:hover {
		opacity: 1;
	}
	.contactBox img {
		width: 78%;
		height: auto;
	}
	.contactBox p.contactText {
		padding: 3px 0 0 0;
		font-size: 13px;
	}
/*** 左フレーム ***/
	.leftWrapper {
		margin-right: 0;
	}
/** topBOX **/
	.topBox {
		display: block;
		width: 49%;
		height: 280px;
		border: 1px solid #CCC;
		float: left;
		margin: 0 2% 20px 0;
		background-size: 13px 97px,20px 20px;
	}
	.topBox:hover {
		opacity: 1;
	}
	/* topBox title */
	.topBox p.boxTitle {
		 height: 70px;
		 padding: 15px 0 0 15px;
	}
	.topBox p.boxTitle img {
		 width: 90%;
		 height: auto;
	}
	/* topBox Photo */
	.topBox p.boxPhoto img {
		width: 91%;
		height: auto;
	}
	/* topBox text */
	.topBox p.boxText {
		font-size: 13px;
		padding: 0 2%;
	}
/* 2番目のMARGIN－RIGHTを０にする */
	.topBox:nth-child(2n) {
		margin-right: 0;
	}
/**************************/
/********** コンテンツ共通 **********/
	.tTitle {
		display: none;
	}
	.tTitleSP {
		display: block;
	}
	.tTitleSP img {
		width: 100%;
		height: auto;
		border-top: 3px solid #000;
		border-bottom: 3px solid #000;
	}
/**************************/
	/*** あいさつ ***/
	.topMessage {
		float: none;
		margin: 0 0 40px 0;
		padding: 0 5% 0 5%;
		width: 100%;
	}
	.topMessage img {
		 width: 100%;
		 height: auto;
	}
/**************************/	
	/*** 会社概要 ***/
	/* company data */
	.companyData {
		border-top: 1px solid #999;
		border-left: 1px solid #999;
		border-right: 1px solid #999;
		border-bottom: none;
		background: #EEE;
	}
	.companyData dt {
		clear: left;
		float: none;
		border-top: none;
		width: 96%;
		padding: 8px 1% 8px 18px;
		text-align: left;
		line-height: 100%;
		background: url(../images/iCompany.png) no-repeat 3px 50%;
	}
	.companyData dd {
		border-top: 1px solid #999;
		border-bottom: 1px solid #999;
		border-left: none;
		padding: 10px 3%;
		margin-left: 0;
		background: #FFF;
	}
	.gMap {
		width: 100%;
		height: 300px;
	}
/*** 出版物 ***/
	.tableBook {
		width: 100%;
	}
	.tableBook th {
		padding: 0 0.5%;
		font-size: 11px;
	}
	.tableBook td {
		padding: 6px 1%;
		font-size: 13px;
	}
/*** 調査実績 ***/
	/* BGエリア */
	div.bgdPerformance {
		background-image: none;
	}
	div.bgpPerformance {
		background-color: none;
		padding: 10px 10px 10px 10px;
	}
/*** PROCESS ***/
	/* PROCESS */
	.prProcess {
		width: 100%;
		float: none;
	}
	.wrapperPR {
		border-radius: 14px;
		padding: 20px 15px;
		background: #E9E7DE;
	}
	.wrapperPR h4 {
		font-weight: normal;
		font-size: 17px;
		line-height: 140%;
		margin: 0 10px 10px 0;
		padding: 3px 10px 1px 10px;
		color: #FFF;
		background-color: #000;
	}
	.wrapperPR .official {
		padding: 10px 15px;
		font-size: 15px;
	}
	.special {
		background: #FFF;
		padding: 8px;
		border-radius: 10px;
	}
	/* PHOTO */
	.prPhoto {
		width: 100%;
		float: none;
		margin: 60px 0 0 0;
	}
	.prPhoto p {
		line-height: 110%;
		font-size: 13px;
		text-align: right;
		margin: 0 1% 30px 1%;
		padding: 0;
		float: left;
		width: 46%;
	}
	.prPhoto img {
		width: 100%;
		height: auto;
		border: 1px solid #CCC;
	}
/*** CONTACT ***/
	/* フォーム関連 */
	table.formTable td {
		padding: 3px 1% 20px 1%;
		text-align:left;
		width: 78%;
		line-height: 140%;
		font-size: 14px;
	}
	table.formTable th {
		width: 20%;
		font-weight: normal;
		text-align:right;
		padding: 3px 0 20px 0;
		line-height: 140%;
		font-size: 14px;
	}
	table.formTable span {
		color: #F06;
		margin-left: 6px;
		font-weight: normal;
		font-size: 80%;
	}
	p.error_messe {
		margin:5px 0;
		color:red;
	}
	/* フォーム関連 */
	table.formTable input[type="text"], table.formTable textarea {
		font-size: 100%;
		padding: 6px 2%;
		width: 96%;
		-webkit-appearance: none;
	}
	/* サブミットボタン */
	.bSubmit {
		display: block;
		border: solid 1px #CCC;
		border-radius: 6px;        /* CSS3草案 */  
		-webkit-border-radius: 6px;    /* Safari,Google Chrome用 */  
		-moz-border-radius: 6px;   /* Firefox用 */
		background: #6587D6;
		padding: 10px 10px;
		margin: 0 1% 40px 1%;
		font-size: 18px;
		color: #FFF;
		text-transform: uppercase;
		font-weight: bold;
		height: 50px;
		cursor: pointer;
		text-align: center;
		width: 98%;
		-webkit-appearance: none;
	}
	/* リセットボタン */
	.bReset {
		display:block;
		border: solid 1px #CCC;
		border-radius: 4px;        /* CSS3草案 */  
		-webkit-border-radius: 4px;    /* Safari,Google Chrome用 */  
		-moz-border-radius: 4px;   /* Firefox用 */
		background: #DDD;
		padding: 10px 10px;
		margin: 0 1% 40px 1%;
		font-size: 17px;
		color: #333;
		font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
		text-transform: uppercase;
		font-weight: bold;
		height: 50px;
		cursor: pointer;
		text-align: center;
		width: 98%;
		-webkit-appearance: none;
	}


}