@charset "utf-8";
/* CSS Document */
@media print {
	.sp, .tb, .mobile, .sp_br375, .sp_br473, .sp_br {
		display: none;
	}
	/* BASE
///////////////////////////////////////////////////////////////////////////////////////////////////*/
	@font-face {
		font-family: 'NotoSansCJKjp';
		font-style: normal;
		font-weight: 400;
		src: url("../fonts/NotoSansJP-Regular.woff") format('woff'), url("../fonts/NotoSansJP-Regular.eot") format('eot');
		font-display: swap;
	}
	@font-face {
		font-family: 'NotoSansCJKjp';
		font-style: normal;
		font-weight: 500;
		src: url("../fonts/NotoSansJP-Medium.woff") format('woff'), url("../fonts/NotoSansJP-Medium.eot") format('eot');
		font-display: swap;
	}
	@font-face {
		font-family: 'NotoSansCJKjp';
		font-style: normal;
		font-weight: 700;
		src: url("../fonts/NotoSansJP-Bold.woff") format('woff'), url("../fonts/NotoSansJP-Bold.eot") format('eot');
		font-display: swap;
	}
	@font-face {
		font-family: 'Holland';
		font-style: normal;
		src: url("../fonts/Holland.woff") format('woff'), url("../fonts/Holland.eot") format('eot');
		font-display: swap;
	}
	@font-face {
		font-family: 'KozGoPr6N-Regular';
		font-style: normal;
		src: url("../fonts/KozGoPr6N-Regular.woff") format('woff'), url("../fonts/KozGoPr6N-Regular.eot") format('eot');
		font-display: swap;
	}
	@font-face {
		font-family: 'NotoSerifJP-Bold';
		font-style: normal;
		font-weight: 700;
		src: url("../fonts/NotoSerifJP-Bold.woff") format('woff'), url("../fonts/NotoSerifJP-Bold.eot") format('eot');
		font-display: swap;
	}
	@font-face {
		font-family: 'Spartan-VariableFont_wght';
		font-style: normal;
		src: url("../fonts/Spartan-VariableFont_wght.woff") format('woff'), url("../fonts/Spartan-VariableFont_wght.eot") format('eot');
		font-display: swap;
	}
	/* header
///////////////////////////////////////////////////////////////////////////////////////////////////*/
	.mv {
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		background: url("../common/img/mv_pc.jpg") center bottom no-repeat;
		height: 700px;
		object-fit: cover;
		width: 100%;
		background-size: cover;
	}
	header {
		position: absolute;
		width: 960px;
		top: 30px;
		left: 0;
		right: 0;
		margin: auto;
	}
	.headerbox {
		width: 930px;
		overflow: hidden;
		margin: 0 0 0 30px
	}
	.noritz {
		width: 155px;
		float: left;
		font-size: 1.2rem;
		padding: 0 12px 0 0;
		margin: 0 12px 0 0;
		border-right: 1px solid #000000;
		line-height: 1;
	}
	.noritz img {
		width: 154px;
		height: auto;
		display: inline-block;
	}
	.noritz p {
		font-weight: 900;
		white-space: nowrap;
		font-size: 13px !important;
	}
	.tubosaka {
		float: left;
		display: inline-block;
		font-weight: 900;
		line-height: 1.3;
	}
	.tubosaka .area {
		font-size: 1.4rem !important;
		letter-spacing: -0.05em;
		white-space: nowrap;
	}
	.tubosaka .companyname {
		font-size: 2.1rem;
		white-space: nowrap;
	}
	/****地域の皆さまにこれからも「快適」をお届けする********************/
	.mv_txt {
		margin: 74px 0 0 0;
	}
	.mv_txt p {
		background: url("../common/img/bg_mvtit.png") center right no-repeat;
		display: inline-block;
		font-size: 25px;
		font-weight: bold;
		color: #ffffff;
		padding: 18px 10px 18px 25px;
		letter-spacing: 0.2em;
		margin: 0 0 20px 0;
	}
	.mv_txt .mv_txt1 {
		width: 260px;
		display: block;
	}
	.mv_txt .mv_txt2 {
		width: 490px;
		margin: 0 0 0 0;
	}
	/****採用情報********************************************************/
	.recruitment_txt {
		color: #E94709;
		font-weight: 700;
		text-align: right;
		line-height: 1.2;
		margin: 0 20px 0 0;
	}
	.r_txt1 {
		font-size: 1.6rem;
		letter-spacing: -0.05em;
		display: block;
	}
	.r_txt2 {
		font-size: 50px;
		display: block;
	}
	.r_txt3 {
		font-size: 30px;
		display: block;
	}
	/****Please Join Us!********************************************************/
	.mv_message {
		font-family: Holland, NotoSansCJKjp, Hiragino Kaku Gothic ProN, "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, sans-serif;
		color: #ffffff;
		font-size: 96px;
		transform: rotate(-10deg);
		-moz-transform: rotate(-10deg);
		-webkit-transform: rotate(-10deg);
		letter-spacing: 0.09em;
		position: absolute;
		top: 450px;
	}
	/* top_contact
///////////////////////////////////////////////////////////////////////////////////////////////////*/
	.t_contact {
		position: absolute;
		top: 0;
		right: 0;
		text-align: center;
	}
	.t_contact a {
		display: block;
		background: #E94709;
		width: 120px;
		height: 100px;
		position: relative;
		transition: 0.2s all;
	}
	.t_contact img {
		width: 70px;
		margin: 0;
		position: absolute;
		top: 50%;
		left: 50%;
		margin-right: -50%;
		transform: translate(-50%, -50%);
	}
	.t_contact a:hover {
		background: #B73605;
		transition: 0.2s all;
	}
	.t_contact span {
		display: flex;
		justify-content: center;
		align-items: center;
	}
	/* 	社長メッセージ
///////////////////////////////////////////////////////////////////////////////////////////////////*/
	.president {
		width: 960px;
		margin: 0 auto 0 auto;
		background: url("../image/img_president_pc.png") center bottom no-repeat;
		color: #ffffff;
	}
	.president_box {
		width: 520px;
		padding: 35px 0 20px 35px;
	}
	.president_box h2 {
		font-size: 2.5rem;
		line-height: 0.8;
		font-weight: 900;
		padding: 0 0 10px 0;
		letter-spacing: 0.3em;
		white-space: nowrap;
	}
	.president_box h2 span {
		font-size: 1.4rem;
		font-weight: bold;
		white-space: nowrap;
		line-height: 4;
		letter-spacing: 0.2em;
	}
	.president_txt {
		font-size: 1.7rem;
		line-height: 1.8;
		letter-spacing: 0.08em;
	}
	.president_name {
		margin: 20px 0 0 0;
		font-size: 16px;
		font-weight: 900;
		letter-spacing: 0.4em;
	}
	.president_name span {
		font-size: 27px;
		letter-spacing: 0.5em;
	}
	/* Interview
///////////////////////////////////////////////////////////////////////////////////////////////////*/
	.interview {
		width: 960px;
		margin: 0 auto 0 auto;
	}
	.interviewbox {
		background: url("../image/img_kumazawa_pc.jpg") center bottom no-repeat;
		margin: 100px 0 0 0;
		padding: 190px 0 0 0;
		page-break-before: always;
	}
	.interviewbox .interviewtit {
		background: #ffffff;
		text-align: right;
		margin: -230px 0 0 0;
		float: right;
	}
	.interviewbox h3 {
		background: #ffffff;
		width: 100%;
		float: right;
	}
	.interviewbox h3 img {
		width: 225px;
		height: 100%;
		float: right;
	}
	.interviewbox h4 {
		font-family: NotoSerifJP-Bold, Hiragino Kaku Gothic ProN, "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, sans-serif;
		font-size: 26px;
		color: #E94709;
		line-height: 1.4;
		font-weight: 900;
		letter-spacing: 0.15em;
		margin: 25px 0;
		float: right;
	}
	.interview_txt {
		width: 470px;
		color: #ffffff;
		padding: 10px 0 0 430px;
	}
	.interview_txt p {
		line-height: 1.8;
		letter-spacing: 0.15em;
		vertical-align: text-top;
	}
	.interview_txt .interview_name {
		letter-spacing: 0.2em;
		padding: 2% 0 5% 0;
		font-size: 1.4rem;
		font-weight: 700;
	}
	.interview_txt .interview_name span {
		padding: 10px 0 0 23px;
		font-size: 2.4rem;
		letter-spacing: 0.3em;
	}
	/****　interview2　********************************************************/
	.interviewbox2 {
		background: url("../image/img_marubuchi_pc.png") center bottom no-repeat;
		margin: 80px 0 60px 0;
		padding: 190px 0 0 0;
	}
	.interviewbox2 .interviewtit {
		background: #ffffff;
		text-align: left;
		margin: -190px 0 0 0;
		float: left;
	}
	.interviewbox2 h3 {
		background: #ffffff;
		width: 100%;
		float: left;
	}
	.interviewbox2 h3 img {
		width: 225px;
		height: 100%;
		float: left;
	}
	.interviewbox2 h4 {
		font-family: NotoSerifJP-Bold, Hiragino Kaku Gothic ProN, "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, sans-serif;
		font-size: 26px;
		color: #E94709;
		line-height: 1.4;
		font-weight: 900;
		letter-spacing: 0.15em;
		margin: 25px 0;
		float: left;
	}
	.interviewbox2 .interview_txt {
		width: 480px;
		color: #ffffff;
		margin: 30px 0 0 55px;
		padding: 0 0 0 0;
	}
	.txt_worklife {
		letter-spacing: -0.1em;
	}
	/* ABOUT COMPANY
///////////////////////////////////////////////////////////////////////////////////////////////////*/
	.aboutcompany {
		background: #F4F5F6;
		page-break-before: always;
	}
	.detailed_title {
		width: 960px;
		font-size: 2.2rem;
		font-weight: 700;
		margin: 0 auto;
		text-align: center;
		line-height: 1;
		letter-spacing: 0.2em;
		padding: 60px 0 0 0;
	}
	.detailed_title span {
		color: #E94709;
		font-size: 1.4rem;
		letter-spacing: 0.1em;
		font-weight: 700;
	}
	.aboutcompany_box {
		width: 920px;
		margin: 60px auto 0 auto;
	}
	.aboutcompany ul {
		width: 960px;
		margin: 0 0 0 -40px !important;
		padding: 0 0 20px 0;
		overflow: hidden;
	}
	.aboutcompany li {
		float: left;
		width: 440px;
		height: 420px;
		margin: 0 0 30px 40px;
		background: #ffffff;
	}
	.aboutcompany ul li dl {
		padding: 6% 8% 8% 8%;
		margin: 0 auto;
	}
	.aboutcompany ul li dl dt {
		font-size: 1.8rem;
		font-weight: 700;
		color: #E94709;
		text-align: center;
		padding: 0 0 5% 0;
		border-bottom: 1px solid #E94709;
		letter-spacing: 0.1em;
	}
	.aboutcompany ul dd {
		letter-spacing: 0.05em;
	}
	.aboutcompany ul dd a {
		color: #0000FF;
		transition: 0.2s all;
		border-bottom: 1px solid;
		font-weight: 700;
	}
	.aboutcompany ul dd a:hover {
		color: #5757FC;
		transition: 0.2s all;
	}
	.aboutcompany ul dd img {
		padding: 8% 0;
		vertical-align: bottom;
	}
	.aboutcompany_4 img {
		height: 140px;
		width: auto;
		margin: 0 0 0 15px
	}
	/* RECRUITMENT
///////////////////////////////////////////////////////////////////////////////////////////////////*/
	.recruitment {
		width: 960px;
		margin: 0 auto;
		page-break-before: always;
	}
	.recruitment ul {
		margin: 50px 0 0 0;
	}
	.recruitment dl {
		border-top: 1px solid;
	}
	.recruitment dt {
		width: 80px;
		height: auto;
		display: table-cell;
		text-align: center;
		padding: 0 0 0 15px;
		vertical-align: middle;
	}
	.recruitment img {
		width: 60px;
		height: auto;
		vertical-align: middle;
	}
	.recruitment dd {
		width: 825px;
		display: table-cell;
		padding: 40px 0 40px 40px;
	}
	.recruitment .shopname {
		letter-spacing: 0.01em;
	}
	.recruitment .shopname p {
		margin: 0 0 14px 0;
	}
	.recruitment_lasttxt {
		color: #E94709;
		font-size: 2rem;
		font-weight: 700;
		border-top: 1px solid #000000;
		padding: 40px 0;
		margin: 0 0 0 0;
		text-align: center;
	}
	.recruitment_lasttxt p {
		line-height: 1.8;
	}
	/* CONTACT
///////////////////////////////////////////////////////////////////////////////////////////////////*/
	.contact {
		background: #F4F5F6;
		padding: 0 0 60px 0;
		page-break-before: always;
	}
	.contact_inner {
		width: 960px;
		margin: 0 auto;
	}
	.contact_txt {
		font-weight: 700;
		margin: 50px 0;
	}
	.contact_txt p {
		text-align: center;
		line-height: 1.8;
	}
	.contact .contactbtn {
		overflow: hidden;
	}
	.contact .contactbtn a {
		width: 450px;
		height: 80px;
		margin: 0 auto;
		background: #E94709;
		color: #ffffff;
		text-align: center;
		letter-spacing: 0.2em;
		transition: 0.2s all;
		display: block;
		/*padding: 4.5% 0;*/
		line-height: 80px;
	}
	.contact .contactbtn a:hover {
		background: #B73605;
		color: #ffffff;
		transition: 0.2s all;
	}
	.contactbtn .contact_mail {
		float: right;
		font-size: 1.6rem;
		font-weight: 700;
	}
	.contact_mail span {
		margin: 0 3% 0 0;
	}
	.contact_mail span img {
		line-height: 80px;
		position: relative;
		top: 3px;
	}
	.contact_tel {
		float: left;
		font-size: 1.7rem;
		font-weight: 700;
		margin: 0 60px 0 0 !important;
	}
	.contact_tel a[href^="tel:"] {
		pointer-events: auto;
	}
	/****　noritzbtn / tubosakabtn　************************************************/
	.f_btn a {
		transition: 0.2s all;
		color: #000000;
	}
	.f_noritzbtn {
		width: 200px;
		margin: 0 auto;
		padding: 50px 0;
	}
	.f_noritzbtn a:hover {
		transition: 0.2s all;
		opacity: 0.7;
	}
	.f_tubosakabtn {
		font-size: 2rem;
		font-weight: bold;
		width: 260px;
		height: 54px;
		margin: 0 auto;
		text-align: center;
	}
	.f_tubosakabtn a {
		width: 100%;
		border: 1px solid #000000;
		padding: 10px 30px;
		background: #F4F5F6;
		color: #000000;
		line-height: 54px;
	}
	.f_tubosakabtn a:hover {
		border: 1px solid #56A5ED;
		background: #56A5ED;
		color: #ffffff;
	}
	/* FOOTER
///////////////////////////////////////////////////////////////////////////////////////////////////*/
	footer {
		background: #E94709;
		padding: 4.5% 0;
		font-size: 1.4rem;
	}
	footer address {
		text-align: center;
		color: #ffffff;
	}
	/* pagetop
///////////////////////////////////////////////////////////////////////////////////////////////////*/
	.pagetop {
		display: none !important;
	}
}