@charset "UTF-8";

:root {
  --ff-base: "Noto Sans JP","Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
  --ff-no: "Roboto","Noto Sans JP","メイリオ", sans-serif;
}

#wrap {overflow:hidden;}

#home_contents #home_mv {
	position:relative;
	width:100%;
}
#home_contents #home_mv .home_mv_slide {
	overflow:hidden;
  height: 750px;
}
#home_contents #home_mv .home_mv_slide img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center;
}
.home_mv_copy {
	position:absolute;
	bottom:170px;
	left:70px;
}
#home_contents #home_mv .home_mv_copy p span {
	display:inline-block;
	font-size:35px;
	font-weight:700;
	margin-top:20px;
	padding:0 10px;
	background:#fff;
}
#home_contents #home_mv .home_mv_copy p span b {
	color:#45609A;
	font-weight:700;
}
#home_contents #home_mv .slick-dots {
	position:absolute;
	right:70px;
	bottom:30px;
	width:auto;
}
#home_contents #home_mv .slick-dots li {
	width:14px;
	height:14px;
}
#home_contents #home_mv .slick-dots li button:before {font-size:14px;opacity: 1;color:#fff;}
#home_contents #home_mv .slick-dots li.slick-active button:before {color:#45609a;}
#home_contents #home_mv .slick-dotted.slick-slider {margin:0;}

.home_mv_cta {display:none;}


/*== お知らせ（上） ==*/
#home_news_mv {background:#f8f8f8;}
#home_news_mv .home_news_mv_inner {
	display:flex;
	align-items: center;
	width:1086px;
	margin:0 auto;
	padding:25px 30px;
}
#home_news_mv .home_news_mv_item {
	display:flex;
	align-items: center;
}
#home_news_mv h2 {
	font-family: var(--ff-no);
	font-size:16px;
	font-weight:500;
	padding-right:25px;
	margin-right:25px;
	border-right:2px solid #222;
}
.home_news_mv_date {
	font-family: var(--ff-no);
	font-size:15px;
	margin-right:20px;
}
.home_news_mv_cate {
	margin-right:20px;
}
.home_news_mv_cate a {
	display:inline-block;
	color:#fff;
	font-size:13px;
	text-decoration:none;
	padding:0 10px;
}
#home_news_mv .home_news_mv_cate-franc a {background:#43af35}
#home_news_mv .home_news_mv_cate-repla a {background:#e06c17;}
#home_news_mv .home_news_mv_cate-sozo a {background:#1a4090;}
.home_news_mv_title a {
	color:#222;
	text-decoration:none;
}
#home_news_mv .home_news_mv_btn {
  margin-left: auto;
}
.home_btn a {
	position:relative;
	display:inline-block;
	color:#222;
	font-size:14px;
	text-decoration:none;
	padding:3px 30px 3px 15px;
	border:1px solid #666666;
}
.home_btn a span {position:relative;color:#222;z-index:3;}
.home_btn a::before {
	position:absolute;
	display: inline-block;
	content:'';
	top:50%;
	margin-top:-2px;
	right:10px;
	width: 5px;
	height: 5px;
  transform: rotate(45deg);
  border-top: 1px solid #222;
	border-right: 1px solid #222;
}


/*== イベント ==*/
#home_event {
	padding:100px 0;
	background:#fff;
	overflow:hidden;
}
.home_section_header {
	display:flex;
	justify-content: space-between;
	align-items: center;
	width:1086px;
	margin:0 auto;
	padding:0 30px;
}
.home_section_title {
	display:flex;
	align-items: center;
}
.home_section_title .home_section_title-Sub {
	font-family: var(--ff-no);
	font-size:35px;
	letter-spacing: 3.5px;
}
.home_section_title h2 {
	position:relative;
	color:#45609a;
	font-size:20px;
	padding-left:35px;
}
.home_section_title h2::before {
	position:absolute;
	top:50%;
	margin-top:-1px;
	left:10px;
	content:'';
	display:inline-block;
	width:15px;
	height:2px;
	background:#222;
}
.home_event_inner {
	margin:50px auto 0 auto;
}
.event_list {
	position:relative;
	width:322px;
	margin: 0 15px;
}
.event_list a {
	position:relative;
	display:block;
	text-decoration:none;
}
.event_list a::after {
	position:absolute;
	bottom:0;
	right:0;
	content:'';
	display:block;
	width:30px;
	height:30px;
	background:url(../img/global/arrow_white.svg) center center no-repeat;
	background-size:contain;
}
.event_list_img {
	display:block;
	content:'';
	width:100%;
	aspect-ratio: 4 / 3;
}
.event_list_theme {
	position:absolute;
	top:20px;
	left:0;
	color:#fff;
	font-weight:700;
	font-size:18px;
	margin:0;
	padding:2px 20px;
	background:#45609a;
}
.event_list_cate {
	display:inline-block;
	color:#fff;
	text-decoration:none;
	font-size:13px;
	margin:0;
	padding:0 8px;
}
.event_list_cate-all {background:#222;}
.event_list_cate-franc {background:#43af35}
.event_list_cate-repla {background:#e06c17;}
.event_list_cate-sozo {background:#1a4090;}

.event_list_sub {display:flex;align-items: center;margin-top:20px;}
.event_list_cate {margin:0;}
.event_list_now {
	display:inline-block;
	color:#dc8787;
	font-size:13px;
	margin:0 0 0 10px;
	padding: 0 20px;
	border:1px solid #dc8787;
}
h3.event_list_name {
	font-size:18px;
	margin: 4px 0 0 0;
	padding:0 10px 0 0;
	border:none;
}
h3.event_list_name::before {display:none;}
.event_list_place {
	color:#666666;
	font-size:14px;
	margin:15px 0 0 0;
}
.event_list_date_all {
	color:#45609a;
	font-size:20px;
	font-weight:700;
	margin:10px 0 0 0;
}
.event_list_date {display:flex;align-items: center;margin-top:5px;}
.event_date_01,
.event_date_02 {margin:0;}
.event_list_date p,
.event_list_date span {
	font-family:var(--ff-no);
	color:#45609a;
}
.event_list_date p {font-size:25px;margin:0;}
.event_list_date p span {font-size:15px;}
.event_list_date p.event_list_date_02 {
	position:relative;
	margin-left:8px;
	padding-left:26px;
}
.event_list_date p.event_list_date_02::before {
	position:absolute;
	top:50%;
	margin-top:-1px;
	left:0;
	content:'';
	display:block;
	width:15px;
	height:2px;
	background:#45609a;
}


/*== MENU ==*/
#home_menu {
	padding:100px 0;
	background:#f8f8f8;
}
.home_menu_list {
	display:flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width:1086px;
	margin:0 auto;
	padding:10px 15px 0 15px;
}
.home_menu_item {
	text-align:center;
	width:322px;
	height:170px;
	margin:40px 15px 0 15px;
	background:#222;
}
.home_menu_item-Column2 {width:493px;height:200px;}
.home_menu_item a {
	position:relative;
	display:block;
	text-align:center;
	text-decoration:none;
	width:100%;
	height:100%;
}
.home_menu_item a::before {
	position:absolute;
	content:'';
	display:block;
	width:100%;
	height:100%;
	opacity: .7;
}
.home_menu_item a::after {
	position:absolute;
	bottom:0;
	right:0;
	content:'';
	display:block;
	width:30px;
	height:30px;
	background:url(../img/global/arrow_white.svg) center center no-repeat;
	background-size:contain;
}
.home_menu_item a .home_menu_item-Text {
	position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
	width:200px;
	height:100px;
	padding-top:10px;
	background:#fff;
}
.home_menu_item a img {width:140px;}
.home_menu_item a p {color:#666;font-size:14px;font-weight:700;margin-top:5px;}
.home_menu_item-1 a::before {background:url(../img/home/home_menu_img01.webp) center center no-repeat;background-size:cover;}
.home_menu_item-2 a::before {background:url(../img/home/home_menu_img02.webp) center center no-repeat;background-size:cover;}
.home_menu_item-3 a::before {background:url(../img/home/home_menu_img03.webp) center center no-repeat;background-size:cover;}
.home_menu_item-4 a::before {background:url(../img/home/home_menu_img04.webp) center center no-repeat;background-size:cover;}
.home_menu_item-5 a::before {background:url(../img/home/home_menu_img05.webp) center center no-repeat;background-size:cover;}
.home_menu_item-6 a::before {background:url(../img/home/home_menu_img06.webp) center center no-repeat;background-size:cover;}
.home_menu_item-7 a::before {background:url(../img/home/home_menu_img07.webp) center center no-repeat;background-size:cover;}
.home_menu_item-8 a::before {background:url(../img/home/home_menu_img08.webp) center center no-repeat;background-size:cover;}
.home_menu_btn {width:300px;margin:50px auto 0 auto;}
.home_menu_btn a {text-align:center;width:100%;padding:20px 30px;}


/*== 創造工舎の家づくりへの想い ==*/
#home_passion {
	padding:100px 0;
}
.home_passion_min {
	position:relative;
	width:1086px;
	margin:0 auto;
	padding:45px 30px 0 30px;
}
.home_passion_textarea {
	width:513px;
}
.home_passion_sub {
	position:relative;
	margin-top:60px;
}
.home_passion_sub::before {
	position:absolute;
	top:50%;
	left:0;
	content:'';
	dsiplay:block;
	width:100%;
	height:1px;
	background:#45609a;
}
.home_passion_sub span {
	position:relative;
	display:inline-block;
	color:#45609a;
	font-family:var(--ff-no);
	font-size:18px;
	padding:0 20px 0 0;
	background:#fff;
}
#home_passion h3 {
	font-size:20px;
	margin-top:20px;
}
.home_passion_text {
	color:#6d6d6d;
	margin:20px 0 0 0;
}
.home_passion_imgarea {
	position:absolute;
	left:50%;
	margin-left:40px;
	top:0;
	width:calc(50vw - 40px);
}
.home_passion_img {
	display:block;
	margin-top:10px;
	width:50vw;
	height:250px;
}
.home_passion_img-1 {
	margin-top:50px;
	background:url(../img/home/home_passion_img01.webp) center center no-repeat;
	background-size:cover;
}
.home_passion_img-2 {
	background:url(../img/home/home_passion_img02.webp) center center no-repeat;
	background-size:cover;
}
.home_passion_img-3 {
	background:url(../img/home/home_passion_img03.webp) center center no-repeat;
	background-size:cover;
}


/*== ショップ ==*/
#home_shop {
	padding:100px 0;
	background:#f8f8f8;
}
.home_shop_min {
	position:relative;
	width:1086px;
	margin:0 auto;
	padding:40px 30px 40px 543px;
}
.home_shop_Franc {margin-top:50px;}
.home_shop_min::before {
	position:absolute;
	top:0;
	left:50%;
	margin-left:-50vw;
	content:'';
	display:block;
	width:calc(50vw - 40px);
	height:100%;
}
.home_shop_Franc::before {
	background:url(../img/home/home_shop_img01.webp) center center no-repeat;
	background-size:cover;
}
.home_shop_Repla::before {
	background:url(../img/home/home_shop_img02.webp) center center no-repeat;
	background-size:cover;
}
#home_shop h2 {
	font-size:20px;
}
.home_shop_add {margin-top:40px;}
.home_shop_map,
.home_shop_tel {margin-top:20px;}
.home_shop_map a {font-size:13px;}
.home_shop_time,
.home_shop_holiday {margin-top:10px;}
.home_shop_btnarea {display:flex;margin-top:40px;}
.home_btn_shop1 {margin-right:20px;}
.home_shop_btnarea .home_btn_shop1 a {padding:15px 25px 15px 20px;}
.home_shop_btnarea .home_btn_shop2 a {
	color:#fff;
	padding:15px 25px 15px 20px;
	background:#45609a;
	border:none;
}
.home_shop_btnarea .home_btn_shop2 a span {color:#fff;}
.home_shop_btnarea .home_btn_shop2 a::before {
	border-top: 1px solid #fff;
  border-right: 1px solid #fff;
}
.home_shop_Repla {margin-top:40px;}


/*== 会社案内/採用情報 ==*/
#home_about {
	display:flex;
}
.home_about_banner {
	text-align:center;
	width:50%;
	height:310px;
	margin:0;
	background:#000;
}
.home_about_banner a {
	position:relative;
	display:block;
	text-align:center;
	text-decoration:none;
	width:100%;
	height:100%;
}
.home_about_banner a::before {
	position:absolute;
	content:'';
	display:block;
	width:100%;
	height:100%;
	opacity: .5;
}
.home_about_banner a::after {
	position:absolute;
	bottom:0;
	right:0;
	content:'';
	display:block;
	width:30px;
	height:30px;
	background:url(../img/global/arrow_black.svg) center center no-repeat;
	background-size:contain;
}
.home_about_banner a p {
	position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
	color:#fff;
	font-weight:700;
	font-size:18px;
}
.home_company a::before {background:url(../img/home/home_company_img.webp) center center no-repeat;background-size:cover;}
.home_recruit a::before {background:url(../img/home/home_recruit_img.webp) center center no-repeat;background-size:cover;}


/*== お知らせ（下） ==*/
#home_news {
	padding:100px 0;
	background:#fff;
}
.home_news_inner {
	display:flex;
	align-items: center;
	justify-content: space-between;
	width:1086px;
	margin:0 auto;
	padding:0 30px;
}
.home_news_btn {margin-top:20px;}
.home_news_btn a {padding:7px 30px 7px 20px;}
.home_news_right {width:670px;}
.home_news_item:first-child {
	margin-bottom:30px;
	padding-bottom:30px;
	border-bottom:1px solid #e5e5e5;
}
.home_news_item-Header {display:flex;align-items: center;}
.home_news_item-Header .home_news_date {
	font-family: var(--ff-no);
	margin:0 20px 0 0;
}
.home_news_item-Header .home_news_cate_list,
.home_news_item-Header .home_news_tag {display:flex;padding:0;}
.home_news_item-Header .home_news_cate_list li,
.home_news_item-Header .home_news_tag li {color:#fff;font-size:13px;margin:0 5px 0 0;padding:0;}
.home_news_item-Header .home_news_cate_list li::after,
.home_news_item-Header .home_news_tag li::after {display:none;}
.home_news_item-Header .home_news_cate_list li a,
.home_news_item-Header .home_news_tag li a {
	display:block;
	color:#fff;
	text-decoration:none;
	font-size:13px;
	padding:0 8px;
}
.home_news_item .home_news_cate-franc a {background:#43af35}
.home_news_item .home_news_cate-repla a {background:#e06c17;}
.home_news_item .home_news_cate-sozo a {background:#1a4090;}
.home_news_item-Header .home_news_tag li a {background:#666666;}
.home_news_item .home_news_item-title {margin:20px 0;padding:0;border:none;}
.home_news_item .home_news_item-title a {color:#222;font-size:20px;}
.home_news_item .home_news_con {margin:15px 0 0;}


@media (hover: hover) {

	/*== btn ==*/
	.home_btn a,
	.home_btn a::before {transition: .2s;}
	.home_btn a::after {
		position: absolute;
		top: 0;
		left: 0;
		content: '';
		width: 100%;
		height: 100%;
		transform: scale(0, 1);
		transform-origin: left top;
		transition: .2s cubic-bezier(0.45, 0, 0.55, 1);
		z-index: 1;
		background:#666666;
	}
	.home_btn a:hover span {color:#fff;}
	.home_btn a:hover::after {transform: scale(1, 1);}
	.home_btn a:hover::before {
		z-index:2;
		right:5px;
	  border-top: 1px solid #fff;
		border-right: 1px solid #fff;
	}

	/*== お知らせ（上） ==*/
	.home_news_mv_cate a,
	.home_news_mv_title a {transition: .2s;}
	.home_news_mv_cate a:hover,
	.home_news_mv_title a:hover {opacity: .5;}

	/*== イベント ==*/
	.event_list a {transition: .2s;}
	.event_list a:hover {opacity: .5;}

	/*== MENU ==*/
	.home_menu_item a::before {transition: .2s;}
	.home_menu_item a:hover::before {opacity: 1;}

	/*== ショップ ==*/
	.home_shop_btnarea .home_btn_shop2 a:after {background:#2f4373;}

	/*== 会社案内/採用情報 ==*/
	.home_about_banner a::before {transition: .2s;}
	.home_about_banner a:hover::before {opacity: 1;}

	/*== お知らせ（下） ==*/
	.home_news_item-Header a,
	.home_news_item .home_news_item-title a {transition: .2s;}
	.home_news_item-Header a:hover,
	.home_news_item .home_news_item-title a:hover {opacity: .5;}
}


/*==============

		SP

==============*/
@media screen and (max-width: 767px) {

	/*== MV ==*/
	#home_contents #home_mv .home_mv_slide {height: 70vh;}
	.home_mv_copy {
		bottom:20vw;
		left:0;
	}
	#home_contents #home_mv .home_mv_copy p span {
		font-size:5.66vw;
		margin-top:2vw;
		padding:0 2vw;
	}
	#home_contents #home_mv .slick-dots {
		right:4vw;
		bottom:4vw;
	}
	#home_contents #home_mv .slick-dots li {
		width:4vw;
		height:4vw;
		margin:0 2vw;
	}


	/*== NEWS ==*/
	#home_news_mv .home_news_mv_inner {
		display:block;
		width:auto;
		padding:7.33vw 4vw;
	}
	#home_news_mv .home_news_mv_item {
		flex-wrap: wrap;
		margin-top:4vw;
	}
	#home_news_mv h2 {
		font-size:5.33vw;
		padding-right:0;
		margin-right:0;
		border-right:none;
	}
	.home_news_mv_date {
		font-size:3.74vw;
		margin: 0;
	}
	.home_news_mv_cate {
		margin:0 0 0 2vw;
	}
	.home_news_mv_cate a {
		font-size:3vw;
		text-decoration:none;
		padding:1vw 2vw;
	}
	.home_news_mv_title {
		width:92vw;
		padding:6vw 0;
	}
	#home_news_mv .home_news_mv_btn {
	  margin: 2vw auto 0 auto;
	  width:80vw;
	}
	.home_btn a {
		text-align:center;
		line-height:16vw;
		width:100%;
		height:16vw;
		padding:0;
	}


	/*== イベント ==*/
	#home_event {padding:12.33vw 0;}
	.home_section_header {
		display:block;
		width:auto;
		padding:0 4vw;
	}
	.home_section_title {display:block;}
	.home_section_title .home_section_title-Sub {
		font-size:6.33vw;
		letter-spacing: .2rem;
	}
	.home_section_title h2 {
		font-size:4vw;
		margin-top:3vw;
		padding:0;
	}
	.home_section_title h2::before {display:none;}
	.home_event_inner {margin:7.33vw auto 0 auto;}
	.event_list {
		width:80vw;
		margin: 0 2vw;
	}
	.event_list a::after {
		width:8vw;
		height:8vw;
	}
	.event_list_theme {
		top:4vw;
		font-size:3.74vw;
		padding:1vw 2vw;
	}
	.event_list_cate {
		font-size:3vw;
		padding:0 1vw;
	}
	.event_list_sub {margin-top:4vw;}
	.event_list_now {
		font-size:3vw;
		margin:0 0 0 1vw;
		padding: 1vw 1vw;
	}
	h3.event_list_name {
		font-size:4vw;
		margin: 2vw 0 0 0;
		padding:0 2vw 0 0;
	}
	.event_list_place {
		font-size:3.47vw;
		margin:2vw 0 0 0;
	}
	.event_list_date_all {
		font-size:5.33vw;
		margin:2vw 0 0 0;
	}
	.event_list_date {margin-top:1vw;}
	.event_list_date p {font-size:9.33vw;}
	.event_list_date p span {font-size:4vw;}
	.event_list_date p.event_list_date_02 {
		margin-left:2vw;
		padding-left:7vw;
	}
	.event_list_date p.event_list_date_02::before {width:5vw;}
	.home_event_btn {width:80vw;margin:5.33vw auto 0 auto;}


	/*== MENU ==*/
	#home_menu {
		padding:12.33vw 0;
		background:#f8f8f8;
	}
	.home_menu_list {
		width:auto;
		margin:7.33vw auto 0 auto;
		padding: 0 2vw;
	}
	/*== 2カラム
	.home_menu_item {
		width:46vw;
		height:30vw;
		margin:2vw 1vw 0 1vw;
	}
	==*/
	.home_menu_item {
		width:100%;
		height:40vw;
		margin:2vw 1vw 0 1vw;
	}
	.home_menu_item-Column2 {width:100%;height:40vw;}
	.home_menu_item a::after {
		width:8vw;
		height:8vw;
	}
	.home_menu_item a .home_menu_item-Text {
		width:50vw;
		height:auto;
		padding:3vw 4vw;
	}
	.home_menu_item a img {width:30vw;}
	.home_menu_item a p {font-size:3.47vw;}
	.home_menu_btn {width:80vw;margin:7.33vw auto 0 auto;}


	/*== 創造工舎の家づくりへの想い ==*/
	#home_passion {
		padding:12.33vw 0;
	}
	.home_passion_min {
		width:auto;
		padding:7.33vw 4vw 0 4vw;
	}
	.home_passion_textarea {
		width:100%;
	}
	.home_passion_sub {margin-top:9.33vw;}
	.home_passion_sub span {
		font-size:4vw;
		padding:0 4vw 0 0;
	}
	#home_passion h3 {
		font-size:4vw;
		margin-top:4vw;
	}
	.home_passion_text {
		margin:4vw 0 0 0;
	}
	.home_passion_imgarea {
		position:relative;
		display:flex;
		left:auto;
		margin-left:0;
		top:0;
		width:100%;
	}
	.home_passion_img {
		margin-top:0;
		width:calc(100% /3);
		height:40vw;
	}


	/*== ショップ ==*/
	#home_shop {
		padding:12.33vw 0;
	}
	.home_shop_min {
		width:auto;
		margin:0 4vw;
		padding:54vw 0 0 0;
	}
	.home_shop_Franc {margin-top:7.33vw;}
	.home_shop_min::before {
		top:0;
		left:0;
		margin-left:0;
		width:100%;
		height:50vw;
	}
	#home_shop h2 {
		font-size:5.33vw;
	}
	.home_shop_add {margin-top:4vw;}
	.home_shop_map,
	.home_shop_tel {margin-top:4vw;}
	.home_shop_map  {
		width:50vw;
	}
	.home_shop_map a {
		font-size:3vw;
		width:50vw;
		height:10vw;
		line-height:10vw;
	}
	.home_shop_time,
	.home_shop_holiday {margin-top:2vw;}
	.home_shop_btnarea {display:block;margin-top:7.33vw;}
	.home_btn_shop1 {margin-right:0;}
	.home_shop_btnarea .home_btn_shop1 a {padding:0;}
	.home_shop_btnarea .home_btn_shop2 a {
		margin-top:4vw;
		padding:0;
	}
	.home_shop_Repla {margin-top:12.33vw;}


	/*== 会社案内/採用情報 ==*/
	.home_about_banner {
		height:40vw;
	}
	.home_about_banner a::after {
		width:8vw;
		height:8vw;
	}
	.home_about_banner a p {
		font-size:4vw;
	}


	/*== お知らせ（下） ==*/
	#home_news {
		padding:12.33vw 0;
	}
	.home_news_inner {
		display:block;
		width:auto;
		padding:0 4vw;
	}
	.home_news_btn {margin-top:5.33vw;}
	.home_news_btn a {padding:0;}
	.home_news_right {width:auto;}
	.home_news_item:first-child {
		margin-bottom:4vw;
		padding-bottom:4vw;
	}
	.home_news_item-Header .home_news_date {margin:0 2vw 0 0;}
	.home_news_item-Header .home_news_cate_list li,
	.home_news_item-Header .home_news_tag li {font-size:3vw;margin:0 1vw 0 0;}
	.home_news_item-Header .home_news_cate_list li a,
	.home_news_item-Header .home_news_tag li a {
		font-size:3vw;
		padding:0 1vw;
	}
	.home_news_item .home_news_item-title {margin:4vw 0;padding:0;border:none;}
	.home_news_item .home_news_item-title a {font-size:4vw;}
	.home_news_item .home_news_con {margin:4vw 0 0;}
	.home_news_btn {
		width:80vw;
		margin:7.33vw auto 0 auto;
	}

	
}