@charset "utf-8";

@media ( max-width : 1242px ) {
/* ==============================
        tablet
============================== */
	body {
		min-width: inherit;
	}
	#main .content {
		width: auto;
	}
	.lists {
		width: 100%;
	}
	.freeword {
		width: 98%;
		border-radius: 4px;
		box-sizing:border-box;
		margin:0 auto;
	}
	.freeword_balloon {
		width:90%;
	}
	.detail_box01_01 {
		width:100%;
		float:none;
	}
	.detail_box02 {
		width:100%;
		float:none;
	}
	
	#content_kousetsushi #maincontent {
		margin:0 auto;
		width:98%;
	}
  
  #itemContainer {
    text-align: left;
    width:auto;
    margin: 0 auto;
}

	.mapText {
		display: none;
	}
	
	.mapImg {
		display: none;
	}
	
	.tabchangeContents .mapBtn {
	width: 86%;
	
}

@media ( max-width : 938px ) {
	#contents2011 #ColA2011 .leftcontent {
		margin: 0 255px 0 0;
  }
  #ColB2011 {
		width: 250px;
  }
  .freeword {
		width: 98%;
		border-radius: 4px;
		box-sizing:border-box;
		margin:0 auto;
  }
	.freeword p {
		width:30%;
	}
	.freeword .freeword_area {
		width:55%;
	}
	#contactBnr {
		width:98%;
		box-sizing:border-box;
	}
	#contactBnr .contact_title{
		width:50%;
	}
	.freeword_balloon {
		height: 50px;
	}
	
		#content_service .serviceBtn {
    color: #fff;
    font-size: 100%;
    font-weight: bold;
    text-decoration: none;
    background: #007cbb url(../images/btn_yazi.png) no-repeat 96% 22px;
    border-radius: 10px;
    line-height: 16px;
    padding: 16px 94px 16px 28px !important;
    box-shadow: 0 -3px 4px 0px rgba(0,0,0,0.3) inset;
	}
	
	#content_service .serviceBtn a {
    text-decoration: none;
    background: none;
    border-radius: 0;
    line-height: inherit;
    padding: 0;
    box-shadow: none;
	}

}

@media ( max-width : 819px ) {
	img {
		max-width: 100%;
	}
	#contents2011 .bread2011 {
		padding: 10px;
	}
  #contents2011 #ColA2011 {
		float: none;
  }
  #contents2011 #ColA2011 .leftcontent {
		margin: 0;
  }
  #ColB2011 {
		width: auto;
  }
	.freeword .freeword_area {
		width: 85%;
	}
	.freeword p {
		width: 97%;
	}
	#contactBnr {
		width:98%;
		box-sizing:border-box;
		margin: 60px auto 30px;
	}
	#contactBnr .contact_title{
		width: 50%;
	}
	.freeword_balloon {
		height: inherit;
	}
	.freeword_balloon .left, .freeword_balloon .right {
		float: none;
	}
	#totop a {
		font-size: 80%;
	}
	#totop {
		padding: 30px 20px 80px;
	}
	.pc{
		display:none;
	}
	.searchBtn a {
    padding: 16px 8% 16px 17%;
		background: #00622B url(../images/search_btnBg.png) no-repeat 6% 16px;
	}
	.freeword p {
    float: none;
		width: inherit;
    margin: 4px;
		padding: 0;
	}
		.serv-text {
		float:none;
		width:100%;
		margin-left:0;
	}
	
	.serv-img {
		float:none;
		width:94%;
		padding: 0 3% 10px;
	}

}

@media screen and (max-width: 650px) {
/* ==============================
        max 650px
============================== */
	.equipment, .researcher, .kousetsushi {
		width: inherit;
		float: none;
    height: inherit;
	}
	.equipment:before, .equipment:after, .researcher:before, .researcher:after, .kousetsushi:before, .kousetsushi:after { content: " "; display: table;}
	.equipment:after, .researcher:after, .kousetsushi:after {	clear: both;}
	.equipment, .researcher, .kousetsushi {	*zoom: 1;}
	
	#select .selectImg {
		width: 16%;
		float: left;
    padding: 5% 0 5% 2%;
	}
	#select p {
		float: left;
		padding: 8.5% 0;
	}
	#select .selectArrow {
		float: right;
		width: 6%;
    padding: 10% 3% 10% 0;
	}
	#maincontent .searchIcon {
    width: 14%;
		margin: 14px 0;
	}

	#contents2011 {
		font-size: 90%;
	}
	#header .logo {
		width: 100%;
		padding: 10px 0;
		text-align: center;
		float: none;
	}
	#header .serviceBtn {
		text-align: center;
		float: none;
		padding: 10px 0;
	}
	#header .caption {
		padding: 5px;
	}
	#navigation .madoguchi, #navigation .hint {
		width: 100%;
	}
	.list-box ul li{
		width: 98%;
		margin-right: 0!important;
	}
	.contact_main{
		width: 98%;
		padding: 20px 10px!important;
		box-sizing: border-box;
		margin: 0 auto;
	}
	#contactBnr {
		width:98%;
		box-sizing:border-box;
	}
	#contactBnr .contact_title{
		width:98%;
		box-sizing: border-box;
		margin: 0 auto;
	}
	#contactBnr .contact_tel span, #contactBnr .contact_mail span {
		float:none;
		width:100%;
		display:block;
	}
	#contactBnr .contact_mail,
	#contactBnr .contact_tel{
		width:95%;	
	}
	.detail_box01 table th,
	.detail_box01 table td{
		width:50%;
		font-size: 100%;
	}
	.detail_box01 {
		margin: 20px;
	}
	.checkedcontent2 dl dt{
		line-height: 35px;
		height: 35px;
	}
	.checkedcontent dl dt {
		min-width: 80px;
    font-weight: bold;
    text-align: center;
    float: left;
		line-height: 35px;
		height: 35px;
    margin: 7px;
    font-size: 110%;
	}
	.checkedcontent dl dd {
    border-radius: 4px;
    padding: 2px 10px;
    font-weight: bold;
    float: left;
    margin: 11px 5px;
    font-size: 110%;
	}
	.selc-condi a.reselect {
		margin-top: 2px;
	}
	
	/* ====== tabcontent ====== */
	
	.tabcontent {
		margin-top: 30px;
	}
	
	ul.tabchange {
		width: 98%;
		margin: 0 1%;
		*zoom: 1;
	}
	ul.tabchange:after {
		content: "";
		display: block;
		clear: both;
	}
	ul.tabchange li {
		float: none;
		width: 100%;
		text-align: left;
	}
	ul.tabchange li a {
		border-top-left-radius: 0;
		border-top-right-radius: 0;
		display: block;
		background: #a5a5a5 url(../images/searchTab_yazi.png) no-repeat 95% 51%;
		margin: 0 1%;
		padding: 10px 4%;
		color: #444;
		text-decoration: none;
		font-weight: bold;
		font-size: 130%;
		text-align: left;
	}
	ul.tabchange li a:hover {
		color: #fff;
	}
	ul.tabchange li a.activeBox {
		cursor: default;
		color: #fff;
	}
	ul.tabchange li a.activeBox:hover {
		color: #fff;
	}
	.tabchangeContents {
		width: 94%;
		position: relative;
		text-align: left;
		margin: 0 auto;
	}
	.tabchangeContents .tabchangeBox {
		width: 94%;
		padding: 12px 3%;
	}
		#box3, #box6 {
			padding-bottom: 30px;
		}
	.tabchangeContents .tabchangeBox p {
		color: #fff;
	}
	.tabchangeContents:after {
		content: "";
		position: absolute;
		bottom: -30px; left: 50%;
		margin-left: -50px;
		display: block;
		width: 0px;
		height: 0px;
		border-style: solid;
		border-width: 30px 50px 0 50px;
	}
	
	/* ====== tab ====== */
	
	.tabchangeContents label.checkIcon {
		background-color: #cee0d6;
		width: 82%;
		line-height: 46px;
		color: #a5a5a5;
		font-size: 120%;
		font-weight: bold;
		border: 4px #b9c9c0 solid;
		border-radius: 0;
		padding: 0 10px 0 32px;
		margin: 5px auto;
		display: inline-block;
		cursor: pointer;
	}
	.tabchangeContents label.checkIcon:nth-child(4n) {
		margin-right:0;
	}
	.tabchangeContents label.checkIcon .image {
		left: 10px;
		top: 12px;
	}
	
	.tabchangeContents label.checkmap {
		background-color: #cee0d6;
		width: 28%;
		line-height: 46px;
		text-align: center;
		color: #a5a5a5;
		font-size: 110%;
		font-weight: bold;
		border: 4px #b9c9c0 solid;
		border-radius: 0;
		padding: 0 2px;
		margin-right: 0;
		margin-bottom: 3px;
		display: inline-block;
		cursor: pointer;
	}
	
	.tabchangeContents label.checkmap input {
		opacity: 0;
		width: 0;
	}
	
	.tabchangeContents .mapBtn, .tabchangeContents .mapBtnArea {
		width: 100%;
		position: relative;
		z-index: 10;
	}
	
	.kousetsushi_mintit {
	float: left;
	margin-top: 0px !important;
	color: #fff;
	}
}

@media screen and (max-width: 450px) {
	.list-tit-icon, .detail-tit-icon {
		width: 70px;
		margin-top: 30px;
	}
	.detail_box02_02 dl {
		padding:30px 10px;
		margin-bottom:20px;
		height:100px;
		position: relative;
	}
	.detail_box02_02 dl dd{
		margin:0px 0 0 0;
		text-align:left;
		height:100px;
		padding-left:20px;
		padding-top: 25px;
	}
	#content_equipment .detail_box02_02 dl:after {
		position:absolute;
		content:"";
		width: 98%;
		height: 1px;
		top: 2.5%;
		left: 9em;
	}
	.detail_box02_02 dl dt {
		padding-left:50px;
		line-height:75px;
		margin-top:-25px;
		font-size: 16px;
		font-weight: bold;
		background: url(../images/ico_detail01.png) 5px 48% no-repeat;
	}
	.detail_box02_02 dl:first-child dt{
		background: url(../images/ico_detail02.png) 5px 48% no-repeat;
	}
	#content_equipment .detail_box02_02 dl dd{
		border-top: 1px solid #56b33e; 
		border-left: 0; 
	}
	#content_researcher .detail_box02_02 dl dd{
		border-top: 1px solid #9C004F; 
		border-left: 0; 
	}
	#content_researcher .detail_box02_02 dl:after {
		border-left: none;
	}
	.contact_mail,
	.contact_tel{
		font-size: 24px!important;
	}
	ul.bxslider01 li{
		width: 250px!important;
		height: 150px!important;
	}
	.bx-wrapper  .bx-viewport{
		height:150px!important; 
	}
	.bx-wrapper {
		height:150px!important;
	}
	.controlWrap .bx-wrapper .bx-viewport{
		height: auto!important;
		margin: 5px 4%!important;
		width: 92%!important;
		padding: 2px;
	}
	
	ul#bx-pager li img{
		width:100px!important;
		height:auto;
	}
	#PrevIcon a, #NextIcon a {
		background-size: 60%;
	}
	.detail_box02_02{
		margin-top:40px;
	}
	.detail-tit p {
		float:left;
		margin-top:30px;
		margin-left: 25px;
		font-size: 24px;
		text-shadow: 1px 1px 1px #009644,  -1px 1px 1px #009644,;
	}
	.detail-tit p span{
		display:block;
		font-size:16px;
		text-shadow: none;
	}
}