@charset "utf-8";

/*---------------------------------------------------------------
各ページの独自CSS
---------------------------------------------------------------*/
/**
 * 目次
 *
 * 01. ◎トップページ／メインパネルステージ 
 * 02. ◎トップページ／イントロフィールド
 * 03. ◎トップページ／パートナーフィールド
 *
 *（PC-1024px SP-896px以下） 
 *（★の箇所は未使用）
 */



/*******************************************************************************
 01. トップページ／メインパネルステージ(※style-top-panel.cssにて設定)
*******************************************************************************/

/*******************************************************************************
 02. トップページ／イントロフィールド
*******************************************************************************/

/* ●基本囲み枠
=================================================*/
#TOP_intro_FIELD{
	position:relative;
	clear:both;
	float:left;
	width: 100%;
	margin: 0px auto 0px auto;
}

.bg-mark-01{
	position:absolute;
	right:-50px;
	top:100px;
}
.bg-mark-01 img{
	transition: 0.5s ;
}


/*============================================
◎基本囲み枠=レスポンシブ対応
============================================*/
/***---- ▼SP-896px以下----***/
@media screen and (max-width:896px){

.bg-mark-01{
	display:none;
}

}
/***---- ▲SP-896px以下----***/


/* ●イントロキャッチ&コピー
=================================================*/
.intro_catch{
	position:relative;
	float:left;
	width: 80%;
	text-align:left;
	padding: 0px 0px 0px 15%;
	margin: 50px 0px 0px 0px;
}
.intro_catch img{
	transition: 0.5s ;
}

.intro_catch-border{
	float:left;
	width: 80%;
	border-bottom: 1px solid #49515b;
}

.intro_copy{
	position:relative;
	float:left;
	width: 100%;
	text-align:left;
	line-height: 2;
	letter-spacing: 1px;
	font-feature-settings: "palt";
	text-align: justify;
	font-size: 18px;
	transition: 0.5s ;
	padding: 0px 0px 0px 15%;
	margin: 50px 0px 0px 0px;
}

.intro_copy p{
	margin: 0px 0px 0px 0px;
}
p.intro_copy_point{
	font-size: 12px;
	padding: 0px 0px 0px 10%;
}
p.intro_copy_sign{
	font-size: 14px;
	padding: 0px 0% 0px 450px;
	margin: 15px 0px 15px 0px;
}
p.intro_copy_sign span{
	text-align:right;
	line-height: 1.4;
	padding: 0px 0px 0px 10px;
}

/***---- ▼SP-2200px以上----***/
@media screen and (min-width:2200px){

.intro_catch img{
	width: 450px;
}

.intro_copy{
	font-size: 20px;
}

}
/***---- ▲SP-2200px以上----***/

/***---- ▼SP-896px以下----***/
@media screen and (max-width:896px){

.intro_catch,
.intro_catch-border{
	width: 90%;
	padding: 0px 0px 0px 10%;
}

.intro_copy{
	width: 100%;
	padding: 0px 10% 0px 10%;
}
.intro_copy br{
	display:none;
}

p.intro_copy_sign{
	float:right;
	padding: 0px 0% 0px 0px;
}

}
/***---- ▲SP-896px以下----***/


/***---- ▼SP-580px以上----***/
@media screen and (max-width:580px){

.intro_catch img{
	width: 300px;
}

p.intro_copy_sign span{
	display: block;
}

}
/***---- ▲SP-580px以上----***/

/***---- ▼SP-480px以下----***/
@media screen and (max-width:480px){

.intro_copy{
	line-height: 2;
}

}
/***---- ▲SP-480px以下----***/


/*******************************************************************************
 03. トップページ／パートナーフィールド
*******************************************************************************/

/* ●基本囲み枠
=================================================*/
#TOP_partner_FIELD{
	position:relative;
	clear:both;
	float:left;
	width: 100%;
	margin: 80px auto 0px auto;
}


/* ●各ボックス内(ほしの・星野石材・石心小野)
=================================================*/

/*------------------------
BOX-A ほしの石材工業株式会社
------------------------*/
.T-partner-box-A{
	position:relative;
	clear:both;
	width: 40%;
	text-align:center;
	border: 1px solid #49515b;
	border-radius: 16px;
	-moz-border-radius: 16px;
	-webkit-border-radius: 16px;
	-o-border-radius: 16px;
	-ms-border-radius: 16px;
	transition: 0.5s ;
	padding: 50px 3% 50px 3%;
	margin: 0px auto 0px auto;
}

.T-partner-copy-1{
	font-size:19px;
}
.T-partner-copy-2{
	font-size:26px;
}
.T-partner-copy-1,
.T-partner-copy-2{
	line-height: 1.4;
	letter-spacing: 1px;
	font-feature-settings: "palt";
	transition: 0.5s ;
}

.T-p-logo-hoshino-1{
	margin: 40px auto 10px auto;
}
.T-p-logo-hoshino-1 img{
	transition: 0.5s ;
}

.T-partner-plus{
	position:relative;
	clear:both;
	width: 100px;
	height:100px;
	margin: 0px auto 10px auto;
}
.T-partner-plus p.T-p-plus-Y{
	position: relative;
	width: 100px;
	top:50px;
	border-top: 2px solid #49515b;
}
.T-partner-plus p.T-p-plus-T{
	position: absolute;
	height:100px;
	left:50px;
	border-left: 2px solid #49515b;
}

.T-partner-circle{
	position: absolute;
	bottom:-15px;
	left:0;
	right:0;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background: #49515b;
	margin: 0px auto 0px auto;
}

/***---- ▼SP-2200px以上----***/
@media screen and (min-width:2200px){

.T-partner-copy-1{
	font-size:21px;
}
.T-partner-copy-2{
	font-size:29px;
}

.T-p-logo-hoshino-1 img{
	width: 200px;
}

}
/***---- ▲SP-2200px以上----***/

/***---- ▼SP-896px以下----***/
@media screen and (max-width:896px){

.T-partner-box-A{
	width: 60%;
	padding: 50px 3% 50px 3%;
}

.T-partner-copy-2{
	font-size:22px;
}

}
/***---- ▲SP-896px以下----***/

/***---- ▼SP-640px以下----***/
@media screen and (max-width:640px){

.T-partner-box-A{
	width: 70%;
	padding: 40px 5% 40px 5%;
}

.T-partner-copy-1{
	font-size:18px;
}

.T-partner-copy-2{
	font-size:19px;
}

}
/***---- ▲SP-640px以下----***/

/***---- ▼SP-520px以下----***/
@media screen and (max-width:520px){

.T-partner-copy-2 br{
	display:none;
}

}
/***---- ▲SP-520px以下----***/

/***---- ▼SP-480px以下----***/
@media screen and (max-width:480px){


}
/***---- ▲SP-480px以下----***/


/*------------------------
ライン
------------------------*/
.T-partner-line-T{
	position: relative;
	width:1px;
	height:60px;
	border-left: 1px solid #49515b;
	margin: 0px auto 0px auto;
}
.T-partner-line-Y{
	position: relative;
	width:55%;
	height:60px;
	border-top: 1px solid #49515b;
	border-left: 1px solid #49515b;
	border-right: 1px solid #49515b;
	margin: 0px auto 0px auto;
}


/*------------------------
BOX-B BOX-C
株式会社星野石材工業・有限会社石心小野
------------------------*/
.T-partner-box-wrap{
	position:relative;
	clear:both;
	width: 80%;
	margin: 0px auto 0px auto;
}

.T-partner-box-B,
.T-partner-box-C{
	position:relative;
	width: 45%;
	height:300px;
	text-align:center;
	border: 1px solid #49515b;
	border-radius: 16px;
	-moz-border-radius: 16px;
	-webkit-border-radius: 16px;
	-o-border-radius: 16px;
	-ms-border-radius: 16px;
	transition: 0.5s ;
	padding: 50px 3% 0px 3%;
}

.T-partner-box-B{
	float:left;
}
.T-partner-box-C{
	float:right;
}
.T-p-logo-hoshino-2 img,
.T-p-logo-sekishin img{
	transition: 0.5s ;
}

.T-p-site{
	margin: 20px auto 0px auto;
}
.T-p-site p{
	line-height:1.2;
	margin: 10px auto 0px auto;
}
.T-p-site p img{
	transition: 0.5s ;
	box-shadow: 4px 4px 7px 0px rgba(0, 0, 0, 0.7);
	border: 1px solid #49515b;
}
.T-p-site a{
	text-decoration: none;
	color: #49515b;
}

/***---- ▼SP-2200px以上----***/
@media screen and (min-width:2200px){

.T-p-logo-hoshino-2 img,
.T-p-logo-sekishin img{
	width: 400px;
}

.T-p-site p img{
	width: 450px;
}

}
/***---- ▲SP-2200px以上----***/

/***---- ▼SP-1200px以下----***/
@media screen and (max-width:1200px){

.T-p-logo-hoshino-2 img,
.T-p-logo-sekishin img{
	width: 85%;
}

.T-p-site p img{
	width: 90%;
}

}
/***---- ▲SP-1200px以下----***/

/***---- ▼SP-896px以下----***/
@media screen and (max-width:896px){

.T-partner-box-B,
.T-partner-box-C{
	height:170px;
	padding: 40px 3% 0px 3%;
}

}
/***---- ▲SP-896px以下----***/

/***---- ▼SP-640px以下----***/
@media screen and (max-width:640px){

.T-partner-box-wrap{
	width: 90%;
}

.T-partner-box-B,
.T-partner-box-C{
	width: 48%;
}

.T-p-site p{
	font-size: 13px;
}

}
/***---- ▲SP-640px以下----***/

/***---- ▼SP-480px以下----***/
@media screen and (max-width:480px){

.T-partner-box-B,
.T-partner-box-C{
	height:120px;
	padding: 20px 3% 0px 3%;
}

.T-p-logo-hoshino-2 img,
.T-p-logo-sekishin img{
	width: 100%;
}

.T-p-site p img{
	width: 90%;
}

}
/***---- ▲SP-480px以下----***/