@charset "UTF-8";

/*******************************************************************/
/* PC */
/*******************************************************************/
@media print, screen and (min-width: 769px) {
  /*<start>==========================================================*/

  .main-flex{
    display:flex;
    margin-top: 55px;
  }
  .main-flex .main-left{
    width: 45%;
    margin-right: 50px;
  }
  .main-flex .main-right{
    width:60%;
  }

 h1{
   margin: 0px;
 }
 
 header {
    width: 100%;
    background: #fff;
    z-index: 100;
    box-shadow: 1px 1px 3px #a5a5a5;
}

/*=================================================================*/
/*	お問い合わせ */
/*=================================================================*/
.contact {
  width: 100%;
  padding: 77px 0;
  background: #006773;
  margin: 40px 0 0;
}

.contact .contact_box {
  display: flex;
  justify-content: center;
  align-items: center;
}

.contact .contact_box .contact_txt {
  font-size: 1.6rem;
  color: #fff;
  line-height: 160%;
  text-align: right;
}

.contact .contact_box .contact_txt span {
  font-size: 2.6rem;
  font-weight: bold;
  display: block;
  margin: 0 0 10px 0;
}

.contact .contact_box .border2 {
  width: 2px;
  height: 128px;
  display: block;
  background: #33868f;
  margin: 0 75px;
}

.btn_contact {
  width: 456px;
  height: 80px;
  display: block;
  box-sizing: border-box;
  border: 1px solid #fff;
  border-radius: 12px;
  line-height: 80px;
  text-align: center;
  font-size: 2.4rem;
  color: #fff;
  background: #006773 url(../../common/images/sec/icon_contact.png) no-repeat center left 40px;
  transition: .3s;
  padding: 0 0 0 35px;
}

.contact .contact_box a.btn_contact {
  width: 456px;
  height: 80px;
  display: block;
  box-sizing: border-box;
  border: 1px solid #fff;
  border-radius: 12px;
  line-height: 80px;
  text-align: center;
  font-size: 2.4rem;
  color: #fff;
  background: #006773 url(../../common/images/sec/icon_contact.png) no-repeat center left 40px;
  transition: .3s;
  padding: 0 0 0 35px;
}

.contact .contact_box a.btn_contact:hover {
  box-shadow: 0px 3px 3px #ababab;
  transform: translateY(-3px);
}

footer .f_box .f_logo{
  font-size: 1.4rem;
  color: #157f8c;
}

.ondemand_list {
	width: 740px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	margin-bottom: 40px;
}

/*----展示コーナー一覧表----*/
.exhibition_table{
	margin-bottom: 50px;
	border-left: 1px solid #fff;
	width: 740px;
}
	.exhibition_table th{
		color: #fff;
		background: #278baf;
		height: 30px;
		text-align: center;
	}
	.exhibition_table th.zone{
		border-right: 1px solid #fff;
		width: 80px
	}
	.exhibition_table th.number{
		border-right: 1px solid #fff;
	}
	.exhibition_table th.item{
		border-right: 1px solid #fff;
	}
	.exhibition_table th.summary{
		border-right: 1px solid #fff;
	}
	.exhibition_table th.company{
	}

	.exhibition_table tr td{
		padding: 6px 10px;
		border-bottom: 1px solid #fff;
	}
	.exhibition_table tr td.supercocktail{
		background: #6e95a8;
		color: #fff;
		font-weight: bold;
		text-align: center;
		border-right: 1px solid #fff;
	}
	.exhibition_table tr td.syokuhin{
		background: #7cbcc6;
		color: #fff;
		font-weight: bold;
		text-align: center;
		border-right: 1px solid #fff;
	}
	.exhibition_table tr td.kikan{
		background: #ecb0bb;
		color: #fff;
		font-weight: bold;
		text-align: center;
		border-right: 1px solid #fff;
	}
	.exhibition_table tr td.ict{
		background: #b0bde1;
		color: #fff;
		font-weight: bold;
		text-align: center;
		border-right: 1px solid #fff;
	}
	.exhibition_table tr td.kaigi{
		background: #efc77f;
		color: #fff;
		font-weight: bold;
		text-align: center;
		border-right: 1px solid #fff;
	}
	.exhibition_table tr td.welfare{
		background: #94cbe6;
		color: #fff;
		font-weight: bold;
		text-align: center;
		border-right: 1px solid #fff;
	}	


	.exhibition_table tr td.number{
		border-right: 1px solid #fff;
		text-align: center;
	}

	.exhibition_table tr td.item01,
	.exhibition_table tr td.item02{
		width: 285px;
		border-right: 1px solid #fff;
	}
	.exhibition_table tr td.company{
		width: 219px;
		border-right: 1px solid #fff;
	}
	.exhibition_table tr td.item01,
	.exhibition_table tr td.item02{
		width: 285px;
		border-right: 1px solid #fff;
		background: #e5f1f4
	}
	.exhibition_table tr td.company{
		background: #e5f1f4
	}
	.exhibition_table tr:nth-child(odd)  td.item01,
	.exhibition_table tr:nth-child(odd)  td.item02{
		background: #fff
	}
	.exhibition_table tr:nth-child(odd) td.company{
		background: #fff
	}
/*----展示コーナー一覧表 ここまで----*/


/*---- 内田グローバルヘッダ ----*/
#ss_header_common p {
	margin-top: 0px!important; 
}
#ss_header_common img {
	width:97px!important;
}

/*---- 内田グローバルヘッダ ----*/
#ss_header_common {
	width: 1000px!important;
}
#ss_header_common p {
	margin-top: 0px!important;
}
#ss_header_common img {
	width:97px!important;
}

.ss_form table th {
	width: 30%!important;
}

.ss_contents {
    width: 1000px;
}

#ss_header{
	width: 1000px;
}

.document_other{
	padding: 80px 0 100px;
	background: #fff;
}
	.document_other .document_list{
		margin: 60px auto 0;
		width: 950px;
		display: flex;
		justify-content: flex-start;
		flex-wrap: wrap;
	}
		.document_other .document_list a{
			margin: 37px 37px 0 0;
			color: #000;
			text-decoration: none;
		}
		.document_other .document_list a:hover li{
			opacity: 0.6;
		}
		.document_list a:nth-child(-n+3){
			margin-top: 0;
		}
		.document_list a:nth-child(3n){
			margin-right: 0;
		}
			.document_other .document_list li{
				width: 292px;
				height: 100%;
				background: ##d2e0fc;
				border: 1px solid #eee;
				box-sizing: border-box;
				position: relative;
			}
				.document_other .document_list li .visual{
					width: 292px;
					height: 170px;
					background: #f4f4f4;
				}
					.document_other .document_list li .doc_category{
						padding: 2px 14px;
						min-width: 88px;
						display: inline-block;
						text-align: center;
						font-size: 12px;
						font-weight: bold;
						color: #fff;
						background: #416cbf;
						border-radius: 20px;
						position: absolute;
						top: 12px;
						right: 12px;
					}

				.document_other .document_list li .data_box{
					padding: 24px 18px;
					box-sizing: border-box;
				}
					.document_other .document_list li .data_box .btn_detail,
					.document_other .document_list li .data_box .btn_dl{
						margin: 20px auto 0;
						padding: 0 20px;
						width: 200px;
						height: 30px;
						display: flex;
						justify-content: center;
						align-items: center;
						color: #fff;
						background: #2854ad;
						box-sizing: border-box;
						position: relative;
					}
					.document_other .document_list li .data_box .btn_detail:after{
						content: "";
						display: inline-block;
						width: 8px;
						height: 13px;
						background: url(../img/icon_white_arrow_right.svg) no-repeat;
						background-size: contain;
						position: absolute;
						right: 10px;
						top: 25%;
					}
					.document_other .document_list li .data_box .btn_dl:after{
						content: "";
						display: inline-block;
						width: 20px;
						height: 15px;
						background: url(../img/icon_download.svg) no-repeat;
						background-size: contain;
						position: absolute;
						right: 10px;
						top: 25%;
					}

.ss_privacy {
	max-height: 450px;
}	




  /*<end>============================================================*/
}

/*******************************************************************/
/* SP */
/*******************************************************************/
@media screen and (max-width: 768px) {
  /*<start>==========================================================*/
  
.document_other{
		padding: 40px 0;
	}
		.document_other .document_list{
			width: 100%;
		}
			.document_other .document_list a{
				margin: 20px 0 0 0;
				width: 100%;
			}
			.document_other .document_list a:first-child{
				margin-top: 0;
			}
			.document_other .document_list a:nth-child(-n+3){
				margin-top: 20px;
			}
				.document_other .document_list li{
					width: 100%;
					min-height: 160px;
					display: flex;
				}
					.document_other .document_list li .data_box .title{
						min-height: 0;
						background: none;
						padding-bottom: 0;
						border-bottom: 0;
					}
					.document_other .document_list li .visual{
						width: 50%;
						height: auto;
						overflow: hidden;
						max-height: 170px;
					}
						.document_other .document_list li .visual img{
							width: 100%;
							height: 100%;
							object-fit: cover;
						}
					.document_other .document_list li .data_box{
						padding: 44px 20px 20px;
						width: 50%;
					}
						.document_other .document_list li .data_box .btn_detail,
						.document_other .document_list li .data_box .btn_dl{
							width: 80%;
							display: none;
						}
					.document_other .document_list li .doc_category{
						display: inline-table;
						position: absolute;
						top: 12px;
						left: calc(50% + 12px);
						right: 0;
					}
					
.ondemand_list {
	width: 95%;
	margin-top: 20px;
	margin-bottom: 40px;
	margin-right: auto;
	margin-left: auto;
}

/*----展示コーナー一覧表----*/
.exhibition_table{
	margin-bottom: 50px;
	border-left: 1px solid #fff;
	font-size: 85%;
}
	.exhibition_table th{
		color: #fff;
		background: #278baf;
		height: 30px;
		text-align: center;
	}
	.exhibition_table th.zone{
		border-right: 1px solid #fff;
	}
	.exhibition_table th.number{
		border-right: 1px solid #fff;
	}
	.exhibition_table th.item{
		border-right: 1px solid #fff;
	}
	.exhibition_table th.company{
	}

	.exhibition_table tr td{
		padding: 6px 10px;
		border-bottom: 1px solid #fff;
	}
	.exhibition_table tr td.supercocktail{
		background: #6e95a8;
		color: #fff;
		font-weight: bold;
		text-align: center;
		border-right: 1px solid #fff;
	}
	.exhibition_table tr td.syokuhin{
		background: #7cbcc6;
		color: #fff;
		font-weight: bold;
		text-align: center;
		border-right: 1px solid #fff;
	}
	.exhibition_table tr td.kikan{
		background: #ecb0bb;
		color: #fff;
		font-weight: bold;
		text-align: center;
		border-right: 1px solid #fff;
	}
	.exhibition_table tr td.ict{
		background: #b0bde1;
		color: #fff;
		font-weight: bold;
		text-align: center;
		border-right: 1px solid #fff;
	}
	.exhibition_table tr td.kaigi{
		background: #efc77f;
		color: #fff;
		font-weight: bold;
		text-align: center;
		border-right: 1px solid #fff;
	}
	.exhibition_table tr td.welfare{
		background: #94cbe6;
		color: #fff;
		font-weight: bold;
		text-align: center;
		border-right: 1px solid #fff;
	}

	.exhibition_table tr td.number{
		border-right: 1px solid #fff;
	}

	.exhibition_table tr td.item01,
	.exhibition_table tr td.item02{
		border-right: 1px solid #fff;
	}
	.exhibition_table tr td.company{
		border-right: 1px solid #ffffff;
	}
	
	.exhibition_table tr td.item01,
	.exhibition_table tr td.item02{
		background: #e5f1f4
	}
	.exhibition_table tr td.company{
		background: #e5f1f4
	}
	.exhibition_table tr:nth-child(odd)  td.item01,
	.exhibition_table tr:nth-child(odd)  td.item02{
		background: #fff
	}
	.exhibition_table tr:nth-child(odd) td.company{
		background: #fff
	}
/*----展示コーナー一覧表 ここまで----*/


/*内田グローバル表示*/
#ss_header_common{
	display:flex!important;
}
#ss_header_common {
	width: 95%;
	margin-right: auto;
	margin-left: auto;
}
}#ss_header_common img{
	width: 79px;
}
#ss_header_common p {
	font-size: 12px;
	line-height: 18px;
	margin-top: 0px;
}
#ss_header{
	margin-top: 0px
}
 



  /*<end>============================================================*/
}