@charset "UTF-8";

/* ==

　■ 

=============================================================================== */
body{
	background-color: #fff;
	font-family: 'Noto Sans Japanese', "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS P Gothic", Arial, Helvetica, sans-serif;
}
.clearfix.container { max-width: none !important; }
#subHeader {
	height: 60px;
	border-color: #fa0046;
}
.subHeader_id a {
	display: table;
	height: 60px;
	text-decoration: none;
	font-size: 20px;
	color: #969087;
}
.subHeader_id a span {
	display: table-cell;
	vertical-align: middle;
}
.subHeader_item a:hover {
	color: #727272;
}
.nHeaderWrap-menu1 .subHeader_item:nth-child(2) a,
.nHeaderWrap-menu2 .subHeader_item:nth-child(3) a,
.nHeaderWrap-menu3 .subHeader_item:nth-child(4) a,
.nHeaderWrap-menu4 .subHeader_item:nth-child(5) a,
.nHeaderWrap-menu5 .subHeader_item:nth-child(6) a,
.nHeaderWrap-menu6 .subHeader_item:nth-child(7) a,
.nHeaderWrap-menu7 .subHeader_item:nth-child(8) a,
.nHeaderWrap-menu8 .subHeader_item:nth-child(9) a {
	color: #727272;
}
@media only screen and (max-width: 949px) {
	#nHeaderWrap_wrap {
		height: 108px !important;
	}
	#subHeader {
		height: 38px;
	}
	.subHeader_id a {
		height: auto;
		font-size: 11px;
		display: block;
	}
}




/* ==

　■ コンテンツ

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

/* テキストモジュール
------------------------------------------------------------------------------- */
#mainContents .moduleTxt {
	width: 630px;
	margin: 0 auto;
	padding: 50px 0 40px;
	text-align: center;
}
#mainContents .moduleTxt p {
	line-height: 1.7;
}
@media only screen and (max-width: 680px) {
	#mainContents .moduleTxt {
		width: auto;
		padding: 35px 0 25px;
		text-align: left;
	}
	#mainContents .moduleTxt .fsXL {
		font-size: 131%;
	}
}

/* 背景ブロック
------------------------------------------------------------------------------- */

#mainContents .bgTopics {
	margin: 35px 0;
	padding: 20px;
	background-color: #ecf5fb;
}
#mainContents .bgTopics .colBlock01 {
	margin: 0;
}
#mainContents .typeExperience h2,
#mainContents .bgTopics h3 {
	line-height: 1;
	margin: 0 0 10px;
	padding: 0;
	background: none;
	font-size: 12px;
}
#mainContents .bgTopics .heading03 {
	background-color: #21a7da;
}
#mainContents .typeExperience h2 a,
#mainContents .bgTopics h3 a {
	display: block;
}
#mainContents .bgTopics p {
	margin: 0 5px 15px;
}

#mainContents .bgHouse {
	padding: 0 20px 20px;
	background-color: #eeecdb;
}
#mainContents .houseBlock {
	width: 100%;
	margin: 0;
}
#mainContents .houseBlock .col1,
#mainContents .houseBlock .col2,
#mainContents .houseBlock .col3 {
	float: left;
	width: 31.70731%;
	margin-right: 2.23577%;
}
#mainContents .houseBlock .col3 {	margin-right: 0; }
#mainContents .houseBlock p {
	margin-bottom: 0;
}
#mainContents .houseBlock .colImg {
	margin-bottom: 20px;
}
#mainContents .houseBlock .chachTxt {
	margin-bottom: 15px;
	color: #aa000a;
}
@media only screen and (max-width: 949px) {
	#mainContents .houseBlock .col1,
	#mainContents .houseBlock .col2,
	#mainContents .houseBlock .col3 {
		float: none;
		width: 100%;
		margin-right: 0;
	}
	#mainContents .houseBlock .col1,
	#mainContents .houseBlock .col2 {
		padding-bottom: 20px;
	}
	#mainContents .houseBlock .colImg {
		float: left;
		width: 40%;
		margin-bottom: 0;
	}
	#mainContents .houseBlock .colTxt {
		float: right;
		width: 57%;
	}
	#mainContents .houseBlock .chachTxt {
		margin-bottom: 10px;
	}
}
@media only screen and (max-width: 600px) {
	#mainContents .bgTopics {
		margin: 25px 0;
		padding: 10px;
	}
	#mainContents .tileTarget .tile {
		height: auto !important;
	}
	body #mainContents .colBlock01.dropSmp .col1 {
		margin-bottom: 25px;
	}
	#mainContents .bgHouse {
		padding: 0 10px 15px;
	}
	#mainContents .houseBlock .colImg,
	#mainContents .houseBlock .colTxt {
		float: none;
		width: 100%;
	}
	#mainContents .houseBlock .colImg {
		margin-bottom: 13px;
	}
	#mainContents .houseBlock .chachTxt {
		font-size: 145.8%;
	}
}



/* TRY家Lab
------------------------------------------------------------------------------- */
#mainContents .heading03 {
	background-color: #003577;
}

#mainContents .labFrame {
	display: block;
	border: 1px solid #999;
	text-align: center;	
}
#mainContents .trySpace1,
#mainContents .trySpace2,
#mainContents .trySpace3,
#mainContents .trySpace4,
#mainContents .trySpace5 {
	margin: 15px 0 0;
	font-size: 150%;
	font-weight: bold;
}
@media only screen and (max-width: 600px) {
	#mainContents .trySpace1,
	#mainContents .trySpace2,
	#mainContents .trySpace3,
	#mainContents .trySpace4,
	#mainContents .trySpace5 {
		font-size: 131%;
	}
}

/* 施設紹介
------------------------------------------------------------------------------- */

#mainContents .bgHouseLead {
	padding: 0 20px;
	background-color: #eeecdb;
}
#mainContents h2.typeHouse {
	background: #aa000a;
}
#mainContents .contactBlock {
	padding: 20px 20px 10px;
	border-right: 1px solid #003577;
	border-bottom: 1px solid #003577;
	border-left: 1px solid #003577;
}
#mainContents div.typeHouse {
	border-right: 1px solid #aa000a;
	border-bottom: 1px solid #aa000a;
	border-left: 1px solid #aa000a;
}
#mainContents .contactBlock h3 {
	border-bottom: 1px solid #d0d0d0;
}
#mainContents .contactBlock p {
	min-height: 30px;
	height: auto !important;
	height: 30px;
	padding: 10px 0 10px 54px;
	background: url(../images/ico_contact_01.jpg) left center no-repeat;
}
#mainContents .contactBlock li {
	float: left;
	width: 33%;
	padding-bottom: 10px;
}
#mainContents .contactBlock a.linkArw {
	background-position: left center;
}
@media only screen and (max-width: 949px) {
	#mainContents .contactBlock li {
		width: 49.9%;
	}
}
@media only screen and (max-width: 600px) {
	#mainContents .contactBlock {
		padding: 10px 10px 0;
	}
	#mainContents .contactBlock li {
		float: none;
		width: 100%;
	}
	#mainContents .bgHouseLead {
		padding: 0 10px;
	}
}