@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: left;
	font-size: 108%;
}
.sec-img{
	margin-top: 75px;
	width: 100%;
	height: auto;
}


/*--------------------------------------------------------------------------
   企業理念
---------------------------------------------------------------------------*/
.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{
	padding: 0 50px 50px;
	overflow: hidden;
/*	background: url(../images/index/bg_policies_bottom.png) no-repeat bottom center; */
}
.policies li{
	float: left;
}
.policies li + li{
	margin-left: 50px;
}
.policies .item{
	width: 170px;
}
.policies .item dt{
	padding: 50px 0 5px;
	height: 157px;
	background: url(../images/index/bg_policies.png) no-repeat top center;
	color: #e89028;
	font-family: "Noto Sans Japanese","メイリオ","Meiryo",serif;
	font-size: 145%;
	font-weight: 500;
	line-height: 1.36;
}
.policies .item .num{
	display: block;
	padding: 10px 0 5px;
	font-family: "Noto Serif",serif;
	font-size: 20px;
	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.png) no-repeat center;
}
.stance .blockTtl{
	font-size: 35px;
}

.stance .newline{
	padding-left: 10%;
}


.stance .newline br{
	display: none;
}

.stance .newline2{
	padding-left: 10%;
	font-size: 150%;
}

/*--------------------------------------------------------------------------
   活動報告　ベーゼンドルファー
---------------------------------------------------------------------------*/
.stanceb{
	background: #fafafa url(../images/index/bg_stance_b.png) no-repeat center;
}
.stanceb .blockTtl{
	font-size: 35px;
}

.stanceb .newline{
	padding-left: 10%;
}


.stanceb .newline br{
	display: none;
}

.stanceb .newline2{
	padding-left: 10%;
	font-size: 150%;
}

/*--------------------------------------------------------------------------
   活動報告　ベーゼンドルファー
---------------------------------------------------------------------------*/
.stancew{
	background: #fafafa url(../images/index/bg_stance_w.png) no-repeat center;
}
.stancew .blockTtl{
	font-size: 35px;
}

.stancew .newline{
	padding-left: 10%;
}


.stancew .newline br{
	display: none;
}

.stancew .newline2{
	padding-left: 10%;
	font-size: 150%;
}

/*--------------------------------------------------------------------------
   活動報告　ベーゼンドルファー
---------------------------------------------------------------------------*/
.stancej{
	background: #fafafa url(../images/index/bg_stance_j.png) no-repeat center;
}
.stancej .blockTtl{
	font-size: 35px;
}

.stancej .newline{
	padding-left: 10%;
}


.stancej .newline br{
	display: none;
}

.stancej .newline2{
	padding-left: 10%;
	font-size: 150%;
}


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

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

	.policies .item dt{
		font-size: 140%;
		font-weight: 300;
		line-height: 1.28;
	}

	.policies .item .num{
		padding: 15px 0 5px;
		font-family: "Noto Serif",serif;
		font-size: 20px;
		font-weight: normal;
	}

}





/** -----------------------------------------------------------------
 *
 *  [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;
	}


	/*--------------------------------------------------------------------------
	   企業理念
	---------------------------------------------------------------------------*/
	.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;
	}
	/*.sec br{
		display: none;
	}*/
	
	.policies .item dd br{
		padding: 0 0 0 12px;
		vertical-align: middle;
		text-align: left;
		font-size: 13px;
		display: none;
	}
	.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.png) no-repeat top;
		-webkit-background-size: contain;
		background-size: contain;
	}
	.stance .blockTtl{
		font-size: 154%;
		line-height: 1.4;
	}
	.stance .newline br{
		display: block;
	}

	.stance .newline2{
		padding-left: 10%;
		font-size: 150%;
	}


	/*--------------------------------------------------------------------------
	   活動報告
	---------------------------------------------------------------------------*/
	.stanceb{
		background: #fafafa url(../images/index/bg_stance_b.png) no-repeat top;
		-webkit-background-size: contain;
		background-size: contain;
	}
	.stanceb .blockTtl{
		font-size: 154%;
		line-height: 1.4;
	}
	.stanceb .newline br{
		display: block;
	}

	.stanceb .newline2{
		padding-left: 10%;
		font-size: 150%;
	}

	/*--------------------------------------------------------------------------
	   活動報告
	---------------------------------------------------------------------------*/
	.stancew{
		background: #fafafa url(../images/index/bg_stance_w.png) no-repeat top;
		-webkit-background-size: contain;
		background-size: contain;
	}
	.stancew .blockTtl{
		font-size: 154%;
		line-height: 1.4;
	}
	.stancew .newline br{
		display: block;
	}

	.stancew .newline2{
		padding-left: 10%;
		font-size: 150%;
	}


	/*--------------------------------------------------------------------------
	   活動報告
	---------------------------------------------------------------------------*/
	.stancej{
		background: #fafafa url(../images/index/bg_stance_w.png) no-repeat top;
		-webkit-background-size: contain;
		background-size: contain;
	}
	.stancej .blockTtl{
		font-size: 154%;
		line-height: 1.4;
	}
	.stancej .newline br{
		display: block;
	}

	.stancej .newline2{
		padding-left: 10%;
		font-size: 150%;
	}




}

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

	.blockTtl{
		margin: 20px 0 40px;
		font-size: 20px;
	}




	.policies .item dd{
		padding: 0 0 0 12px;
		vertical-align: middle;
		text-align: left;
	}

	.stance .newline2{
		padding-left: 10%;
		font-size: 120%;
	}


	.stanceb .newline2{
		padding-left: 10%;
		font-size: 120%;
	}


	.stancew .newline2{
		padding-left: 10%;
		font-size: 120%;
	}

	.stancej .newline2{
		padding-left: 10%;
		font-size: 120%;
	}

.policies .item dt{
	padding: 40px 0 5px;
	height: 120px;
	width: 120px;
	background: url(../images/index/bg_policies.png) no-repeat top center;
	background-size: 120px;
	font-size: 115%;
	font-weight: 500;
	line-height: 1.36;
}


}

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


	.policies .item dd{
		padding: 0 0 0 12px;
		vertical-align: middle;
		text-align: left;
	}

	.stance{
		background: #fafafa url(../images/index/bg_stance_sp.png) no-repeat top;
		-webkit-background-size: contain;
		background-size: contain;
	}


	.stancej{
		background: #fafafa url(../images/index/bg_stance_j.png) no-repeat center;
		-webkit-background-size: contain;
		background-size: contain;

	}



	.stance .newline2{
		padding-left: 10%;
		font-size: 120%;
	}


	.stanceb .newline2{
		padding-left: 10%;
		font-size: 120%;
	}


	.stancew .newline2{
		padding-left: 10%;
		font-size: 120%;
	}

	.stancej .newline2{
		padding-left: 10%;
		font-size: 120%;
	}


.policies .item dt{
	padding: 30px 0 5px;
	height: 100px;
	width: 100px;
	background: url(../images/index/bg_policies.png) no-repeat top center;
	background-size: 100px;
	font-size: 95%;
}



}