@charset "utf-8";

@media screen and (min-width: 1024px) {
	/* 1024px以上用（パソコン用）の記述 */
	.sp {
		display: none;
	}

	.mvTit:before {
		opacity: 0.6 !important;
		background: url(../../img/company/mv_company.jpg) no-repeat center top;
		background-size: cover;
		-webkit-background-size: cover;
	}

	/* トップメッセージ */
	/* -------------------------------------------------- */
	#messageWrap {
		position: relative;
	}

	#messageWrap:after {
		content: '';
		width: 1005px;
		height: 1025px;
		background: #faf7f0;
		position: absolute;
		top: 0;
		right: 0;
		z-index: -1;
	}

	#messageIntro {
		padding: 60px 140px 50px 0;
		font-weight: 600;
		letter-spacing: 0.025em;
		font-size: 3.2rem;
		text-align: right;
	}

	#messageInr {
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		padding-bottom: 140px;
	}

	#messageContent {

	}

	#messagePhoto {
		padding-bottom: 20px;
	}

	#messageName {
		font-size: 1.8rem;
		line-height: 1.44;
		letter-spacing: 0.075em;
		text-align: right;
	}

	#messageSentence {
		padding: 0 5%;
	}

	.messageTit {
		font-size: 2.6rem;
		font-weight: 600;
		letter-spacing: 0.025em;
		color: #9e2b21;
	}

	.companyTxt {
		padding-bottom: 65px;
		font-size: 2rem;
		line-height: 1.6;
		font-family: '游ゴシック', YuGothic;
		letter-spacing: 0;
	}

	#companyTxtLast {
		padding-bottom: 0;
	}

	/* 私たちの使命 */
	/* -------------------------------------------------- */
	#mission .companyTxt {
		padding-bottom: 50px;
		text-align: center;
	}

	#mission3 {
		padding-bottom: 100px;
		text-align: center;
		letter-spacing: -.4em;
	}

	.missionItem {
		display: inline-block;
		padding-right: 105px;
		font-size: 6rem;
		font-weight: 600;
		line-height: 1;
		letter-spacing: 0.075em;
		color: #9e2b21;
		position: relative;
	}

	.missionItem:before {
		content: '';
		display: inline-block;
		width: 28px;
		height: 3px;
		background: #333;
		position: absolute;
		top: 20px;
		right: 38px;
	}

	.missionItem:after {
		content: '';
		display: inline-block;
		width: 28px;
		height: 3px;
		background: #333;
		position: absolute;
		bottom: 20px;
		right: 38px;
	}

	.missionItem:last-child {
		padding-right: 0;
	}

	.missionItem:last-child:before {
		display: none;
	}

	.missionItem:last-child:after {
		display: none;
	}

	/* 経営理念 */
	/* -------------------------------------------------- */
	#philosophy {
		padding-bottom: 100px;
	}

	#philosophyList {
		counter-reset: number 0;
	}

	.philosophyItem {
		margin-bottom: 50px;
		padding: 30px 0;
		border: 1px solid #333;
		text-align: center;
		font-size: 2.2rem;
		font-weight: 500;
		position: relative;
	}

	.philosophyItem:last-child {
		margin-bottom: 0;
	}

	.philosophyItem:before {
		counter-increment: number 1;
		content: counter(number) " ";
		display: inline-block;
		width: 47px;
		height: 47px;
		font-size: 4rem;
		text-indent: -0.1em;
		line-height: 1;
		font-style: italic;
		color: #947c3d;
		background: #fff;
		position: absolute;
		top: -20px;
		left: 50%;
		margin-left: -23px;
	}

	/* 会社概要 */
	/* -------------------------------------------------- */
	#overview {
		padding-bottom: 100px;
	}

	/* 沿革 */
	/* -------------------------------------------------- */
	#historyList {
		padding-bottom: 145px;
		font-family: '游ゴシック', YuGothic;
		text-align: center;
	}

	.historyTheme {
		padding: 5px 0;
		font-size: 1.6rem;
		font-weight: bold;
		background: #eae0c5;
	}

	.historyDetail {
		padding: 19px 0;
	}



}

@media screen and (min-width: 1024px) and (max-width: 1200px) {
	/* 1024px - 1200px用（パソコン用）の記述 */
	/* メインビジュアル */
	/* -------------------------------------------------- */
	html {
		font-size: 0.833vw;
	}

	/* トップメッセージ */
	/* -------------------------------------------------- */
	#messageWrap:after {
		width: 83%;
		height: 94%;
	}
}

@media screen and (max-width: 1023px) {
	/* 1023px以下用（スマートフォン用）の記述 */
	.pc {
		display: none;
	}

	.mvTit:before {
		opacity: 0.6 !important;
		background: url(../../img/company/mv_company_sp.jpg) no-repeat center top;
		background-size: cover;
		-webkit-background-size: cover;
	}

	/* トップメッセージ */
	/* -------------------------------------------------- */
	#messageWrap {
		position: relative;
	}

	#messageWrap:after {
		content: '';
		width: 108%;
		height: calc(100% - 50px);
		background: #faf7f0;
		position: absolute;
		top: 0;
		left: -4%;
		z-index: -1;
	}

	#messageIntro {
		padding: 30px 0 25px;
		font-weight: 500;
		letter-spacing: 0.04em;
		font-size: 2.2rem;
		line-height: 1.31;
	}

	#messageInr {
		padding-bottom: 80px;
	}

	#messageContent {
		padding-bottom: 20px;
	}

	#messagePhoto {
		width: 90%;
		margin: auto;
		padding-bottom: 10px;
	}

	#messagePhoto img {
		width: 100%;
	}

	#messageName {
		width: 90%;
		margin: auto;
		font-size: 1.4rem;
		line-height: 1.42;
		letter-spacing: 0.075em;
		text-align: right;
	}

	#messageSentence {

	}

	.messageTit {
		padding-bottom: 15px;
		font-size: 2rem;
		font-weight: 600;
		line-height: 1.25;
		letter-spacing: 0.04em;
		color: #9e2b21;
	}

	.companyTxt {
		padding-bottom: 40px;
		font-size: 1.6rem;
		line-height: 1.5;
		font-family: "Hiragino Sans W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3";
		letter-spacing: 0.01em;
	}

	#companyTxtLast {
		padding-bottom: 0;
	}

	/* 私たちの使命 */
	/* -------------------------------------------------- */
	#mission .companyTxt {
		width: 90%;
		margin: 0 auto;
		padding-bottom: 30px;
		text-align: left;
		letter-spacing: 0.1em;
	}

	#mission3 {
		padding-bottom: 50px;
		text-align: center;
		letter-spacing: -.4em;
	}

	.missionItem {
		display: inline-block;
		padding-right: 45px;
		font-size: 4rem;
		font-weight: 600;
		line-height: 1;
		letter-spacing: .02em;
		color: #9e2b21;
		position: relative;
	}

	.missionItem:before {
		content: '';
		display: inline-block;
		width: 15px;
		height: 2px;
		background: #333;
		position: absolute;
		top: 15px;
		right: 12px;
	}

	.missionItem:after {
		content: '';
		display: inline-block;
		width: 15px;
		height: 2px;
		background: #333;
		position: absolute;
		bottom: 15px;
		right: 12px;
	}

	.missionItem:last-child {
		padding-right: 0;
	}

	.missionItem:last-child:before {
		display: none;
	}

	.missionItem:last-child:after {
		display: none;
	}

	/* 経営理念 */
	/* -------------------------------------------------- */
	#philosophy {
		padding-bottom: 50px;
	}

	#philosophyList {
		counter-reset: number 0;
	}

	.philosophyItem {
		margin-bottom: 45px;
		padding: 25px 7%;
		border: 1px solid #333;
		font-size: 1.9rem;
		line-height: 1.36;
		font-weight: 500;
		position: relative;
	}

	.philosophyItem:last-child {
		margin-bottom: 0;
	}

	.philosophyItem:before {
		counter-increment: number 1;
		content: counter(number) " ";
		display: inline-block;
		width: 30px;
		height: 30px;
		font-size: 3rem;
		text-align: center;
		text-indent: -0.1em;
		line-height: 1;
		font-style: italic;
		color: #947c3d;
		background: #fff;
		position: absolute;
		top: -20px;
		left: 50%;
		margin-left: -15px;
	}

	/* 会社概要 */
	/* -------------------------------------------------- */
	#overview {
		padding-bottom: 50px;
	}

	/* 沿革 */
	/* -------------------------------------------------- */
	#historyList {
		padding-bottom: 33px;
		font-family: '游ゴシック', YuGothic;
		font-size: 1.6rem;
	}

	.historyTheme {
		padding: 10px 0;
		font-weight: bold;
		text-align: center;
		background: #eae0c5;
	}

	.historyDetail {
		padding: 17px 0;
		line-height: 1.31;
		text-align: left;
	}



}

@media screen and (min-width: 750px) and (max-width: 1023px) {
	/* 1024px - 1200px用（タブレット用）の記述 */
	#messagePhoto {
		width: 60%;
	}

	#messageName {
		width: 60%;
	}
}

@media screen and (min-width: 320px) and (max-width: 375px) {
	/* 375px - 320px用（スマホ用）の記述 */
	html {
		font-size: 2.667vw;
	}

}