/*************************************************************************************************************
			Extra Large (1200px）　PC（大）用
**************************************************************************************************************/

/****************************************

			共通項目
			   
****************************************/

/*-------------------------- */
/*        bootstrap          */
/*-------------------------- */

/* グリッド用 */
.container {
    width: 100% !important;
}
/* (トップページ以外）グロナビ背景 */
.navbar_bg {
    width: 100% !important;
	background-color:#fff;
	height:50px;
}

/* メニュー外枠 */
.navbar {
	position:absolute !important;
	width:100%;
	margin-left:auto;
	margin-right:auto;
	border-radius:0px !important;
	margin-bottom:0px !important;
	border:none !important;
	z-index: 100;
	background-image: none;
	height:50px;
}

/* ブラックの背景とホワイトのテキスト */
.navbar-inverse {
	background-image: none !important;
	background-color:rgba(0,0,0,0.00)!important;
	z-index: 100;
	float:right !important;
}
/* デフォルトで768未満でトグルに切り替わる→991pxに変更 */
.navbar-header {
	height:50px;
}
/* タイトル（ロゴ） */
.navbar-brand {
	float:left;
	width:140px;
	margin-top:0px;
	margin-left:0px;
}


/* ロゴ */
.logo{
	position:absolute;
	display: block;
	top:0px;
	z-index:9999;
}
.logo img{
	height:40px;
	width: auto;
	margin-top:-30px;
}
.logo a{
	border: none;
}

/* グロナビ */
.navbar-nav {
	float:right !important;
	margin-top:14px;
}
.navbar-collapse a {
	color:#000　!important;
	background-image: none !important;
	float:right !important;
}

.navbar-inverse .navbar-nav > li {
	/*width:16%;*/
	text-align:center;
}
.navbar-inverse .navbar-nav > li > a {
	color:#000 !important;
	font-size:16px;
}
.navbar-inverse .navbar-nav > li > a:hover {
	color:#000 !important;
	text-decoration:underline;
}
.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
	background-color:rgba(0,0,0,0.00)!important;
}
.navbar-inverse .navbar-toggle {
	border-color:rgba(0,0,0,0.00) !important;
}








/*-------------------------- */
/*        オリジナル         */
/*-------------------------- */
html{font-size: 62.5%}
/*  PCのブラウザで基準フォントサイズが通常16pxとなってるものを10pxにしてremの計算をしやすくするため   */

body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}
a{
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}

/* PC：80%、スマホ：100% */
.navbarinner_waku {
	width:85%;
	max-width: 1100px;
	margin-left:auto;
	margin-right:auto;
}

/* 見出し */
.midashtext{
	width:100%;
	margin-top:20px;
	font-size:40px;
	font-weight:bold;
	text-align:center;
}
.midashtext2 {
	width:100%;
	margin-top:20px;
	font-size:30px;
	font-weight:bold;
	text-align:center;
}
/* ライン */
.line_bg{
	background-image:url(image/line.jpg);
	height:3px;
	background-position:center;
}

.navbar-collapse {
    padding: 0;
}
.navbar-brand {
    padding: 0;
}
h1#info_k {
	width:100%;
	max-width:1100px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:5px;
	margin-top:3px;
	padding:0px;
	font-size:11px;
}

.introTxt {
    text-align: center;
    font-size: 130%;
    line-height: 1.6;
    margin: 0 0 40px 0;
}






.goKenzaiNavi {
	display: block;
	width: 70%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 8%;
}
.goKenzaiNavi {
    width: 320px;
    margin-top: 20px;
}

.goKenzaiNavi__sp {
	display: none;
}

.goKenzaiNavi a.button {
	width: 100%;
	position: relative;
	display: block;
	background-color: #DD0000;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
	font-size: 2.2rem;
	letter-spacing: 2px;
	padding-top: 2.4%;
	padding-bottom: 2.4%;
 	text-decoration: none;
	transition: .3s;
/*	border-bottom: 5px solid #FFBCBD;
	border-top: 5px solid #FFBCBD;*/
}





.goKenzaiNavi a.button:hover{
	text-decoration: none;
}
.goKenzaiNavi a.button::before {
	width: 100%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  content: '';
  background: #FFBCBD;
  transform-origin: center center;
  transform: scale(0, 1);
  transition: transform .3s;
}



.goKenzaiNavi a.button:hover::before {
  transform: scale(1, 1);
}
.goKenzaiNavi a.button:hover::after {
	content: "建材ナビを見る";
	position: absolute;
	padding-top: 2.4%;
	padding-bottom: 2.4%;
	letter-spacing: 2px;
	top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2000;
	color: #DB0000;
}


/****************************************/
/*               メイン　　　　　　　　　　　*/
/****************************************/

.guideWarp {
	margin-left:auto;
	margin-right:auto;
	margin: 0px;
	padding: 0px;
}

h3 {/*  ******  */
	/*width: 65%;*/
	width: 70%;
	margin-left:auto;
	margin-right:auto;
	border-bottom: 1px solid #8B8B8B;
	padding-bottom: 2px;
	text-align: center;
	font-size: 3.6rem;
	margin-bottom: 40px;
	letter-spacing: 2px;
	font-family: a-otf-midashi-go-mb31-pr6n, sans-serif;
	font-style: normal;
	font-weight: 600;
	margin-top: 0;
	padding: 0 0 8px;
}

/*#matching h3 {
	font-size: 4rem;
}*/
#matching .subtitle {
	font-size: 3rem;
	padding: 20px;
	text-align: center;
}
#matching .subtitletext,
.subtitletext{
	font-size: 1.8rem;
	padding: 0 10px 20px;
	text-align: center;
}

.underyellow {
    background: linear-gradient(transparent 60%, #F6DE2B 60%) !important;
}

#matching .subtitletext {
	font-size: 2.8rem;
	padding: 0 10px 20px;
	text-align: center;
	font-family: 游ゴシック;
    font-weight: bold;
}

/****************************************/
/*              TOPBOX　　　　　　　　　　　*/
/****************************************/

.Kari {
	background-color: #D0D0D0;
}

/*#testBox {
	width: 100%;
	background-color: #8A2A2C;
	position: relative;
	padding-top: 40%;
	background-image: url("imgNew/topImg.jpg");
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: 100% auto;
}
#te1 {
	position: absolute;
	bottom: 0;
	background-color: aquamarine;
	display: block;
	width: 100%;
}*/




#topBox {
	width: 100%;
	padding-top: 40%;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	background-image: url("imgNew/topImg_202505.jpg");
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: 0% bottom;
}



#topText {
	width: 100%;
	position: absolute;
	/*top: 0;*/
	left: 0;
	padding-top: 3%;
    bottom: 0;
}
#topText p#topBoxtitle__sp {
	display: none;
}
#topText p#topBoxtitle {
	display: block;
	width: 62%;
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 2%;
	padding-right: 2%;
	padding-top: 1%;
	padding-bottom: 1%;
	margin-bottom: 0px;
	font-family: fot-rodin-pron, sans-serif;
	font-size: 2.5rem;
	letter-spacing: 2px;
	background-color: rgba(255,255,255,0.60);
	/*color: #004D94;*/
	text-align: center;
}

#topText svg {
	display: block;
	width: 20%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 30px;
}


#topText p#topBoxText1 {
	color: #000000;
	text-align: center;
	font-size: 3.8rem;
	letter-spacing: 0px;
	padding-top: 1%;
	margin-bottom: 1%;
font-family: source-han-sans-japanese, sans-serif;
font-weight: 900;
font-style: normal;
    line-height: 1.2;
}



#topBox p#topBoxText2 {
	display: block;
	color: #FFFFFF;
	text-align: center;
	font-size: 1.8rem;
	letter-spacing: 4px;
	line-height: 1.4em;
	padding-top: 1.5%;
	padding-bottom: 1.5%;
	margin-bottom: 0%;
font-family: source-han-sans-japanese, sans-serif;
font-weight: 600;
font-style: normal;
	width: 100%;
	background-color: rgba(0,0,0,0.60);
	position: absolute;
	bottom: 0;
}
#topBox p#topBoxText2__sp {
	display: none;
}
#topText_triangleBox {
	width: 60px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0%;
}
#topText_triangle {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 30px 30px 0 30px;
	border-color: rgba(255,255,255,0.60) transparent transparent transparent;

}


/*#topContact a {
	width: 30%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 5.6%;
	display: block;
	background-color: #CF0003;
	color: #FFFFFF;
	text-align: center;
	padding-top: 1.2%;
	padding-bottom: 1.2%;
	font-size: 2.0rem;
font-family: source-han-sans-japanese, sans-serif;
font-weight: 700;
font-style: normal;
}
#topContact a:hover {
	text-decoration: none;
	background-color: #FF8385;
}*/
	
#topContact {
	display: block;
	width: 40%;
	margin-left: auto;
	margin-right: auto;
	/*! margin-bottom: 5.6%; */
    margin-bottom: 10%;
}
#topContact__sp {
	display: none;
}
#topContact a.button {
	width: 100%;
	position: relative;
	display: block;
	background-color: #CF0003;
	color: #FFFFFF;
	text-align: center;
	padding-top: 3.3%;
	padding-bottom: 3.3%;
	font-size: 2.0rem;
font-family: source-han-sans-japanese, sans-serif;
font-weight: 700;
font-style: normal;
 	text-decoration: none;
	transition: .2s;
/*	border-bottom: 5px solid #FFBCBD;
	border-top: 5px solid #FFBCBD;*/
}
#topContact a.button:hove {
	text-decoration: none;
}
#topContact a.button::before {
	width: 100%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  content: '';
  background: #FFBCBD;
  transform-origin: center center;
  transform: scale(0, 1);
  transition: transform .2s;
}
#topContact a.button:hover::before {
  transform: scale(1, 1);
}
#topContact a.button:hover::after {
	content: "掲載について問い合わせる";
	position: absolute;
	padding-top: 3.3%;
	padding-bottom: 3.3%;
	top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2000;
	color: #DB0000;
}



/****************************************/
/*  　　 建材ナビが選ばれる3つの理由　　　　　*/
/****************************************/
#threeRiyu {
	width:85%;
	max-width: 1100px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom: 100px;
	padding-top: 80px;
}

#threeRiyu h3 {
	display: block;
	letter-spacing: 2px;
	margin-bottom: 5%;
}
#threeRiyu h3 span {
	color: #D30003;
}
#threeRiyu h3.h3__sp {
	display: none;
}
.threeRiyuBox {
	width: 100%;
	margin-left:auto;
	margin-right:auto;
	margin-bottom: 7%;
}
.threeRiyuBox_L {
	width: 55%;
	float: left;
	margin-bottom: 0px;
}

#three1 .threeRiyuBox_L, #three3 .threeRiyuBox_L {
	padding-top: 2%;	
}

.threeRiyuBox_R {
	width: 43%;
	float: right;
	margin-bottom: 0px;
}

.threeRiyuBox_L h4 {
font-family: fot-rodin-pron,  sans-serif;
font-weight: 800;
font-style: normal;
	border-bottom: 2px solid #D90003;
	font-size: 2.4rem;	
	padding-bottom: 4px;
	margin-bottom: 10px;
}

.threeRiyuBox_L h4 span {
	color: #D30003;
	font-weight: bold;
}

.threeRiyuBox_L p {
	word-wrap: break-word;
	font-size: 1.4rem;
	padding-left: 3%;
	padding-right: 3%;
	line-height: 1.8em;
}

.threeRiyuBox_R img {
	width: 100%;
	height: auto;
}


/****************************************/
/*  　　 　        イメージ       　　　　　*/
/****************************************/

#image1Box {
	width: 100%;
	padding-top: 80px;
	padding-bottom: 100px;
	background-color: #FFEDED;
	/*margin-bottom: 8%;*/
}
#image1Box h3 {
	display: block;
	width: 90%;
	margin-left:auto;
	margin-right:auto;
	text-align: center;
	font-size: 4.0rem;
	border-bottom: none;
	margin-bottom: 20px;
	letter-spacing: 0px;
font-family: source-han-sans-japanese, sans-serif;
font-weight: 900;
font-style: normal;
}
#image1Box h3 span {
	font-size: 2.6rem;	
	color: #5A5A5A;
	letter-spacing: 0px;
}

#image1Box h3.h3__sp {
	display: none;
}

#image1Box h4 {
	display: block;
	width: 50%;
	margin-left:auto;
	margin-right:auto;
	padding-bottom: 1%;
	text-align: center;
	font-size: 4.6rem;
	border-bottom: 2px solid #D70003;
	margin-bottom: 50px;
	letter-spacing: 1px;
font-family: source-han-sans-japanese, sans-serif;
font-weight: 900;
font-style: normal;
}
#image1Box h4 span {
	font-size: 2.8rem;	
	color: #5A5A5A;	
	letter-spacing: 0px;
}

#image1Box h4.h4__sp {
	display: none;
}

#image1 {
	display: block;
	width: 80%;
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
}
#image1__sp {
	display: none;
}
#image1 img {
	width: 100%;
	height: auto;
}



/****************************************/
/*  　　 　  　　出展するなら 　　  　　　　　*/
/****************************************/
.goKenzai, .goCatanavi {
	display: block;
	width: 70%;
	margin-left: auto;
	margin-right: auto;
	/*margin-bottom: 8%;*/
}
.goCatanavi {
    width: 320px;
    margin-top: 20px;
}
.goKenzai__sp, .goCatanavi__sp {
	display: none;
}

.goKenzai a.button, .goCatanavi a.button {
	width: 100%;
	position: relative;
	display: block;
	background-color: #DD0000;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
	font-size: 2.2rem;
	letter-spacing: 2px;
	padding-top: 2.4%;
	padding-bottom: 2.4%;
 	text-decoration: none;
	transition: .3s;
/*	border-bottom: 5px solid #FFBCBD;
	border-top: 5px solid #FFBCBD;*/
}
.goKenzai a.button:hover,
.goCatanavi a.button:hover{
	text-decoration: none;
}
.goKenzai a.button::before,
.goCatanavi a.button::before {
	width: 100%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  content: '';
  background: #FFBCBD;
  transform-origin: center center;
  transform: scale(0, 1);
  transition: transform .3s;
}
.goKenzai a.button:hover::before,
.goCatanavi a.button:hover::before {
  transform: scale(1, 1);
}
.goKenzai a.button:hover::after {
	content: "掲載について問い合わせる";
	position: absolute;
	padding-top: 2.4%;
	padding-bottom: 2.4%;
	letter-spacing: 2px;
	top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2000;
	color: #DB0000;
}



/****************************************/
/*  　　 　  　　　　特徴　　 　　  　　　　　*/
/****************************************/

#tokutyo,
#interview{
	width:85%;
	max-width: 1100px;
	margin-left: auto;
	margin-right: auto;
	/*margin-bottom: 8%;*/
}

#tokutyo h3,
#interview h3{
	display: block;
	margin-bottom: 40px;
	width: 70%;
}
#tokutyo h3.h3__sp,
#interview h3.h3__sp {
	display: none;
}	

/*#tokutyo p.threeCopy {
	width: 100%;
	text-align: center;
	font-size: 2.0rem;
	margin-bottom: 20px;
	font-weight: 600;
	color: #666666;
}*/

#tokutyo p.threeText,
#interview p.threeText {
	width: 60%;
	margin-left: auto;
	margin-right: auto;
	font-size: 1.5rem;
	letter-spacing: 2px;
	margin-bottom: 35px;
}

#tokutyo ul,
#interview ul {
	width: 100%;
	padding: 0px;
}
#tokutyo li,
#interview li {
	list-style: none;
	display: block;
	background-color: #F3F3F3;
	/*height: 150px;   */
}
#tokutyo li:nth-child(-n+3),
#interview li:nth-child(-n+3) {
	list-style: none;
	width: 32%;
	/*background-color: #989898;   */
	margin-bottom: 40px;
}
#tokutyo li:nth-child(-n+2),
#interview li:nth-child(-n+2) {
	float: left;
	margin-right: 2%;
}
#tokutyo li:nth-child(3),
#interview li:nth-child(3) {
	float: right;
}

#tokutyo li:nth-child(n+4),
#interview li:nth-child(n+4) {
	list-style: none;
	width: 23.5%;
	/*background-color: #989898;   */
}

#tokutyo li:nth-child(n+4):nth-child(-n+6),
#interview li:nth-child(n+4):nth-child(-n+6) {
	float: left;
	margin-right: 2%;
}
#tokutyo li:nth-child(7),
#interview li:nth-child(7) {
	float: right;
}

#tokutyo li h4.h4_ggsv_sp, #tokutyo li p.ggsv_text_sp,
#interview li h4.h4_ggsv_sp, #tokutyo li p.ggsv_text_sp {
	display: none;
}


#tokutyo li .ggsv,
#interview li .ggsv {
	width:100%;
	position:relative;
	margin-bottom:20px;
}
#tokutyo li .ggsv_img img,
#interview li .ggsv_img img {
	width:100%;
	height:auto;
	z-index:100;
}
#tokutyo li p.midashi,
#interview li p.midashi {
	/*z-index: 500;
	display: block;*/
	width: 100%;
	text-align: left;
	padding-bottom:2%;
	line-height: 1.2em;
font-family: fot-rodin-pron,  sans-serif;
font-weight: 400;
font-style: normal;
}
#tokutyo li:nth-child(-n+3) p.midashi,
#interview li:nth-child(-n+3) p.midashi {
	font-size: 1.7rem;
	height: 40px;
}
#tokutyo li:nth-child(n+4) p.midashi,
#interview li:nth-child(n+4) p.midashi {
	font-size: 1.4rem;
	height: 30px;
}
#tokutyo li:nth-child(2)  p#news_c.midashi,
#interview li:nth-child(2)  p#news_c.midashi {
	display: block;
}
#tokutyo li:nth-child(2)  p#news_c__tb.midashi,
#interview li:nth-child(2)  p#news_c__tb.midashi {
	display: none;
}
#tokutyo li:nth-child(1) p.midashi,
#interview li:nth-child(1) p.midashi {
	color: #D12F0C;
}
#tokutyo li:nth-child(2) p.midashi,
#interview li:nth-child(2) p.midashi {
	color: #222C33;
}
#tokutyo li:nth-child(3) p.midashi,
#interview li:nth-child(3) p.midashi {
	color: #168E08;
}
#tokutyo li:nth-child(4) p.midashi,
#interview li:nth-child(4) p.midashi {
	color: #2E4283;
}
#tokutyo li:nth-child(5) p.midashi,
#interview li:nth-child(5) p.midashi {
	color: #6A4B3C;
}
#tokutyo li:nth-child(6) p.midashi,
#interview li:nth-child(6) p.midashi {
	color: #802F71;
}
#tokutyo li:nth-child(7) p.midashi,
#interview li:nth-child(7) p.midashi {
	color: #E76400;
}




#tokutyo li .ggsv h4,
#interview li .ggsv h4 {
	position:absolute;
	display:inline-block;
	padding-left:8px;
	padding-right:8px;
	padding-top:6px;
	padding-bottom:6px;
	color:#FFFFFF;
	font-weight:bold;
	letter-spacing: 1px;
	z-index:1000;
}
#tokutyo li:nth-child(-n+3) .ggsv h4,
#interview li:nth-child(-n+3) .ggsv h4 {
	top:90%;
}
#tokutyo li:nth-child(n+4) .ggsv h4,
#interview li:nth-child(n+4) .ggsv h4 {
	top:86%;	
}

#tokutyo li:nth-child(1) .ggsv h4,
#interview li:nth-child(1) .ggsv h4 {
	background-color: #D12F0C;
	left:34%;
}
#tokutyo li:nth-child(2) .ggsv h4,
#interview li:nth-child(2) .ggsv h4 {
	background-color: #222C33;
	left:26%;
}
#tokutyo li:nth-child(3) .ggsv h4,
#interview li:nth-child(3) .ggsv h4 {
	background-color: #168E08;
	left:24%;
}
#tokutyo li:nth-child(4) .ggsv h4,
#interview li:nth-child(4) .ggsv h4 {
	background-color: #2E4283;
	left:21%;
}
#tokutyo li:nth-child(5) .ggsv h4,
#interview li:nth-child(5) .ggsv h4 {
	background-color: #6A4B3C;
	left:24%;
}
#tokutyo li:nth-child(6) .ggsv h4,
#interview li:nth-child(6) .ggsv h4 {
	background-color: #802F71;
	left:24%;
}
#tokutyo li:nth-child(7) .ggsv h4,
#interview li:nth-child(7) .ggsv h4 {
	background-color: #E76400;
	left:25%;
}





#tokutyo li p.ggsv_text,
#interview li p.ggsv_text {
	display:block;
	width:100%;
	font-size:13px;
	line-height:1.6em;
	padding-top:5px;
	text-align:left;
	color:#666666;
	height:120px;
}
#tokutyo li .ggsv_pbox,
#interview li .ggsv_pbox {
	padding:10px;
	min-height:120px;
}
#tokutyo li .ggsv_to,
#interview li .ggsv_to {
	width:35%;
	margin-left:auto;
	margin-right:auto;
	padding-top:5%;
}
#tokutyo li .ggsv_to img,
#interview li .ggsv_to img {
	width:100%;
	height:auto;
}
#tokutyo li p.ggsv_toptext,
#interview li p.ggsv_toptext {
	font-size:20px;
	line-height:1.8em;
	text-align:center;
	margin-bottom:80px;
}



/****************************************/
/*  　　   　  主な出展メーカー 　  　　　　　*/
/****************************************/

#maker {
	width:85%;
	max-width: 1100px;
	margin-left: auto;
	margin-right: auto;
	margin:80px auto 0px;
}

#maker h3 {
	display: block;
}
#maker h3.h3__sp {
	display: none;
}	

#maker ul {
	width: 100%;
	padding: 30px 0 45px;
}

#maker li {
	list-style: none;
	display: block;
	width: 18%;
	margin-left: 3.5%;
	margin-right: 3.5%;
	margin-bottom: 25px;
	float: left;
}
#maker li img {
	width: 100%;
	height: auto;
}



/****************************************/
/* 　出展企業 × 建築プロユーザーのマッチング　 */
/****************************************/

#matching {
	width:85%;
	max-width: 1100px;
	margin-left: auto;
	margin-right: auto;
	/*margin-bottom: 10%;*/
}
/*#matching h3 {
	letter-spacing: 2px;
	display: block;
	width: 84%;
	margin-bottom: 3%;
}*/
#matching h3.h3__sp {
	display: none;
	font-size: 3.2rem;
}
/*
#matching h4 {
font-family: vdl-v7gothic,sans-serif;
font-weight: 500;
font-style: normal;
	text-align: center;
	font-size: 2.3rem;
	line-height: 1.6em;
	margin-bottom: 3%;
}*/

#matchingBox {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	
}

#matchingBox img {
	width: 100%;
	height: auto;
}

#matchingBox a:hover img{
	opacity:0.66;
	filter: alpha(opacity=66);
}


/****************************************/
/* 　　　　 ユーザー構成＆行動をご紹介　　　　 */
/****************************************/
#userconf {
	width:85%;
	max-width: 1100px;
	margin-left: auto;
	margin-right: auto;	
	margin-bottom: 80px;
}
#userconf h3 {
	display: block;
}
#userconf h3.h3__sp {
	display: none;
}

#userconf_M {
	text-align: center;
	font-size: 1.8rem;
	letter-spacing: 2px;
font-family: vdl-v7gothic,sans-serif;
font-weight: 500;
font-style: normal;
	margin-bottom: 30px;
}

#userconf_M::before {
	content: url(imgNew/userconf_M_l.png);
	position: relative;
	top: 15px;
	padding-right: 1%;
}
#userconf_M::after {
	content: url(imgNew/userconf_M_r.png);
	position: relative;
	top: 15px;
	padding-left: 1%;
}

#userconf ul {
	display: none;
}

#userconf li {

}

.userconf_list {
    font-family: vdl-v7gothic,sans-serif;
    width: 470px;
    margin: 20px auto;
    font-size: 1.1em;
}


/****************************************/
/*  　　   　   製品カテゴリー 　  　　　　　*/
/****************************************/

#categoryBg {
	width: 100%;
	background-color: #011C26;
}
#categoryBg h3 {
	width:85%;
	max-width: 1100px;
	margin-left:auto;
	margin-right:auto;
	color: #FFFFFF;
}
#category {
	width:85%;
	max-width: 1100px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10%;
	padding-top: 80px;
	padding-bottom: 70px;
}
#category ul {
	width: 100%;
	padding: 0px;
}
#category li {
	list-style: none;
	display: block;
	text-align: center;
	font-size: 1.5rem;
	width: 22%;
	margin-left: 1.5%;
	margin-right: 1.5%;
	margin-bottom: 20px;
	padding-top: 1.4%;
	padding-bottom: 1.4%;
	float: left;
	background-color: #FFFFFF;
	border: 2px solid #588C8C;
    font-family: a-otf-jun-pro, sans-serif;
    font-style: normal;
    font-weight: 300;
}




/****************************************/
/*  　　　 インターネットフルサポート　　　　　*/
/****************************************/
#suportBox {
	width: 100%;
	margin-bottom: 80px;
}

#suportBG {
	/*position: relative;
	max-height: 640px;
	overflow: hidden;*/
	width: 100%;
	background-image: url(imgNew/fullsupportbg.jpg);
	background-position: center;
	background-repeat: no-repeat;
}
#suportBG img {
	width: 100%;
	height: auto;
}
#suport {
	width:100%;
	margin-left: auto;
	margin-right: auto;
	/*padding-top: 3%;
	padding-bottom: 2%;*/
	padding-top:60px;
	padding-bottom:70px;
	/*position: absolute;
	top: 0;
	left: 0;*/
}

#suportconf_M {
	text-align: center;
	font-size: 1.8rem;
	letter-spacing: 2px;
font-family: vdl-v7gothic,sans-serif;
font-weight: 500;
font-style: normal;
	margin-bottom: 30px;
	color: #FFFFFF;
}

#suportconf_M::before {
	content: url(imgNew/suportconf_M_l.png);
	position: relative;
	top: 15px;
	padding-right: 1%;
}
#suportconf_M::after {
	content: url(imgNew/suportconf_M_r.png);
	position: relative;
	top: 15px;
	padding-left: 1%;
}

#suport ul#suportconf_M__sp {
	display: none;
}

#suport li {

}




#suport h3 {
	color: #FFFFFF;
	padding-top: 0%;
	border-bottom: none;
	margin-bottom: 3%;
	font-size: 3.8rem;
	letter-spacing: 0px;
}

#suport p.suportText {
	display: block;
	width: 100%;
	max-width: 780px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 30px;
	font-size: 1.5rem;;
	line-height: 1.6em;	
	color: #FFFFFF;
}
#suport p.suportText__sp {
	display: none;
}


#suport ul#suportSubBox {
	width: 100%;
	max-width: 960px;
	margin-left: auto;
	margin-right: auto;	
	padding: 0px;
}

#suport ul#suportSubBox li {
	list-style: none;
	display: block;
	width: 48%;
	margin-left: 1%;
	margin-right: 1%;
	margin-bottom: 20px;
	padding: 2%;
	float: left;
	text-align: center;
	background-color: rgba(255,255,255,0.85);
    font-family: fot-rodin-pron, sans-serif;
}

#suport ul#suportSubBox li h4 {
	font-size: 2.8rem;
	text-align: center;
	margin-bottom: 5px;
	color: #259797;
	border-bottom: 1px solid #444444;
font-family: industry,sans-serif;
font-weight: 600;
font-style: normal;


}
p.suportCc {
	font-size: 1.6rem;
	text-align: center;
	color: #555555;
font-family: fot-rodin-pron, sans-serif;
font-weight: 600;
font-style: normal;
	margin-bottom: 15px;
}

p.suportTx {
	font-size: 1.3rem;
	line-height: 1.6em;	
	text-align: left;
	height: 80px;
	display: block;
	padding-left: 3%;
	padding-right: 3%;
}



/****************************************/
/*  　 　ぜひ一度お問い合わせください　　　　　*/
/****************************************/

#goContactText {
	width:85%;
	max-width: 1100px;
	margin-left: auto;

	margin-right: auto;
	margin-bottom: 2%;
}

#goContactTextBox {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
}
#goContactTextBox h3 {
	width: 100%;
	background-color: #003447;
	padding-top: 1.4%;
	padding-bottom: 1.4%;
	margin: 0px;
	color: #FFFFFF;
	font-size: 2.4rem;
}
#goContactText p {
	display: block;
font-family: ryo-gothic-plusn,sans-serif;
font-weight: 400;
font-style: normal;
	background-color: #8FC7C7;
	text-align: center;
	line-height: 1.6em;
	letter-spacing: 2px;
	padding-top: 25px;
	padding-bottom: 25px;
	margin-bottom: 0px;
}
#goContactText p.p__sp {
	display: none;
} 


#goContactText p.arrow {/*  ****   */
	background-color: #FFFFFF;
	text-align: center;
	font-size: 3.0rem;	
}
#goContactTextBox #triangleBox {
	width: 60px;
	margin-left: auto;
	margin-right: auto;
}
#goContactTextBox #triangle {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 30px 30px 0 30px;
	border-color: #8FC7C7 transparent transparent transparent;

}




/****************************************/
/*  　　 電話番号＆お問合せフォームへ　　　　　*/
/****************************************/

#goContact {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding-top: 40px;
	padding-bottom: 40px;
	background-color: #003447;
}


#goContactBox {
	width:85%;
	max-width: 1100px;
	margin-left:auto;
	margin-right:auto;
	color: #FFFFFF;
}


#goContactTelBox dl {
	width: 50%;
	display: block;
	margin-left:auto;
	margin-right:auto;	
	margin-bottom: 4%;
	padding-bottom: 2%;
	border-bottom: 1px solid #FFFFFF;
font-family: fot-rodin-pron, sans-serif;
font-weight: 600;
font-style: normal;
}

#goContactTelBox dt {
	width: 48%;
	display: block;
	text-align: right;
	float: left;
	padding-top: 3px;
	padding-right: 2%;
	font-size: 2.0rem;
font-weight: 300;
}

#goContactTelBox dd {
	width: 50%;
	display: block;
	text-align: left;
	float: left;	
	font-size: 2.4rem;
}


#goContactMailBox {
	width: 84%;
	margin-left:auto;
	margin-right:auto;
	margin-bottom: 8%;
}
#goContactMailBox h4 {
font-family: fot-rodin-pron, sans-serif;
font-weight: 600;
font-style: normal;
	text-align: center;
	font-size: 2.8rem;
	margin-bottom: 20px;
}
#goContactMailBox ul {
	width: 100%;
	color: #444444;
	list-style: none;
	margin-bottom: 20px;
	padding-left: 0px;
}


#goContactMailBox ul li {
	border-bottom: 1px solid #D4D4D4;
	font-size: 1.4rem;
	display: block;
	width: 100%;
}

#goContactMailBox ul li {
    zoom: 1; /* float解除 for IE6/7  */
}
#goContactMailBox ul li:after, #goContactMailBox ul li:before {
    content: "";
    clear: both;
    display: block;
}

#goContactMailBox ul li:nth-child(2n+0) {
	background-color: #FFFFFF;
}
#goContactMailBox ul li:nth-child(2n+1) {
	background-color: #E9E9E9;
}
#goContactMailBox ul li span.m_name {
	width: 20%;
	padding-top: 3%;
	padding-bottom: 3%;
	padding-left: 3%;
	text-align: left;
	display: block;
	float: left;
font-family: a-otf-jun-pro, sans-serif;
font-weight: 300;
font-style: normal;
}

#goContactMailBox ul li span.hissu {
	width: 7%;
	margin-left: 1.5%;
	margin-right: 1.5%;
	margin-top: 3%;
	display: block;
	float: left;
	background-color: #DB0003;
	color: #FFFFFF;
	text-align: center;
	line-height: 1.6em;
	font-size: 1.1rem;
}
#goContactMailBox ul li span.hissu_no {
	width: 7%;
	margin-left: 1.5%;
	margin-right: 1.5%;
	margin-top: 3%;
	display: block;
	float: left;
}


#goContactMailBox ul li span.m_input {
	width: 67%;
	display: block;
	float: left;
	padding-top: 3%;
	padding-bottom: 3%;
}

#goContactMailBox ul li span.m_input input, #goContactMailBox ul li span.m_input textarea {
	width: 90%;
	padding: 10px;
}
#goContactMailBox ul li span.m_input textarea {
	height: 100px;
	line-height: 1.6em;
}

#goContactMailBox input[type="submit"] {
	width: 40%;
	margin-left: auto;
	margin-right: auto;
	display: block;
	text-align: center;
	background-color: #D90003;
	color: #FFFFFF;
	padding-top: 8px;
	padding-bottom: 8px;
	border: none;
font-family: a-otf-jun-pro, sans-serif;
font-weight: 300;
font-style: normal;
	font-size: 1.8rem;
	letter-spacing: 2px;
	border-radius: 10px;
}

#goContactMailBox input[type="submit"]:hover {
	background-color: #FF5F61;
}


/****************************************/
/*  　　 　　　　　　フッター　　　　　　　　　*/
/****************************************/

#guideFooter {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #272727;	
}

#guideFooterBox p {
	text-align: center;
	font-size: 1.1rem;
	color: #FFFFFF;
	margin-bottom: 0px;
	
}







#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 77%;
}
#page-top a {
    background: #666;
    text-decoration: none;
    color: #fff;
    width: 60px;
    padding: 20px 0;
    text-align: center;
    display: block;
    border-radius: 5px;
}
#page-top a:hover {
    text-decoration: none;
    background: #999;
}





/*************************************************************************************************************
			Extra Large (1200px）　PC（大）用
**************************************************************************************************************/

/****************************************

			共通項目
			   
****************************************/


/*************************************************************************************************************

			レスポンシブ
			   
**************************************************************************************************************/

@media (max-width: 1500px) {

}


/*************************************************************************************************************
			Large (992px～1199px）　PC用
**************************************************************************************************************/

@media (max-width: 1199px) {
/****************************************/
/*              TOPBOX　　　　　　　　　　　*/
/****************************************/
	
#topText p#topBoxtitle {
	width: 72%;
	margin-left: auto;
	margin-right: auto;
	padding-left: 2%;
	padding-right: 2%;
	padding-top: 1%;
	padding-bottom: 1%;
	margin-bottom: 0px;
	font-family: fot-rodin-pron, sans-serif;
	font-size: 2.7rem;
	background-color: rgba(255,255,255,0.60);
	color: #004D94;
	text-align: center;
}	
	
	
	
	
}
/*************************************************************************************************************
			Medium (768px～1069px）　タブレット用
**************************************************************************************************************/

@media only screen and (min-width: 768px) and (max-width: 1069px) {
	
	
h3 {/*  ******  */
	width: 80%;
	margin-left:auto;
	margin-right:auto;
	border-bottom: 1px solid #8B8B8B;
	padding-bottom: 2px;
	text-align: center;
	font-size: 3.6rem;
	margin-bottom: 6%;
	letter-spacing: 2px;
font-family: a-otf-midashi-go-mb31-pr6n, sans-serif;
font-style: normal;
font-weight: 600;
}
	
/****************************************/
/*              TOPBOX　　　　　　　　　　　*/
/****************************************/




#topBox {
	width: 100%;
	padding-top: 50%;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	background-image: url("imgNew/topImg_202505.jpg");
	background-repeat: no-repeat;
	background-size: 125% auto;
	background-position: center bottom;
}



#topText {
	width: 100%;
	position: absolute;
	/*top: 0;*/
	left: 0;
	padding-top: 3%;
    bottom: 0;
}
#topText p#topBoxtitle__sp {
	display: none;
}
#topText p#topBoxtitle {
	display: block;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	padding-left: 2%;
	padding-right: 2%;
	padding-top: 1%;
	padding-bottom: 1%;
	margin-bottom: 0px;
	font-family: fot-rodin-pron, sans-serif;
	font-size: 2.0rem;
	letter-spacing: 2px;
	background-color: rgba(255,255,255,0.60);
	color: #004D94;
	text-align: center;
}

#topText svg {
	display: block;
	width: 20%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 5px;
}


#topText p#topBoxText1 {
	color: #000000;
	text-align: center;
	font-size: 3.0rem;
	letter-spacing: 0px;
	padding-top: 1%;
	margin-bottom: 1%;
font-family: source-han-sans-japanese, sans-serif;
font-weight: 900;
font-style: normal;
}



#topBox p#topBoxText2 {
	display: block;
	color: #FFFFFF;
	text-align: center;
	font-size: 1.2rem;
	letter-spacing: 4px;
	line-height: 1.4em;
	padding-top: 1.5%;
	padding-bottom: 1.5%;
	margin-bottom: 0%;
font-family: source-han-sans-japanese, sans-serif;
font-weight: 600;
font-style: normal;
	width: 100%;
	background-color: rgba(0,0,0,0.60);
	position: absolute;
	bottom: 0;
}
#topBox p#topBoxText2__sp {
	display: none;
}
#topText_triangleBox {
	width: 60px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0%;
}
#topText_triangle {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 30px 30px 0 30px;
	border-color: rgba(255,255,255,0.60) transparent transparent transparent;

}

/*#topContact a {
	width: 30%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 5.6%;
	display: block;
	background-color: #CF0003;
	color: #FFFFFF;
	text-align: center;
	padding-top: 1.2%;
	padding-bottom: 1.2%;
	font-size: 2.0rem;
font-family: source-han-sans-japanese, sans-serif;
font-weight: 700;
font-style: normal;
}
#topContact a:hover {
	text-decoration: none;
	background-color: #FF8385;
}*/
	
#topContact {
	display: none;
}

#topContact__sp {
	display: block;
	width: 50%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10%;
}
	
#topContact__sp a.button {
	width: 100%;
	position: relative;
	display: block;
	background-color: #CF0003;
	color: #FFFFFF;
	text-align: center;
	padding-top: 3.3%;
	padding-bottom: 3.3%;
	font-size: 2.0rem;
font-family: source-han-sans-japanese, sans-serif;
font-weight: 700;
font-style: normal;
 	text-decoration: none;
	transition: .0s;
/*	border-bottom: 5px solid #FFBCBD;
	border-top: 5px solid #FFBCBD;*/
}
	
	
	
	
	
/****************************************/
/*  　　 建材ナビが選ばれる3つの理由　　　　　*/
/****************************************/
#threeRiyu {
	width:94%;
	max-width: 1100px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom: 8%;
	/*padding-top: 5%;*/
}

#threeRiyu h3 {
	display: block;
	letter-spacing: 2px;
	margin-bottom: 5%;
}
#threeRiyu h3 span {
	color: #D30003;
}
#threeRiyu h3.h3__sp {
	display: none;
}
.threeRiyuBox {
	width: 100%;
	margin-left:auto;
	margin-right:auto;
	margin-bottom: 7%;
}
.threeRiyuBox_L {
	width: 55%;
	float: left;
	margin-bottom: 0px;
}

#three1 .threeRiyuBox_L, #three3 .threeRiyuBox_L {
	padding-top: 2%;	
}

.threeRiyuBox_R {
	width: 43%;
	float: right;
	margin-bottom: 0px;
	padding-top: 10%;
}

.threeRiyuBox_L h4 {
font-family: fot-rodin-pron,  sans-serif;
font-weight: 800;
font-style: normal;
	border-bottom: 2px solid #D90003;
	font-size: 2.4rem;	
	padding-bottom: 4px;
	padding-left: 28px;
	margin-bottom: 10px;
	text-indent: -29px;
}

.threeRiyuBox_L h4 span {
	color: #D30003;
	font-weight: bold;
}

.threeRiyuBox_L p {
	word-wrap: break-word;
	font-size: 1.4rem;
	padding-left: 3%;
	padding-right: 3%;
	line-height: 1.8em;
}

.threeRiyuBox_R img {
	width: 100%;
	height: auto;
}
	
	
	
	
/****************************************/
/*  　　 　        イメージ       　　　　　*/
/****************************************/

#image1Box {
	width: 100%;
	padding-top: 80px;
	padding-bottom: 100px;
	background-color: #FFEDED;
	/*margin-bottom: 8%;*/
}
#image1Box h3 {
	display: block;
	width: 90%;
	margin-left:auto;
	margin-right:auto;
	text-align: center;
	font-size: 4.0rem;
	border-bottom: none;
	margin-bottom: 20px;
	letter-spacing: 0px;
font-family: source-han-sans-japanese, sans-serif;
font-weight: 900;
font-style: normal;
}
#image1Box h3 span {
	font-size: 2.6rem;	
	color: #5A5A5A;
	letter-spacing: 0px;
}

#image1Box h3.h3__sp {
	display: none;
}

#image1Box h4 {
	display: block;
	width: 86%;
	margin-left:auto;
	margin-right:auto;
	padding-bottom: 1%;
	text-align: center;
	font-size: 4.6rem;
	border-bottom: 2px solid #D70003;
	margin-bottom: 50px;
	letter-spacing: 1px;
font-family: source-han-sans-japanese, sans-serif;
font-weight: 900;
font-style: normal;
}
#image1Box h4 span {
	font-size: 2.8rem;	
	color: #5A5A5A;	
	letter-spacing: 0px;
}

#image1Box h4.h4__sp {
	display: none;
}

#image1 {
	display: block;
	width: 80%;
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
}
#image1__sp {
	display: none;
}
#image1 img {
	width: 100%;
	height: auto;
}



/****************************************/
/*  　　 　  　　出展するなら 　　  　　　　　*/
/****************************************/
.goKenzai {
	display: none;
}
.goCatanavi {
	display: none;
}    
.goKenzai__sp,
.goCatanavi__sp{
	display: block;
	width: 70%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 8%;
}
.goCatanavi__sp {
    width: 320px;
    /*margin-top: 20px;*/
}	
.goKenzai__sp a.button,.goCatanavi__sp a.button {
	width: 100%;
	position: relative;
	display: block;
	background-color: #DD0000;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
	font-size: 2.2rem;
	letter-spacing: 2px;
	padding-top: 2.4%;
	padding-bottom: 2.4%;
 	text-decoration: none;
	transition: .3s;
/*	border-bottom: 5px solid #FFBCBD;
	border-top: 5px solid #FFBCBD;*/
}


/****************************************/
/*  　　 　  　　　　特徴　　 　　  　　　　　*/
/****************************************/

#tokutyo,
#interview {
	width:96%;
	max-width: 1100px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 8%;
}

#tokutyo h3,
#interview h3 {
	display: block;
}
#tokutyo h3.h3__sp,
#interview h3.h3__sp {
	display: none;
}	
	
/*#tokutyo p.threeCopy {
	width: 100%;
	text-align: center;
	font-size: 2.0rem;
	margin-bottom: 20px;
	font-weight: 600;
	color: #666666;
}*/

#tokutyo p.threeText,
#interview p.threeText {
	width: 60%;
	margin-left: auto;
	margin-right: auto;
	font-size: 1.5rem;
	letter-spacing: 2px;
	margin-bottom: 35px;
}
	
	
	
#tokutyo ul,
#interview ul {
	width: 100%;
	padding: 0px;
}
#tokutyo li,
#interview li {
	list-style: none;
	display: block;
	background-color: #F3F3F3;
	/*height: 150px;   */
}
#tokutyo li:nth-child(-n+3),
#interview li:nth-child(-n+3) {
	list-style: none;
	width: 32%;
	/*background-color: #989898;   */
	margin-bottom: 40px;
}
#tokutyo li:nth-child(-n+2),
#interview li:nth-child(-n+2){
	float: left;
	margin-right: 2%;
}
#tokutyo li:nth-child(3),
#interview li:nth-child(3) {
	float: right;
}
#tokutyo li:nth-child(n+4),
#interview li:nth-child(n+4) {
	list-style: none;
	width: 23.5%;
	/*background-color: #989898;   */
}
#tokutyo li:nth-child(n+4):nth-child(-n+6),
#interview li:nth-child(n+4):nth-child(-n+6) {
	float: left;
	margin-right: 2%;
}
#tokutyo li:nth-child(7),
#interview li:nth-child(7) {
	float: right;
}

#tokutyo li h4.h4_ggsv_sp, #tokutyo li p.ggsv_text_sp,
#interview li h4.h4_ggsv_sp, #tokutyo li p.ggsv_text_sp {
	display: none;
}


#tokutyo li .ggsv,
#interview li .ggsv {
	width:100%;
	position:relative;
	margin-bottom:10px;
}
#tokutyo li .ggsv_img img,
#interview li .ggsv_img img {
	width:100%;
	height:auto;
	z-index:100;
}
#tokutyo li p.midashi,
#interview li p.midashi {
	/*z-index: 500;*/
	display: block;
	width: 100%;
	text-align: left;
	padding-bottom:0%;
	margin-bottom: 0px;

	line-height: 1.2em;
font-family: fot-rodin-pron,  sans-serif;
font-weight: 400;
font-style: normal
}

#tokutyo li:nth-child(-n+3) p.midashi,
#interview li:nth-child(-n+3) p.midashi {
	font-size: 1.6rem;
	height: 42px;
}
#tokutyo li:nth-child(n+4) p.midashi,
#interview li:nth-child(n+4) p.midashi {
	font-size: 1.2rem;
	height: 36px;
}	
#tokutyo li:nth-child(-n+3) p.midashi,
#interview li:nth-child(-n+3) p.midashi {
	top:86%;
	height: 56px;
}
#tokutyo li:nth-child(n+4) p.midashi,
#interview li:nth-child(n+4) p.midashi {
	top:81%;	
	height: 48px;
}	
	
#tokutyo li:nth-child(2)  p#news_c.midashi,
#interview li:nth-child(2)  p#news_c.midashi {
	display: none;
}
#tokutyo li:nth-child(2)  p#news_c__tb.midashi,
#interview li:nth-child(2)  p#news_c__tb.midashi {
	display: block;
}

	
#tokutyo li:nth-child(1) p.midashi,
#interview li:nth-child(1) p.midashi {
	color: #D12F0C;
}
#tokutyo li:nth-child(2) p.midashi,
#interview li:nth-child(2) p.midashi {
	color: #222C33;
}
#tokutyo li:nth-child(3) p.midashi,
#interview li:nth-child(3) p.midashi {
	color: #168E08;
}
#tokutyo li:nth-child(4) p.midashi,
#interview li:nth-child(4) p.midashi {
	color: #2E4283;
}
#tokutyo li:nth-child(5) p.midashi,
#interview li:nth-child(5) p.midashi {
	color: #6A4B3C;
}
#tokutyo li:nth-child(6) p.midashi,
#interview li:nth-child(6) p.midashi {
	color: #802F71;
}
#tokutyo li:nth-child(7) p.midashi,
#interview li:nth-child(7) p.midashi{
	color: #E76400;
}




#tokutyo li .ggsv h4,
#interview li .ggsv h4 {
	position:absolute;
	display:inline-block;
	padding-left:8px;
	padding-right:8px;
	padding-top:6px;
	padding-bottom:6px;
	color:#FFFFFF;
	font-size:1.2rem;
	font-weight:bold;
	letter-spacing: 1px;
	z-index:1000;
}
#tokutyo li:nth-child(-n+3) .ggsv h4,
#interview li:nth-child(-n+3) .ggsv h4 {
	top:86%;
}
#tokutyo li:nth-child(n+4) .ggsv h4,
#interview li:nth-child(n+4) .ggsv h4 {
	top:81%;	
}

#tokutyo li:nth-child(1) .ggsv h4,
#interview li:nth-child(1) .ggsv h4 {
	background-color: #D12F0C;
	left:30%;
}
#tokutyo li:nth-child(2) .ggsv h4,
#interview li:nth-child(2) .ggsv h4 {
	background-color: #222C33;
	left:24%;
}
#tokutyo li:nth-child(3) .ggsv h4,
#interview li:nth-child(3) .ggsv h4 {
	background-color: #168E08;
	left:18.5%;
}
#tokutyo li:nth-child(4) .ggsv h4,
#interview li:nth-child(4) .ggsv h4{
	background-color: #2E4283;
	left:18%;
}
#tokutyo li:nth-child(5) .ggsv h4,
#interview li:nth-child(5) .ggsv h4 {
	background-color: #6A4B3C;
	left:22%;
}
#tokutyo li:nth-child(6) .ggsv h4,
#interview li:nth-child(6) .ggsv h4 {
	background-color: #802F71;
	left:22%;
}
#tokutyo li:nth-child(7) .ggsv h4,
#interview li:nth-child(7) .ggsv h4{
	background-color: #E76400;
	left:21%;
}





#tokutyo li p.ggsv_text,
#interview li p.ggsv_text {
	display:block;
	width:100%;
	font-size:13px;
	line-height:1.6em;
	padding-top:5px;
	text-align:left;
	color:#666666;
	height:180px;
}
#tokutyo li .ggsv_pbox,
#interview li .ggsv_pbox {
	padding:10px;
	min-height:160px;
}
#tokutyo li .ggsv_to,
#interview li .ggsv_to {
	width:35%;
	margin-left:auto;
	margin-right:auto;
	padding-top:5%;
}
#tokutyo li .ggsv_to img,
#interview li .ggsv_to img {
	width:100%;
	height:auto;
}
#tokutyo li p.ggsv_toptext,
#interview li p.ggsv_toptext {
	font-size:20px;
	line-height:1.8em;
	text-align:center;
	margin-bottom:80px;
}



/****************************************/
/*  　　   　  主な出展メーカー 　  　　　　　*/
/****************************************/

#maker {
	width:94%;
	max-width: 1100px;
	margin-bottom: 0 auto 30px
}

#maker h3 {
	display: block;
}
#maker h3.h3__sp {
	display: none;
}	
	
#maker ul {
	width: 100%;
	padding: 0px;
}

#maker li {
	list-style: none;
	display: block;
	width: 18%;
	margin-left: 3.5%;
	margin-right: 3.5%;
	margin-bottom: 25px;
	float: left;
}
#maker li img {
	width: 100%;
	height: auto;
}



/****************************************/
/* 　出展企業 × 建築プロユーザーのマッチング　 */
/****************************************/

#matching {
	width:94%;
	max-width: 1100px;
	margin-left: auto;
	margin-right: auto;
	/*margin-bottom: 10%;*/
}
#matching h3 {
	font-size: 3.0rem;
	letter-spacing: 2px;
	display: block;
	width: 92%;
	margin-bottom: 5%;
}
#matching h3.h3__sp {
	display: none;
}

#matching h4 {
font-family: vdl-v7gothic,sans-serif;
font-weight: 500;
font-style: normal;
	text-align: center;
	font-size: 2.1rem;
	line-height: 1.6em;
	margin-bottom: 4%;
}	
	
#matchingBox {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	
}

#matchingBox img {
	width: 100%;
	height: auto;
}


/****************************************/
/* 　　　　 ユーザー構成＆行動をご紹介　　　　 */
/****************************************/
#userconf {
	width:85%;
	max-width: 1100px;
	margin-left: auto;
	margin-right: auto;	
	margin-bottom: 8%;
}
#userconf h3 {
	display: block;
}
#userconf h3.h3__sp {
	display: none;
}
	
#userconf_M {
	text-align: center;
	font-size: 1.8rem;
	letter-spacing: 2px;
font-family: vdl-v7gothic,sans-serif;
font-weight: 500;
font-style: normal;
	margin-bottom: 30px;
}

#userconf_M::before {
	content: url(imgNew/userconf_M_l.png);
	position: relative;
	top: 15px;
	padding-right: 1%;
}
#userconf_M::after {
	content: url(imgNew/userconf_M_r.png);
	position: relative;
	top: 15px;
	padding-left: 1%;
}

#userconf ul {
	display: none;
}

#userconf li {

}



/****************************************/
/*  　　   　   製品カテゴリー 　  　　　　　*/
/****************************************/

#categoryBg {
	width: 100%;
	background-color: #011C26;
}

#categoryBg h3 {
	width:94%;
	max-width: 1100px;
	margin-left:auto;
	margin-right:auto;
	color: #FFFFFF;
}



#category {
	width:98%;
	max-width: 1100px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10%;
	/*padding-top: 2%;
	padding-bottom: 1%;*/
}

#category ul {
	width: 100%;
	padding: 0px;
}

#category li {
	list-style: none;
	display: block;
	text-align: center;
	font-size: 1.2rem;
	width: 24%;
	margin-left: 0.5%;
	margin-right: 0.5%;
	margin-bottom: 20px;
	padding-top: 1.4%;
	padding-bottom: 1.4%;
	float: left;
	background-color: #FFFFFF;
	border: 2px solid #588C8C;
font-family: a-otf-jun-pro, sans-serif;
font-style: normal;
font-weight: 300;
}




/****************************************/
/*  　　　 インターネットフルサポート　　　　　*/
/****************************************/
#suportBox {
	width: 100%;
	margin-bottom: 12%;
}

#suportBG {
	/*position: relative;
	max-height: 640px;
	overflow: hidden;*/
	width: 100%;
	background-image: url(imgNew/fullsupportbg.jpg);
	background-position: center;
	background-repeat: no-repeat;
}
#suportBG img {
	width: 100%;
	height: auto;
}
#suport {
	width:100%;
	margin-left: auto;
	margin-right: auto;
	padding-top: 3%;
	padding-bottom: 2%;
	/*position: absolute;
	top: 0;
	left: 0;*/
}
	
#suportconf_M {
	text-align: center;
	font-size: 1.8rem;
	letter-spacing: 2px;
font-family: vdl-v7gothic,sans-serif;
font-weight: 500;
font-style: normal;
	margin-bottom: 30px;
	color: #FFFFFF;
}

#suportconf_M::before {
	content: url(imgNew/suportconf_M_l.png);
	position: relative;
	top: 15px;
	padding-right: 1%;
}
#suportconf_M::after {
	content: url(imgNew/suportconf_M_r.png);
	position: relative;
	top: 15px;
	padding-left: 1%;
}

#suport ul#suportconf_M__sp {
	display: none;
}

#suport li {

}	
	
	
#suport h3 {
	color: #FFFFFF;
	padding-top: 0%;
	border-bottom: none;
	margin-bottom: 3%;
	font-size: 3.8rem;
	letter-spacing: 0px;
}

#suport p.suportText {
	display: none;
}
#suport p.suportText__sp {
	display: block;
	width: 80%;
	max-width: 780px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 30px;
	font-size: 1.5rem;;
	line-height: 1.6em;	
	color: #FFFFFF;	
}
#suport ul#suportSubBox {
	width: 100%;
	max-width: 960px;
	margin-left: auto;
	margin-right: auto;	
	padding: 0px;
}

#suport ul#suportSubBox li {

	list-style: none;
	display: block;
	width: 48%;
	margin-left: 1%;
	margin-right: 1%;
	margin-bottom: 20px;
	padding: 2%;
	float: left;
	text-align: center;
	background-color: rgba(255,255,255,0.85);
}

#suport ul#suportSubBox li h4 {
	font-size: 2.8rem;
	text-align: center;
	margin-bottom: 5px;
	color: #259797;
	border-bottom: 1px solid #444444;
font-family: industry,sans-serif;
font-weight: 600;
font-style: normal;

}
p.suportCc {
	font-size: 1.6rem;
	text-align: center;
	color: #555555;
font-family: fot-rodin-pron, sans-serif;
font-weight: 600;
font-style: normal;
	margin-bottom: 15px;
}

p.suportTx {
	font-size: 1.3rem;
	line-height: 1.6em;	
	text-align: left;
	height: 80px;
	display: block;
	padding-left: 3%;
	padding-right: 3%;
}



/****************************************/
/*  　 　ぜひ一度お問い合わせください　　　　　*/
/****************************************/

#goContactText {
	width:100%;
	max-width: 1100px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 2%;
}

#goContactTextBox {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
}
#goContactTextBox h3 {
	width: 100%;
	background-color: #003447;
	padding-top: 1.7%;
	padding-bottom: 1.7%;
	margin: 0px;
	color: #FFFFFF;
	font-size: 2.4rem;
}
#goContactText p {
	display: block;
font-family: ryo-gothic-plusn,sans-serif;
font-weight: 400;
font-style: normal;
	background-color: #8FC7C7;
	text-align: center;
	line-height: 1.6em;
	letter-spacing: 2px;
	padding-top: 25px;
	padding-bottom: 25px;
	margin-bottom: 0px;
}
	
#goContactText p.p__sp {
	display: none;
}
	
	
#goContactText p.arrow {/*  ****   */
	background-color: #FFFFFF;
	text-align: center;
	font-size: 3.0rem;	
}
#goContactTextBox #triangleBox {
	width: 60px;
	margin-left: auto;
	margin-right: auto;
}
#goContactTextBox #triangle {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 30px 30px 0 30px;
	border-color: #8FC7C7 transparent transparent transparent;

}




/****************************************/
/*  　　 電話番号＆お問合せフォームへ　　　　　*/
/****************************************/

#goContact {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding-top: 40px;
	padding-bottom: 40px;
	background-color: #003447;
}


#goContactBox {
	width:94%;
	max-width: 1100px;
	margin-left:auto;
	margin-right:auto;
	color: #FFFFFF;
}


#goContactTelBox dl {
	width: 70%;
	display: block;
	margin-left:auto;
	margin-right:auto;	
	margin-bottom: 4%;
	padding-bottom: 2%;
	border-bottom: 1px solid #FFFFFF;
font-family: fot-rodin-pron, sans-serif;
font-weight: 600;
font-style: normal;
}

#goContactTelBox dt {
	width: 48%;
	display: block;
	text-align: right;
	float: left;
	padding-top: 3px;
	padding-right: 2%;
	font-size: 2.0rem;
font-weight: 300;
}

#goContactTelBox dd {
	width: 50%;
	display: block;
	text-align: left;
	float: left;	
	font-size: 2.4rem;
}


#goContactMailBox {
	width: 94%;
	margin-left:auto;
	margin-right:auto;
	margin-bottom: 8%;
}
#goContactMailBox h4 {
font-family: fot-rodin-pron, sans-serif;
font-weight: 600;
font-style: normal;
	text-align: center;
	font-size: 2.8rem;
	margin-bottom: 20px;
}
#goContactMailBox ul {
	width: 100%;
	color: #444444;
	list-style: none;
	margin-bottom: 20px;
	padding-left: 0px;
}


#goContactMailBox ul li {
	border-bottom: 1px solid #D4D4D4;
	font-size: 1.4rem;
	display: block;
	width: 100%;
}

#goContactMailBox ul li {
    zoom: 1; /* float解除 for IE6/7  */
}
#goContactMailBox ul li:after, #goContactMailBox ul li:before {
    content: "";
    clear: both;
    display: block;
}

#goContactMailBox ul li:nth-child(2n+0) {
	background-color: #FFFFFF;
}
#goContactMailBox ul li:nth-child(2n+1) {
	background-color: #E9E9E9;
}
#goContactMailBox ul li span.m_name {

	width: 20%;
	padding-top: 3%;
	padding-bottom: 3%;
	padding-left: 3%;
	text-align: left;
	display: block;
	float: left;
font-family: a-otf-jun-pro, sans-serif;
font-weight: 300;

font-style: normal;
}
	
#goContactMailBox ul li span.hissu {
	width: 7%;
	margin-left: 1.5%;
	margin-right: 1.5%;
	margin-top: 3%;
	display: block;
	float: left;
	background-color: #DB0003;
	color: #FFFFFF;
	text-align: center;
	line-height: 1.6em;
	font-size: 1.1rem;
}
#goContactMailBox ul li span.hissu_no {
	width: 7%;
	margin-left: 1.5%;
	margin-right: 1.5%;
	margin-top: 3%;
	display: block;
	float: left;
}
	
#goContactMailBox ul li span.m_input {
	width: 70%;

	display: block;
	float: left;
	padding-top: 3%;
	padding-bottom: 3%;
}

#goContactMailBox ul li span.m_input input, #goContactMailBox ul li span.m_input textarea {
	width: 90%;
	padding: 10px;
}
#goContactMailBox ul li span.m_input textarea {
	height: 100px;
	line-height: 1.6em;
}

#goContactMailBox input[type="submit"] {
	width: 40%;
	margin-left: auto;
	margin-right: auto;
	display: block;
	text-align: center;
	background-color: #D90003;
	color: #FFFFFF;
	padding-top: 8px;
	padding-bottom: 8px;
	border: none;
font-family: a-otf-jun-pro, sans-serif;
font-weight: 300;
font-style: normal;
	font-size: 1.8rem;
	letter-spacing: 2px;
	border-radius: 10px;
}

#goContactMailBox input[type="submit"]:hover {
	background-color: #FF5F61;
}


/****************************************/
/*  　　 　　　　　　フッター　　　　　　　　　*/
/****************************************/

#guideFooter {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #272727;	
}

#guideFooterBox p {
	text-align: center;
	font-size: 1.1rem;
	color: #FFFFFF;
	margin-bottom: 0px;
	
}
	
	
	
	
	
#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 77%;
}
#page-top a {
    background: rgba(102,102,102,0.60);
    text-decoration: none;
    color: #fff;
    width: 60px;
    padding: 20px 0;
    text-align: center;
    display: block;
    border-radius: 5px;
}
#page-top a:hover {
    text-decoration: none;
    background: #999;
}
	
	
	
	
	
	
}


/*************************************************************************************************************
			Small (544px～767px）　スマートフォン用
**************************************************************************************************************/

@media (max-width: 767px) {
h1#info_k {
	display: none;
}

	
	
	
	
	
h3 {/*  ******  */
	width: 96%;
	margin-left:auto;
	margin-right:auto;
	border-bottom: 1px solid #8B8B8B;
	padding-bottom: 2px;
	text-align: center;
	font-size: 3.6rem;
	margin-bottom: 6%;
	letter-spacing: 2px;
font-family: a-otf-midashi-go-mb31-pr6n, sans-serif;
font-style: normal;
font-weight: 600;
}	
	
h3.h3__sp {/*  ******  */
	width: 96%;
	margin-left:auto;
	margin-right:auto;
	border-bottom: 1px solid #8B8B8B;
	padding-bottom: 2px;
	text-align: center;
	font-size: 3.6rem;
	margin-bottom: 6%;
	letter-spacing: 0px;
font-family: a-otf-midashi-go-mb31-pr6n, sans-serif;
font-style: normal;
font-weight: 600;
}
/****************************************/
/*              TOPBOX　　　　　　　　　　　*/
/****************************************/


#topBox {
	width: 100%;
	padding-top: 110%;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	background-image: url("imgNew/opImg__@_202505.jpg") !important;
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: 0% bottom;
}


#topText {
	width: 100%;
	position: absolute;
	/*top: 0;*/
	left: 0;
	padding-top: 10%;
    bottom: 0;
}
#topText p#topBoxtitle__sp {
	display: block;
	width: 86%;
	margin-left: auto;
	margin-right: auto;
	padding-left: 1%;
	padding-right: 1%;
	padding-top: 1%;
	padding-bottom: 1%;
	margin-bottom: 0px;
	font-family: fot-rodin-pron, sans-serif;
	font-size: 1.4rem;
	background-color: rgba(255,255,255,0.60);
	/*color: #004D94;*/
	text-align: center;
}
#topText p#topBoxtitle {
	display: none;
}

#topText svg {
	display: block;
	width: 60%;
	height: auto;
	margin-left: auto;
	margin-right: auto;

	margin-bottom: 10%;
}

#topText p#topBoxText1 {
	color: #000000;
	text-align: center;
	font-size: 2.2rem;
	letter-spacing: 0px;
	padding-top: 2.5%;
	margin-bottom: 4%;
font-family: source-han-sans-japanese, sans-serif;
font-weight: 900;
font-style: normal;
}

#topBox p#topBoxText2 {
	display: none;
}
#topBox p#topBoxText2__sp {
	display: block;
	color: #FFFFFF;
	text-align: left;
	font-size: 1.4rem;
	letter-spacing: 1px;
	line-height: 1.8em;
	padding-top: 2.5%;
	padding-bottom: 2.5%;
	margin-bottom: 0%;
font-family: source-han-sans-japanese, sans-serif;
font-weight: 400;
font-style: normal;
	padding-left: 3%;
	padding-right: 3%;
	background-color: rgba(0,0,0,0.60);
	position: absolute;
	bottom: 0;
}
#topText_triangleBox {
	width: 20px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0%;
}

#topText_triangle {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 10px 0 10px;
	border-color: rgba(255,255,255,0.60) transparent transparent transparent;

}

#topContact {
	display: none;
}
#topContact__sp {
	display: block;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	/*margin-bottom: 5.6%;*/
    margin-bottom: 30%;
}
#topContact__sp a.button {
	width: 100%;
	position: relative;
	display: block;
	background-color: #CF0003;
	color: #FFFFFF;
	text-align: center;
	padding-top: 2.4%;
	padding-bottom: 2.4%;
	font-size: 2.0rem;
font-family: source-han-sans-japanese, sans-serif;
font-weight: 700;
font-style: normal;
 	text-decoration: none;
	transition: .2s;
/*	border-bottom: 5px solid #FFBCBD;
	border-top: 5px solid #FFBCBD;*/
}

		
	
	
/****************************************/
/*  　　 建材ナビが選ばれる3つの理由　　　　　*/
/****************************************/
#threeRiyu {
	width:94%;
	max-width: 1100px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom: 8%;
	padding-top: 15%;
}

#threeRiyu h3 {
	display: none;
}
#threeRiyu h3 span {
	color: #D30003;
}

#threeRiyu h3.h3__sp {
	display: block !important;
	letter-spacing: 0px;
	margin-bottom: 12%;
	font-size: 3.1rem;
}
	
	
	
.threeRiyuBox {
	width: 100%;
	margin-left:auto;
	margin-right:auto;
	margin-bottom: 7%;
}
.threeRiyuBox_L {
	width: 100%;
	float: none;
	margin-bottom: 2%;
}

#three1 .threeRiyuBox_L, #three3 .threeRiyuBox_L {
	padding-top: 0%;	
}

.threeRiyuBox_R {
	width: 100%;
	float: none;
	margin-bottom: 20%;
}

.threeRiyuBox_L h4 {
font-family: fot-rodin-pron,  sans-serif;
font-weight: 600;
font-style: normal;
	border-bottom: 2px solid #D90003;
	font-size: 2.0rem;	
	padding-bottom: 5px;
	padding-left: 30px;
	margin-bottom: 10px;
	text-indent: -28px;
}

.threeRiyuBox_L h4 span {
	color: #D30003;
	font-weight: bold;
}

.threeRiyuBox_L p {
	word-wrap: break-word;
	font-size: 1.4rem;
	padding-left: 3%;
	padding-right: 3%;
	line-height: 1.8em;
}

.threeRiyuBox_R img {
	width: 100%;
	height: auto;
}	
	
	
	
	
/****************************************/
/*  　　 　        イメージ       　　　　　*/
/****************************************/

#image1Box {
	width: 100%;
	/*padding-top: 3%;
	padding-bottom: 3%;*/
	padding:60px 0;
	background-color: #FFEDED;
	margin-bottom: 8%;
}
#image1Box h3 {
	display: none;
}
#image1Box h3 span {

}

#image1Box h3.h3__sp {
	display: block;
	width: 90%;
	margin-left:auto;
	margin-right:auto;
	text-align: center;
	font-size: 3.0rem;
	border-bottom: none;
	margin-bottom: 10px;
	letter-spacing: 1px;
font-family: a-otf-midashi-go-mb31-pr6n, sans-serif;
font-style: normal;
font-weight: 600;
}
#image1Box h3.h3__sp span {
	font-size: 2.4rem;	
	color: #5A5A5A;
}	
	
#image1Box h4 {
	display: none;
}
#image1Box h4 span {
}

#image1Box h4.h4__sp {
	display: block;
	width: 90%;
	margin-left:auto;
	margin-right:auto;
	text-align: center;
	font-size: 3.6rem;
	border-bottom: 2px solid #D70003;
	margin-bottom: 50px;
	letter-spacing: 1px;
font-family: a-otf-midashi-go-mb31-pr6n, sans-serif;
font-style: normal;
font-weight: 200;
}
#image1Box h4.h4__sp span {
	font-size: 2.8rem;	
	color: #5A5A5A;	
}	
	
	
#image1 {
	display: none;
}
#image1__sp {
	display: block;
	width: 92%;
	margin-left: auto;
	margin-right: auto;
}
	
#image1__sp img {
	width: 100%;
	height: auto;
}



/****************************************/
/*  　　 　  　　出展するなら 　　  　　　　　*/
/****************************************/
.goKenzai,.goCatanavi {
	display: none;
}
.goKenzai__sp,
.goCatanavi__sp{
	display: block;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20%;
}
.goCatanavi__sp{
	display: block;
	width: 320px;
    margin-top: 20px;
} 
.goKenzai__sp a.button,
.goCatanavi__sp a.button{
	width: 100%;
	position: relative;
	display: block;
	background-color: #DD0000;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
	font-size: 1.6rem;
	letter-spacing: 2px;
	padding-top: 3%;
	padding-bottom: 3%;
 	text-decoration: none;
	transition: .3s;
/*	border-bottom: 5px solid #FFBCBD;
	border-top: 5px solid #FFBCBD;*/
}



/****************************************/
/*  　　 　  　　　　特徴　　 　　  　　　　　*/
/****************************************/

#tokutyo,
#interview {
	width:100%;
	max-width: 1100px;
	margin-left: auto;
	margin-right: auto;
	/*margin-bottom: 8%;*/
}

#tokutyo h3,
#interview h3 {
	display: none;
	line-height: 1.2em;
	margin-bottom: 8% !important;
}
#tokutyo h3.h3__sp,
#interview h3.h3__sp {
	display: block;
	width: 94%;
	letter-spacing: 0px;
	margin-bottom: 12%;
	font-size: 3.1rem;
}
	

/*#tokutyo p.threeCopy {
	width: 94%;
	text-align: center;
	font-size: 2.0rem;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	font-weight: 600;
	color: #666666;
}*/

#tokutyo p.threeText,
#interview p.threeText {
	width: 92%;
	margin-left: auto;
	margin-right: auto;
	font-size: 1.5rem;
	letter-spacing: 0px;
	margin-bottom: 35px;
}	
	
	
#tokutyo ul,
#interview ul {
	width: 100%;
	padding: 0px;
}
#tokutyo li,
#interview li {
	list-style: none;
	display: block;
	background-color: #F3F3F3;
	/*height: 150px;   */
}
#tokutyo li:nth-child(-n+3),
#interview li:nth-child(-n+3) {
	width: 100%;
	/*background-color: #989898;   */
	margin-bottom: 40px;
}
#tokutyo li:nth-child(-n+2),
#interview li:nth-child(-n+2) {
	float: none;
	margin-right: 0%;
}
#tokutyo li:nth-child(3),
#interview li:nth-child(3) {
	float: none;
}
#tokutyo li:nth-child(n+4),
#interview li:nth-child(n+4) {
	list-style: none;
	width: 100%;
	/*background-color: #989898;   */
}

#tokutyo li:nth-child(n+4):nth-child(-n+6),
#interview li:nth-child(n+4):nth-child(-n+6) {
	float: none;
	margin-right: 0%;
}
#tokutyo li:nth-child(7),
#interview li:nth-child(7) {
	float: none;
}

#tokutyo li h4.h4_ggsv_sp, #tokutyo li p.ggsv_text_sp,
    #interview li h4.h4_ggsv_sp, #interview li p.ggsv_text_sp{
	display: none;
}


#tokutyo li .ggsv,
#interview li .ggsv{
	width:100%;
	position:relative;
	margin-bottom:20px;
}
#tokutyo li .ggsv_img img,
#interview li .ggsv_img img {
	width:100%;
	height:auto;
	z-index:100;
}
#tokutyo li p.midashi,
#interview li p.midashi {
	/*z-index: 500;
	display: block;*/
	width: 100%;
	text-align: left;
	padding-bottom:2%;
	line-height: 1.2em;
font-family: fot-rodin-pron,  sans-serif;
font-weight: 400;
font-style: normal
}

#tokutyo li:nth-child(-n+3) p.midashi,
#interview li:nth-child(-n+3) p.midashi {
	font-size: 1.6rem;
	height: auto;
}
#tokutyo li:nth-child(n+4) p.midashi,
#interview li:nth-child(n+4) p.midashi {
	font-size: 1.6rem;
}	
	
	
#tokutyo li:nth-child(1) p.midashi,
#interview li:nth-child(1) p.midashi {
	color: #D12F0C;
}
#tokutyo li:nth-child(2) p.midashi,
#interview li:nth-child(2) p.midashi {
	color: #222C33;
}
#tokutyo li:nth-child(3) p.midashi,
#interview li:nth-child(3) p.midashi {
	color: #168E08;
}
#tokutyo li:nth-child(4) p.midashi,
#interview li:nth-child(4) p.midashi {
	color: #2E4283;
}
#tokutyo li:nth-child(5) p.midashi,
#interview li:nth-child(5) p.midashi {
	color: #6A4B3C;
}
#tokutyo li:nth-child(6) p.midashi,
#interview li:nth-child(6) p.midashi {
	color: #802F71;
}
#tokutyo li:nth-child(7) p.midashi,
#interview li:nth-child(7) p.midashi {
	color: #E76400;
}




#tokutyo li .ggsv h4,
#interview li .ggsv h4 {
	position:absolute;
	display:inline-block;
	padding-left:8px;
	padding-right:8px;
	padding-top:2.5%;
	padding-bottom:2.5%;
	color:#FFFFFF;
	font-size:1.7rem;
	font-weight:bold;
	letter-spacing: 1px;
	z-index:1000;
}
#tokutyo li:nth-child(-n+3) .ggsv h4,
#interview li:nth-child(-n+3) .ggsv h4 {
	top:88%;
}
#tokutyo li:nth-child(n+4) .ggsv h4,
#interview li:nth-child(n+4) .ggsv h4 {
	top:88%;	
}

#tokutyo li:nth-child(2)  p#news_c.midashi,
#interview li:nth-child(2)  p#news_c.midashi {
	display: block;
}
#tokutyo li:nth-child(2)  p#news_c__tb.midashi,
#interview li:nth-child(2)  p#news_c__tb.midashi {
	display: none;
}		
	
#tokutyo li:nth-child(1) .ggsv h4,
#interview li:nth-child(1) .ggsv h4 {
	background-color: #D12F0C;
	left:46%;
}
#tokutyo li:nth-child(2) .ggsv h4,
#interview li:nth-child(2) .ggsv h4 {
	background-color: #222C33;
	left:28%;
}
#tokutyo li:nth-child(3) .ggsv h4,
#interview li:nth-child(3) .ggsv h4 {
	background-color: #168E08;
	left:24%;
}
#tokutyo li:nth-child(4) .ggsv h4,
#interview li:nth-child(4) .ggsv h4 {
	background-color: #2E4283;
	left:30%;
}
#tokutyo li:nth-child(5) .ggsv h4,
#interview li:nth-child(5) .ggsv h4 {
	background-color: #6A4B3C;
	left:30%;
}
#tokutyo li:nth-child(6) .ggsv h4,
#interview li:nth-child(6) .ggsv h4 {
	background-color: #802F71;
	left:33%;
}
#tokutyo li:nth-child(7) .ggsv h4,
#interview li:nth-child(7) .ggsv h4 {
	background-color: #E76400;
	left:31%;
}





#tokutyo li p.ggsv_text,
#interview li p.ggsv_text {
	display:block;
	width:100%;
	font-size:13px;
	line-height:1.6em;
	padding-top:5px;
	text-align:left;
	color:#666666;
	height:110px;
}
#tokutyo li .ggsv_pbox,
#interview li .ggsv_pbox {
	padding:10px;
	min-height:120px;
}
#tokutyo li .ggsv_to,
#interview li .ggsv_to {
	width:35%;
	margin-left:auto;
	margin-right:auto;
	padding-top:5%;
}
#tokutyo li .ggsv_to img,
#interview li .ggsv_to img {
	width:100%;
	height:auto;
}
#tokutyo li p.ggsv_toptext,
#interview li p.ggsv_toptext {
	font-size:20px;
	line-height:1.8em;
	text-align:center;
	margin-bottom:80px;
}



/****************************************/
/*  　　   　  主な出展メーカー 　  　　　　　*/
/****************************************/

#maker {
	width:100%;
	max-width: 1100px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 6%;
}

#maker h3 {
	display: none;
}
#maker h3.h3__sp {
	display: block;
	width: 94%;
	letter-spacing: 0px;
	margin-bottom: 12%;
	font-size: 3.1rem;
	padding-bottom: 2%;
}	
	
	
	
#maker ul {
	width: 100%;
	padding: 0px;
}

#maker li {
	list-style: none;
	display: block;
	width: 18%;
	margin-left: 3.5%;
	margin-right: 3.5%;
	margin-bottom: 15px;
	float: left;
}
#maker li img {
	width: 100%;
	height: auto;
}



/****************************************/
/* 　出展企業 × 建築プロユーザーのマッチング　 */
/****************************************/

#matching {
	width:100%;
	max-width: 1100px;
	margin-left: auto;
	margin-right: auto;
	/*margin-bottom: 10%;*/
}
#matching h3 {
	display: none;
}
#matching h3.h3__sp {
	display: block;
	font-size: 2.0rem;
	letter-spacing: 0px;
	line-height: 1.4em;
	width: 94%;
	margin-bottom: 6%;	
}

#matching h4 {
font-family: vdl-v7gothic,sans-serif;
font-weight: 500;
font-style: normal;
	text-align: center;
	font-size: 1.4rem;
	line-height: 1.6em;
	margin-bottom: 4%;
}
	
#matchingBox {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	
}

#matchingBox img {
	width: 100%;
	height: auto;
}


/****************************************/
/* 　　　　 ユーザー構成＆行動をご紹介　　　　 */
/****************************************/
#userconf {
	width:94%;
	max-width: 1100px;
	margin-left: auto;
	margin-right: auto;	
	margin-bottom: 8%;
}
	
#userconf h3 {
	font-size: 2.0rem;
	margin-bottom: 40px;
}
#userconf h3 {
	display: none;
}
#userconf h3.h3__sp {
	display: block;
	font-size: 2.8rem;
	line-height: 1.2em;
}	
#userconf_M {
	display: none;
}

#userconf_M::before {
	display: none;
	content: url(imgNew/userconf_M_l.png);
	position: relative;
	top: 15px;
	padding-right: 1%;
}
#userconf_M::after {
	display: none;
	content: url(imgNew/userconf_M_r.png);
	position: relative;
	top: 15px;
	padding-left: 1%;
}

#userconf ul {
	display: block;
	width: 96%;
	margin-left: auto;
	margin-right: auto;	
	padding: 0px;
	margin-bottom: 20px;
}
#userconf ul {
    zoom: 1; /* float解除 for IE6/7  */
}
#userconf ul:after, #userconf ul:before {
    content: "";
    clear: both;
    display: block;
}
	
#userconf li {
	list-style: none;
	display: block;
	float: left;
	text-align: center;
	font-size: 1.8rem;
	letter-spacing: 0px;
font-family: vdl-v7gothic,sans-serif;
font-weight: 500;
font-style: normal;
	width: 84%;
}
	#userconf li.lineImg {
		width: 8%;
		float: left;
	}
.userconf_list {
    width: auto;
}    
    


/****************************************/
/*  　　   　   製品カテゴリー 　  　　　　　*/
/****************************************/

#categoryBg {
	width: 100%;
	background-color: #011C26;
}

#categoryBg h3 {
	width:85%;
	max-width: 1100px;
	margin-left:auto;
	margin-right:auto;
	color: #FFFFFF;
	font-size: 1.8rem;
	letter-spacing: 0px;
	margin-bottom: 40px;
}



#category {
	width:96%;
	max-width: 1100px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10%;
	padding-top: 2%;
	padding-bottom: 1%;
}

#category ul {
	width: 100%;
	padding: 0px;
}

#category li {
	list-style: none;
	display: block;
	text-align: center;
	font-size: 1.1rem;
	width: 46%;
	margin-left: 2%;
	margin-right: 2%;
	margin-bottom: 20px;
	padding-top: 1.4%;
	padding-bottom: 1.4%;
	float: left;
	background-color: #FFFFFF;
	border: 2px solid #588C8C;
font-family: a-otf-jun-pro, sans-serif;
font-style: normal;
font-weight: 300;
}




/****************************************/
/*  　　　 インターネットフルサポート　　　　　*/
/****************************************/
#suportBox {
	width: 100%;
	margin-bottom: 18%;
	/*padding-top: 2%;
	padding-bottom: 2%;*/
}

#suportBG {
	/*position: relative;*/
	/*max-height: 640px;*/
	/*overflow: hidden;*/
	width: 100%;
	background-image: url(imgNew/fullsupportbg.jpg);
	background-position: top center;
	background-repeat: no-repeat;
}
/*#suportBG img {
	width: auto;
	height: 1500px;
}*/
#suport {
	width:100%;
	margin-left: auto;
	margin-right: auto;
	padding-top: 0%;
	/*position: absolute;
	top: 0;
	left: 0;*/
}
	
#suportconf_M {
	display: none;
}

#suportconf_M::before {
	display: none;
}
#suportconf_M::after {
	display: none;
}


#suport ul#suportconf_M__sp  {
	display: block;
	width: 76%;
	margin-left: auto;
	margin-right: auto;
	padding-top: 5%;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin-bottom: 20px;
}
#suport ul#suportconf_M__sp {
    zoom: 1; /* float解除 for IE6/7  */
}
#suport ul#suportconf_M__sp:after, #suport ul#suportconf_M__sp:before {
    content: "";
    clear: both;
    display: block;
}
	
#suport ul#suportconf_M__sp li {
	list-style: none;
	display: block;
	float: left;
	text-align: center;
	font-size: 1.4rem;
	letter-spacing: 0px;
font-family: vdl-v7gothic,sans-serif;
font-weight: 700;
font-style: normal;
	width: 92%;
	color: #FFFFFF;
}
	#suport ul#suportconf_M__sp li.lineImg {
		width: 4%;
		float: left;
	}
	
	
#suport h3 {
	color: #FFFFFF;
	padding-top: 0%;
	border-bottom: none;
	margin-bottom: 3%;
	font-size: 2.2rem;
	letter-spacing: 0px;
}
	
#suport p.suportText {
	display: none;
}
	
#suport p.suportText__sp {
	display: block;
	width: 90%;
	max-width: 780px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 30px;
	font-size: 1.3rem;;
	line-height: 1.4em;	
	color: #FFFFFF;
}

#suport ul#suportSubBox {
	width: 100%;
	max-width: 960px;
	margin-left: auto;
	margin-right: auto;	
	padding: 0px;
}

#suport ul#suportSubBox li {
	list-style: none;
	display: block;
	width: 90%;
	margin-left: 5%;
	margin-right: 5%;
	margin-bottom: 20px;
	padding-top: 2%;
	padding-right: 2%;
	padding-left: 2%;
	padding-bottom: 1%;
	float: none;
	text-align: center;
	background-color: rgba(255,255,255,0.85);
}

#suport ul#suportSubBox li h4 {
	font-size: 2.8rem;
	text-align: center;
	margin-bottom: 5px;
	color: #259797;
	border-bottom: 1px solid #444444;
font-family: industry,sans-serif;
font-weight: 600;
font-style: normal;

}
p.suportCc {
	font-size: 1.6rem;
	text-align: center;
	color: #555555;
font-family: fot-rodin-pron, sans-serif;
font-weight: 600;
font-style: normal;
	margin-bottom: 10px;
}

p.suportTx {
	font-size: 1.3rem;
	line-height: 1.3em;	
	text-align: left;
	height: 80px;
	display: block;
	padding-left: 3%;
	padding-right: 3%;
	margin-bottom: 0px;
}



/****************************************/
/*  　 　ぜひ一度お問い合わせください　　　　　*/
/****************************************/

#goContactText {
	width:100%;
	max-width: 1100px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 2%;
}

#goContactTextBox {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
}
#goContactTextBox h3 {
	width: 100%;
	background-color: #003447;
	padding-top: 3%;
	padding-bottom: 3%;
	margin: 0px;
	color: #FFFFFF;
	font-size: 1.8rem;
	letter-spacing: 0px;
}
#goContactText p {
	display: none;
}
	
#goContactText p.p__sp {
	display: block;
font-family: ryo-gothic-plusn,sans-serif;
font-weight: 400;
font-style: normal;
	/*background-color: #8FC7C7;*/
	text-align: left;
	line-height: 1.6em;
	letter-spacing: 2px;
	padding-top: 25px;
	padding-bottom: 25px;
	margin-bottom: 0px;
	padding-left: 7%;
	padding-right: 7%;
}
	
#goContactText p.arrow {/*  ****   */
	background-color: #FFFFFF;
	text-align: center;
	font-size: 3.0rem;	
}
#goContactTextBox #triangleBox {
	width: 60px;
	margin-left: auto;
	margin-right: auto;
}
#goContactTextBox #triangle {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 30px 30px 0 30px;
	border-color: #8FC7C7 transparent transparent transparent;

}




/****************************************/
/*  　　 電話番号＆お問合せフォームへ　　　　　*/
/****************************************/

#goContact {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding-top: 40px;
	padding-bottom: 40px;
	background-color: #003447;
}


#goContactBox {
	width:94%;
	max-width: 1100px;
	margin-left:auto;
	margin-right:auto;
	color: #FFFFFF;
}


#goContactTelBox dl {
	width: 100%;
	display: block;
	margin-left:auto;
	margin-right:auto;	
	margin-bottom: 8%;
	padding-bottom: 2%;
	border-bottom: 1px solid #FFFFFF;
font-family: fot-rodin-pron, sans-serif;
font-weight: 600;
font-style: normal;
}

#goContactTelBox dt {
	width: 48%;
	display: block;
	text-align: right;
	float: left;
	padding-top: 3px;
	padding-right: 2%;
	font-size: 1.4rem;
font-weight: 300;
}

#goContactTelBox dd {
	width: 50%;
	display: block;
	text-align: left;
	float: left;	
	font-size: 1.8rem;
}
	#goContactTelBox dd a {
		color: #FFFFFF;
	}

#goContactMailBox {
	width: 100%;
	margin-left:auto;
	margin-right:auto;
	margin-bottom: 8%;
}
#goContactMailBox h4 {
font-family: fot-rodin-pron, sans-serif;
font-weight: 600;
font-style: normal;
	text-align: center;
	font-size: 2.0rem;
	margin-bottom: 20px;
}
#goContactMailBox ul {
	width: 97%;
	margin-left: auto;
	margin-right: auto;
	color: #444444;
	list-style: none;
	margin-bottom: 20px;
	padding-left: 0px;
}


#goContactMailBox ul li {
	border-bottom: 1px solid #D4D4D4;
	font-size: 1.4rem;
	display: block;
	width: 100%;
}

#goContactMailBox ul li {
    zoom: 1; /* float解除 for IE6/7  */
}
#goContactMailBox ul li:after, #goContactMailBox ul li:before {
    content: "";
    clear: both;
    display: block;
}

#goContactMailBox ul li:nth-child(2n+0) {
	background-color: #FFFFFF;
}
#goContactMailBox ul li:nth-child(2n+1) {
	background-color: #E9E9E9;
}
#goContactMailBox ul li span.m_name {
	width: auto;
	padding-top: 3%;
	padding-bottom: 1%;
	padding-left: 0%;
	text-align: left;
	display: inline-block;
	float: left;
font-family: a-otf-jun-pro, sans-serif;
font-weight: 300;
font-style: normal;
}
	
	
#goContactMailBox ul li span.hissu {
	width: 10%;
	margin-left: 1.5%;
	margin-right: 1.5%;
	margin-top: 3%;
	display: block;
	float: left;
	background-color: #DB0003;
	color: #FFFFFF;
	text-align: center;
	line-height: 1.6em;
	font-size: 1.1rem;
}
#goContactMailBox ul li span.hissu_no {
	width: 7%;
	margin-left: 1.5%;
	margin-right: auto;
	margin-top: 3%;
	display: block;
	float: left;
}	
	
#goContactMailBox ul li span.m_input {
	width: 100%;
	display: block;
	float: none;
	padding-top: 1%;
	padding-bottom: 3%;
	text-align: center;
}

#goContactMailBox ul li span.m_input {
    zoom: 1; /* float解除 for IE6/7  */
}
#goContactMailBox ul li span.m_input:before {
    content: "";
    clear: both;
    display: block;
}	
	
	#goContactMailBox ul li span.m_input p {
		text-align: left;
	padding-left: 3%;
	}
#goContactMailBox ul li span.m_input input, #goContactMailBox ul li span.m_input textarea {
	width: 90%;
	padding: 10px;
}
#goContactMailBox ul li span.m_input textarea {
	height: 100px;
	line-height: 1.6em;
}

#goContactMailBox input[type="submit"] {
	width: 40%;
	margin-left: auto;
	margin-right: auto;
	display: block;
	text-align: center;
	background-color: #D90003;
	color: #FFFFFF;
	padding-top: 8px;
	padding-bottom: 8px;
	border: none;
font-family: a-otf-jun-pro, sans-serif;
font-weight: 300;
font-style: normal;
	font-size: 1.8rem;
	letter-spacing: 2px;
	border-radius: 10px;
}

#goContactMailBox input[type="submit"]:hover {
	background-color: #FF5F61;
}


/****************************************/
/*  　　 　　　　　　フッター　　　　　　　　　*/
/****************************************/

#guideFooter {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #272727;	
}

#guideFooterBox p {
	text-align: center;
	font-size: 1.1rem;
	color: #FFFFFF;
	margin-bottom: 0px;
	
}	
	
	
	
	
	
	
#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 77%;
}
#page-top a {
    background: rgba(102,102,102,0.60);
    text-decoration: none;
    color: #fff;
    width: 40px;
    padding: 20px 0;
    text-align: center;
    display: block;
    border-radius: 5px;
}
#page-top a:hover {
    text-decoration: none;
    background: #999;
}
	
	
	
	
	
	
	
	
	
}













/*************************************************************************************************************

			レスポンシブ
			   
**************************************************************************************************************/

@media (max-width: 1500px) {

.fullsupport{
	width:95%;
}




}

/*************************************************************************************************************
			Large (992px～1199px）　PC用
**************************************************************************************************************/

@media (max-width: 1199px) {

/* PC：80%、スマホ：100% */
.navbarinner_waku {
	width:100%;
}
/* PC：80%、スマホ：100% */
.navbarinner_waku_subnavi {
	width:100%;
}

/* トップイメージ */
#headerimge_bg{
	min-width:300px;
	overflow:hidden;
}
.headerimge{
	position:relative;
	height:300px;
	left:50%;
	margin-left:-750px;
}
.headerimge img{
	height:300px;
	width:auto;
}



}





/*************************************************************************************************************
			Medium (768px～991px）　タブレット用
**************************************************************************************************************/

@media (max-width: 991px) {

/*-------------------------- */
/*        bootstrap          */
/*-------------------------- */

/* ヘッダー高さ変更 */
.navbar{
	height:60px;
}

/* Bootstrapのnavbarをcollapseさせる（つまりトグルメニューを出す呪文） */
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
		background-color:#000;
		width:100%;
    }
	.navbar-collapse a {
		float:left !important;
	}
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
		float:left !important;
        margin: 10px 10px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .navbar-text {
        float: none;
        margin: 15px 0;
    }
    .navbar-collapse.collapse.in {
        display: block!important;
    }
    .collapsing {
        overflow: hidden!important;
    }
/* Bootstrapのnavbarをcollapseさせる（つまりトグルメニューを出す呪文ここまで） */




/* トグル */
.navbar-toggle {
	margin-top:16px;
}

.navbar-inverse .navbar-toggle .icon-bar {
	background-color:rgba(0,0,0,1.00);
}

.navbar-inverse .navbar-nav > li > a {
	color:#fff !important;
	font-size:16px;
}
.navbar-inverse .navbar-nav > li > a:hover {
	color:#fff !important;
	text-decoration:underline;
}



/* フルサポート */
#fullsupport_bg {
	width:100%;
	background-image:url(image/fullsupportbg.jpg);
	background-position:center;
}

/* サービス */
.service{
	width:100%;
}



}




/*************************************************************************************************************
			Small (544px～767px）　スマートフォン用
**************************************************************************************************************/

@media (max-width: 767px) {

/* トップイメージ */
#headerimge_bg{
	min-width:100px;
	overflow:hidden;
}
.headerimge{
	position:relative;
	height:200px;
	left:50%;
	margin-left:-330px;
}	
.headerimge img{
	height:130px;
	width:auto;
}



/* 見出し */
.midashtext{
	width:100%;
	margin-top:20px;
	font-size:30px;
	font-weight:bold;
	text-align:center;
}


.midashtext_white{
	width:100%;
	padding-top:40px;
	font-size:24px;
	font-weight:bold;
	text-align:center;
	color:#fff;
	display:block;
}




}



@media (max-width: 767px) {
object#EdgeID {
	width:100%;
	height:140px;
}
object#EdgeID2 {
	width:100%;
	height:180px;
}
object#EdgeID3 {
	width:100%;
	height:180px;
}
object#EdgeID4 {
	width:100%;
	height:280px;
}
}
@media (min-width: 768px) {
object#EdgeID {
	width:100%;
	height:280px;
}
object#EdgeID2 {
	width:100%;
	height:380px;
}
object#EdgeID3 {
	width:100%;
	height:420px;
}
object#EdgeID4 {
	width:100%;
	height:540px;
}
}
@media (min-width: 992px) {
object#EdgeID {
	width:100%;
	height:320px;
}
object#EdgeID2 {
	width:100%;
	height:440px;
}
object#EdgeID3 {
	width:100%;
	height:570px;
}
object#EdgeID4 {
	width:100%;
	height:780px;
}
}
@media (min-width: 1200px) {
object#EdgeID {
	width:100%;
	height:320px;
}
object#EdgeID2 {
	width:100%;
	height:440px;
}
object#EdgeID3 {
	width:100%;
	height:570px;
}
object#EdgeID4 {
	width:100%;
	height:780px;
}
}



object#EdgeID {
	width:100%;
}
object#EdgeID2 {
	width:100%;
}
object#EdgeID3 {
	width:100%;
}
object#EdgeID4 {
	width:100%;
}




@media (max-width: 767px) {
.annaipdf {
	width:90%;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:60px;
}
	
.annaipdf a {
	width: 100%;
	display: block;
	text-align: center;
	font-size: 18px;
	font-weight:bold;
	letter-spacing:1px;
	padding-top: 12px;
	padding-bottom: 12px;
	background-color: #353535;
	color: #FFFFFF;
	border-radius: 10px;
}
.annaipdf a:hover {
	background-color: #7C7C7C;
}

}
@media (min-width: 768px) {
.annaipdf {
	width:60%;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:60px;
}
	
.annaipdf a {
	width: 100%;
	display: block;
	text-align: center;
	font-size: 18px;
	font-weight:bold;
	letter-spacing:1px;
	padding-top: 12px;
	padding-bottom: 12px;
	background-color: #353535;
	color: #FFFFFF;
	border-radius: 10px;
}
.annaipdf a:hover {
	background-color: #7C7C7C;
}

}
@media (min-width: 992px) {
.annaipdf {
	width:30%;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:60px;
}
	
.annaipdf a {
	width: 100%;
	display: block;
	text-align: center;
	font-size: 18px;
	font-weight:bold;
	letter-spacing:1px;
	padding-top: 12px;
	padding-bottom: 12px;
	background-color: #353535;
	color: #FFFFFF;
	border-radius: 10px;
}
.annaipdf a:hover {
	background-color: #7C7C7C;
}

}





.height50 {
	height:50px;
}


@media (max-width: 767px) {
#uservoice_box {
	width:90%;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:40px;
	float:none;
}


p#uservoice_box_title {
	display: block;
	margin-bottom: 40px;
	padding-bottom:2px;
	font-size: 28px;
	font-weight: bold;
	text-align:center;
	border-bottom: 1px solid #BFBFBF;
}
p#uservoice_box_text {
	display: block;
	margin-bottom: 40px;
	font-size:18px;
	text-align:center;
}

.uservoice {
	width: 100%;
	margin-left: 2%;
	margin-right: 2%;
	margin-bottom:20px;
	padding: 2%;
	border: 4px solid #FFBA64;
	border-radius: 10px;
	font-size: 14px;
	line-height: 1.6em;
}

span.usericon {
	display:block;
	float:left;
	width:20%;
	margin-right:2%;
	margin-bottom:1%;
}
span.usericon img {
	width:100%;
	height:auto;
}
p.user {
	font-size:14px;
	text-align:right;
}
}
@media (min-width: 768px) {
#uservoice_box {
	width:90%;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:40px;
	float:none;
}


p#uservoice_box_title {
	display: block;
	margin-bottom: 40px;
	padding-bottom:2px;
	font-size: 28px;
	font-weight: bold;
	text-align:center;
	border-bottom: 1px solid #BFBFBF;
}
p#uservoice_box_text {
	display: block;
	margin-bottom: 40px;
	font-size:18px;
	text-align:center;
}

.uservoice {
	width: 100%;
	margin-left: 2%;
	margin-right: 2%;
	margin-bottom:20px;
	padding: 2%;
	border: 4px solid #FFBA64;
	border-radius: 10px;
	font-size: 15px;
	line-height: 1.6em;
}

span.usericon {
	display:block;
	float:left;
	width:20%;
	margin-right:2%;
	margin-bottom:1%;
}
span.usericon img {
	width:100%;
	height:auto;
}
p.user {
	font-size:14px;
	text-align:right;
}
}
@media (min-width: 992px) {
#uservoice_box {
	width:85%;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:40px;
	float:none;
}


p#uservoice_box_title {
	display: block;
	margin-bottom: 40px;
	padding-bottom:2px;
	font-size: 28px;
	font-weight: bold;
	text-align:center;
	border-bottom: 1px solid #BFBFBF;
}
p#uservoice_box_text {
	display: block;
	margin-bottom: 40px;
	font-size:18px;
	text-align:center;
}

.uservoice {
	width: 29%;
	height:250px;
	margin-left: 2%;
	margin-right: 2%;
	padding: 1%;
	border: 4px solid #FFBA64;
	border-radius: 10px;
	font-size: 15px;
	line-height: 1.6em;
}

span.usericon {
	display:block;
	float:left;
	width:35%;
	margin-right:1%;
	margin-bottom:1%;
}
span.usericon img {
	width:100%;
	height:auto;
}
p.user {
	font-size:14px;
	text-align:right;
}
}









@media (max-width: 767px) {
#support_main {
	width:90%;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:20px;
	float:none;
}

#support_main img {
	width:100%;
	height:auto;
	margin-bottom:20px
}

.support {
	width:100%;
	margin-bottom:20px;
	margin-right:0%;
	padding-left:0px;
	padding-right:0px;
}

#support1 {
	background-color:#eabf53;
}
#support2 {
	background-color:#fda256;
}
#support3 {
	background-color:#fd8053;
	margin-right:0% !important;
}


.support_title {
	text-align:center;
	color:#FFFFFF;
	padding-top:20px;
	padding-left:7%;
	padding-right:7%;
	padding-bottom:15px;
	font-size:32px;
	font-weight:bold;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif
}

.support_title span {
	display:block;
	background-color:#FFFFFF;
	color:#eabf53;
	font-size:24px;
	margin-top:10px;
	padding-top:5px;
	padding-bottom:5px;
	letter-spacing:1px;
}

.support_title span#title1 {
	color:#eabf53;
}
.support_title span#title2 {
	color:#fda256;
}
.support_title span#title3 {
	color:#fd8053;
}

.support_text {
	width: 100%;
	height:120px;
	color: #FFFFFF;
	font-size:16px;
	padding-top: 10px;
	padding-right: 15px;
	padding-left: 15px;
	padding-bottom: 10px;
}

#sup1 {
	background-color: #eecc75;
}
#sup2 {
	background-color: #fdb578;
}
#sup3 {
	background-color: #fd9975;
}
}
@media (min-width: 768px) {
#support_main {
	width:90%;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:20px;
	float:none;
}

#support_main img {
	width:100%;
	height:auto;
	margin-bottom:20px
}

.support {
	width:32%;
	margin-bottom:25px;
	margin-right:2%;
	padding-left:0px;
	padding-right:0px;
}

#support1 {
	background-color:#eabf53;
}
#support2 {
	background-color:#fda256;
}
#support3 {
	background-color:#fd8053;
	margin-right:0% !important;
}

.support_title {
	text-align:center;
	color:#FFFFFF;
	padding-top:20px;
	padding-left:7%;
	padding-right:7%;
	padding-bottom:15px;
	font-size:32px;
	font-weight:bold;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif
}

.support_title span {
	display:block;
	background-color:#FFFFFF;
	color:#eabf53;
	font-size:24px;
	margin-top:10px;
	padding-top:5px;
	padding-bottom:5px;
	letter-spacing:1px;
}

.support_title span#title1 {
	color:#eabf53;
}
.support_title span#title2 {
	color:#fda256;
}
.support_title span#title3 {
	color:#fd8053;
}

.support_text {
	width: 100%;
	height:140px;
	color: #FFFFFF;
	font-size:14px;
	padding-top: 10px;
	padding-right: 15px;
	padding-left: 15px;
	padding-bottom: 10px;
}

#sup1 {
	background-color: #eecc75;
}
#sup2 {
	background-color: #fdb578;
}
#sup3 {
	background-color: #fd9975;
}
}
@media (min-width: 992px) {
#support_main {
	width:70%;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:20px;
	float:none;
}

#support_main img {
	width:100%;
	height:auto;
	margin-bottom:20px
}

.support {
	width:32%;
	margin-bottom:25px;
	margin-right:2%;
	padding-left:0px;
	padding-right:0px;
}

#support1 {
	background-color:#eabf53;
}
#support2 {
	background-color:#fda256;
}
#support3 {
	background-color:#fd8053;
	margin-right:0% !important;
}

.support_title {
	text-align:center;
	color:#FFFFFF;
	padding-top:20px;
	padding-left:7%;
	padding-right:7%;
	padding-bottom:15px;
	font-size:32px;
	font-weight:bold;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif
}

.support_title span {
	display:block;
	background-color:#FFFFFF;
	color:#eabf53;
	font-size:24px;
	margin-top:10px;
	padding-top:5px;
	padding-bottom:5px;
	letter-spacing:1px;
}

.support_title span#title1 {
	color:#eabf53;
}
.support_title span#title2 {
	color:#fda256;
}
.support_title span#title3 {
	color:#fd8053;
}

.support_text {
	width: 100%;
	height:150px;
	color: #FFFFFF;
	font-size:16px;
	padding-top: 10px;
	padding-right: 15px;
	padding-left: 15px;
	padding-bottom: 10px;
}

#sup1 {
	background-color: #eecc75;
}
#sup2 {
	background-color: #fdb578;
}
#sup3 {
	background-color: #fd9975;
}
}


#userconf ul.takumiImg {
    display: block !important;
    list-style: none;
    width: 80%;
}
.takumiImg li {
    float:left;
    width: 15%;
}












/****************************************

          Clearfix

*****************************************/

/* クリア */
.float_clear {
    clear: both;
    height: 0px;
    width: 0px;
    visibility: hidden;
}

#container:after,
#header .menu > ul:after,
#header ul.menu:after,
.clearfix:after {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: " ";
	font-size: 0;
}

/* clearfix for ie7 */
#container,
#header .menu > ul,
#header ul.menu,
.clearfix {
	display: inline-block;
}

#container,
#header .menu > ul,
#header ul.menu,
.clearfix {
	display: block;
}