@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;}

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


/*== NEWS ==*/
#franc_news_mv {background:#f8f8f8;}
#franc_news_mv .franc_news_mv_inner {
	display:flex;
	align-items: center;
	width:1086px;
	margin:0 auto;
	padding:25px 30px;
}
#franc_news_mv .franc_news_mv_item {
	display:flex;
	align-items: center;
}
#franc_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;
}
.franc_news_mv_date {
	font-family: var(--ff-no);
	font-size:15px;
	margin-right:20px;
}
.franc_news_mv_tag {
	margin-right:20px;
}
.franc_news_mv_tag a {
	display:inline-block;
	color:#fff;
	font-size:13px;
	text-decoration:none;
	padding:0 10px;
	background:#89a486;
}
.franc_news_mv_title a {
	color:#222;
	text-decoration:none;
}
#franc_news_mv .franc_news_mv_btn {
  margin-left: auto;
}
.franc_btn a {
	position:relative;
	display:inline-block;
	color:#222;
	text-decoration:none;
	font-size:13px;
	padding:3px 30px 3px 15px;
	border:1px solid #666666;
}
.franc_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;
}
.franc_btn a span {position:relative;z-index:3;}


/*== イベント ==*/
#franc_event {
	padding:100px 0;
	background:#fff;
	overflow:hidden;
}
.franc_section_header {
	display:flex;
	justify-content: space-between;
	align-items: center;
	width:1086px;
	margin:0 auto;
	padding:0 30px;
}
.franc_section_title {
	display:flex;
	align-items: center;
}
.franc_section_title .franc_section_title-Sub {
	font-family: var(--ff-no);
	font-size:35px;
	letter-spacing: 3.5px;
}
.franc_section_title h2 {
	position:relative;
	color:#43af35;
	font-size:20px;
	padding-left:35px;
}
.franc_section_title h2::before {
	position:absolute;
	top:50%;
	margin-top:-1px;
	left:10px;
	content:'';
	display:inline-block;
	width:15px;
	height:2px;
	background:#222;
}
.franc_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%;
	height:240px;
}
.event_list_theme {
	position:absolute;
	top:20px;
	left:0;
	color:#fff;
	font-weight:700;
	font-size:18px;
	margin:0;
	padding:2px 20px;
	background:#43af35;
}
.event_list_cate {
	display:inline-block;
	color:#fff;
	text-decoration:none;
	font-size:13px;
	margin:0;
	padding:0 8px;
}

.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:#43af35;
	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:#43af35;
}
.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:#43af35;
}


/*== フラン・クオリティー ==*/
#franc_quality {
	padding:100px 0;
	background:#f8f8f8;
}
.franc_quality_inner {
	width:1086px;
	margin:0 auto;
	padding: 0 30px;
}
.franc_quality_read {
	font-size:25px;
	font-weight:700;
	margin-top:40px;
}
#franc_quality h3 {
	position:relative;
	color:#43af35;
	font-size:20px;
	margin-top:50px;
	padding:30px 0 10px 0;
}
#franc_quality h3::before {
	position:absolute;
	top:0;
	left:0;
	content:'';
	dsiplay:block;
	width:100px;
	height:3px;
	background:#43af35;
}
.franc_quality_text {margin-top:20px;}
.franc_quality_menu {
	display:flex;
	flex-wrap: wrap;
	width:1086px;
	margin:0 auto;
	padding:0 15px;
}
.franc_quality_menu .franc_quality_item {
	width:322px;
	margin:50px 15px 0 15px;
}
.franc_quality_menu .franc_quality_item a {
	display:block;
	text-align:center;
	text-decoration:none;
	background:#fff;
}
.franc_quality_item-Img {
	position:relative;
	content:'';
	display:block;
	width:100%;
	height:180px;
}
.franc_quality_item-1 .franc_quality_item-Img {
	background:url(../img/franc/franc_quality_img01.webp) center center no-repeat;
	background-size:cover;
}
.franc_quality_item-2 .franc_quality_item-Img {
	background:url(../img/franc/franc_quality_img02.webp) center center no-repeat;
	background-size:cover;
}
.franc_quality_item-3 .franc_quality_item-Img {
	background:url(../img/franc/franc_quality_img03.webp) center center no-repeat;
	background-size:cover;
}
.franc_quality_item-4 .franc_quality_item-Img {
	background:url(../img/franc/franc_quality_img04.webp) center center no-repeat;
	background-size:cover;
}
.franc_quality_item-5 .franc_quality_item-Img {
	background:url(../img/franc/franc_quality_img05.webp) center center no-repeat;
	background-size:cover;
}
.franc_quality_item-6 .franc_quality_item-Img {
	background:url(../img/franc/franc_quality_img06.webp) center center no-repeat;
	background-size:cover;
}
.franc_quality_menu .franc_quality_item a .franc_quality_item-Img::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;
}
.franc_quality_menu .franc_quality_item a p {
	font-size:18px;
	font-weight:700;
	padding:20px 0;
}


/*== フランの受賞実績 ==*/
#franc_award {
	padding:100px 0;
	background:url(../img/franc/franc_award_back.webp) center center no-repeat;
	background-size:cover;
}
#franc_award .franc_section_title-Sub,
#franc_award h2 {color:#fff;}
#franc_award h2::before {background:#fff;}
.franc_award_btn a {
	color:#fff;
	border:1px solid #fff;
}
.franc_award_btn a span {color:#fff;}
.franc_award_btn a::before {
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
}
.franc_award_inner {
	position:relative;
	width:1086px;
	margin:50px auto 0 auto;
	padding:30px 30px 30px 513px;
	background:#f8f8f8;
}
.franc_award_inner::before {
	position:absolute;
	top:0;
	left:50%;
	margin-left:-50vw;
	content:'';
	display:block;
	width:calc(50vw - 70px);
	height:100%;
	background:url(../img/franc/quality-award_img.webp) center center no-repeat;
	background-size:cover;
}
.franc_award_inner ul li {
	position:relative;
	padding:30px 0 30px 30px;
	border-bottom: 1px solid #e5e5e5;
}
.franc_award_inner ul li::before {
	position:absolute;
	top:30px;
	left:0;
	content:'';
	display:block;
	width:22px;
	height:30px;
	background:url(../img/franc/icon_award.svg) center center no-repeat;
	background-size:contain;
}
.franc_award_inner ul li:last-child {border:none;}


/*== ８つのリノベメニュー ==*/
#franc_menu {
	padding:100px 30px;
	background:#f8f8f8;
}
.menu_inner_min {
	width:1026px;
	margin: 0 auto;
}
.menu_list {
	display:flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin:0;
	padding:0;
}
.menu_list_item {
	width:493px;
	margin:30px 0 0 0;
	padding:0;
}
.menu_list_item::after {display:none;}
.menu_list_item a {
	display:block;
	text-decoration:none;
	position:relative;
	background:#fff;
	padding-bottom:45px;
}
.menu_list_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;
}
.menu_list_item_title {
	position:absolute;
	top:0;
	left:0;
}
.menu_list_item a h3 {
	position:relative;
	display:inline-block;
	color:#fff;
	font-size:18px;
	margin:0;
	padding:10px 20px 10px 65px;
	border:none;
	background:#222222;
}
.menu_list_item a h3::before {
	position:absolute;
	top:8px;
	left:15px;
	bottom;auto;
	color:#fff;
	font-family: var(--ff-no);
	font-size:20px;
	width:auto;
	height:auto;
	background:none;
}
.menu_list_item:first-child a h3::before {content:'01'}
.menu_list_item:nth-child(2) a h3::before {content:'02'}
.menu_list_item:nth-child(3) a h3::before {content:'03'}
.menu_list_item:nth-child(4) a h3::before {content:'04'}
.menu_list_item:nth-child(5) a h3::before {content:'05'}
.menu_list_item:nth-child(6) a h3::before {content:'06'}
.menu_list_item:nth-child(7) a h3::before {content:'07'}
.menu_list_item:nth-child(8) a h3::before {content:'08'}
.menu_list_item a h3::after {
	position:absolute;
	content:'';
	display:block;
	width:1px;
	height:60%;
	top:20%;
	left:50px;
	background:#6d6d6d;
}
.menu_list_img {
	display:block;
	content:'';
	width:100%;
	height:200px;
}
.menu_list_item .menu_page_kind {
	display:flex;
	justify-content: space-around;
	flex-wrap: wrap;
	margin:20px 40px 0 40px;
}
.menu_list_item .menu_page_kind li {
	color:#fff;
	text-align:center;
	font-size:13px;
	width:65px;
	margin:5px 0 0 0;
	padding:2px 0;
}
.menu_list_item .menu_page_kind li.menu_page_kind-active {background:#6d6d6d;}
.menu_list_item .menu_page_kind li.menu_page_kind-no {background:#ccc;}
.menu_list_item .menu_page_kind li::after {
	display:none;
}
.menu_list_item .menu_list_gaiyo {
	display:flex;
	margin:20px 30px 0 30px;
}
.menu_list_item .menu_list_gaiyo dl {
	display:flex;
	align-items: center;
	margin:0 10px;
}
.menu_list_item .menu_list_gaiyo dl dt {
	font-size:14px;
	margin:0;
	padding:1px 12px;
	border:1px solid #b9b9b9;
}
.menu_list_item .menu_list_gaiyo dl dd {
	font-size:16px;
	margin-left:10px;
}


/*== コンセプトリノベ ==*/
#franc_cancept {
padding:100px 0;
	background:url(../img/franc/franc_concept_back.webp) center center no-repeat;
	background-size:cover;
}
.franc_cancept_inner {
	display:flex;
	flex-wrap: wrap;
	width:1086px;
	margin:50px auto 0 auto;
	padding:0 30px;
}
.franc_cancept_item {
	text-align:center;
	width:calc(100% / 3);
	height:180px;
	margin:0;
	background:#000;
}
.franc_cancept_item a {
	position:relative;
	display:block;
	text-align:center;
	text-decoration:none;
	width:100%;
	height:100%;
}
.franc_cancept_item a::before {
	position:absolute;
	content:'';
	display:block;
	width:100%;
	height:100%;
	opacity: .5;
}
.franc_cancept_item 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;
}
.franc_cancept_item a p {
	position:absolute;
	top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
	color:#fff;
	font-weight:700;
	font-size:18px;
	line-height: 1.8;
}
.franc_cancept_item-1 a::before {background:url(../img/franc/concept_img_01.webp) center center no-repeat;background-size:cover;}
.franc_cancept_item-2 a::before {background:url(../img/franc/concept_img_02.webp) center center no-repeat;background-size:cover;}
.franc_cancept_item-3 a::before {background:url(../img/franc/concept_img_03.webp) center center no-repeat;background-size:cover;}
.franc_cancept_item-4 a::before {background:url(../img/franc/concept_img_04.webp) center center no-repeat;background-size:cover;}
.franc_cancept_item-5 a::before {background:url(../img/franc/concept_img_05.webp) center center no-repeat;background-size:cover;}
.franc_cancept_item-6 a::before {background:url(../img/franc/concept_img_06.webp) center center no-repeat;background-size:cover;}
.franc_cancept_item-7 a::before {background:url(../img/franc/concept_img_07.webp) center center no-repeat;background-size:cover;}


/*== 施工事例 ==*/
#franc_case {
	padding:100px 0;
}
.case_item a {
	position:relative;
	display:block;
	text-decoration:none;
	background:#f8f8f8;
}
.case_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;
}
.case_list_img {
	display:block;
	content:'';
	width:100%;
	height:200px;
}
.case_item h3.case_list_title {
	font-size:18px;
	margin: 0 0 15px 0;
	padding:20px 20px 0 20px;
	border:none;
}
.case_item h3.case_list_title::before {display:none;}
.case_item ul.case_list_tag {display:flex;flex-wrap: wrap;padding:0 20px 60px 20px;}
.case_item ul.case_list_tag li {
	display:block;
	color:#222;
	text-decoration:none;
	font-size:13px;
	margin:5px 5px 0 0;
	padding:0 8px;
	background:#fff;
	border:1px solid #e5e5e5;
}
.case_item ul.case_list_tag li::after {display:none;}
.case_item .case_list_area {
	position:absolute;
	display:inline-block;
	top:0;
	left:0;
	color:#fff;
	background:#222;
	font-size:13px;
	margin:0;
	padding:0 15px;
}


/*== ショップ ==*/
#franc_shop {
	padding:100px 0;
	background:#f8f8f8;
}
.franc_shop_min {
	position:relative;
	width:1086px;
	margin:50px auto 0 auto;
	padding:40px 30px 40px 543px;
}
.franc_shop_min::before {
	position:absolute;
	top:0;
	left:50%;
	margin-left:-50vw;
	content:'';
	display:block;
	width:calc(50vw - 40px);
	height:100%;
}
.franc_shop_Franc::before {
	background:url(../img/home/home_shop_img01.webp) center center no-repeat;
	background-size:cover;
}
#franc_shop h2 {
	font-size:20px;
}
.franc_shop_add {margin-top:40px;}
.franc_shop_map,
.franc_shop_tel {margin-top:20px;}
.franc_shop_map a {font-size:13px;}
.franc_shop_time,
.franc_shop_holiday {margin-top:10px;}
.franc_shop_btnarea {
	display:flex;
	justify-content: center;
	margin-top:70px;
}
.franc_shop_btnarea .franc_btn {margin:0 15px;}
.franc_shop_btnarea .franc_btn a {text-align:center;width:200px;padding:25px;}
.franc_shop_btnarea .franc_btn_shop2 a {
	color:#fff;
	background:#43af35;
	border:none;
}
.franc_shop_btnarea .franc_btn_shop2 a span {color:#fff;}
.franc_shop_btnarea .franc_btn_shop2 a::before {
	border-top: 1px solid #fff;
  border-right: 1px solid #fff;
}
.franc_shop_campaign {
	width:725px;
	height:160px;
	margin:70px auto 0 auto;
}


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


/*== リノベお役立ち情報 ==*/
#franc_column {
	padding:100px 0;
	background:#f8f8f8;
}
#franc_column h3.column_list_title {
	font-size:18px;
	margin: 0 0 15px 0;
	padding:20px 20px 0 20px;
	border:none;
}
#franc_column h2.column_list_title::before {display:none;}
#franc_column ul.column_list_tag {display:flex;flex-wrap: wrap;padding:0 20px 60px 20px;}
#franc_column ul.column_list_tag li {
	display:block;
	color:#222;
	text-decoration:none;
	font-size:13px;
	margin:5px 5px 0 0;
	padding:0 8px;
	border:1px solid #e5e5e5;
}
#franc_column ul.column_list_tag li::after {display:none;}


/*== 営業対応エリア ==*/
#franc_area {
	position:relative;
	padding:100px 0;
	overflow:hidden;
}
#franc_area::before {
	position:absolute;
	top:0;
	left:50%;
	margin-left:-150px;
	display:block;
	content:'';
	width:calc(50vw + 150px);
	height:100%;
	background:url(../img/franc/franc_area.webp) left center no-repeat #fff;
	background-size:auto 100%;
}
.franc_area_inner {
	position:relative;
	width:1086px;
	margin:35px auto 0 auto;
	padding:0 30px;
}
.franc_area_inner ul {
	display:flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width:400px;
}
.franc_area_inner ul li {
	position:relative;
	padding:12px 0 12px 23px;
	border-bottom:1px solid #e5e5e5;
}
.franc_area_inner ul li::before {
	position:absolute;
	top:50%;
	margin-top:-7px;
	left:0;
	content:'';
	display:block;
	width:13px;
	height:13px;
	border:1px solid #bababa;
}
.franc_area_1 {width:400px;}
.franc_area_2 {width:190px;}
.franc_area_green::before {background:#cce0a2;}
.franc_area_blue::before {background:#e1f0ee;}


@media (hover: hover) {

	/*== btn ==*/
	.franc_btn a,
	.franc_btn a::before {transition: .2s;}
	.franc_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;
	}
	.franc_btn a:hover span {color:#fff;}
	.franc_btn a:hover::after {transform: scale(1, 1);}
	.franc_btn a:hover::before {
		z-index:2;
		right:5px;
	  border-top: 1px solid #fff;
		border-right: 1px solid #fff;
	}

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

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

	/*== フラン・クオリティー ==*/
	.franc_quality_menu .franc_quality_item a {transition: .2s;}
	.franc_quality_menu .franc_quality_item a:hover {opacity: .5;}

	/*== フランの受賞実績 ==*/
	.franc_award_btn a:hover span {color:#666;}
	.franc_award_btn a:hover::after {background:#fff;}
	.franc_award_btn a:hover::before {
		border-top: 1px solid #666;
		border-right: 1px solid #666;
	}

	/*== MENU ==*/
	.franc .menu_list a {transition: .2s;}
	.franc .menu_list a:hover {opacity: .5;}

	/*== コンセプトリノベ ==*/
	.franc_cancept_item a::before {transition: .2s;}
	.franc_cancept_item a:hover::before {opacity: 1;}

	/*== 施工事例 ==*/
	.case_item a {transition: .2s;}
	.case_item a:hover {opacity: .5;}

	/*== ショップ ==*/
	.franc_shop_btnarea .franc_btn_shop2 a:after {background:#2f8f26;}

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

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

	/*== リノベお役立ち情報 ==*/
	.column_item a {transition: .2s;}
	.column_item a:hover {opacity: .5;}

}


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

		SP

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

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


	/*== NEWS ==*/
	#franc_news_mv .franc_news_mv_inner {
		display:block;
		width:auto;
		padding:7.33vw 4vw;
	}
	#franc_news_mv .franc_news_mv_item {
		flex-wrap: wrap;
		margin-top:4vw;
	}
	#franc_news_mv h2 {
		font-size:5.33vw;
		padding-right:0;
		margin-right:0;
		border-right:none;
	}
	.franc_news_mv_date {
		font-size:3.74vw;
		margin: 0;
	}
	.franc_news_mv_tag {
		margin:0 0 0 2vw
	}
	.franc_news_mv_tag a {
		font-size:3vw;
		text-decoration:none;
		padding:1vw 2vw;
	}
	.franc_news_mv_title {
		width:92vw;
		padding:6vw 0;
	}
	#franc_news_mv .franc_news_mv_btn {
	  margin: 2vw auto 0 auto;
	  width:80vw;
	}
	.franc_btn a {
		text-align:center;
		line-height:16vw;
		width:100%;
		height:16vw;
		padding:0;
	}


	/*== イベント ==*/
	#franc_event {
		padding:12.33vw 0;
	}
	.franc_section_header {
		display:block;
		width:auto;
		padding:0 4vw;
	}
	.franc_section_title {
		display:block;
	}
	.franc_section_title .franc_section_title-Sub {
		font-size:6.33vw;
		letter-spacing: .2rem;
	}
	.franc_section_title h2 {
		font-size:4vw;
		margin-top:3vw;
		padding:0;
	}
	.franc_section_title h2::before {
		display:none;
	}
	.franc_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_img {
		height:60vw;
	}
	.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;}
	.franc_event_btn {width:80vw;margin:5.33vw auto 0 auto;}
	

	/*== フラン・クオリティー ==*/
	#franc_quality {
		padding:12.33vw 0;
	}
	.franc_quality_inner {
		width:auto;
		padding: 0 4vw;
	}
	#franc_quality .franc_section_header {padding:0;}
	.franc_quality_read {
		font-size:4vw;
		margin-top:4vw;
	}
	#franc_quality h3 {
		font-size:4vw;
		margin-top:9.33vw;
		padding:4vw 0 1vw 0;
	}
	#franc_quality h3::before {
		width:20vw;
		height:1px;
	}
	.franc_quality_text {margin-top:4vw;}
	.franc_quality_menu {
		width:auto;
		margin:7.33vw auto 0 auto;
		padding:0 3vw;
	}
	.franc_quality_menu .franc_quality_item {
		width:45vw;
		margin:2vw 1vw 0 1vw;
	}
	.franc_quality_item-Img {
		height:30vw;
	}
	
	.franc_quality_menu .franc_quality_item a .franc_quality_item-Img::after {
		width:8vw;
		height:8vw;
	}
	.franc_quality_menu .franc_quality_item a p {
		font-size:4vw;
		padding:4vw 0;
	}


	/*== フランの受賞実績 ==*/
	#franc_award {
		padding:12.33vw 0;
	}
	.franc_award_inner {
		width:92vw;
		margin:7.33vw auto 0 auto;
		padding:54vw 4vw 4vw 4vw;
	}
	.franc_award_inner::before {
		top:0;
		left:0;
		margin-left:0;
		width:100%;
		height:50vw;
	}
	.franc_award_inner ul li {
		padding:3vw 0 3vw 8vw;
	}
	.franc_award_inner ul li::before {
		top:4vw;
		width:4vw;
		height:6vw;
	}
	.franc_award_btn {
		width:80vw;
		margin:7.33vw auto 0 auto;
	}


	/*== ８つのリノベメニュー ==*/
	#franc_menu {
		padding:12.33vw 0;
	}
	.menu_inner_min {
		width:auto;
		padding:0 4vw;
	}
	.menu_list {
		display:block;
	}
	.menu_list_item {
		width:92vw;
		margin:12.33vw 0 0 0;
	}
	.menu_list_item a {padding-bottom:10vw;}
	.menu_list_item a::after {
		width:8wv;
		height:8vw;
	}
	.menu_list_item a h3 {
		font-size:4vw;
		padding:2vw 3vw 2vw 13vw;
	}
	.menu_list_item a h3::before {
		top:1.4vw;
		left:2.3vw;
		font-size:5vw;
	}
	.menu_list_item a h3::after {
		left:10vw;
	}
	.menu_list_img {
		height:50vw;
	}
	.menu_list_item .menu_page_kind {
		justify-content:flex-start;
		flex-wrap: wrap;
		margin:4vw 4vw 0 4vw;
	}
	.menu_list_item .menu_page_kind li {
		font-size:3vw;
		width:calc(100% / 5);
		margin:0;
		padding:1vw 0;
		border:1px solid #fff;
	}
	.menu_list_item .menu_list_gaiyo {
		margin:4vw 4vw 0 4vw;
	}
	.menu_list_item .menu_list_gaiyo dl {
		display:flex;
		align-items: center;
		margin:0 2vw 0 0;
	}
	.menu_list_item .menu_list_gaiyo dl dt {
		font-size:3.47vw;
		padding:1vw 2vw;
	}
	.menu_list_item .menu_list_gaiyo dl dd {
		font-size:3.74vw;
		margin-left:2vw;
	}


	/*== コンセプトリノベ ==*/
	#franc_cancept {
		padding:12.33vw 0;
	}
	.franc_cancept_inner {
		width:auto;
		margin:7.33vw auto 0 auto;
		padding:0 4vw;
	}
	.franc_cancept_item {
		width:calc(100% / 2);
		height:40vw;
	}
	.franc_cancept_item a::after {
		width:8vw;
		height:8vw;
	}
	.franc_cancept_item a p {
		font-size:4vw;
		width:100%;
	}


	/*== 施工事例 ==*/
	#franc_case {
		padding:12.33vw 0;
	}
	.franc_case_inner {margin-top:7.33vw}
	.case_item {
		width:80vw;
		margin: 0 2vw;
	}
	.case_item a::after {
		width:8vw;
		height:8vw;
	}
	.case_list_img {
		height:60vw;
	}
	.case_item h3.case_list_title {
		font-size:4vw;
		margin: 4vw 4vw 0 4vw;
		padding:0;
	}
	.case_item ul.case_list_tag {padding:2vw 4vw 10vw 4vw;}
	.case_item ul.case_list_tag li {
		font-size:3vw;
		margin:1vw 1vw 0 0;
		padding:1vw 2vw;
	}
	.case_item .case_list_area {
		font-size:3vw;
		padding:1vw 2vw;
	}


/*== ショップ ==*/
	#franc_shop {
		padding:12.33vw 0;
	}
	.franc_shop_min {
		width:auto;
		margin:7.33vw 4vw 0 4vw;
		padding:54vw 0 0 0;
	}
	.franc_shop_min::before {
		top:0;
		left:0;
		margin-left:0;
		width:100%;
		height:50vw;
	}
	#franc_shop h2 {
		font-size:5.33vw;
	}
	.franc_shop_add {margin-top:4vw;}
	.franc_shop_map,
	.franc_shop_tel {margin-top:4vw;}
	.franc_shop_map a {
		font-size:3vw;
		width:50vw;
		height:10vw;
		line-height:10vw;
	}
	.franc_shop_time,
	.franc_shop_holiday {margin-top:2vw;}
	.franc_shop_btnarea {
		margin-top:7.33vw;
	}
	.franc_shop_btnarea .franc_btn {margin:0 1vw;}
	.franc_shop_btnarea .franc_btn a {text-align:center;width:45vw;padding:0;}
	.franc_shop_btnarea .franc_btn_shop2 a {
		color:#fff;
		background:#43af35;
		border:none;
	}
	.franc_shop_campaign {
		width:92vw;
		height:auto;
		margin:7.33vw auto 0 auto;
	}


	/*== お知らせ（下） ==*/
	#franc_news {
		padding:12.33vw 0;
	}
	.franc_news_inner {
		display:block;
		width:auto;
		padding:0 4vw;
	}
	.franc_news_btn {margin-top:5.33vw;}
	.franc_news_btn a {padding:0;}
	.franc_news_right {width:auto;}
	.franc_news_item:first-child {
		margin-bottom:4vw;
		padding-bottom:4vw;
	}
	.franc_news_item-Header .franc_news_date {
		margin:0 2vw 0 0;
	}
	.franc_news_item-Header .franc_news_cate_list li,
	.franc_news_item-Header .franc_news_tag li {font-size:3vw;margin:0 1vw 0 0;}
	.franc_news_item-Header .franc_news_cate_list li a,
	.franc_news_item-Header .franc_news_tag li a {
		font-size:3vw;
		padding:0 1vw;
	}
	.franc_news_item .franc_news_item-title {margin:4vw 0;padding:0;border:none;}
	.franc_news_item .franc_news_item-title a {font-size:4vw;}
	.franc_news_item .franc_news_con {margin:4vw 0 0;}
	.franc_news_btn {
		width:80vw;
		margin:7.33vw auto 0 auto;
	}


	/*== リノベお役立ち情報 ==*/
	#franc_column {
		padding:12.33vw 0;
	}
	.franc_column_inner {
		margin-top:7.33vw;
	}
	.column_item {
		width:80vw;
		margin: 0 2vw;
	}
	#franc_column h3.column_list_title {
		font-size:4vw;
		margin: 2vw 0 0 0;
		padding:4vw 4vw 0 4vw;
	}
	#franc_column ul.column_list_tag {margin-top:2vw;padding:0 4vw 10vw 4vw;}
	#franc_column ul.column_list_tag li {
		font-size:3vw;
		margin:1vw 1vw 0 0;
		padding:0 2vw;
	}
	.franc_column_btn {width:80vw;margin:5.33vw auto 0 auto;}


	/*== 営業対応エリア ==*/
	#franc_area {
		position:relative;
		padding:12.33vw 0 104vw 0;
	}
	#franc_area::before {
		top:auto;
		left:0;
		margin:0;
		bottom:0;
		width:100vw;
		height:100vw;
		background:url(../img/franc/franc_area.webp) left center no-repeat #fff;
		background-size:170%;
	}
	.franc_area_inner {
		position:relative;
		width:auto;
		margin: 0 auto;
		padding:0 4vw;
	}
	.franc_area_inner ul {
		width:100%;
		margin-top:7.33vw;
	}
	.franc_area_inner ul li {
		padding:3vw 0 3vw 12vw;
	}
	.franc_area_inner ul li::before {
		margin-top:-1.5vw;
		width:3vw;
		height:3vw;
	}
	.franc_area_1 {width:100%;}
	.franc_area_2 {width:44vw;}
	
}