@charset "utf-8";

/**
 *
 *  企業理念
 *
 */

/*--------------------------------------------------------------------------
   overwrite  - 共通CSSの上書き -
---------------------------------------------------------------------------*/
.blockTtl{
	margin: 20px 0 40px;
	font-size: 42px;
}
.blockTtl:after{
	margin-top: 10px;
}
.blockTtl.en{
	margin-top: 0;
}


/*--------------------------------------------------------------------------
   common
---------------------------------------------------------------------------*/
.sec{
	padding: 80px 0;
}
.sec-ttl{
	position: relative;
	left: 50%;
	width: 144px;
	margin: 0 0 12px -72px;
	padding: 5px 0;
	background: #e7e3d6;
	border-radius: 3px;
	text-align: center;
	font-size: 131%;
	font-weight: 500;
	font-family: "Noto Sans Japanese","メイリオ","Meiryo",serif;
}
/* IE9・10 */
.sec-ttl:not(:target){
	padding: 9px 0 1px\9;
}
/* IE11 */
@media all and (-ms-high-contrast:none){
	*::-ms-backdrop, .sec-ttl{
		padding: 9px 0 1px;
	}
}
.sec-lead{
	text-align: center;
	font-size: 108%;
}
.sec-img{
	margin-top: 75px;
	width: 100%;
	height: auto;
}

.sec-lead1{
	text-align: center;
}



/*--------------------------------------------------------------------------
   特典
---------------------------------------------------------------------------*/
.philosophy{
	padding: 70px 0;
	padding-bottom: 0;
	background: url(../images/index/bg_philosophy.gif);
}


/*--------------------------------------------------------------------------
   特典
---------------------------------------------------------------------------*/
.policy{
	background: #f6f4ed url(../images/index/bg_policy.jpg) no-repeat center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	text-align: center;
}
.policies{
	text-align: center;
	padding: 0 60px 50px;
	overflow: hidden;
/*	background: url(../images/index/bg_policies_bottom.png) no-repeat bottom center; */
}
.policies li{
	margin-left: 15px;
	float: left;
}
.policies li + li{
	margin-left: 43px;
}
.policies .item{
	width: 157px;
}
.policies .item dt{
	height: 155px;
	background: url(../images/index/bg_policies.png) no-repeat top center;
	color: #fff;
	font-family: "Noto Sans Japanese","メイリオ","Meiryo",serif;
	font-size: 162%;
	font-weight: 500;
	line-height: 1.36;
}
.policies .item .num{
	display: block;
	padding: 32px 0 5px;
	font-family: "Noto Serif",serif;
	font-size: 24px;
	font-weight: normal;
}
.policies .item .ttl{
	display: block;
	font-family: "Noto Serif",serif;
	font-size: 24px;
}
.policies .item dd{
	padding-top: 10px;
	font-size: 108%;
}
.policy .state{
	margin-top: 7px;
	font-family: "Noto Sans Japanese","メイリオ","Meiryo",serif;
	font-size: 22px;
	font-weight: 500;
}


/*--------------------------------------------------------------------------
   
---------------------------------------------------------------------------*/
.stance{
	background: #fafafa url(../images/index/bg_stance.gif) no-repeat center;
}
.stance .blockTtl{
	font-size: 41px;
}
.stance .newline br{
	display: none;
}

/*--------------------------------------------------------------------------
  Thanksページ
---------------------------------------------------------------------------*/
.stance1{
/*	background: #fafafa url(../images/index/bg_stance.gif) no-repeat center;*/
	text-align: center;
}
.stance1 .blockTtl{
	font-size: 30px;
	
}
.stance1 .newline br{
	display: none;
}

.stance2{
/*	background: #fafafa url(../images/index/bg_stance.gif) no-repeat center;*/
	text-align: center;
}
.stance2 .blockTtl{
	font-size: 20px;
	
}
.stance2 .newline br{
	display: none;
}

/** -----------------------------------------------------------------
 *
 *  [sp]レスポンシブ 768px
 *
 ----------------------------------------------------------------- */
@media screen and (max-width:768px) {

	.policies{
		padding: 0 20px 50px;
		overflow: hidden;
	/*	background: url(../images/index/bg_policies_bottom.png) no-repeat bottom center; */
	}
	.policies li{
		float: left;
	}
	.policies li + li{
		margin-left: 13px;
	}

}



/** -----------------------------------------------------------------
 *
 *  [sp]レスポンシブ 740px
 *
 ----------------------------------------------------------------- */
@media screen and (max-width:740px) {

	/*--------------------------------------------------------------------------
	   overwrite  - 共通CSSの上書き -
	---------------------------------------------------------------------------*/
	.blockTtl{
		font-size: 24px;
		margin: 0 0 25px;
	}


	/*--------------------------------------------------------------------------
	   common
	---------------------------------------------------------------------------*/
	.sec br{
		display: none;
	}
	.sec{
		padding: 40px 0 35px;
	}
	.sec-ttl{
		width: 105px;
		height: 30px;
		margin: 0 0 12px -52px;
		padding: 0;
		font-size: 13px;
		line-height: 30px;
	}
	.sec-lead{
		text-align: left;
		font-size: 100%;
	}
	.sec-img{
		margin-top: 32px;
	}

	.sec-lead1{
		text-align: center;
		font-size: 50%;
		padding-bottom:10px;
	}




	/*--------------------------------------------------------------------------
	   企業理念
	---------------------------------------------------------------------------*/
	.philosophy{
		padding: 40px 0 0;
		background: url(../images/index/bg_philosophy_sp.gif);
		-webkit-background-size: 13px;
		background-size: 13px;
	}


	/*--------------------------------------------------------------------------
	   経営方針
	---------------------------------------------------------------------------*/
	.policy{
		background: #f6f4ed url(../images/index/bg_policy_sp.jpg) no-repeat top;
		-webkit-background-size: contain;
		background-size: contain;
	}
	.policies{
		padding: 0 0 40px;
		background-image: url(../images/index/bg_policies_bottom_sp.png) no-repeat;
		-webkit-background-size: contain;
		background-size: contain;
	}
	.policies li{
		float: none;
		margin: 0 auto;
	}
	.policies li + li{
		margin: 15px 0 0;
	}
	.policies .item{
		display: table;
		width: 100%;
	}
	.policies .item dt,
	.policies .item dd{
		display: table-cell;
	}
	.policies .item dt{
		width: 87px;
		height: 98px;
		padding: 0 13px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		background-size: 87px 98px;
		font-size: 11px;
	}
	.policies .item dd{
		padding: 0 0 0 12px;
		vertical-align: middle;
		text-align: left;
		font-size: 13px;
	}
	.policies .item .num{
		font-size: 12px;
		padding-top: 17px;
		padding-bottom: 3px;
	}
	.policy .state{
		margin-top: 15px;
		padding: 0 14px;
		text-align: left;
		font-size: 18px;
		line-height: 1.4;
	}


	/*--------------------------------------------------------------------------
	   スタンス
	---------------------------------------------------------------------------*/
	.stance{
		background: #fafafa url(../images/index/bg_stance_sp.gif) no-repeat top;
		-webkit-background-size: contain;
		background-size: contain;
	}
	.stance .blockTtl{
		font-size: 154%;
		line-height: 1.4;
	}
	.stance .newline br{
		display: block;
	}

	.stance1{
		text-align: center;
		}
	.stance1 .blockTtl{
			font-size: 30px;
			
		}
	.stance1 .newline br{
			display: none;
	}


}

/** -----------------------------------------------------------------
 *
 *  [sp]レスポンシブ411px
 *
 ----------------------------------------------------------------- */
@media screen and (max-width:411px) {

	/*--------------------------------------------------------------------------
	   overwrite  - 共通CSSの上書き -
	---------------------------------------------------------------------------*/
	.blockTtl{
		font-size: 24px;
		margin: 0 0 25px;
	}


	/*--------------------------------------------------------------------------
	   お問い合わせありがとうござました
	---------------------------------------------------------------------------*/
	
	
	.stance1 .blockTtl{
		font-size: 120%;
		line-height: 1.4;
	}

	
	.sec-lead{
		text-align: left;
		padding: 0 30px;
		font-size: 100%;
	}

	
	.sec-lead1 img{
		width: 90%;
		height: auto;
		text-align: center;
	}

}