@charset "UTF-8";

/* ▼1280px以上の場合に適用
--------------------------------------------------------------------- */
@media only screen and (min-width: 1281px) {

	#Sp_Navi {
		display: none;
	}

}

/* ▼1280px以下の場合に適用（ラップトップ以下）
---------------------------------------------------------------------- */
@media only screen and (max-width: 1281px) {

	.row {
		width:90%;
		margin: 0 auto;
	}

	/*--- ぱんくず ---*/
	#Sitepath {
		width: 90%;
		margin: 10px auto 40px;
	}

	/* !フルスクリーンナビ設定
	---------------------------------------------------------- */
	#Sp_Navi {
		height: 100px;
		background: #fff;
		position: relative;
	}

	#g-nav_Logo {
		display: block;
		width: 200px;
		position: absolute;
		top: 28px;
		left:36px;
	}

	/*--- ナビ・ボタン ---*/
	.openbtn{
		position:fixed;
		z-index: 99999;
		top:20px;
		right:20px;
		cursor: pointer;
		width: 60px;
		height:60px;
		background: #0068b6;
		border-radius: 50%;
	}

	.openbtn:hover{
		cursor: pointer;
		display: block;
		-webkit-transition: all .3s;
		transition: all .3s;
		background: #009fd9;
	}

	.openbtn span{
		display: inline-block;
		transition: all .3s;
		position: absolute;
		right: 16px;
		height: 2px;
		border-radius: 2px;
		background-color: #fff;
		width: 28px;
	}

	.openbtn span:nth-of-type(1) {
		top:19px;
	}

	.openbtn span:nth-of-type(2) {
		top:26px;
	}

	.openbtn.active span:nth-of-type(1) {
		top: 16px;
		right: 21px;
		transform: translateY(6px) rotate(-45deg);
		width: 18px;
		height: 3px;
	}

	.openbtn.active span:nth-of-type(2){
		top: 28px;
		right: 21px;
		transform: translateY(-6px) rotate(45deg);
		width: 18px;
		height: 3px;
	}

	.openbtn .txt{
		position: absolute;
		top: 24px;
		left: 16px;
		font-size: 10px;
		font-family: "Alef", sans-serif;
		font-weight: 700;
		font-style: normal;
		color: #fff;
	}

	/*--- ナビ オーバーレイ画面 ---*/
	#g-nav {
		position: fixed;
		z-index: 999;
		top: 0;
		left: 0;
		width: 100%;
		height: 100vh;
		opacity: 0;
		visibility: hidden;
		transition: opacity 0.3s ease, visibility 0.3s ease;
		overflow: scroll;
		-webkit-overflow-scrolling: touch;
	}

	#g-nav.panelactive {
		opacity: 1;
		visibility: visible;
	}

	#g-nav .Cont {
		width: 100%;
		height: 100%;
		padding: 100px 20px 80px;
		position: relative;
		background: #f1f5f7;
		overflow-y: scroll;
	}

	/* !メニュー
	---------------------------------------------------------- */
	.accordion {
		width:100%;
		background: #fff;
		border-radius: 4px;
		margin: 10px 0;
	}

	.accordion summary {
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	.accordion summary::-webkit-details-marker {
		display: none;
	}

	/* 左側テキスト */
	.accordion .titleLink {
		position: relative;
		display: flex;
		align-items: center;
		flex: 1;
		height: 100%;
		padding: 10px 6px 10px 16px;
		font-size: 16px;
		font-weight: bold;
		color: #000;
		text-decoration: none;
	}

	.accordion .titleLink::before {
		content: "";
		display: inline-block;
		width: 5px;
		height: 5px;
		border-bottom: 1px solid #009fd9;
		border-right: 1px solid #009fd9;
		transform: rotate(-45deg);
		margin-right: 8px;
	}

	.accordion .titleLink:hover {
		background: #e8f7fe;
	}

	/* 右側トグル */
	.accordion .toggle {
		display: inline-flex;
		align-items: center;
		gap: 5px;
		width: 80px;
		justify-content: flex-start;
		flex-shrink: 0;
		padding-left: 10px;
		cursor: pointer;
	}

	.accordion .icon {
		width: 20px;
		height: 20px;
		background: #009fd9;
		border-radius: 50%;
		position: relative;
	}

	.accordion .icon::before,
	.accordion .icon::after {
		content: "";
		position: absolute;
		background: #fff;
	}

	.accordion .icon::before {
		width: 8px;
		height: 2px;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}

	.accordion .icon::after {
		width: 2px;
		height: 8px;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}

	.accordion[open] .icon::after {
		display: none;
	}

	.accordion .text::before {
		content: "開く";
		font-size: 12px;
		color: #009fd9;
		white-space: nowrap;
	}

	.accordion[open] .text::before {
		content: "閉じる";
	}

	/* 表示コンテンツ */
	.accordion .content {
		position: relative;
		font-size: 14px;
		list-style: none;
		margin: 0;
	}

	.accordion .content li {
		border-top: 1px solid #f1f5f7;
		margin: 0;
	}

	.accordion .content li a {
		display: flex;
		align-items: center;
		text-decoration: none;
		color: #000;
		padding: 6px 16px;
		cursor: pointer;
		transition: color 0.2s, background-color 0.2s;
	}

	.accordion .content li a:hover {
		color: #000;
		background: #e8f7fe;
	}

	.accordion .content li a::before {
		content: "";
		display: inline-block;
		width: 6px;
		height: 1px;
		background-color: #bbb;
		margin-right: 8px;
	}

	/* !Header
	---------------------------------------------------------- */
	/*--- ナビゲーション ---*/
	#Navi_Wrap {
		display: none;
	}




	/* ==========================================================
	採用情報
	========================================================== */
	/*--- Daily Work Schedule ---*/
	#Bg_Schedule {
		background: #f5f5f2;
		padding: 0 0 60px;
	}

	#Bg_Schedule .ImgL {
		width: 58%;
		float: left;
	}

	#Bg_Schedule .ContR {
		width: 38%;
		float: right;
		padding-top: 0;
	}

}

/* ▼810px以上の場合に適用
--------------------------------------------------------------------- */
@media only screen and (min-width: 811px) {



}

/* ▼810px以下の場合に適用（ipad以下）
---------------------------------------------------------------------- */
@media only screen and (max-width: 811px) {

	/* !Footer
	---------------------------------------------------------- */
	/*--- お問い合わせ ---*/
	#Contact_Box {
		width:90%;
		margin: 0 auto;
		display: flex;
		gap:40px;
		flex-direction: column;
		background: #f5f5f1;
		padding: 40px 0;
		margin-bottom:40px;
	}

	#Contact_Box .column_box {
		flex: 1;
		text-align: center;
		box-sizing: border-box;
	}

	#Contact_Box .column_box img {
		width: 280px;
		margin:20px 0 10px;
	}

	#Contact_Box::before {
		display: none;
	}

}

/* ▼440px以上の場合に適用
--------------------------------------------------------------------- */
@media only screen and (min-width: 441px) {

	.Sp_Cont {
		display: none;
	}

}

/* ▼440px以下の場合に適用（iphone以下）
---------------------------------------------------------------------- */
@media only screen and (max-width: 441px) {

	.Sp_None {
		display: none;
	}

	/* !contents
	---------------------------------------------------------- */
	.row {
		width:90%;
		margin: 0 auto;
	}

	/* !Footer
	---------------------------------------------------------- */
	footer {
		padding: 60px 0 40px;
	}

	/*--- 住所 ---*/
	#FtrLogo {
		display: block;
		width: 80px;
		margin:0 auto;
	}

	#Company_Box {
		display: flex;
		flex-direction: column;
		justify-content:center;
		align-items:center;
		gap: 10px;
		margin-top:20px;
	}

	#Company_Box .box01 {
		font-size:18px;
		letter-spacing: 0.08em;
	}

	#Company_Box .box02 {
		font-size:14px;
		line-height: 1.6em;
	}

	/*--- ページの先頭へ ---*/
	#back-top {
		display: none !important;
	}

	/* !汎用コンテンツ
	---------------------------------------------------------- */
	/*--- ぱんくず ---*/
	#Sitepath {
		display: none;
	}
	
	/*--- 見出し ---*/
	h2 .title {
		font-size:32px;
		font-family: "Marcellus", serif;
		font-weight: 400;
		font-style: normal;
		line-height: 1em;
		letter-spacing: 0.08rem;
	}

	h2 .sub_tit {
		font-size:14px;
		color: #000;
	}

	h4 {
		font-size:20px;
		font-weight: bold;
		line-height: 1.4em;
	}

	/*--- アイコン（四角形） ---*/
	.icon_square::before {
		content: "";
		position: absolute;
		left: 0;
		top: 0.3em;
		width: 0.8em;
		height: 0.8em;
		background-color: #0068b6;
	}

	/* !Fonts -------------------------------------------------------------- */
	.fz28 { font-size: 20px; line-height: 1.4em;}
	.fz48 { font-size: 26px; line-height: 1.4em;}

	/* !Margin ------------------------------------------------------------------ */
	.mt10 { margin-top:10px !important;}
	.mt20 { margin-top:16px !important;}
	.mt30 { margin-top:20px !important;}
	.mt40 { margin-top:24px !important;}
	.mt50 { margin-top:24px !important;}
	.mt60 { margin-top:24px !important;}
	.mt80 { margin-top:28px !important;}
	.mt100 { margin-top:32px !important;}

	/* !Width ------------------------------------------------------------------- */
	.w960px {
		width:100%;
		margin: 0 auto;
	}

	/* !Inline Align ------------------------------------------------------------ */
	.taC_spL { text-align: left !important;}
	.taL_spC { text-align: center !important;}
	.taR_spL { text-align: left !important;}




	/* ==========================================================
	トップページ
	========================================================== */
	/*--- カバー画像 ---*/
	#Cover_Main {
		width: 100%;
		height: 68vh;
		background: url(../../common/img/main.jpg) no-repeat calc(50% + 17%) bottom;
		background-size: cover;
		position: relative;
	}

	#Cover_Main .Catchphrase {
		font-size: 22px;
		font-weight: bold;
		color: #000;
		line-height: 1.6em;
		letter-spacing: 0.2rem;
		position: absolute;
		top: 14%;
		left: 20%;
		writing-mode: vertical-rl;
		-ms-writing-mode: tb-rl;
	}

	/* !ニュース
	---------------------------------------------------------- */
	#Area_News {
		width: 100%;
		padding: 40px 0;
	}

	#Frame_News {
		border-top: none;
		border-bottom: none;
		margin: 20px 0 30px;
		padding: 0;
	}

	/*---横並び（お知らせ）---*/
	#news_flex {
		width: 90%;
		margin: 0 auto;
		display: grid;
		grid-template-columns: 1fr;
		gap: 20px;
	}

	.news_box .cont {
		font-size: 16px;
		line-height: 1.2em;
		/*---文字数制限・解除---*/
		overflow: hidden;
		display: block;
		-webkit-line-clamp: unset;
		-webkit-box-orient: unset;
	}

	/* !セイミヤについて
	---------------------------------------------------------- */
	#Area_About {
		padding: 40px 0;
	}

	#Area_About .ContL {
		width: 100%;
	}

	#Area_About .ContR {
		width: 100%;
		margin-top:20px;
		padding-top: 0;
	}

	/* !リフォーム
	---------------------------------------------------------- */
	#Area_Reform {
		background: #f5f5f1;
		padding: 40px 0;
	}

	/*--- 基準 ---*/
	.Posi_Point {
		width: 90%;
		margin: 0 auto;
		position: relative;
	}

	/*--- 画像（左側） ---*/
	.ContImgL {
		width: 100%;
		border-radius: 8px;
		-webkit-border-radius: 8px;
		-moz-border-radius: 8px;
		overflow: hidden;
		margin-bottom:8px;
	}

	/*--- 画像（右側） ---*/
	.ContImgR {
		width: 100%;
		border-radius: 8px;
		-webkit-border-radius: 8px;
		-moz-border-radius: 8px;
		overflow: hidden;
		margin-bottom:8px;
	}

	/*--- タイトル（左側） ---*/
	.ContTitL {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		width: 220px;
		height: 80px;
		color: #000;
		background: #fff;
		padding-top: 18px;
		z-index: 1;
	}

	/*--- タイトル（右側） ---*/
	.ContTitR {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		width: 220px;
		height: 80px;
		color: #000;
		background: #fff;
		padding-top: 18px;
		z-index: 1;
	}

	/*--- タイトル（中央） ---*/
	.ContTitC {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		width: 220px;
		height: 80px;
		color: #000;
		background: #fff;
		padding-top: 18px;
		z-index: 1;
	}

	h3 .ReformTit {
		font-size:20px;
		font-family: "Marcellus", serif;
		font-weight: 400;
		font-style: normal;
		position: relative;
		display: inline-block;
		line-height: 1.1em;
		letter-spacing: 0.08rem;
	}

	h3 .ReformTit .sub_tit {
		font-size:14px;
		font-family: 'M PLUS 1p', sans-serif;
	}

	/* !施工事例
	---------------------------------------------------------- */
	#Area_Works {
		padding: 40px 0;
	}

	/* !お知らせ内容スライド（Swiper）
	----------------------------------------------------------- */
	.box .slide-title {
		font-size: 16px;
		color: #000;
		line-height: 1.2em;
		/*---文字数制限・解除---*/
		overflow: hidden;
		display: block;
		-webkit-line-clamp: unset;
		-webkit-box-orient: unset;
		margin-top: 10px;
	}

	/* !採用情報
	---------------------------------------------------------- */
	#Area_Recruit {
		padding: 40px 0;
	}

	#Area_Recruit .ContL {
		width: 100%;
		margin-top:20px;
		padding-top: 0;
	}

	#Area_Recruit .ContR {
		width: 100%;
	}




	/* ==========================================================
	第二階層共通
	========================================================== */
	/*--- カバー画像 ---*/
	#Cover_Common {
		position: relative;
		width: 100%;
		height: 360px;
		background: url(../../common/img/cmn_cover.jpg) no-repeat center bottom;
		background-size: cover;
	}

	/*--- カバータイトル ---*/
	#Cover_Title {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		width: 240px;
		height: 140px;
		background-color: rgba(255, 255, 255, 0.9);
		backdrop-filter: blur(6px);
		display: flex;
		align-items: center;
		justify-content: center;
	}

	/*--- カバータイトル（第三階層用） ---*/
	#Cover_Title_Lower {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		width: 240px;
		height: 140px;
		background-color: rgba(0, 0, 0, 0.7);
		backdrop-filter: blur(6px);
		display: flex;
		align-items: center;
		justify-content: center;
	}

	#Cover_Title_Lower .category_name {
		font-size: 26px;
		color: #fff;
		font-weight: bold;
		letter-spacing: 0.1rem;
		margin-top: 8px;
	}

	/* !背景・マージン設定
	---------------------------------------------------------- */
	/*--- 白色 ---*/
	.Bg_White_80 {
		background: #fff;
		padding: 40px 0;
	}

	.Bg_White_40-80 {
		background: #fff;
		padding: 30px 0 40px;
	}

	.Bg_White_40-0 {
		background: #fff;
		padding: 30px 0 0;
	}

	.Bg_White_80-0 {
		background: #fff;
		padding: 40px 0 0;
	}

	.Bg_White_80-120 {
		background: #fff;
		padding: 40px 0 60px;
	}

	/*--- ベージュ色 ---*/
	.Bg_Beige_80 {
		background: #f5f5f1;
		padding: 40px 0;
	}

	.Bg_Beige_60-100 {
		background: #f5f5f1;
		padding: 30px 0 50px;
	}

	.Bg_Beige_60-120 {
		background: #f5f5f1;
		padding: 30px 0 60px;
	}




	/* ==========================================================
	セイミヤについて
	========================================================== */
	#Cover_About {
		position: relative;
		width: 100%;
		height: 360px;
		background: url(../../common/img/about/cover.jpg) no-repeat calc(50% + 10%) bottom;
		background-size: cover;
	}

	/* !ごあいさつ
	---------------------------------------------------------- */
	#Area_Message {
		width:100%;
	}

	#Area_Message .ContL {
		width: 100%;
		margin-top:20px;
	}

	#Area_Message .ContR {
		width: 100%;
	}

	#Area_Message .ContR img {
		display: block;
		width: 80%;
		margin: 0 auto;
	}

	/* !私たちの想い
	---------------------------------------------------------- */
	#Area_Mission {
		width: 100%;
	}

	#Area_Mission .ContL,
	#Area_Mission .ContR {
		width: 100%;
		float: none;
		height: 260px;
		padding: 0;
		font-size: 20px;
		line-height: 1.6em;
	}

	#Area_Mission .fz36 {
		font-size: 24px;
	}

	#Area_Mission .text {
		width: 100%;
	}

	/*--- 経営理念 ---*/
	#Box_Philosophy {
		width:100%;
		background: #fff;
		padding: 40px 30px 30px;
	}

	#Box_Philosophy .Title {
		font-size: 24px;
		font-weight: bold;
		color: #525252;
		text-align: center;
	}

	.frame_philosophy {
		flex-direction: column;
		background: #fff;
		padding: 10px 0 20px;
		border-bottom: solid 1px #999;
	}

	.frame_philosophy .number {
		width: 100%;
		font-size: 36px;
		line-height: 1em;
		font-weight: bold;
		color: #999;
		text-align: center;
	}

	.frame_philosophy .text {
		width: 100%;
		font-size: 18px;
		line-height: 1.6em;
		font-weight: bold;
		margin-top:10px;
	}

	/* !私たちの強み
	---------------------------------------------------------- */
	#Area_Strength {
		width: 100%;
	}

	#Area_Strength .ContL {
		width: 100%;
	}

	#Area_Strength .ImgR {
		width: 100%;
		margin:20px 0;
	}

	#Area_Strength .ImgL {
		width: 100%;
		margin:20px 0;
	}

	#Area_Strength .ContR {
		width: 100%;
	}

	#Area_Strength .Title {
		font-size: 20px;
		font-weight: bold;
		color: #525252;
		line-height: 1.4em;
		border-bottom: solid 1px #999;
		padding-bottom: 4px;
	}

	/*--- 加盟会社 ---*/
	#Area_Member {
		width: 100%;
	}

	#Area_Member img {
		display: block;
		width: 240px;
		margin:0 auto;
	}

	#Area_Member p {
		font-size: 12px;
		line-height: 1.6em;
	}




	/* ==========================================================
	リフォーム
	========================================================== */
	#Cover_Reform {
		position: relative;
		width: 100%;
		height: 360px;
		background: url(../../common/img/reform/cover.jpg) no-repeat calc(50% - 8%) bottom;
		background-size: cover;
	}

	#Cover_Reform_Exterior {
		position: relative;
		width: 100%;
		height: 360px;
		background: url(../../common/img/reform/cover_exterior.jpg) no-repeat calc(50% + 19%) bottom;
		background-size: cover;
	}

	#Cover_Reform_Wetareas {
		position: relative;
		width: 100%;
		height: 360px;
		background: url(../../common/img/reform/cover_wetareas.jpg) no-repeat calc(50% + 5%) bottom;
		background-size: cover;
	}

	#Cover_Reform_Interior {
		position: relative;
		width: 100%;
		height: 360px;
		background: url(../../common/img/reform/cover_interior.jpg) no-repeat calc(50% + 3%) bottom;
		background-size: cover;
	}

	#Cover_Reform_Landscaping {
		position: relative;
		width: 100%;
		height: 360px;
		background: url(../../common/img/reform/cover_landscaping.jpg) no-repeat calc(50% + 8%) bottom;
		background-size: cover;
	}

	/*--- セイミヤのこだわり ---*/
	.square .inner {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		padding: 10px;
		box-sizing: border-box;
	}

	.square .tit {
		font-size: clamp(14px, 1.2vw, 20px);
		font-weight: bold;
		margin-bottom: 6px;
	}

	.square p {
		font-size: clamp(12px, 1.0vw, 16px);
		line-height: 1.6em;
		text-align: left;
	}

	/*--- セイミヤのお約束 ---*/
	.box_promise {
		flex-direction: column;
		background: #fff;
		gap: 20px;
		padding: 30px 20px;
	}

	.box_promise .title {
		width: 100%;
	}

	.box_promise .text {
		width: 100%;
	}

	/*--- 施工の流れ ---*/
	.box_flow {
		display: flex;
		align-items: center;
		background: #fff;
		padding: 20px 10px 20px 0;
		border-left: solid 4px #808080;
	}

	.box_flow .number {
		width: 15%;
		font-size:28px;
		color: #000;
		text-align: center;
		font-weight: bold;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.box_flow .text {
		width: 85%;
		border-left: solid 1px #808080;
		padding-left: 12px;
	}

	.ico_triangle {
		display: block;
		margin: 20px auto;
		width: 0;
		height: 0;
		border-left: 14px solid transparent;
		border-right: 14px solid transparent;
		border-top: 14px solid #251e1c;
	}




	/* ==========================================================
	リフォーム（下層）
	========================================================== */
	/*--- タブ（リフォーム） ---*/
	.tab_reform-box {
		width:96%;
		margin: 20px auto 0;
	}

	.tab_reform-box .link_area {
		display: flex;
		justify-content:center;
	}

	.tab_reform-box .tab_link {
		width: 100%;
		padding: 10px 0;
		font-size: clamp(12px, 1.0vw, 16px);
		color: #000;
		line-height: 1.2em;
		background: #e6e6e6;
		text-align: center;
		cursor: pointer;
		transition: all 0.2s ease 0s;
		flex-direction: column;
	}

	.tab_reform-box .link_area img {
		width: 30%;
		margin-right: 0;
		margin-bottom: 6px;
	}

	.tab_reform-box .tab_link + .tab_link {
		margin-left: 6px;
	}

	.tab_reform-box .tab_reform-panel {
		background:#fff;
		display:none;
		padding: 30px 20px;
	}

	.tab_reform-box .tab_reform-panel .ContL {
		width: 100%;
	}

	.tab_reform-box .tab_reform-panel .ContR {
		width: 100%;
		margin-top: 20px;
	}

	/*--- 見出し（よくある質問） ---*/
	.faq_category_tit {
		width: 100%;
		font-size: 18px;
		color: #fff;
		background: #0068b6;
		text-align: center;
		display: flex;
		align-items: center;
		justify-content:center;
		padding: 12px 0;
	}

	.faq_category_tit img {
		width: 32px;
		margin-right: 16px;
	}

	/* !アコーディオン（よくある質問）
	----------------------------------------------------------- */
	.accordion-area li{
		padding: 10px 0;
	}

	/*アコーディオンタイトル*/
	.faq_title {
		position: relative;
		cursor: pointer;
		padding: 12px 42px 12px 12px;
		transition: all .3s ease;
		font-size: 18px;
		color: #000;
		line-height: 1.4em;
		background: #f5f5f5;
	}

	.faq_title .areaL {
		width: 12%;
		float: left;
	}

	.faq_title .areaL span {
		font-size: 22px;
		font-weight: bold;
		line-height: 1em;
	}

	.faq_title .areaR {
		width: 88%;
		float: left;
	}

	/*アコーディオンで現れるエリア*/
	.faq_cont {
		display: none;
		margin:0;
		padding: 12px 12px 12px 26px;
		font-size: 18px;
		line-height: 1.4em;
	}

	.faq_cont .areaL {
		width: 12%;
		float: left;
	}

	.faq_cont .areaL span {
		font-size: 22px;
		font-weight: bold;
		color: #000;
	}

	.faq_cont .areaR {
		width: 88%;
		float: left;
	}




	/* ==========================================================
	施工事例
	========================================================== */
	#Cover_Works {
		position: relative;
		width: 100%;
		height: 360px;
		background: url(../../common/img/works/cover.jpg) no-repeat calc(50% + 34%) bottom;
		background-size: cover;
	}

	/*--- タブ ---*/
	.works_tab {
		padding: 8px 0;
		font-size: 14px;
		color: #000;
		background: #f5f5f5;
		text-align: center;
		cursor: pointer;
		transition: all 0.2s ease 0s;
	}

	.works_tab + .works_tab {
		margin-left: 6px;
	}




	/* ==========================================================
	会社概要
	========================================================== */
	#Cover_Company {
		position: relative;
		width: 100%;
		height: 360px;
		background: url(../../common/img/company/cover.jpg) no-repeat center bottom;
		background-size: cover;
	}

	/*--- 組織図 ---*/
	.Sp_Chart {
		display: block;
		width: 80%;
		margin:0 auto;
	}




	/* ==========================================================
	採用情報
	========================================================== */
	#Cover_Recruit {
		position: relative;
		width: 100%;
		height: 360px;
		background: url(../../common/img/recruit/cover.jpg) no-repeat center bottom;
		background-size: cover;
	}

	/*--- エリア分け ---*/
	#Job_Introduce .ImgL {
		width: 100%;
	}

	#Job_Introduce .ContR {
		width: 100%;
		margin-top: 20px;
		padding-top: 0;
	}

	#Job_Introduce .ImgR {
		width: 100%;
	}

	#Job_Introduce .ContL {
		width: 100%;
		margin-top: 20px;
		padding-top: 0;
	}

	/*--- 枠（社員の声01） ---*/
	.frame_voice01 {
		position: relative;
		width: 75%;
		border: 1px solid #000;
		background: #fff;
		padding: 14px;
		line-height: 1.6em;
		border-radius: 10px;
		float: left;
		margin-left: 25%;
	}

	.frame_voice01 .photo {
		float: left;
		width: 43%;
		position: relative;
		margin-top: -60px;
		margin-left: -52%;
	}

	.frame_voice01 .text {
		float: right;
		width: 100%;
		padding-left: 0;
		font-size: 15px;
		line-height: 1.6em;
	}

	/*--- 枠（社員の声02） ---*/
	.frame_voice02 {
		position: relative;
		width: 75%;
		border: 1px solid #000;
		background: #fff;
		padding: 14px;
		line-height: 1.6em;
		border-radius: 10px;
		float: right;
		margin-top: 60px;
		margin-right: 25%;
	}

	.frame_voice02 .photo {
		float: right;
		width: 41%;
		position: relative;
		margin-top: -60px;
		margin-right: -49%;
	}

	.frame_voice02 .text {
		float: left;
		width: 100%;
		padding-right: 0;
		font-size: 16px;
		line-height: 1.6em;
	}

	/*--- 枠（社員の声03） ---*/
	.frame_voice03 {
		position: relative;
		width: 75%;
		border: 1px solid #000;
		background: #fff;
		padding: 14px;
		line-height: 1.6em;
		border-radius: 10px;
		float: left;
		margin-top: 60px;
		margin-left: 25%;
	}

	.frame_voice03 .photo {
		float: left;
		width: 41%;
		position: relative;
		margin-top: -60px;
		margin-left: -48%;
	}

	.frame_voice03 .text {
		float: right;
		width: 100%;
		padding-left: 0;
		font-size: 16px;
		line-height: 1.6em;
	}

	/*--- Daily Work Schedule ---*/
	#Bg_Schedule {
		background: #fff;
		padding-top: 40px;
	}

	#Bg_Schedule .ImgL {
		width: 100%;
	}

	#Bg_Schedule .ContR {
		width: 100%;
		margin-top: 20px;
		padding-top: 0;
	}

	/*--- 1日の仕事の流れ ---*/
	.Flow_Wrap {
		padding: 20px 0;
	}

	.Flow_Box {
		width:100%;
		flex-direction: column;
		position: relative;
		background: #fff;
		border-top: 3px solid #808080;
		border-bottom: none;
		padding: 30px 0 0;
		margin: 40px 0;
	}

	.Flow_Box .column_box {
		text-align: center;
		box-sizing: border-box;
	}

	.Flow_Box .column_box:first-child {
		flex: none;
		font-size: 20px;
	}

	.Flow_Box .column_box:last-child {
		flex: none;
		text-align: center;
		padding-left: 0;
		padding-top: 30px;
	}

	.Flow_Box .column_box:last-child span {
		font-size: 22px;
		text-align: center;
		display: block;
	}

	.Flow_Box::before {
		content: "";
		position: absolute;
		top: 70px;
		left: 32%;
		right: 32%;
		height: 1px;
		width: auto;
		background: #808080;
	}




	/* ==========================================================
	お問い合わせ
	========================================================== */
	#Cover_Contact {
		position: relative;
		width: 100%;
		height: 360px;
		background: url(../../common/img/contact/cover.jpg) no-repeat calc(50% + 27%) bottom;
		background-size: cover;
	}

	#Frame_Privacy {
		font-size: 16px;
		line-height: 1.6em;
		width:100%;
		max-width: 960px;
		margin: 0 auto;
		border: 1px solid #b3b3b3;
		padding: 20px;
	}




	/* ==========================================================
	お知らせ
	========================================================== */
	/*--- 記事詳細（お知らせ・施工事例） ---*/
	#Cont_Detail {
		width: 100%;
		margin-top: 20px;
	}

	#Cont_Detail .icon {
		width: 100px;
		font-size: 12px;
		line-height: 1em;
		text-align: center;
		color: #fff;
		background: #000;
		padding:6px 0;
		border-radius: 20px;
		float: left;
		margin-right: 14px;
	}

	#Cont_Detail .date {
		display: block;
		font-size: 16px;
		line-height: 1.6em;
	}

	#Cont_Detail .tit {
		font-size: 24px;
		line-height: 1.4em;
		margin: 10px 0 20px;
		padding-bottom: 14px;
		border-bottom:1px solid #ccc;
	}

	#Post p {
		margin: 20px 0;
	}

}