@charset "utf-8";
/* ===================================================================
CSS information

 file name  :homepage.css
 author     :Ability Consultant
style info  :設定　ハックは最下部に記述
=================================================================== */
/* -----------------------------------------------------------
	汎用
----------------------------------------------------------- */
.style_PC #contents .img_pc ,
.style_TAB #contents .img_pc {
	display: block;
}
.style_PC #contents .img_sp ,
.style_TAB #contents .img_sp {
	display: none;
}
.style_SP #contents .img_pc {
	display: none;
}
.style_SP #contents .img_sp {
	display: block;
}

.style_PC #contents #link_prohist ,
.style_TAB #contents #link_prohist {
	margin: -1.5% 0 0;
	padding: 1.5% 0 0;
}
.style_PC #contents #link_resu ,
.style_TAB #contents #link_resu ,
.style_PC #contents #link_cha ,
.style_TAB #contents #link_cha {
	margin: -8% 0 0;
	padding: 8% 0 0;
}
.style_PC #contents #link_sta ,
.style_TAB #contents #link_sta ,
.style_PC #contents #link_man ,
.style_TAB #contents #link_man ,
.style_PC #contents #link_phi ,
.style_TAB #contents #link_phi {
	margin: -8% 0 0;
	padding: 8% 0 0;
}

/* -----------------------------------------------------------
	イントロ　.con_intro
----------------------------------------------------------- */
#homepage #contents .con_intro {
	clear: both;
	overflow: hidden;
}
#homepage #contents .con_intro .box_intr .con_pre .con_more .txt_more {
	padding: 5% 0 0;
}
#homepage #contents .con_intro .box_intr .con_pre .con_more .txt_more p {
	margin: 0 0 5%;
}
#homepage #contents .con_intro .box_intr .con_pre .con_more .txt_more .txt_sign {
	text-align: right;
}
#homepage #contents .con_intro .box_intr .con_pre .btnarea {
	background-color: #5399da;
	color: #fff;
	text-align: center;
	padding: 0.5% 0;
}
#homepage #contents .con_intro .box_intr .con_pre .btnarea .btn_on {
	display: none;
}
#homepage #contents .con_intro .box_intr .con_pre .btnarea .btn_off {
	display: block;
}
#homepage #contents .con_intro .box_intr .con_pre .btnarea.active .btn_on {
	display: block;
}
#homepage #contents .con_intro .box_intr .con_pre .btnarea.active .btn_off {
	display: none;
}
/* PC用指定
----------------------------------------------------------- */
	.style_PC #contents .con_intro ,
	.style_TAB #contents .con_intro {
		margin: 0 0 5%;
	}
	.style_PC #contents .con_intro .img_pc ,
	.style_TAB #contents .con_intro .img_pc {
		text-align: center;
	}
	.style_PC #contents .con_intro .img_pc img ,
	.style_TAB #contents .con_intro .img_pc img {
		width: 100%;
		max-width: 1048px;
	}
	.style_PC #contents .con_intro .img_sp ,
	.style_TAB #contents .con_intro .img_sp {
		text-align: center;
	}
	.style_PC #contents .con_intro .box_intr ,
	.style_TAB #contents .con_intro .box_intr {
		width: 87.5%;
		max-width: 1120px;
		overflow: hidden;
		/*margin: 6% auto 0;*/
		margin: 0 auto 0;
	}
	/* 企業理念 */
	.style_PC #contents .con_intro .box_intr .con_phi ,
	.style_TAB #contents .con_intro .box_intr .con_phi {
		width: 34.375%;
		/*float: left;*/
		margin: 0 auto;
		letter-spacing: -0.02em;
		text-align: center;
	}
	.style_PC #contents .con_intro .box_intr .con_phi h2 ,
	.style_TAB #contents .con_intro .box_intr .con_phi h2 {
		margin: 0 0 6%;
		font-size: 210%;
		font-weight: 200;
	}
	/* ご挨拶 */
	.style_PC #contents .con_intro .box_intr .con_pre ,
	.style_TAB #contents .con_intro .box_intr .con_pre {
		width: 59.285%;
		padding: 0 0 0 3.3%;
		float: right;
		border-left: 1px solid #b8b8b8;
	}
	.style_PC #contents .con_intro .box_intr .con_pre h2 ,
	.style_TAB #contents .con_intro .box_intr .con_pre h2 {
		margin: 0 0 4%;
		font-size: 210%;
		font-weight: 200;
	}
	.style_PC #contents .con_intro .box_intr .con_pre .txt_pre img ,
	.style_TAB #contents .con_intro .box_intr .con_pre .txt_pre img {
		width: 100%;
		max-width: 482px;
	}
	.style_PC #contents .con_intro .box_intr .con_pre .box_pre ,
	.style_TAB #contents .con_intro .box_intr .con_pre .box_pre {
		width: 100%;
		overflow: hidden;
		margin: 3.2% 0 0;
	}
	.style_PC #contents .con_intro .box_intr .con_pre .box_pre .img_ceo ,
	.style_TAB #contents .con_intro .box_intr .con_pre .box_pre .img_ceo {
		width: 17%;
		float: left;
	}
	.style_PC #contents .con_intro .box_intr .con_pre .box_pre .img_ceo img ,
	.style_TAB #contents .con_intro .box_intr .con_pre .box_pre .img_ceo img {
		width: 100%;
		max-width: 113px;
	}
	.style_PC #contents .con_intro .box_intr .con_pre .box_pre .txtarea ,
	.style_TAB #contents .con_intro .box_intr .con_pre .box_pre .txtarea {
		width: 78.9%;
		float: right;
	}
/* SP用指定
----------------------------------------------------------- */
	.style_SP #contents .con_intro {
		margin: 0 auto;
	}
	.style_SP #contents .con_intro .img_sp img {
			width: 100%;
			height: auto;
	}
	.style_SP #contents .con_intro .box_intr {
		width: 90%;
		margin: 4% auto 0;
	}
	/* 企業理念 */
	.style_SP #contents .con_intro .box_intr .con_phi {
		letter-spacing: -0.02em;
	}
	.style_SP #contents .con_intro .box_intr .con_phi h2 {
		margin: 0 0 3%;
		text-align: center;
		font-size: 150%;
	}
	/* ご挨拶 */
	.style_SP #contents .con_intro .box_intr .con_pre {
		margin: 7% 0 0;
	}
	.style_SP #contents .con_intro .box_intr .con_pre h2 {
		margin: 0 0 3%;
		text-align: center;
		font-size: 150%;
	}
	.style_SP #contents .con_intro .box_intr .con_pre .txt_pre img {
		width: 100%;
		max-width: 482px;
	}
	.style_SP #contents .con_intro .box_intr .con_pre .box_pre {
		width: 100%;
		overflow: hidden;
		margin: 3.2% 0 0;
	}
	.style_SP #contents .con_intro .box_intr .con_pre .box_pre .img_ceo {
		width: 19.6%;
		float: left;
	}
	.style_SP #contents .con_intro .box_intr .con_pre .box_pre .img_ceo img {
		width: 100%;
	}
	.style_SP #contents .con_intro .box_intr .con_pre .box_pre .txtarea {
		width: 76%;
		float: right;
	}
/* -----------------------------------------------------------
	経営・運営施設　.con_man
----------------------------------------------------------- */
#homepage #contents .con_man {
	clear: both;
	overflow: hidden;
}
/* PC用指定
----------------------------------------------------------- */
	.style_PC #contents .con_man ,
	.style_TAB #contents .con_man {
		position: relative;
	}
	.style_PC #contents .con_man .img_pc ,
	.style_TAB #contents .con_man .img_pc {
		line-height: 0;
	}
	.style_PC #contents .con_man .img_pc img ,
	.style_TAB #contents .con_man .img_pc img {
		width: 100%;
	}
	.style_PC #contents .con_man h2 ,
	.style_TAB #contents .con_man h2 {
		text-align: center;
		color: #fff;
		width: 100%;
		padding: 2.5% 0;
		font-size: 210%;
		font-weight: 200;
		letter-spacing: 0.05em;
		background-color: #5399da;
	}
	.style_PC #contents .con_man .con_hotel ,
	.style_TAB #contents .con_man .con_hotel {
		max-width: 1280px;
		overflow: hidden;
		background-color: #5399da;
	}
	.style_PC #contents .con_man .con_hotel .con_sapporo ,
	.style_TAB #contents .con_man .con_hotel .con_sapporo {
		width: 49.95%;
		height: 267px;
		float: left;
		background: url(../images/home/bg_sapporo.jpg) no-repeat center top;
		background-size: 100% 100%;
	}
	.style_PC #contents .con_man .con_hotel .con_sapporo p ,
	.style_TAB #contents .con_man .con_hotel .con_sapporo p {
		padding: 54px 0 0;
		text-align: center;
	}
	.style_PC #contents .con_man .con_hotel .con_sapporo p img ,
	.style_TAB #contents .con_man .con_hotel .con_sapporo p img {
		width: 100%;
		max-width: 513px;
	}
	.style_PC #contents .con_man .con_hotel .con_obihiro ,
	.style_TAB #contents .con_man .con_hotel .con_obihiro {
		width: 49.95%;
		height: 267px;
		float: right;
		background: url(../images/home/bg_obihiro.jpg) no-repeat center top;
		background-size: 100% 100%;
	}
	.style_PC #contents .con_man .con_hotel .con_obihiro p ,
	.style_TAB #contents .con_man .con_hotel .con_obihiro p {
		padding: 54px 0 0;
		text-align: center;
	}
	.style_PC #contents .con_man .con_hotel .con_obihiro p img ,
	.style_TAB #contents .con_man .con_hotel .con_obihiro p img {
		width: 100%;
		max-width: 401px;
	}
/* SP用指定
----------------------------------------------------------- */
	.style_SP #contents .con_man {
		margin: 7% 0 0;
	}
	.style_SP #contents .con_man img {
		width: 100%;
	}
	.style_SP #contents .con_man h2 {
		background-color: #5399da;
		text-align: center;
		color: #fff;
		width: 100%;
		padding: 3% 0;
		font-size: 150%;
		font-weight: 200;
		letter-spacing: 0.05em;
	}
	.style_SP #contents .con_man .con_hotel .con_sapporo {
		max-height: 267px;
		background: url(../images/home/bg_sapporo_sp.jpg) no-repeat center top;
		background-size: 100% 100%;
	}
	.style_SP #contents .con_man .con_hotel .con_sapporo p {
		padding: 4% 2% 2.5%;
	}
	.style_SP #contents .con_man .con_hotel .con_obihiro {
		max-height: 267px;
		background: url(../images/home/bg_obihiro_sp.jpg) no-repeat center top;
		background-size: 100% 100%;
	}
	.style_SP #contents .con_man .con_hotel .con_obihiro p {
		padding: 4% 14% 2.5%;
	}
/* -----------------------------------------------------------
	会社概要・会社沿革　.con_pro_hist
----------------------------------------------------------- */
#homepage #contents .con_pro_hist {
	clear: both;
	overflow: hidden;
}
#homepage #contents .con_pro_hist h3 {
	padding: 3% 0;
	text-align: center;
	border-bottom: 1px solid #b6b6b6;
	border-top: 1px solid #b6b6b6;
	font-weight: 200;
	font-size: 210%;
}
/* PC用指定
----------------------------------------------------------- */
	.style_PC #contents .con_pro_hist ,
	.style_TAB #contents .con_pro_hist {
		margin: 7% auto 6%;
		width: 87.5%;
	}
	.style_PC #contents .con_pro_hist dl ,
	.style_TAB #contents .con_pro_hist dl {
		margin: 6% 0 0;
		line-height: 1.5;
	}
	.style_PC #contents .con_pro_hist .con_pro ,
	.style_TAB #contents .con_pro_hist .con_pro {
		width: 47.76%;
		float: left;
	}
	.style_PC #contents .con_pro_hist .con_pro dd ,
	.style_TAB #contents .con_pro_hist .con_pro dd {
		margin: 0 0 2.5%;
	}
	.style_PC #contents .con_pro_hist .con_hist ,
	.style_TAB #contents .con_pro_hist .con_hist {
		width: 47.76%;
		float: right;
	}
	.style_PC #contents .con_pro_hist .con_hist h3 ,
	.style_TAB #contents .con_pro_hist .con_hist h3 {
		margin: 0 0 6%;
	}
	.style_PC #contents .con_pro_hist .con_hist dl ,
	.style_TAB #contents .con_pro_hist .con_hist dl {
		width: 100%;
		overflow: hidden;
		margin: 0 0 0.5%;
	}
	.style_PC #contents .con_pro_hist .con_hist dl dt ,
	.style_TAB #contents .con_pro_hist .con_hist dl dt {
		width: 22.05%;
		float: left;
	}
	.style_PC #contents .con_pro_hist .con_hist dl dd ,
	.style_TAB #contents .con_pro_hist .con_hist dl dd {
		width: 77.94%;
		float: left;
	}
/* SP用指定
----------------------------------------------------------- */
	#homepage.style_SP #contents .con_pro_hist h3 {
		margin: 9% 0 0;
		line-height: 1.5;
		font-size: 150%;
	}
	.style_SP #contents .con_pro_hist dl {
		margin: 4% 2% 0;
		line-height: 1.4;
	}
	.style_SP #contents .con_pro_hist dl dd {
		margin: 0 0 1.5%;
	}
	.style_SP #contents .con_pro_hist .con_hist dl {
		width: 96%;
		overflow: hidden;
	}
	.style_SP #contents .con_pro_hist .con_hist dl dt {
		width: 38.8%;
		float: left;
	}
	.style_SP #contents .con_pro_hist .con_hist dl dd {
		width: 59.2%;
		float: left;
	}
/* -----------------------------------------------------------
	会社組織図・経営成績　.con_chart_results
----------------------------------------------------------- */
#homepage #contents .con_chart_results {
	clear: both;
	border-bottom: 7px solid #5399da;
}
#homepage #contents .box_chart_results {
	overflow: hidden;
	background-color: #deebf0;
}
#homepage #contents .con_chart_results h3 {
	padding: 2% 0 0.5%;
	text-align: center;
	border-top: 7px solid #5399da;
	font-weight: 200;
	font-size: 200%;
	color: #5399da;
	cursor: pointer;
}
#homepage #contents .con_chart_results .images {
	text-align: center;
	padding: 2% 0 1%;
}
#homepage #contents .con_chart_results .images img {
	width: 100%;
	max-width: 1120px;
}
#homepage #contents .con_chart_results .arrow {
	text-align: center;
	padding: 0 0 0.6%;
	cursor: pointer;
}
#homepage #contents .con_chart_results .arrow .btn_on {
	display: none;
}
#homepage #contents .con_chart_results .arrow .btn_off {
	display: block;
}
#homepage #contents .con_chart_results .arrow.active .btn_on {
	display: block;
}
#homepage #contents .con_chart_results .arrow.active .btn_off {
	display: none;
}
/* PC用指定
----------------------------------------------------------- */
	.style_PC #contents .con_chart_results ,
	.style_TAB #contents .con_chart_results {
		margin: 0 auto 7%;
	}
/* SP用指定
----------------------------------------------------------- */
	#homepage.style_SP #contents .con_chart_results h3 {
		font-size: 150%;
	}
	.style_SP #contents .con_chart_results {
		margin: 8% auto 0;
	}
	.style_SP #contents .con_chart_results .images {
		margin: 0 2% 0;
	}
/* -----------------------------------------------------------
	スタッフメッセージ　.con_staff
----------------------------------------------------------- */
#homepage #contents .con_staff {
	clear: both;
	overflow: hidden;
	background-color: #efefef;
}
#homepage #contents .con_staff h3 {
	text-align: center;
}
/* タブ切り替え */
#homepage #contents .con_staff .tab_staff li {
	cursor: pointer;
}
#homepage #contents .con_staff .tab_staff span {
	display: block;
}
#homepage #contents .con_staff .tab_staff .btn_01 {
		background: url(../images/home/thum_yamada.png) no-repeat center top;
}
#homepage #contents .con_staff .tab_staff .btn_02 {
		background: url(../images/home/thum_watanabe.png) no-repeat center top;
}
#homepage #contents .con_staff .tab_staff .btn_03 {
		background: url(../images/home/thum_oota.png) no-repeat center top;
}
#homepage #contents .con_staff .tab_staff .btn_04 {
		background: url(../images/home/thum_ogawa.png) no-repeat center top;
}
#homepage #contents .con_staff .tab_staff .btn_05 {
		background: url(../images/home/thum_ashikaga.png) no-repeat center top;
}
#homepage #contents .con_staff .tab_staff .btn_06 {
		background: url(../images/home/thum_abe.png) no-repeat center top;
}
#homepage #contents .con_staff .tab_staff .active span {
		background: url(../images/home/thum_on.png) no-repeat center top;
}
/* 写真エリア */
#homepage #contents .con_staff .box_staff .photoarea {
	background-color: #4187c8;
	color: #fff;
	padding: 0 0 1%;
}
#homepage #contents .con_staff .box_staff .photoarea p {
	padding: 1.5% 3.5% 0;
	letter-spacing: -0.03em;
}
#homepage #contents .con_staff .box_staff .photoarea .photo {
	padding: 0 0 0.5%;
}
/* テキストエリア */
#homepage #contents .con_staff .box_staff .txtarea dt {
	color: #638694;
	font-weight: 800;
	padding: 0 0 0.6%;
}
#homepage #contents .con_staff .box_staff .txtarea dd {
	padding: 0 0 3%;
}
/* PC用指定
----------------------------------------------------------- */
	.style_PC #contents .con_staff ,
	.style_TAB #contents .con_staff {
		margin: 0 auto;
		padding: 0 0 5%;
	}
	.style_PC #contents .con_staff h3 ,
	.style_TAB #contents .con_staff h3 {
		padding: 2% 0 1.8%;
	}
	.style_PC #contents .con_staff .tab_staff ,
	.style_TAB #contents .con_staff .tab_staff {
		margin: 0 auto;
		max-width: 1056px;
		overflow: hidden;
	}
	#homepage.style_PC #contents .con_staff .tab_staff li ,
	#homepage.style_TAB #contents .con_staff .tab_staff li {
		width: 114px;
		margin: 0 4% 0 0;
		float: left;
		background-size: contain;
	}
	#homepage.style_PC #contents .con_staff .tab_staff .btn_01 ,
	#homepage.style_TAB #contents .con_staff .tab_staff .btn_01 {
		margin: 0 4% 0 3%;
	}
	#homepage.style_PC #contents .con_staff .tab_staff .btn_06 ,
	#homepage.style_TAB #contents .con_staff .tab_staff .btn_06 {
		margin: 0;
	}
	#homepage.style_PC #contents .con_staff .tab_staff .active span ,
	#homepage.style_TAB #contents .con_staff .tab_staff .active span {
		background-size: contain;
	}
	#homepage.style_PC #contents .con_staff .tab_staff .active span img ,
	#homepage.style_TAB #contents .con_staff .tab_staff .active span img {
		width: 100%;
	}
	.style_PC #contents .con_staff .box_staff ,
	.style_TAB #contents .con_staff .box_staff {
		margin: 2% auto 0;
		width: 82.5%;
		overflow: hidden;
	}
	.style_PC #contents .con_staff .box_staff .photoarea ,
	.style_TAB #contents .con_staff .box_staff .photoarea {
		width: 33.04%;
		max-width: 349px;
		float: left;
	}
	.style_PC #contents .con_staff .box_staff .photoarea .photo img ,
	.style_TAB #contents .con_staff .box_staff .photoarea .photo img {
		width: 100%;
	}
	.style_PC #contents .con_staff .box_staff .txtarea ,
	.style_TAB #contents .con_staff .box_staff .txtarea {
		width: 64.58%;
		max-width: 682px;
		float: right;
	}
	.style_PC #contents .con_staff .box_staff .txtarea dl dt ,
	.style_TAB #contents .con_staff .box_staff .txtarea dl dt {
		font-size: 110%;
	}
	.style_PC #contents .con_staff .box_staff .txtarea dl .txt_q1 ,
	.style_TAB #contents .con_staff .box_staff .txtarea dl .txt_q1 {
		width: 305px;
	}
/* SP用指定
----------------------------------------------------------- */
	.style_SP #contents .con_staff {
		margin: 9% auto 0;
	}
	.style_SP #contents .con_staff h3 {
		padding: 4% 0 5%;
	}
	.style_SP #contents .con_staff h3 img {
		width: 94%;
		margin: 0 3%;
	}
	.style_SP #contents .con_staff .tab_staff {
		margin: 0 0 2% 12%;
		width: 88%;
		overflow: hidden;
	}
	.style_SP #contents .con_staff .tab_staff li {
		width: 20%;
		margin: 0 9.68% 6% 0;
		float: left;
	}
	.style_SP #contents .con_staff .tab_staff li span img {
		width: 100%;
	}
	#homepage.style_SP #contents .con_staff .tab_staff li {
		background-size: contain;
		line-height: 1;
	}
	#homepage.style_SP #contents .con_staff .tab_staff .active span {
		background-size: contain;
	}
	.style_SP #contents .con_staff .box_staff .photoarea {
		margin: 0 auto;
		width: 80%;
	}
	.style_SP #contents .con_staff .box_staff .photoarea .photo img {
		width: 100%;
	}
	.style_SP #contents .con_staff .box_staff .photoarea p {
		line-height: 1.5;
	}
	.style_SP #contents .con_staff .box_staff .txtarea {
		margin: 8% auto 0;
		width: 84%;
		padding: 0 0 7%;
	}
	
/*======================================

	hack - 各種cssハック - for IE7

=======================================*/
*:first-child+html {}
*:first-child+html .style_PC ,
*:first-child+html .style_TAB {
}