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

.btn_reserve {
  position: relative;
  z-index: 10000;
  pointer-events: auto;
}

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	color: #333;
	font-size: 100%;
	font-family: var(--ff-base);
	font-weight:400;
	vertical-align: baseline;
	background: transparent;
	list-style-type:none;
}
#contents #main dl dd textarea {font-family: var(--ff-base);}
div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	box-sizing: border-box;
}
body {line-height: 1;}
ul, ol {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: none;}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
input, textarea,{
	margin: 0;
	padding: 0;
}
strong {font-weight:bold;}
input, button, textarea, select {}
p,li,th,td,dt,dd,span.wpcf7-list-item-label {font-size:15px;}
img {max-width: 100%;vertical-align: bottom;height:auto;}
.clear {clear: both;}
.aligncenter {text-align:center;}
.alignleft {float:left;}
.alignright {float:right;}

/* clearfix */

.cf:after,
#main_inner:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
.cf { display: inline-block; }
/* start commented backslash hack \*/
* html .cf { height: 1%; }
.cf { display: block; }
/* close commented backslash hack */
{
height:1%;
}
.cf
{
display:block;
}

.pc_non {display:none;}

.scroll-fade {
  opacity : 0;
  transform: translateY(20px);
  transition: all 1s;
}

/*--font--*/
h1,h2,h2 b,h3,h4,h5,#contents .page_title {clear:both;line-height:1.5;font-weight:700;}
p,li,dt,dd,th,td {line-height:1.6;}
#contents .page_title,
.contact_area_title_Sub, 
.contact_area_tel,
.contact_area_tel b,
.sns_area_title_Sub {font-family:var(--ff-no);}


/*== header ==*/
#wrap {padding-top:70px;}
header#page_header {z-index:101;position:fixed;top:0;left:0;width:100%;height:70px;padding:15px 30px 0 30px;background:#fff;}
header#page_header .header_inner {
	display:flex;
	justify-content:space-between;
	align-items: center;
	min-width: 1086px;
	margin:0 auto;
}
.s_logo a {
	display:flex;
	justify-content:space-between;
	align-items: center;
	text-decoration:none;
	width:395px;
	height:39px;
}
.franc .s_logo a {
	width:338px;
	height:50px;
}
.s_logo a img {
		width:129px;
		height:36px;
}
.franc .s_logo a img {
		width:128px;
		height:50px;
}
.s_logo_text1 {
	color:#1a4090;
	font-weight:700;
	line-height:1.2;
	font-size:14px;
	padding:2px 0 1px 0;
}
.franc .s_logo_text1 {color:#43af35;}
.s_logo_text2 {
	color:#666666;
	line-height:1.6;
	font-size:12px;
	padding:2px 0 1px 0;
}

/*--gnavi--*/
header#page_header ul.gnavi {display:flex;justify-content:flex-end;align-items: center;flex-wrap: wrap;}
header#page_header ul.gnavi li {position: relative;padding:0 0 0 30px;}
header#page_header ul.gnavi li:last-child::before {content:'';}
header#page_header ul.gnavi li a {display:block;color:#000;font-size:14px;text-align:center;text-decoration:none;width:100%;}


#contents #main_inner .send_btn {
	width:300px;
	margin:50px auto 0 auto;
}
#contents #main_inner .send_btn input[type="submit"] {
	font-size: 14px;
	line-height:60px;
	width:300px;
	height:60px;
}


/*== footer ==*/
footer {
	position:relative;
	background:#f8f8f8;
	padding:70px 30px;
}
.franc footer {
	background:#fff;
	padding:55px 30px 30px 30px;
}

/*-- ページトップ --*/
#top {
	position:fixed;
	z-index:99;
	width:60px;
	height:60px;
	right:50px;
	bottom:30px;
}
#top a {
	position:relative;
	display:block;
	background:#1a4090;
	border-radius:50%;
	width:60px;
	height:60px;
}
.franc #top a {background:#43af35;}
#top a::before {
	position:absolute;
	top:50%;
	margin-top:-4px;
	left:50%;
	margin-left:-4px;
	content:'';
	display:block;
	width: 8px;
  height: 8px;
  border-top: 2px solid #fff;
  border-left: 2px solid #fff;
  transform: rotate(45deg);
}
.f_inner {
	position:relative;
	min-width:1086px;
	padding:50px 0;
}
.fnav {
	display:flex;
	justify-content:space-between;
}
.fnav ul li {
	margin-top:20px;
}
.fnav ul li ul {
	margin-right:0;
}
.fnav ul li a {
	display:block;
	color:#222;
	text-decoration:none;
	font-size:15px;
}
.fnav ul li ul li a {
	position:relative;
	color:#666666;
	font-size:13px;
	padding-left:20px;
}
.fnav ul li ul li a::before {
	position:absolute;
	display:block;
	content:'';
	top:50%;
	left:0;
	height:1px;
	width:10px;
	background:#666;
}
.franc .footer_min {
	display:flex;
	justify-content: space-between;
}
.footer_left {padding-top:15px;}
.footer_about {
	padding-top:20px;
}
.franc .footer_about p {
	color:#666666;
	font-size:13px;
	margin-top:10px;
}
.franc .footer_about p a {
	position:relative;
	display:inline-block;
	color:#666666;
	text-decoration:none;
	border:1px solid #e5e5e5;
	padding: 3px 35px 3px 15px;
}
.franc .footer_about p a::before {
	z-index:2;
	position:absolute;
	top:50%;
	margin-top:-2px;
	right:10px;
	content:'';
	display:block;
  width: 4px;
  height: 4px;
  border-top: 1px solid #666;
  border-right: 1px solid #666;
  transform: rotate(45deg);
}
.franc .footer_about p a span {position:relative;z-index:3;color:#666666;}
.franc .fnav_min {margin-left:40px;}
.franc .fnav ul li {margin-top:15px;}

.copy {color:#666666;text-align:center;font-size:13px;}
.franc .copy {
	background:#f8f8f8;
	padding:0 0 30px 0;
}


#main_inner {
	width:1020px;
	margin:0 auto;
	padding:70px 30px 100px 30px;
}


/*== コンテンツタイトル ==*/
#contents .contents_title {background:#1a4090;padding:57px 30px;}
.franc #contents .contents_title {background:#43af35;}
#contents .contents_title .page_title {
	display:flex;
	flex-wrap: wrap;
	align-items: center;
	width:1026px;
	margin: 0 auto;
}
#contents .contents_title .page_title .page_title_slug {
	position:relative;
	font-family: var(--ff-no);
	color:#fff;
	font-size:35px;
	padding-right:35px
}
#contents .contents_title .page_title .page_title_slug::before {
	position:absolute;
	top:50%;
	margin-top:-1px;
	right:10px;
	content:'';
	display:block;
	width:15px;
	height:2px;
	background:#fff;
}
.page_title_midashi,
.page_title_tag {
	color:#fff;
	font-size:20px;
	font-weight:700;
}
.page_title_tag {
	position:relative;
	padding-left:35px
}
.page_title_tag::before {
	position:absolute;
	top:50%;
	margin-top:-1px;
	left:10px;
	content:'';
	display:block;
	width:15px;
	height:2px;
	background:#fff;
}

/*== パンくず ==*/
#contents .pan {margin:15px auto 0 auto;width:1020px;}
#contents .pan p,
#contents .pan span {color:#666666;}
#contents .pan a {color:#666666;text-decoration:none;}
#contents .pan ol {display:flex;flex-wrap: wrap;}
#contents .pan ol li {position:relative;margin-right:10px;margin-bottom:10px;padding-right:20px;}
#contents .pan ol li::before {
	position:absolute;
	top:0;
	right:0;
	content:'>';
	display:block;
}
#contents .pan ol li:last-child {margin-right:0;padding:0;}
#contents .pan ol li:last-child::before {display:none;}


/*-- 文字回り込み --*/
.alignleft,
.alignright {width:300px;}
.alignleft {padding:0 40px 40px 0;}
.alignright {padding:0 0 40px 40px;}

#main_inner h1 {font-size:35px;}
#main_inner h2 {
	position:relative;
	color:#222;
	border-bottom:1px solid #b9b9b9;
	font-size:30px;
	margin-top:70px;
	padding-bottom:20px;
}
#main_inner h2::before {
	position:absolute;
	left:0;
	bottom:-1px;
	content:'';
	display:block;
	height:1px;
	background: #1a4090;
	width:100px;
}
.franc #main_inner h2::before {background:#43af35;}
#main_inner h3 {
	font-size:25px;
	margin-top:70px;
	padding-left:13px;
	border-left:2px solid #1a4090;
}
.franc #main_inner h3 {border-left:2px solid #43af35;}
#main_inner h4 {
	position:relative;
	display:inline-block;
	font-size:20px;
	margin-top:60px;
	padding-right:28px;
}
#main_inner h4::before {
	position:absolute;
	top:50%;
	right:0;
	margin-top:-1px;
	content:'';
	display:block;
	height:2px;
	background:#1a4090;
	width:20px;
}
.franc #main_inner h4::before {background:#43af35;}
#main_inner h5 {font-size:18px;margin-top:40px;}
#main_inner p {margin-top:40px;}
#main_inner ul,
#main_inner ol {padding-top:20px;}
#main_inner ul li {
	position:relative;
	margin-top:15px;padding-left:16px;
}
#main_inner ul li::after {
	position:absolute;
	top:8px;
	left:0;
	content:'';
	width:8px;
	height:8px;
	border-radius:50%;
	background:#222;
}
#main_inner ol li {list-style:inside;list-style-type:decimal;margin-top:15px;}
#main_inner dl dt {margin-top:40px;}
#main_inner table {width:100%;margin-top:40px;}
#main_inner table th,
#main_inner table td {vertical-align:middle;border:1px solid #ccc;padding:15px;}
#main_inner table th p,
#contents #main_inner table td p {margin:0;}
#contents #main_inner table th p {}
#contents #main_inner table.recruit_table td ul {display:flex;flex-wrap: wrap;margin:0;padding:0;}
#contents #main_inner table th {background:#eee;}
#contents #main_inner table td {background:#fff;}


/*== コンタクトエリア ==*/
.contact_area {position:relative;padding:0 30px;}
.contact_area::before {
	position:absolute;
	left:0;
	bottom:0;
	content:'';
	display:block;
	width:100%;
	background:#f8f8f8;
	height:380px;
}
.contact_area_inner {position:relative;}
.contact_area_title {display:flex;align-items: center;}
.contact_area_title_Sub {
	position:relative;
	display:inline-block;
	color:#fff;
	font-size:35px;
	letter-spacing: 3.5px;
	padding-right:25px;
}
.contact_area_title_Sub::before {
	position:absolute;
	top:50%;
	margin-top:-1px;
	right:0;
	content:'';
	display:block;
	background:#fff;
	width:15px;
	height:2px;
}
.contact_area_title h2 {
	color:#fff;font-weight:500;
	font-size:20px;padding-left:10px;
}
.contact_area_box {
	max-width:1086px;
	margin:0 auto;
	padding:100px 30px 80px 30px;
}
.contact_area_min {display:flex;justify-content: space-between;align-items: center;}
.contact_area_tel .contact_area_name {margin-top:20px;}
.contact_area_tel .contact_area_name b {
	position:relative;
	display:inline-block;
	color:#fff;
	font-size:25px;
	font-weight:700;
	padding-left:50px;
}
.contact_area_tel .contact_area_name b::before {
	position:absolute;
	top:50%;
	margin-top:-20px;
	left:0;
	content:'';
	display:block;
	width:40px;
	height:40px;
}
.contact_area_tel .contact_area_name-Sozo b::before {background:url(img/global/contact_logo_sozo.svg) center center no-repeat;background-size:contain;}
.contact_area_tel .contact_area_name-Franc b::before {background:url(img/global/contact_logo_franc.svg) center center no-repeat;background-size:contain;}
.contact_area_tel .contact_area_tel-No {font-size:30px;}
.contact_area_tel .contact_area_tel-No b {font-size:50px;}
.contact_area_tel .contact_area_tel-No,
.contact_area_tel .contact_area_tel-No b {color:#fff;}
.contact_area_tel dl {display:flex;margin-top:15px;}
.contact_area_tel dl dt,.contact_area_tel dl dd {color:#fff;line-height:1;font-size:15px;}
.contact_area_tel dl dt {
	border-right:1px solid #fff;
	margin-right:12px;padding-right:12px;
}
.contact_area_btn {width:100%;max-width:500px;padding-top:20px;}
.contact_area_btn p {width:100%;margin-bottom:20px;}
.contact_area_btn a {
	position:relative;
	display:block;
	text-decoration:none;
	width:100%;
	border:1px solid #fff;
	text-align:center;
	line-height:60px;
	height:60px;
}
.contact_area_btn a::before {
	position:absolute;
	display: inline-block;
	content:'';
	top:50%;
	margin-top:-2px;
	right:20px;
	width: 5px;
	height: 5px;
  transform: rotate(45deg);
}
.contact_area_btn-Contact a {color:#fff;}
.contact_area_btn-reserve a {color:#45609a;background:#fff;}
.franc .contact_area_btn-reserve a {color:#43af35;background:#fff;}
.contact_area_btn-Contact a::before {
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
}

.contact_area_btn-reserve a::before {
	border-top: 1px solid #45609a;
	border-right: 1px solid #45609a;
}
.franc .contact_area_btn-reserve a::before {
	border-top: 1px solid #43af35;
	border-right: 1px solid #43af35;
}

/*-- SNS --*/
.contact_sns {
	position:relative;
	display:flex;
	justify-content: space-between;
	width:1026px;
	margin:0 auto;
	padding:50px 0;
}
.sns_area_title {
	display:flex;
	align-items: center;
}
.sns_area_title_Sub {
	position:relative;
	font-size:35px;
	padding-right:35px;
}
.sns_area_title_Sub::before {
	position:absolute;
	top:50%;
	margin-top:-1px;
	right:10px;
	content:'';
	display:block;
	width:15px;
	height:2px;
	background:#222;
}
.sns_area_title h2 {
	font-size:20px;
}
.contact_sns_btn {display:flex;}
.contact_sns_btn li {line-height:1;margin-left:8px;}
.contact_sns_btn li a {display:block;}

/*-- 創造工舎--*/
#sozo_contact .contact_area_inner {background:url(img/global/sozo_contact_back.webp) center center no-repeat;background-size:cover;}
.franc #sozo_contact .contact_area_inner {background:url(img/global/franc_contact_back.webp) center center no-repeat;background-size:cover;}

/*== リンクトエリア ==*/
.link_area {
	padding:50px 0;
	background:#fff;
}
.franc .link_area {position:relative;background:#f8f8f8;padding:0 0 30px 0;}
.franc .link_area::before {
	position:absolute;
	top:0;
	left:0;
	content:'';
	display:block;
	width:100%;
	height:80px;
	background:#fff;
}
.link_area_inner {
	position:relative;
	width:1026px;
	margin:0 auto;
}
.link_area_title {
	display:flex;
	align-items: center;
	margin-bottom:20px;
}
.link_area_title_Sub {
	position:relative;
	font-family: var(--ff-no);
	font-size:18px;
	padding-right:25px;
}
.link_area_title_Sub::before {
	position:absolute;
	top:50%;
	right:7px;
	content:'';
	display:block;
	width:10px;
	height:1px;
	background:#222;
}
.link_area_title h2 {
	color:#45609a;
	font-size:15px;
	font-weight:400;
}
.franc .link_area_title h2 {
	color:#43af35;
}
.link_area_banner {
	display:flex;
	justify-content: center;
	flex-wrap: wrap;
}
.link_area_banner li {
	width:162px;
	margin:10px 10px 0 0;
}
.franc .link_area_banner li {
	width:calc((100% - 80px) / 5);
	max-width:230px;
	margin:0 20px 0 0;
}
.link_area_banner li:nth-child(6n),
.franc .link_area_banner li:last-child {margin-right:0;}


/*-- ページャー  --*/
.wp-pagenavi {display:flex;justify-content:center;margin-top:70px;}
.wp-pagenavi .current,
.wp-pagenavi .page,
.wp-pagenavi .nextpostslink,
.wp-pagenavi .previouspostslink {
	text-align:center;
	padding:0;
	line-height:47px;
	width:47px;
	height:47px;
	margin:0 5px;
}
#main_inner .wp-pagenavi .pages,
#main_inner .wp-pagenavi .page,
#main_inner .wp-pagenavi .nextpostslink,
#main_inner .wp-pagenavi .previouspostslink {
	color:#222;
	text-decoration:none;
	background:#fff;
	border:1px solid #707070;
}
#main_inner .wp-pagenavi .current {
	color:#fff;
	font-weight:700;
	background:#222;
	border:none;
}


/*-- Youtube --*/
.movie {
  width: 100%;
  aspect-ratio: 16 / 9;
  margin-top:40px;
}
.movie iframe {
  width: 100%;
  height: 100%;
}


/*-- ボタン --*/
.btn,
.block_btn {width:360px;margin:50px auto 0 auto;}
.btn a,
.block_btn a {
	position:relative;
	display:block;
	text-decoration:none;
	width:100%;
	text-align:center;
	line-height:60px;
	height:60px;
}
.btn a::before,
.block_btn a::before {
	position:absolute;
	display: inline-block;
	content:'';
	top:50%;
	margin-top:-2px;
	right:20px;
	width: 5px;
	height: 5px;
  transform: rotate(45deg);
}
.btn_blue a,
.block_btn a {color:#fff;background:#45609a;}
.btn_white a {color:#45609a;background:#fff;}
.btn_grayline a {color:#222;background:#fff;border:1px solid #b9b9b9;}
.btn_blue a::before,
.block_btn a::before {
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
}
.btn_white a::before {
	border-top: 1px solid #45609a;
	border-right: 1px solid #45609a;
}
.btn_grayline a::before {
	border-top: 1px solid #222;
	border-right: 1px solid #222;
}


/*== form ==*/
#contents #main_inner .form dl {display:flex;align-items: center;width:100%;padding:20px 0;border-bottom:1px solid #ccc;}
#contents #main_inner .form dl p {margin:0;}
#contents #main_inner .form dl dt {width:170px;margin:0 30px 0 0;}
#contents #main_inner .form dl dt span.form_note {
	display:inline-block;
	color:#fff;
	font-size:12px;
	margin-left:5px;
	padding:0 3px;
	border-radius:5px;
	background:#ca4c47;
}
#contents #main_inner .form dl dd {width:760px;}
#contents #main_inner .form dl dd input[type="text"],
#contents #main_inner .form dl dd input[type="tel"],
#contents #main_inner .form dl dd input[type="email"],
#contents #main_inner .form dl dd select,
#contents #main_inner .form dl dd textarea {
	font-size: 16px;
	width:760px;
	margin: 5px 0;
	padding: 8px 20px;
	box-sizing:border-box;
}
#contents #main_inner .form dl dd .wpcf7-list-item-label {
	font-size: 16px;
}

/*-- ボタン --*/
#contents .form .btn {
	width:380px;
	margin:40px auto 0 auto;
	position: relative;
	display: block;
	text-align: center;
}
#contents .form .btn::before {
	position:absolute;
	display: inline-block;
	content:'';
	top:50%;
	margin-top:-2px;
	right:20px;
	width: 5px;
	height: 5px;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
  transform: rotate(45deg);
}
#contents .form .wpcf7-spinner {display:none;}
#contents .form .btn input[type="submit"] {
	cursor:pointer; 
	color: #fff;
	text-align: center;
	text-decoration: none;
	border: none;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	display: block;
	font-size:18px;
	font-weight:700;
	width:100%;
	padding: 17px 30px;
	background:#1a4090;
	transition: background-color 0.3s ease;
}
#contents .form .btn input[type="submit"]:disabled {
  background:#ccc;
  cursor: not-allowed;
}

.page_column_img {
	margin-top:50px;
	width:100%;
	aspect-ratio: 4 / 3;
}


/*== 目次 ==*/
.index_box {
	width:760px;
	margin:40px auto 0 auto;
	padding:40px;
	border:10px solid #ddd;
}
#main #main_inner .index_box_title {
	font-size:20px;
	font-weight:700;
	text-align:center;
	margin:0 0 30px 0;
}
#main #main_inner .index_box ul {padding:0;}
#main #main_inner .index_box ul a {color:#222;}
#main #main_inner .index_box ul .index_box_h2 {
	font-size:18px;
	font-weight:700;
	padding-bottom:15px;
	border-bottom: 1px solid #ddd;
}
#main #main_inner .index_box ul li {position:relative;}
#main #main_inner .index_box ul.index_box_list1 li::before {
	position:absolute;
	top:11px;
	left:0;
	content:'';
	display:block;
	width:8px;
	height:8px;
	background:#222;
}
#main #main_inner .index_box ul.index_box_list2 li::before {
	position:absolute;
	top:13px;
	left:0;
	content:'';
	display:block;
	width:8px;
	height:2px;
	background:#222;
}
#main #main_inner .index_box ul li::after {display:none;}
#main #main_inner .index_box ul .index_box_list1 li {
	font-size:16px;
}
#main #main_inner .index_box ul .index_box_list2 li {
	font-size:14px;
}

/*-- カラム --*/
#main #main_inner .column_2,
#main #main_inner .column_3,
#main #main_inner .column_4 {display:flex;flex-wrap: wrap;}
#main #main_inner .column_2 p,
#main #main_inner .column_2 li {width:calc((100% - 40px) / 2);margin:30px 10px 0 10px;}
#main #main_inner .column_3 p,
#main #main_inner .column_3 li {width:calc((100% - 60px) / 3);margin:30px 10px 0 10px;}
#main #main_inner .column_4 p,
#main #main_inner .column_4 li {width:calc((100% - 80px) / 4);margin:30px 10px 0 10px;}

/*-- 悩み --*/
#main #main_inner .block_worries {
	margin:40px 0 0 0;
	padding:30px;
	background:#f8f8f8;
}
#main #main_inner .block_worries h2 {margin-top:0;}
#main #main_inner .block_worries ul {margin-top:15px;padding:0;}
#main #main_inner .block_worries ul li {
	position:relative;
	color:#fff;
	font-size:20px;
	font-weight:700;
	margin-top:10px;
	padding:10px 30px 10px 50px;
	background:#6d6d6d;
}
#main #main_inner .block_worries ul li::after {
	top:16px;
	left:20px;
	width:20px;
	height:20px;
	background:url(img/menu/check_white.svg) center center no-repeat;
	background-size:contain;
}

/*-- 理由 --*/
#main #main_inner .block_reason ul {margin-top:25px;padding:0;}
#main #main_inner .block_reason ul li {
	position:relative;
	font-size:15px;
	margin-top:10px;
	padding:20px 30px 20px 80px;
	border:1px solid #f8f8f8;
	background:#f8f8f8;
}
#main #main_inner .block_reason ul li strong {
	display:inline-block;
	font-size:20px;
	font-weight:700;
	margin-bottom:15px;
}
#main #main_inner .block_reason ul li::after {
	top:0;
	left:0;
	color:#fff;
	font-family: var(--ff-no);
	font-weight:700;
	font-size:20px;
	text-align:center;
	width:60px;
	height:60px;
	padding:15px 0 0 0;
	border-radius:0;
	background:#45609A;
	box-sizing:border-box;
}
.franc #main #main_inner .block_reason ul li::after {background:#43af35;}
#main #main_inner .block_reason ul li:first-child::after {content:'01'}
#main #main_inner .block_reason ul li:nth-child(2)::after {content:'02'}
#main #main_inner .block_reason ul li:nth-child(3)::after {content:'03'}
#main #main_inner .block_reason ul li:nth-child(4)::after {content:'04'}
#main #main_inner .block_reason ul li:nth-child(5)::after {content:'05'}
#main #main_inner .block_reason ul li:nth-child(6)::after {content:'06'}
#main #main_inner .block_reason ul li:nth-child(7)::after {content:'07'}
#main #main_inner .block_reason ul li:nth-child(8)::after {content:'08'}
#main #main_inner .block_reason ul li:nth-child(9)::after {content:'09'}
#main #main_inner .block_reason ul li:nth-child(10)::after {content:'10'}
#main #main_inner .block_flow {margin-top:30px;}
#main #main_inner .block_flow li {
	position:relative;
}

/*-- チェック --*/
#main #main_inner .block_check ul {margin-top:25px;padding:0;}
#main #main_inner .block_check ul li {
	position:relative;
	font-size:15px;
	margin-top:10px;
	padding:20px 30px 20px 60px;
	border:1px solid #ccc;
	background:#fff;
}
#main #main_inner .block_check ul li strong {
	font-size:20px;
	font-weight:700;
}
#main #main_inner .block_check ul li::after {
	top:25px;
	left:20px;
	width:20px;
	height:20px;
	background:url(img/menu/check_green.svg) center center no-repeat;
	background-size:contain;
}

/*-- 流れ --*/
#main #main_inner .block_flow {margin-top:25px;padding:0;}
#main #main_inner .block_flow li {
	position:relative;
	font-size:15px;
	margin-top:20px;
	padding:20px 30px 20px 80px;
	border:1px solid #f8f8f8;
	background:#f8f8f8;
}
#main #main_inner .block_flow ul li strong {
	font-size:20px;
	font-weight:700;
}
#main #main_inner .block_flow ul li::before {
	position:absolute;
	display:block;
	content:'';
	top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #222;
}
#main #main_inner .block_flow ul li:last-child::before {display:none;}
#main #main_inner .block_flow ul li::after {
	top:0;
	left:0;
	color:#fff;
	font-family: var(--ff-no);
	font-weight:700;
	font-size:20px;
	text-align:center;
	width:60px;
	height:100%;
	padding:18px 0 0 0;
	border-radius:0;
	background:#45609A;
	box-sizing:border-box;
}
.franc #main #main_inner .block_flow ul li::after {background:#43af35;}
#main #main_inner .block_flow ul li:first-child::after {content:'01'}
#main #main_inner .block_flow ul li:nth-child(2)::after {content:'02'}
#main #main_inner .block_flow ul li:nth-child(3)::after {content:'03'}
#main #main_inner .block_flow ul li:nth-child(4)::after {content:'04'}
#main #main_inner .block_flow ul li:nth-child(5)::after {content:'05'}
#main #main_inner .block_flow ul li:nth-child(6)::after {content:'06'}
#main #main_inner .block_flow ul li:nth-child(7)::after {content:'07'}
#main #main_inner .block_flow ul li:nth-child(8)::after {content:'08'}
#main #main_inner .block_flow ul li:nth-child(9)::after {content:'09'}
#main #main_inner .block_flow ul li:nth-child(10)::after {content:'10'}

/*-- よくある質問 --*/
#main #main_inner .block_qa {
	margin-top:25px;
	background:#f8f8f8;
	border:1px solid #e5e5e5;
}
#main #main_inner .block_qa h3 {
	position:relative;
	color:#fff;
	margin:0;
	padding:15px 20px 15px 70px;
	background:#222;
	border:none;
}
#main #main_inner .block_qa h3::before {
	position:absolute;
	display:block;
	top:14px;
	left:14px;
	content:'Q';
	color:#222;
	font-family: var(--ff-no);
	font-size:20px;
	text-align:center;
	line-height:40px;
	background:#fff;
	border-radius:50%;
	width:40px;
	height:40px;
}
#main #main_inner .block_qa p {
	margin:0;
	padding:25px 30px;
}

/*-- 電話番号 --*/
#tinymce .block_tel p {
	font-family: var(--ff-no);
	font-size:40px;
	font-weight:700;
}

/*== まとめ ==*/
#main #main_inner .block_conclusion {
	margin-top:70px;
	border:1px solid #ccc;
	background:#F9F8EE;
	padding:40px;
}
#main #main_inner .block_conclusion h2 {
	font-size:20px;
	margin:0;
	padding:0 0 15px 0;
	border-bottom:2px solid #1a4090;
}
.franc #main #main_inner .block_conclusion h2 {
	border-bottom:2px solid #43af35;
}
#main #main_inner .block_conclusion h2::before {display:none;}
#main #main_inner .block_conclusion p {margin-top:20px;}

/*-- 電話番号 --*/
#main #main_inner .block_tel p {
	font-family: var(--ff-no);
	font-size:40px;
	font-weight:700;
}


/*== お知らせ ==*/
/*-- お知らせ一覧 --*/
#contents.news #main_inner h1 {margin:0 0 50px 0;padding:0;border:none;}
#contents.news #main_inner h1::before {display:none;}
#contents.news #main_inner .news_tag_area {margin-bottom:30px;}
.news_item_sub {display:flex;flex-wrap: wrap;align-items: center;}
#contents.news #main_inner .news_date {margin:0 20px 0 0;}
#contents.news #main_inner ul.news_list_cate,
#contents.news #main_inner ul.news_list_tag {display:flex;padding:0;}
#contents.news #main_inner ul.news_list_cate li,
#contents.news #main_inner ul.news_list_tag li {color:#fff;font-size:13px;margin:0 5px 0 0;padding:0;}
#contents.news #main_inner ul.news_list_cate li::after,
#contents.news #main_inner ul.news_list_tag li::after {display:none;}
#contents.news #main_inner ul.news_list_cate li a,
#contents.news #main_inner ul.news_list_tag li a {
	display:block;
	color:#fff;
	text-decoration:none;
	font-size:13px;
	padding:0 8px;
}
.news_item {padding:40px 0;border-bottom:1px solid #e5e5e5;}
#contents.news #main_inner .news_list_cate-all a {background:#222;}
#contents.news #main_inner .news_list_cate-franc a {background:#43af35}
#contents.news #main_inner .news_list_cate-repla a {background:#e06c17;}
#contents.news #main_inner .news_list_cate-sozo a {background:#1a4090;}
#contents.news #main_inner ul.news_list_tag li a {background:#666666;}
#contents.news #main_inner .news_list_title {margin:20px 0;padding:0;border:none;}
#contents.news #main_inner .news_list_title a {color:#222;}
#contents.news #main_inner .news_list_con {margin:15px 0 0;}

/*-- お知らせ末端 --*/
#main_inner .news_date {
	font-family: var(--ff-no);
	margin:0 0 20px 0;
}
#main_inner .news_cate_area,
#main_inner .news_tag_area {display:flex;flex-wrap: wrap;align-items: center;margin-top:20px;}
#main_inner .news_cate_area dt,
#main_inner .news_tag_area dt {margin:0;width:80px;border-right:1px solid #222;}
#main_inner .news_cate_area dd,
#main_inner .news_tag_area dd {padding-left:15px;}
#main_inner .news_cate_area ul,
#main_inner .news_tag_area ul {display:flex;flex-wrap: wrap;padding:0;}
#main_inner .news_cate_area ul li,
#main_inner .news_tag_area ul li {margin:0 5px 0 0;padding:0;}
#main_inner .news_cate_area ul li::after,
#main_inner .news_tag_area ul li::after {display:none;}
#main_inner .news_cate_area ul li a,
#main_inner .news_tag_area ul li a {
	display:block;
	color:#fff;
	text-decoration:none;
	font-size:13px;
	padding:0 8px;
}
#main_inner .news_cate_area-franc a {background:#43af35}
#main_inner .news_cate_area-repla a {background:#e06c17;}
#main_inner .news_cate_area-sozo a {background:#1a4090;}
#main_inner .news_tag_area ul li a {background:#666666;}


/*== ショールーム ==*/
.showroom #main_inner {width:100%;margin:0;padding:0;}
.showroom #main_inner h1,
.showroom #main_inner .showroom_read {
	width:1086px;
	margin:50px auto 0 auto;
	padding:0 30px;
}
.showroom_inner {
	position:relative;
	background:#f8f8f8;
	margin:70px 0 100px 0;
	padding-bottom:100px;
}
.showroom_inner::before {
	position:absolute;
	top:0;
	left:0;
	display:block;
	content:'';
	width:100%;
	height:70px;
	background:#fff;
}
.showroom_inner_min {
	position:relative;
	display:flex;
	justify-content: space-between;
	width:1086px;
	margin:0 auto;
	padding:0 30px;
}
.showroom_inner_box {
	width:493px;
}
.showroom #main_inner .showroom_inner_min h2 {
	font-size:20px;
	margin-top:30px;
	padding:0;
	border:none;
}
.showroom #main_inner .showroom_inner_min h2::before {display:none;}
.showroom #main_inner .showroom_inner_min p {margin-top:30px;}
.showroom_inner_gaiyo {
	margin-top:30px;
	padding:15px 30px 30px 30px;
	border:1px solid #e5e5e5;
}
.showroom #main_inner .showroom_inner_min .showroom_inner_gaiyo p {margin-top:15px;}
.showroom #main_inner .btn {width:250px;margin:30px auto 0 auto;}
.showroom #main_inner .btn a {
	position:relative;
	display:block;
	text-decoration:none;
	color:#222;
	width:100%;
	border:1px solid #e5e5e5;
	text-align:center;
	line-height:60px;
	height:60px;
	background:#fff;
}
.showroom #main_inner .btn a::before {
	position:absolute;
	display: inline-block;
	content:'';
	top:50%;
	margin-top:-2px;
	right:20px;
	width: 5px;
	height: 5px;
  transform: rotate(45deg);
  border-top: 1px solid #222;
	border-right: 1px solid #222;
}


/*== スタッフ紹介 ==*/
/*-- スタッフ紹介一覧 --*/
.staff #main_inner {width:100%;margin:0;padding:0;}
.staff #main_inner h1,
.staff #main_inner .staff_text,
.staff #main_inner .news_cate_area {
	width:1086px;
	margin:50px auto 0 auto;
	padding:0 30px;
}
.staff_inner {
	position:relative;
	background:#f8f8f8;
	margin:0 0 100px 0;
	padding-bottom:100px;
}
.staff_inner::before {
	position:absolute;
	top:0;
	left:0;
	display:block;
	content:'';
	width:100%;
	height:140px;
	background:#fff;
}
.staff_inner_min {
	position:relaitve;
	display:flex;
	flex-wrap: wrap;
	width:1086px;
	padding:0 15px;
	margin: 0 auto;
}
.staff_list {
	position:relative;
	width:234px;
	margin:70px 15px 0 15px;
}
.staff_list a {
	display:block;
	text-decoration:none;
}
.staff_list_img {
	display:block;
	content:'';
	width:100%;
	height:200px;
}
#main_inner .staff_list_cate {
	position:absolute;
	top:0;
	left:0;
	display:inline-block;
	color:#fff;
	text-decoration:none;
	font-size:13px;
	margin:0;
	padding:0 8px;
}
#main_inner .staff_list_cate-all {background:#222;}
#main_inner .staff_list_cate-franc {background:#43af35}
#main_inner .staff_list_cate-repla {background:#e06c17;}
#main_inner .staff_list_cate-sozo {background:#1a4090;}
.staff_list_namearea {display:flex;align-items: center;margin-top:20px;}
#main_inner h2.staff_list_name {
	font-size:18px;
	margin: 0;
	padding:0 10px 0 0;
	border:none;
}
#main_inner h2.staff_list_name::before {display:none;}
#main_inner .staff_list_roma {
	color:#666666;
	font-family:var(--ff-no);
	font-size:13px;
	margin:0;
}
#main_inner .staff_list_catch {
	color:#666666;
	margin-top:20px;
}

/*-- スタッフ紹介記事 --*/
#main_inner .staff_page_cate {
	display:inline-block;
	color:#fff;
	font-size:13px;
	margin:0;
	padding:2px 15px;
}
#main_inner .staff_page_cate-franc {background:#43af35}
#main_inner .staff_page_cate-repla {background:#e06c17;}
#main_inner .staff_page_cate-sozo {background:#1a4090;}
.staff_page_name {display:flex;align-items: baseline;margin-top:20px;}
.single_staff #main_inner h1 {margin:0 10px 0 0;}
.single_staff #main_inner .staff_page_roma {color:#666;font-family:var(--ff-no);font-size:13px;margin:0;}
.single_staff #main_inner .staff_page_post {
	color:#666;
	font-size:14px;margin:20px 0 0 0;
}
.staff_read {
	text-align:center;
	font-weight:700;
	font-size:35px;
}


/*== 採用情報 ==*/
.recruit #main_inner {width:100%;margin:0;padding:0;}
.recruit #main_inner h1,
.recruit #main_inner .recruit_read {
	width:1086px;
	margin:50px auto 0 auto;
	padding:0 30px;
}
.recruit_inner {
	position:relative;
	background:#f8f8f8;
	margin:70px 0 100px 0;
	padding-bottom:100px;
}
.recruit_inner::before {
	position:absolute;
	top:0;
	left:0;
	display:block;
	content:'';
	width:100%;
	height:70px;
	background:#fff;
}
.recruit_inner_min {
	position:relative;
	display:flex;
	justify-content: space-between;
	width:1086px;
	margin:0 auto;
	padding:0 30px;
}
.recruit_inner_box {
	width:493px;
}
.recruit #main_inner .recruit_inner_min h2 {
	font-size:20px;
	margin-top:30px;
	padding:0;
	border:none;
}
.recruit #main_inner .recruit_inner_min h2::before {display:none;}
.recruit #main_inner .recruit_inner_min p {margin-top:30px;}
.recruit #main_inner .btn {width:250px;margin:30px auto 0 auto;}
.recruit #main_inner .btn a {
	position:relative;
	display:block;
	text-decoration:none;
	color:#222;
	width:100%;
	border:1px solid #e5e5e5;
	text-align:center;
	line-height:60px;
	height:60px;
	background:#fff;
}
.recruit #main_inner .btn a::before {
	position:absolute;
	display: inline-block;
	content:'';
	top:50%;
	margin-top:-2px;
	right:20px;
	width: 5px;
	height: 5px;
  transform: rotate(45deg);
  border-top: 1px solid #222;
	border-right: 1px solid #222;
}


/*== イベント ==*/
/*-- イベント一覧 --*/
.event #main_inner {width:100%;margin:0;padding:0;}
.event #main_inner h1,
.event #main_inner .news_cate_area {
	width:1086px;
	margin:50px auto 0 auto;
	padding:0 30px;
}
.event_inner {
	position:relative;
	background:#f8f8f8;
	margin:0 0 100px 0;
	padding-bottom:100px;
}
.event_inner::before {
	position:absolute;
	top:0;
	left:0;
	display:block;
	content:'';
	width:100%;
	height:140px;
	background:#fff;
}
.event_inner_min {
	position:relaitve;
	display:flex;
	flex-wrap: wrap;
	width:1086px;
	padding:0 15px;
	margin: 0 auto;
}
.event_list {
	position:relative;
	width:322px;
	margin:70px 15px 0 15px;
}
.event_list a {
	position:relative;
	display:block;
	text-decoration:none;
}
.event_list_img {
	display:block;
	content:'';
	width:100%;
	aspect-ratio: 4 / 3;
}
#main_inner .event_list_theme {
	position:absolute;
	top:20px;
	left:0;
	color:#fff;
	font-weight:700;
	font-size:18px;
	margin:0;
	padding:2px 20px;
	background:#45609a;
}
#main_inner .event_list_cate {
	display:inline-block;
	color:#fff;
	text-decoration:none;
	font-size:13px;
	margin:0;
	padding:0 8px;
}
#main_inner .event_list_cate-all {background:#222;}
#main_inner .event_list_cate-franc {background:#43af35}
#main_inner .event_list_cate-repla {background:#e06c17;}
#main_inner .event_list_cate-sozo {background:#1a4090;}

.event_list_sub {display:flex;flex-wrap: wrap;align-items: center;margin-top:20px;}
#main_inner .event_list_cate {margin:0;}
#main_inner .event_list_now {
	display:inline-block;
	color:#dc8787;
	font-size:13px;
	margin:0 0 0 10px;
	padding: 0 20px;
	border:1px solid #dc8787;
}
#main_inner h2.event_list_name {
	font-size:18px;
	margin: 4px 0 0 0;
	padding:0 10px 0 0;
	border:none;
}
#main_inner h2.event_list_name::before {display:none;}
#main_inner .event_list_place {
	color:#666666;
	font-size:14px;
	margin:15px 0 0 0;
}
.event #main_inner .event_list_date_all {
	color:#45609a;
	font-size:20px;
	font-weight:700;
	margin:10px 0 0 0;
}
.event #main_inner .event_list_date {display:flex;align-items: center;margin-top:5px;}
.event #main_inner .event_date_01,
.event #main_inner .event_date_02 {margin:0;}
.event #main_inner .event_list_date p,
.event #main_inner .event_list_date span {
	font-family:var(--ff-no);
	color:#45609a;
}
.event #main_inner .event_list_date p {font-size:25px;margin:0;}
.event #main_inner .event_list_date p span {font-size:15px;}
.event #main_inner .event_list_date p.event_list_date_02 {
	position:relative;
	margin-left:8px;
	padding-left:26px;
}
.event #main_inner .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;
}

/*-- イベント詳細ページ --*/
.single_event #main_inner .event_theme {
	display:inline-block;
	color:#fff;
	font-weight:700px;
	margin:0 0 5px 0;
	padding:2px 20px;
	background:#45609a
}
.single_event #main_inner .event_sub {display:flex;align-items: center;margin-top:20px;}
.single_event #main_inner .event_sub .event_date_all {
	color:#45609a;
	font-size:20px;
	font-weight:700;
	margin:0 15px 0 0;
	padding-right:15px;
	border-right:2px solid #45609a;
}
.single_event #main_inner .event_sub .event_date {display:flex;align-items: center;}
.single_event #main_inner .event_sub .event_date dt,
.single_event #main_inner .event_sub .event_date dd {margin:0;}
.single_event #main_inner .event_sub .event_date dt {
	color:#45609a;
	font-size:20px;
	font-weight:700;
	margin-right:15px;
	padding-right:15px;
	border-right:2px solid #45609a;
}
.single_event #main_inner .event_sub .event_date dd,
.single_event #main_inner .event_sub .event_date dd span {
	font-family:var(--ff-no);
	color:#45609a;
}
.single_event #main_inner .event_sub .event_date dd {font-size:25px;}
.single_event #main_inner .event_sub .event_date dd span {font-size:15px;}
.single_event #main_inner .event_sub .event_date dd.event_date_02 {
	position:relative;
	margin-left:8px;
	padding-left:26px;
}
.single_event #main_inner .event_sub .event_date dd.event_date_02::before {
	position:absolute;
	top:50%;
	margin-top:-1px;
	left:0;
	content:'';
	display:block;
	width:15px;
	height:2px;
	background:#45609a;
}
.single_event #main_inner .event_sub .event_now {
	display:inline-block;
	color:#dc8787;
	font-size:13px;
	margin:0 0 0 10px;
	padding: 0 20px;
	border:1px solid #dc8787;
}
.single_event #main_inner .event_sub .event_page_cate {
	display:inline-block;
	color:#fff;
	font-size:13px;
	margin:0 0 0 10px;
	padding: 0 10px;
}
.single_event #main_inner .event_page_cate-franc {background:#43af35}
.single_event #main_inner .event_page_cate-repla {background:#e06c17;}
.single_event #main_inner .event_page_cate-sozo {background:#1a4090;}

.single_event #main_inner h1 {margin-top:20px;}
.single_event #main_inner .event_time,
.single_event #main_inner .event_place {
	display:flex;
	align-items: center;
}
.single_event #main_inner .event_time {margin-top:30px;}
.single_event #main_inner .event_place {margin-top:15px;}
.single_event #main_inner .event_time dt,
.single_event #main_inner .event_place dt {
	color:#fff;
	font-size:18px;
	font-weight:700;
	padding:2px 15px;
	background:#6d6d6d;
	margin:0;
}
.single_event #main_inner .event_time dd,
.single_event #main_inner .event_place dd {font-size:20px;margin-left:10px;}


/*== コンセプトリノベ ==*/
/*-- コンセプトリノベ一覧 --*/
.concept #main_inner {width:100%;padding:70px 0 100px 0;}
.concept #main_inner h1,
.concept .concept_read {
	width:1086px;
	margin:0 auto;
	padding:0 30px;
}
.concept_inner {
	margin-top:70px;
	padding:80px 30px 100px 30px;
	background:#f8f8f8;
}
.concept_inner_box {
	width:1026px;
	margin:20px auto 0 auto;
	background:#fff;
}
.concept #main_inner .concept_inner_box a {
	position:relative;
	text-decoration:none;
	display:block;
	padding:55px 40px 55px 553px;
}
.concept #main_inner .concept_inner_box a::before {
	position:absolute;
	top:0;
	left:50%;
	margin-left:-50vw;
	content:'';
	display:block;
	width:50vw;
	height:100%;
}
.concept #main_inner .concept_inner_box-01 a::before {
	background:url(img/concept/concept_img01.webp) center center no-repeat;
	background-size:cover;
}
.concept #main_inner .concept_inner_box-02 a::before {
	background:url(img/concept/concept_img02.webp) center center no-repeat;
	background-size:cover;
}
.concept #main_inner .concept_inner_box-03 a::before {
	background:url(img/concept/concept_img03.webp) center center no-repeat;
	background-size:cover;
}
.concept #main_inner .concept_inner_box-04 a::before {
	background:url(img/concept/concept_img04.webp) center center no-repeat;
	background-size:cover;
}
.concept #main_inner .concept_inner_box-05 a::before {
	background:url(img/concept/concept_img05.webp) center center no-repeat;
	background-size:cover;
}
.concept #main_inner .concept_inner_box-06 a::before {
	background:url(img/concept/concept_img06.webp) center center no-repeat;
	background-size:cover;
}
.concept #main_inner .concept_inner_box-07 a::before {
	background:url(img/concept/concept_img07.webp) center center no-repeat;
	background-size:cover;
}
.concept #main_inner .concept_inner_box a h2 {
	font-size:25px;
	margin:0;
	padding:0;
	border:none;
}
.concept #main_inner .concept_inner_box 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;
}
.concept #main_inner .concept_inner_box a h2::before {display:none;}
.concept #main_inner .concept_inner_box a p {margin:20px 0 0 0;}

/*-- コンセプトテンプレート --*/
#main .concept_page h1 {
	font-size:35px;
	text-align:center;
	width:960px;
	margin:50px auto 0 auto;
}
#main .concept_page .concept_page_title-Sub {
	text-align:center;
	width:960px;
	margin:20px auto 50px auto;
}
#main .concept_page .concept_page_title-Sub span {
	position:relative;
	display:inline-block;
	font-size:20px;
	font-weight:700;
	text-align:center;
	padding:0 20px;
}
#main .concept_page .concept_page_title-Sub span::before,
#main .concept_page .concept_page_title-Sub span::after {
	position:absolute;
	bottom:5px;
	display:block;
	content:'';
	width:2px;
	height:20px;
	background:#222;
}
#main .concept_page .concept_page_title-Sub span::before {left:0; transform:rotate(-30deg);  }
#main .concept_page .concept_page_title-Sub span::after {right:0; transform:rotate(30deg);  }
.concept_thumbnail {
	position:relative;
}
#main .concept_page .page_column_img {
	position:relative;
	margin:0 auto;
	width:960px;
	aspect-ratio: 4 / 3;
}
#main .concept_page #main_inner {padding-top:0;}
#main .concept_page #main_inner .pan p {margin-top:10px;}
#main .concept_page #main_inner .concept_page_copy {
	font-size:20px;
	font-weight:700;
	text-align:center;
}
.future .menu_page_next {display:flex;justify-content: space-between;width:750px;}
.future .menu_page_next a {width:360px;}


/*== クオリティー ==*/
/*-- クオリティー一覧 --*/
.quality #main_inner {width:100%;padding:70px 0 100px 0;}
.quality #main_inner h1,
.quality .quality_read {
	width:1086px;
	margin:0 auto;
	padding:0 30px;
}
.quality #main_inner .quality_subTitle {
	color:#6d6d6d;
	font-size:18px;
	font-weight:700;
	width:1086px;
	margin:15px auto 0 auto;
	padding:0 30px;
}
.quality_inner {
	margin-top:70px;
	padding:80px 30px 100px 30px;
	background:#f8f8f8;
}
.quality_inner_box {
	width:1026px;
	margin:20px auto 0 auto;
	background:#fff;
}
.quality #main_inner .quality_inner_box a {
	position:relative;
	text-decoration:none;
	display:block;
	padding:55px 40px 55px 553px;
}
.quality #main_inner .quality_inner_box a::before {
	position:absolute;
	top:0;
	left:50%;
	margin-left:-50vw;
	content:'';
	display:block;
	width:50vw;
	height:100%;
}
.quality #main_inner .quality_inner_box-01 a::before {
	background:url(img/quality/quality_img01.webp) center center no-repeat;
	background-size:cover;
}
.quality #main_inner .quality_inner_box-02 a::before {
	background:url(img/quality/quality_img02.webp) center center no-repeat;
	background-size:cover;
}
.quality #main_inner .quality_inner_box-03 a::before {
	background:url(img/quality/quality_img03.webp) center center no-repeat;
	background-size:cover;
}
.quality #main_inner .quality_inner_box-04 a::before {
	background:url(img/quality/quality_img04.webp) center center no-repeat;
	background-size:cover;
}
.quality #main_inner .quality_inner_box-05 a::before {
	background:url(img/quality/quality_img05.webp) center center no-repeat;
	background-size:cover;
}
.quality #main_inner .quality_inner_box-06 a::before {
	background:url(img/quality/quality_img06.webp) center center no-repeat;
	background-size:cover;
}
.quality #main_inner .quality_inner_box-07 a::before {
	background:url(img/quality/quality_img07.webp) center center no-repeat;
	background-size:cover;
}
.quality #main_inner .quality_inner_box a h2 {
	font-size:25px;
	margin:0;
	padding:0;
	border:none;
}
.quality #main_inner .quality_inner_box 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;
}
.quality #main_inner .quality_inner_box a h2::before {display:none;}
.quality #main_inner .quality_inner_box a p {margin:20px 0 0 0;}


/*== コラム ==*/
/*-- コラム一覧 --*/
#contents.column #main_inner .column_tag_area {display:flex;flex-wrap: wrap;align-items: center;margin-top:50px;margin-bottom:30px;}
#contents.column #main_inner .column_tag_area dt {margin:0;width:80px;}
#contents.column #main_inner .column_tag_area dd {width:946px;padding-left:15px;border-left:1px solid #222;}
#contents.column #main_inner .column_tag_area ul {display:flex;flex-wrap: wrap;padding:0;}
#contents.column #main_inner .column_tag_area ul li {font-size:13px;margin:5px 5px 0 0;padding:0;}
#contents.column #main_inner .column_tag_area ul li::after {display:none;}
#contents.column #main_inner .column_tag_area ul li a {
	display:block;
	color:#222;
	text-decoration:none;
	font-size:13px;
	padding:0 8px;
	border:1px solid #e5e5e5;
}
#contents.column #main_inner {width:100%;margin:0;padding:0;}
#contents.column #main_inner h1,
#contents.column .column_tag_area {
	width:1086px;
	margin:50px auto 0 auto;
	padding:0 30px;
}
.column_inner {
	position:relative;
	background:#f8f8f8;
	margin:0 0 100px 0;
	padding-bottom:100px;
}
.column_inner::before {
	position:absolute;
	top:0;
	left:0;
	display:block;
	content:'';
	width:100%;
	height:140px;
	background:#fff;
}
.column_inner_min {
	position:relaitve;
	display:flex;
	flex-wrap: wrap;
	width:1086px;
	padding:0 15px;
	margin: 0 auto;
}
.column_item {
	position:relative;
	width:322px;
	margin:70px 15px 0 15px;
}
.column_item a {
	position:relative;
	display:block;
	text-decoration:none;
	background:#fff;
}
.column_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;
}
.column_list_img {
	display:block;
	content:'';
	width:100%;
	height:200px;
}
#main_inner h2.column_list_title {
	font-size:18px;
	margin: 0 0 15px 0;
	padding:20px 20px 0 20px;
	border:none;
}
#main_inner h2.column_list_title::before {display:none;}
#contents.column #main_inner ul.column_list_tag {display:flex;flex-wrap: wrap;padding:0 20px 60px 20px;}
#contents.column #main_inner 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;
}
#contents.column #main_inner ul.column_list_tag li::after {display:none;}

/*-- コラム詳細 --*/
#contents.single_column #main_inner .column_tag_area {display:flex;align-items: center;margin-top:50px;margin-bottom:30px;}
#contents.single_column #main_inner .column_tag_area dt {margin:0;width:80px;}
#contents.single_column #main_inner .column_tag_area dd {width:880px;padding-left:15px;border-left:1px solid #222;}
#contents.single_column #main_inner .column_tag_area ul {display:flex;flex-wrap: wrap;padding:0;}
#contents.single_column #main_inner .column_tag_area ul li {font-size:13px;margin:5px 5px 0 0;padding:0;}
#contents.single_column #main_inner .column_tag_area ul li::after {display:none;}
#contents.single_column #main_inner .column_tag_area ul li a {
	display:block;
	color:#222;
	text-decoration:none;
	font-size:13px;
	padding:0 8px;
	border:1px solid #e5e5e5;
}


/*= 施工実績 ==*/
#main_inner .case_cate_area,
#main_inner .case_tag_area {display:flex;align-items: center;margin-top:20px;}
#main_inner .case_cate_area dt,
#main_inner .case_tag_area dt {margin:0;width:80px;}
#main_inner .case_cate_area dd,
#main_inner .case_tag_area dd {width:946px;padding-left:15px;border-left:1px solid #222;}
#main_inner .case_cate_area ul,
#main_inner .case_tag_area ul {display:flex;flex-wrap: wrap;padding:0;}
#main_inner .case_cate_area ul li,
#main_inner .case_tag_area ul li {margin:5px 5px 0 0;padding:0;}
#main_inner .case_cate_area ul li::after,
#main_inner .case_tag_area ul li::after {display:none;}
#main_inner .case_cate_area ul li a,
#main_inner .case_tag_area ul li a {
	display:block;
	color:#222;
	text-decoration:none;
	font-size:13px;
	padding:0 8px;
	border:1px solid #e5e5e5;
}
/*-- 施工事例一覧 --*/
#contents.case #main_inner .case_tag_area {margin-top:10px;}
#contents.case #main_inner .case_tag_area-1 {margin-top:45px;}
#contents.case #main_inner {width:100%;margin:0;padding:0;}
#contents.case #main_inner h1,
#contents.case .case_tag_area {
	width:1086px;
	margin:50px auto 0 auto;
	padding:0 30px;
}
.case_inner {
	position:relative;
	background:#f8f8f8;
	margin:0 0 100px 0;
	padding-bottom:100px;
}
.case_inner::before {
	position:absolute;
	top:0;
	left:0;
	display:block;
	content:'';
	width:100%;
	height:140px;
	background:#fff;
}
.case_inner_min {
	position:relaitve;
	display:flex;
	flex-wrap: wrap;
	width:1086px;
	padding:0 15px;
	margin: 0 auto;
}
.case_item {
	position:relative;
	width:322px;
	margin:70px 15px 0 15px;
}
.case_item a {
	position:relative;
	display:block;
	text-decoration:none;
	background:#fff;
}
.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%;
	aspect-ratio: 4 / 3;
}
#main_inner h2.case_list_title {
	font-size:18px;
	margin: 0 0 15px 0;
	padding:20px 20px 0 20px;
	border:none;
}
#main_inner h2.case_list_title::before {display:none;}
#contents.case #main_inner ul.case_list_tag {display:flex;flex-wrap: wrap;padding:0 20px 60px 20px;}
#contents.case #main_inner ul.case_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;
}
#contents.case #main_inner ul.case_list_tag li::after {display:none;}
#contents.case #main_inner .case_list_area {
	position:absolute;
	display:inline-block;
	top:0;
	left:0;
	color:#fff;
	background:#222;
	font-size:13px;
	margin:0;
	padding:0 15px;
}

/*-- 施工実績末端 --*/
#contents.single_case #main_inner {
	position:relative;
	width:100%;
	background:#f8f8f8;
}
#contents.single_case #main_inner::before {
	position:absolute;
	content:'';
	display:block;
	top:0;
	left:0;
	width:100%;
	height:500px;
	background:#fff;
}
#contents.single_case #main_inner h1 {
	position:relative;
	width:1086px;
	margin:0 auto;
	padding:0 30px;
}
.case_gallery {
	position:relative;
	width: 890px;
	margin: 70px auto 0 auto;
}
.case_main_img {
	text-align:center;
  width: 100%;
  height:500px;
}
#main .case_main_img img {
	display:inline-block;
	width:auto;
	height:100%;
}
.case_thumb_slider{margin-top: 10px;}
.case_thumb_item{ padding: 0 5px; }
.case_thumb_img{
  width: 100%;
  aspect-ratio: 4 / 3; /* 好みで */
  cursor: pointer;
  opacity: .75;
}
.case_thumb_slider .slick-current .case_thumb_img{
  opacity: 1;
}

/* 矢印の位置調整（必要なら） */
#main .case_thumb_slider .slick-prev,
#main .case_thumb_slider .slick-next {
	z-index:10;
	width:60px;
	height:60px;
	border-radius:50%;
  top: 50%;
  transform: translateY(-50%);
  background:#222;
}
#main .case_thumb_slider .slick-prev::before {
	position:absolute;
	top:50%;
	margin-top:-4px;
	margin-left:-2px;
	content:'';
	display: inline-block;
  width: 8px;
  height: 8px;
  border-left: 2px solid #fff;
  border-bottom: 2px solid #fff;
  transform: rotate(45deg);
  opacity:1;
}
#main .case_thumb_slider .slick-next::before {
	position:absolute;
	top:50%;
	margin-top:-4px;
	margin-left:-4px;
	content:'';
	display: inline-block;
  width: 8px;
  height: 8px;
   border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(45deg);
  opacity:1;
}
.case_cate_area,
.case_tag_area {width:890px;}
.case_cate_area {margin:20px auto 0 auto;}
.case_tag_area {margin:30px auto 0 auto;}
#contents.single_case #main_inner_min {
	width:1080px;
	margin:0 auto;
	padding:0 30px;
}
#main_inner .case_page_area {
	position:absolute;
	display:inline-block;
	top:0;
	left:0;
	color:#fff;
	background:#222;
	font-size:20px;
	font-weight:700;
	padding:1px 20px;
}


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


/*-- メニューテンプレート --*/
#main .menu_page .menu_page_title-Sub {
	font-size:20px;
	font-weight:700;
	text-align:center;
	width:960px;
	margin:30px auto 0 auto;
	padding:0 30px;
}
#main .menu_page .menu_page_title-Sub span {
	position:relative;
	display:inline-block;
	font-size:20px;
	font-weight:700;
	text-align:center;
	padding:0 20px;
}
#main .menu_page .menu_page_title-Sub span::before,
#main .menu_page .menu_page_title-Sub span::after {
	position:absolute;
	bottom:4px;
	content:'';
	display:block;
	width:2px;
	height:25px;
	background:#222;
}
#main .menu_page .menu_page_title-Sub span::before {left:0; transform:rotate(-30deg);}
#main .menu_page .menu_page_title-Sub span::after {right:0; transform:rotate(30deg);}
#main .menu_page h1 {
	font-size:35px;
	text-align:center;
	width:960px;
	margin:20px auto 0 auto;
	padding:0 30px;
}
#main .menu_page h1 span {
	display:inline-block;
	font-weight:700;
}
.menu_page_title-catch {
	font-size:20px;
	text-align:center;
	width:960px;
	margin:20px auto 40px auto;
	padding:0 30px;
}
.menu_page_title-catch span {
	display:inline-block;
	font-weight:700;
	padding:20px 0;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
}
.menu_page_title-point {
	display:flex;
	flex-wrap: wrap;
	justify-content: center;
	margin-top:20px;
}
.menu_page_title-point li {
	position:relative;
	color:#fff;
	margin:0 15px;
	padding-left:25px;
}
.menu_page_title-point li::before {
	position:absolute;
	top:6px;
	left:0;
	content:'';
	display:block;
	width:17px;
	height:17px;
	background:url(img/menu/check_white_s.svg) center center no-repeat;
	background-size:contain;
}
.menu_thumbnail {
	position:relative;
}
#main .menu_page .page_menu_img {
	position:relative;
	margin:0 auto;
	width:1026px;
	height:410px;
}
#main .menu_page #main_inner {padding-top:0;}
#main .menu_page #main_inner .pan p {margin-top:10px;}
#main .menu_page #main_inner .menu_page_copy {
	font-size:20px;
	font-weight:700;
	text-align:center;
}
#contents.menu_page .menu_page_kind {
	display:flex;
	justify-content: space-around;
	flex-wrap: wrap;
	width:1026px;
	margin:20px auto 0 auto;
}
#contents.menu_page .menu_page_kind li {
	color:#fff;
	text-align:center;
	width:80px;
	margin:0;
	padding:2px 0;
}
#contents.menu_page .menu_page_kind li.menu_page_kind-active {background:#6d6d6d;}
#contents.menu_page .menu_page_kind li.menu_page_kind-no {background:#ccc;}
#contents.menu_page .menu_page_kind li::after {
	display:none;
}
#contents.menu_page .menu_page_gaiyo,
#contents.reform_page .reform_page_gaiyo {
	display:flex;
	justify-content: center ;
	margin-top:30px;
}
#contents.menu_page .menu_page_gaiyo dl,
#contents.reform_page .reform_page_gaiyo dl {
	display:flex;
	align-items: center;
	margin:0 10px;
}
#contents.menu_page .menu_page_gaiyo dl dt,
#contents.reform_page .reform_page_gaiyo dl dt {
	font-size:14px;
	padding:1px 12px;
	border:1px solid #b9b9b9;
}
#contents.menu_page .menu_page_gaiyo dl dd,
#contents.reform_page .reform_page_gaiyo dl dd {
	font-size:16px;
	margin-left:10px;
}
.menu_page_read {
	text-align:center;
	margin-top:20px;
}
.menu_page_read span {
	display:inline-block;
	font-size:16px;
	padding: 7px 0;
	border-top:1px solid #43af35;
	border-bottom:1px solid #43af35;
}
.menu_page_maker {
	display:flex;
	flex-wrap: wrap;
	justify-content:center;
	width:1086px;
	margin:10px auto 0 auto;
	padding:0 30px;
}
.menu_page_maker li {
	height:26px;
	margin:30px 10px 0 10px;
}
.menu_page_maker li img {width:auto;height:26px;}

.menu_page_case {
	background:#f8f8f8;
	margin:0 0 100px 0;
	padding:100px 0;
}
.menu_page_case h2 {
	position:relative;
	color:#222;
	border-bottom:1px solid #b9b9b9;
	font-size:30px;
	width:1086px;
	margin:0 auto;
	padding:0 30px 20px 30px;
}
.menu_page_case h2::before {
	position:absolute;
	left:0;
	bottom:-1px;
	content:'';
	display:block;
	height:1px;
	background: #1a4090;
	width:100px;
}
.menu_page_case_inner {
	display:flex;
	flex-wrap: wrap;
	width:1086px;
	padding:0 15px;
	margin: 0 auto;
}

.menu_page_case h3.case_list_title {
	font-size:18px;
	margin: 0 0 15px 0;
	padding:20px 20px 0 20px;
	border:none;
}
.menu_page_case ul.case_list_tag {display:flex;flex-wrap: wrap;padding:0 20px 60px 20px;}
.menu_page_case ul.case_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;
}
.menu_page_case ul.case_list_tag li::after {display:none;}
.menu_page_case .case_list_area {
	position:absolute;
	display:inline-block;
	top:0;
	left:0;
	color:#fff;
	background:#222;
	font-size:13px;
	margin:0;
	padding:0 15px;
}


/*== リフォーム・リノベメニュー ==*/
/*-- 創造工舎メニュー一覧 --*/
.reform #main_inner {
	width:auto;
	padding:70px 0 100px 0;
}
.reform #main_inner h1 {
	width:1086px;
	margin:0 auto;
	padding:0 30px;
}
.reform_read {
	width:1086px;
	padding:0 30px;
	margin:50px auto 0 auto;
}
.reform_inner {position:relative;background:#f8f8f8;}
.reform_inner .reform_inner_min {
	position:relative;
	display:flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width:1086px;
	margin:200px auto 0 auto;
	padding:356px 30px 100px 30px;
}
.reform_inner .reform_inner_min::before {
	position:absolute;
	top:-100px;
	left:30px;
	content:'';
	display:block;
	width:1026px;
	height:400px;
	background:url(img/reform/reform_img.webp) center center no-repeat;
	background-size:cover;
}
.reform_icon_ex {
	display:flex;
	flex-wrap: wrap;
	justify-content: center;
	width:100%;
}
.reform #main_inner .reform_icon_ex p {
	position:relative;
	display:inline-block;
	margin:15px 15px;
	padding-left:30px;
	width:calc((100% - 150px) / 5);
}
.reform #main_inner .reform_icon_ex p::before {
	position:absolute;
	top:50%;
	margin-top:-13px;
	left:0;
	content:'';
	display:block;
	width:25px;
	height:25px;
}
.reform #main_inner .reform_icon_ex p.reform_icon_ex-01::before {
	background:url(img/reform/reform_sozo.svg) center center no-repeat;
	background-size:contain;
}
.reform #main_inner .reform_icon_ex p.reform_icon_ex-02::before {
	background:url(img/reform/reform_franc.svg) center center no-repeat;
	background-size:contain;
}
.reform #main_inner .reform_icon_ex p.reform_icon_ex-03::before {
	background:url(img/reform/reform_repla.svg) center center no-repeat;
	background-size:contain;
}
.reform #main_inner .reform_icon_ex p.reform_icon_ex-04::before {
	background:url(img/reform/reform_carenen.svg) center center no-repeat;
	background-size:contain;
}
.reform #main_inner .reform_icon_ex p.reform_icon_ex-05::before {
	background:url(img/reform/reform_buku.svg) center center no-repeat;
	background-size:contain;
}
.reform_inner_min-Box {width:493px;}
.reform #main_inner h2 {
	font-size:25px;
	border:none;
	margin-bottom:30px;
	padding:0;
}
.reform #main_inner h2::before {
	z-index:2;
	top:50%;
	right:0;
	bottom:auto;
	left:auto;
	width:40px;
}
.reform #main_inner h2::after {
	z-index:1;
	position:absolute;
	top:50%;
	left:0;
	content:'';
	display:block;
	width:100%;
	height:1px;
	background:#b9b9b9;
}
.reform #main_inner h2 span {
	z-index:3;
	position:relative;
	display:inline-block;
	font-weight:700;
	padding-right:20px;
	background:#f8f8f8;
}
.reform #main_inner ul {
	padding:0;
}
.reform #main_inner ul li {
	margin:10px 0 0 0;
	width:100%;
	padding:0;
}
.reform #main_inner ul li a {
	line-height:1.4;
	width:calc(100% - 40px);
	height:auto;
	background:#fff;
	border:1px solid #e5e5e5;
}
.reform #main_inner ul li.reform_icon a {
	display:flex;
	align-items: center;
	padding:15px 20px;
}
.reform #main_inner ul li.reform_icon a .reform_icon_area {
	display:flex;
	height:25px;
}
.reform #main_inner ul li.reform_icon a .reform_icon_area img {
	vertical-align: middle;
	width:25px;
	height:25px;
	margin-right:5px;
}
.reform #main_inner ul li.reform_icon a p {
	margin:0 0 0 10px;
}
.reform #main_inner ul li::after {display:none;}
.reform #main_inner ul li a::before {
	border-top: 1px solid #222;
	border-right: 1px solid #222;
}

/*-- 創造工舎メニュー末端 --*/
.contents_title_inner {
	width:1026px;
	margin:0 auto;
}
#contents.reform_page .contents_title {
	position:relative;
	padding:50px 30px;
}
#contents.reform_page .contents_title .pan {
	margin:0;
}
#contents.reform_page .contents_title .pan p,
#contents.reform_page .contents_title .pan p span {
	color:#fff;
}
#contents.reform_page .contents_title h1 {
	position:relative;
	display:inline-block;
	color:#1b4090;
	font-size:35px;
	font-weight:700;
	margin-top:30px;
	padding:5px 15px;
	background:#fff;
}
#contents.reform_page .contents_title .contents_title_read {
	color:#fff;
	font-size:25px;
	font-weight:700;
	margin-top:20px;
}
#contents.reform_page .contents_title .contents_title_list {
	display:flex;
	margin-top:40px;
}
#contents.reform_page .contents_title .contents_title_list li {
	width:160px;
	margin-right:10px;
}
.contents_title_icon {
	z-index:2;
	position:absolute;
	top:15px;
	right:45px;
	width:125px;
	height:125px;
}
.reform_thumbnail {
	position:absolute;
	top:0;
	right:0;
	width:calc(50vw - 100px);
	height:100%;
}
.reform_menu_img {
	z-index:1;
	content:'';
	display:block;
	width:100%;
	height:100%;
}
.reform_page_btnarea {
	display:flex;
	justify-content: center;
	width:100%;
}
.reform_page_btnarea p {
	position:relative;
	width:450px;
}
.reform_page_btnarea p:before {
	z-index:5;
	position:absolute;
	top:50%;
	margin-top:-13px;
	left:20px;
	content:'';
	display:block;
	width:25px;
	height:25px;
}
.reform_page_btnarea p.reform_page_btnarea-franc::before {
	background:url(img/reform/reform_franc.svg) center center no-repeat;
	background-size:contain;
}
.reform_page_btnarea p.reform_page_btnarea-repla::before {
	background:url(img/reform/reform_repla.svg) center center no-repeat;
	background-size:contain;
}
.reform_page_btnarea p a {
	color:#222;
	text-align:left;
	width:calc(100% - 57px);
	padding-left:57px;
	background:#fff;
	border:1px solid #e5e5e5;
}
.reform_page_btnarea p a::before {
	border-top: 1px solid #222;
	border-right: 1px solid #222;
}
.reform_page_btnarea-Bottom {margin-top:100px;}

/*-- ショップ --*/
#reform_shop {
	margin-bottom:100px;
	padding:60px 0 100px 0;
	background:#f8f8f8;
}
.reform_shop_min {
	position:relative;
	width:1086px;
	margin:40px auto 0 auto;
	padding:40px 30px 40px 543px;
}
.reform_shop_min::before {
	position:absolute;
	top:0;
	left:50%;
	margin-left:-50vw;
	content:'';
	display:block;
	width:calc(50vw - 40px);
	height:100%;
}
.reform_shop_Franc::before {
	background:url(img/home/home_shop_img01.webp) center center no-repeat;
	background-size:cover;
}
.reform_shop_Repla::before {
	background:url(img/home/home_shop_img02.webp) center center no-repeat;
	background-size:cover;
}
#reform_shop h2 {
	font-size:20px;
}
.reform_shop_add {margin-top:40px;}
.reform_shop_map,
.reform_shop_tel {margin-top:20px;}
.reform_shop_map a {font-size:13px;}
.reform_shop_time,
.reform_shop_holiday {margin-top:10px;}
.reform_shop_btnarea {display:flex;margin-top:40px;}
.reform_btn_shop1 {margin-right:20px;}
.reform_shop_btnarea .reform_btn_shop1 a {padding:15px 25px 15px 20px;}
.reform_shop_btnarea .reform_btn_shop2 a {
	color:#fff;
	padding:15px 25px 15px 20px;
	background:#45609a;
	border:none;
}
.reform_shop_btnarea .reform_btn_shop2 a span {color:#fff;}
.reform_shop_btnarea .reform_btn_shop2 a::before {
	border-top: 1px solid #fff;
  border-right: 1px solid #fff;
}
.reform_btn a {
	position:relative;
	display:inline-block;
	color:#222;
	font-size:14px;
	text-decoration:none;
	padding:3px 30px 3px 15px;
	border:1px solid #666666;
}
.reform_btn a span {position:relative;color:#222;z-index:3;}
.reform_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;
}


/*== フローティングバナー ==*/
#sidenav {
	z-index:100;
	position:fixed;
	top:50%;
	margin-top:-102px;
	right:0;
	width:157px;
	height:207px;
	background:#fff;
	border-top:1px solid #e5e5e5;
	border-left:1px solid #e5e5e5;
	border-bottom:1px solid #e5e5e5;
}
#sidenav li {position:relative;}
#sidenav li a {
	position:relative;
	display:block;
	color:#222;
	text-decoration:none;
	font-size:14px;
	height:68px;
	line-height:68px;
	padding-left:44px;
}
#sidenav li::before {
	position:absolute;
	top:0;
	left:0;
	display:block;
	content:'';
	width:37px;
	height:100%;
}
#sidenav li.is-event::before {background:#de9a9a;}
#sidenav li.is-contact::before {background:#86c7d8;}
#sidenav li.is-reserve::before {background:#c7b185;}
.is-contact {
	border-top:1px solid #e5e5e5;
	border-bottom:1px solid #e5e5e5;
}
#sidenav li a::after {
	position:absolute;
	top:50%;
	margin-top:-11px;
	left:7px;
	display:block;
	content:'';
	width:37px;
	height:100%;
	width: 23px;
	height:23px;
}
#sidenav li.is-contact a::after {
	background:url(img/global/icon_contact.svg) center center no-repeat;
	background-size:cover;
}
#sidenav li.is-event a::after {
	background:url(img/global/icon_event.svg) center center no-repeat;
	background-size:cover;
}
#sidenav li.is-reserve a::after {
	background:url(img/global/icon_shop.svg) center center no-repeat;
	background-size:cover;
}

/*-- form LINE --*/
.line_pc {display:flex;}
.line_pc img {width:100px;margin-right:30px;}
.line_sp {display:none;}


@media (hover: hover) {
	/*== logo ==*/
	.s_logo a {transition: .2s;}
	.s_logo a:hover {opacity: .5;}

	/*== header/footer ==*/
	#g-nav ul li a,
	a.fnavi_parent {position:relative;}
  #g-nav ul li a::after,
  a.fnavi_parent::after {
      content: '';
      position: absolute;
      bottom: -5px;
      left: 0;
      width: 100%;
      height: 1px;
      background:#222;
      transition: all .3s;
      transform: scale(0, 1);
      transform-origin: left top;
    }
    #g-nav ul li a:hover::after,
    a.fnavi_parent:hover::after {transform: scale(1, 1);}
    #g-nav ul li ul li a::after {display:none;}
    nav li.has-child ul li a {transition: all .5s;}
    nav li.has-child ul li a:hover,
    nav li.has-child ul li a:active{
        opacity: 1;
        background:#789FCB;
    }
	.fnav ul li ul li a::before {transition: all .2s;}
	.fnav ul li ul li a:hover::before {left:5px;}
	#top {transition: .2s;}
	#top:hover {bottom:40px;}
	.franc .footer_about p.footer_map a span,
	.franc .footer_about p.footer_map a::before {transition: all .2s;}
	.franc .footer_about p.footer_map 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 .footer_about p.footer_map a:hover span {color:#fff;}
	.franc .footer_about p.footer_map a:hover::after {transform: scale(1, 1);}
	.franc .footer_about p.footer_map a:hover::before {
		right:10px;
		border-top: 1px solid #fff;
    border-right: 1px solid #fff;
  }

	/*== btn ==*/
	.contact_area_btn a {overflow: hidden;z-index: 1;transition: .2s;}
	.contact_area_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;
	}
	.contact_area_btn-Contact a:hover {color: #45609a;}
	.franc .contact_area_btn-Contact a:hover {color: #43af35;}
	.contact_area_btn-reserve a:hover,
	.sidenav_cta_item a:hover {color: #fff;}
	.contact_area_btn a:hover::after {transform: scale(1, 1);}
	.contact_area_btn-Contact a::after {background: #fff;}
	.contact_area_btn-reserve a::after {background: #45609a;}
	.franc .contact_area_btn-reserve a::after {background: #43af35;}
	.contact_area_btn a::before {transition: .2s;}
	.contact_area_btn a:hover::before {right:10px;}
	.contact_area_btn-Contact a:hover::before {
		border-top: 1px solid #45609a;
		border-right: 1px solid #45609a;
	}
	.franc .contact_area_btn-Contact a:hover::before {
		border-top: 1px solid #43af35;
		border-right: 1px solid #43af35;
	}

	.contact_area_btn-reserve a:hover::before {
		border-top: 1px solid #fff;
		border-right: 1px solid #fff;
	}
	.case_thumb_slider .slick-prev:hover,
	.case_thumb_slider .slick-next:hover {opacity: 1;}

	#contents .form .btn input[type="submit"],
	#contents .form .btn::before {transition: .2s;}
	#contents .form .btn input[type="submit"]:hover {background:#2f4373;}
	#contents .form .btn:hover::before {right:15px;}
	#contents .form .btn input[type="submit"]:disabled {background:#ccc;}

	/*== reform ==*/
	.reform_btn a,
	.reform_btn a::before,
	.reform_icon a::before p {transition: .2s;}
	.reform_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;
	}
	.reform_btn a:hover span,
	.reform_icon a:hover p {color:#fff;}
	.reform_btn a:hover::after {transform: scale(1, 1);}
	.reform_btn a:hover::before {
		z-index:2;
		right:5px;
	  border-top: 1px solid #fff;
		border-right: 1px solid #fff;
	}
	.reform_shop_btnarea .reform_btn_shop2 a:after {background:#2f4373;}


	/*== sidenav ==*/
	#sidenav .sidenav_cta_item a {overflow: hidden;z-index: 1;transition: .2s;}
	#sidenav .sidenav_cta_item a::before {
		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;
	}
	#sidenav .sidenav_cta_item a span {position:relative;transition: .2s;}
	#sidenav .sidenav_cta_item a:hover span {color: #fff;}
	#sidenav .is-event a::before {background:#de9a9a;}
	#sidenav .is-contact a::before {background:#86c7d8;}
	#sidenav .is-reserve a::before {background:#c7b185;}
	#sidenav .sidenav_cta_item a:hover::before {transform: scale(1, 1);}

	/*== パンくず ==*/
	#contents .pan a {position:relative;}
	#contents .pan a::before {
		content: '';
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 100%;
    height: 1px;
    background:#666666;
    transition: all .3s;
    transform: scale(0, 1);
    transform-origin: left top;
	}
  #contents .pan a:hover::before {transform: scale(1, 1);}


	/*== SNS ==*/
	.contact_sns_btn a {transition: .2s;}
	.contact_sns_btn a:hover {opacity: .7;}


	/*== 関連リンク ==*/
	#sozo_link li a {transition: .2s;}
	#sozo_link li a:hover {opacity: .5;}


	/*== コンテンツ内 ==*/
	#main_inner a {transition: .2s;}
	#main_inner a:hover {opacity: .5;}


	/*== ページャー ==*/
	#main_inner .wp-pagenavi a {transition: .2s;}
	#main_inner .wp-pagenavi a:hover {color:#fff;font-weight:700;background:#222;border:1px solid #222;opacity: 1;}
	

	/*== ボタン ==*/
	.btn a,
	.btn a::before {
		transition: .2s;
	}
	#main_inner .btn a:hover {opacity: 1;color:#fff;background:#222;}
	#main_inner .btn a:hover::before {
		right:10px;
		border-top: 1px solid #fff;
		border-right: 1px solid #fff;
	}

	#main_inner .btn_blue a:hover,
	#main_inner .block_btn a:hover {background:#2f4373;}
	#main_inner .btn_white a:hover {color:#fff;background:#45609a;}
	#main_inner .btn_grayline a:hover {color:#fff;background:#222;border:1px solid #222;}
	#main_inner .btn_white a:hover::before {
		border-top: 1px solid #fff;
		border-right: 1px solid #fff;
	}
	#main_inner .btn_grayline a:hover::before {
		border-top: 1px solid #fff;
		border-right: 1px solid #fff;
	}

	/*== slick ==*/
	#main .case_thumb_slider .slick-prev,
	#main .case_thumb_slider .slick-next {transition: .2s;}
	#main .case_thumb_slider .slick-prev:hover,
	#main .case_thumb_slider .slick-next:hover {opacity: .5;}

	/*== メニュー ==*/
	.case_item a {transition: .2s;}
	.case_item a:hover {opacity: .5;}
	.menu_page_next a {transition: .2s;}
	.menu_page_next 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: #666;
	}
	.menu_page_next a::before {z-index:2;}
	.menu_page_next a:hover {color:#fff;}
	.menu_page_next a:hover::after {transform: scale(1, 1);}
	.btn_grayline a:hover::before {
		right:10px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
  }
  .menu_page_next a:hover span {z-index:3;position:relative;color:#fff;}


}

@media print,screen and (min-width:768px) and (max-width:1260px) {
	.h_logo_inner {display:none;}
	.h_logo a {width:129px;}
	.franc .h_logo a {width:128px;}
}


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

		SP

==================*/
@media screen and (max-width: 767px) {
	body.is-nav-open{
	  overflow: hidden;
	}

	#wrap {overflow:hidden;}
	.sp_non {display:none !important;}
	p,li,th,td,dt,dd,span.wpcf7-list-item-label {font-size:3.47vw;}

	.alignleft {width:40vw;height:auto;padding:0 4vw 4vw 0;}
	.alignright {width:40vw;height:auto;padding:0 0 4vw 4vw;}


	/*== header ==*/
	#wrap {padding-top:14vw;}
	header#page_header {
		height:14vw;
		padding:0;
		background:#fff;
	}
	header#page_header .header_inner {
		display:block;
		min-width: auto;
	}
	.s_logo {margin:2vw 0 0 2vw;}
	.s_logo a {
		display:flex;
		justify-content:flex-start;
		width:88vw;
		height:auto;
	}
	.s_logo a img {
			width:22vw;
			height:auto;
			margin-right:2vw;
	}
	.franc .s_logo a img {
			width:22vw;
			height:auto;
	}
	.s_logo_text1 {
		line-height:1.2;
		font-size:3vw;
		padding:1vw 0 0 0;
	}
	.s_logo_text2 {
		font-size:2.66vw;
		padding:1vw 0 0 0;
	}

	/* -- ハンバーガーバー -- */
	#g-nav{
		position:fixed;
		top:0;
		width:100vw;
		height: 100vh;
		background:#222;
		transition: all 0.3s;
		opacity: 0;
	  visibility: hidden;
	  pointer-events: none;
	}

	#g-nav.panelactive{
		opacity: 1;
	  visibility: visible;
	  pointer-events: auto;
		z-index:999;
	}

	#g-nav.panelactive #g-nav-list{
	    position: fixed;
	    z-index: 999; 
	    width: 100%;
	    height: 100vh;
	    overflow: auto;
	    -webkit-overflow-scrolling: touch;
	}
	#g-nav ul {
	    display: none;
	    position: absolute;
	    z-index: 999;
	    top:50%;
	    left:50%;
	    transform: translate(-50%,-50%);
	    width:92vw;
	}
	#g-nav ul li ul {
		position:relative;
		top:auto;
		left:auto;
		transform: translate(0,0);
	}
	#g-nav.panelactive ul {
	    display: block;
	}

	/*リストのレイアウト設定*/
	header#page_header ul.gnavi {
		display:block;
	}
	header#page_header ul.gnavi li {
		list-style: none;
		text-align: center;
		padding:0;
	}

	header#page_header ul.gnavi li a {
		color: #fff;
		text-decoration: none;
		font-size:3.74vw;
		padding:5vw 0;
		display: block;
		text-transform: uppercase;
		letter-spacing: 0.1em;
		font-weight: bold;
	}

	/*-- ボタンのためのCSS --*/
	.openbtn{
		position:fixed;
		z-index: 9999;
		top:0;
		right: 0;
		cursor: pointer;
		width: 50px;
		height:50px;
	}
	
	/*×に変化*/	
	.openbtn span{
		display: inline-block;
		transition: all .4s;
		position: absolute;
		left: 14px;
		height: 2px;
		border-radius: 2px;
		background-color: #685c5c;
		width: 45%;
	}

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

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

	.openbtn span:nth-of-type(3) {
		top:31px;
	}

	.openbtn.active span:nth-of-type(1) {
	    top: 18px;
	    left: 18px;
	    transform: translateY(6px) rotate(-45deg);
	    width: 30%;
	    background-color: #fff;
	}

	.openbtn.active span:nth-of-type(2) {
		opacity: 0;
	}

	.openbtn.active span:nth-of-type(3){
	    top: 30px;
	    left: 18px;
	    transform: translateY(-6px) rotate(45deg);
	    width: 30%;
	    background-color: #fff;
	}


	/*== footer ==*/
	footer {
		padding:12.33vw 4vw 26.33vw 4vw;
	}
	.franc footer {
		padding:12.33vw 4vw;
	}
	footer .f_logo {margin:0;}
	footer .f_logo a {
		text-align:center;
		display:block;
		margin:0;
	}
	footer .f_logo a img,
	.franc footer .f_logo a img {width:40vw;margin:0;}
	footer .f_logo .s_logo_text1 {
		font-size:3.74vw;
		margin-top:3vw;
	}
	footer .f_logo .s_logo_text2 {
		font-size:3.74vw;
		margin-top:1vw;
	}
	.franc footer .s_logo,
	.franc footer .s_logo a {
		width:auto;
		height:auto;
	}

	/*-- ページトップ --*/
	#top {
		width:12vw;
		height:12vw;
		right:4vw;
		bottom:20vw;
	}
	#top a {
		width:12vw;
		height:12vw;
	}
	#top a::before {
		margin-top:-2px;
		margin-left:-2px;
		width: 4px;
	  height: 4px;
	  border-top: 1px solid #fff;
	  border-left: 1px solid #fff;
	}
	.f_inner {
		min-width:auto;
		padding:12.33vw 0;
	}
	.fnav {
		display:block;
		justify-content:space-between;
	}
	.fnav ul li {
		margin:8vw 8vw 0 0;
	}
	.fnav ul li a {
		display:block;
		font-size:3.74vw;
	}
	.fnav ul li ul li a {
		font-size:3.74vw;
		padding-left:4vw;
	}
	.fnav ul li ul li a::before {
		width:2vw;
	}
	.franc .footer_min {
		display:block;
	}
	.footer_left {padding-top:0;}
	.footer_about {
		padding-top:4vw;
	}
	.franc .footer_about p {
		font-size:3.47vw;
		margin-top:3vw;
	}
	.franc .footer_about p a {
		border:1px solid #e5e5e5;
		padding: 3vw 8vw 3vw 4vw;
	}
	.franc .footer_about p a::before {right:2vw;}
	.franc .fnav_min {margin-left:0;}
	.fnav ul {display:flex;flex-wrap: wrap;}
	.footer_min .fnav ul li {margin:8vw 8vw 0 0;}
	.franc .f_right {margin-top:4vw;}
	.copy {font-size:3.47vw;}
	.franc .copy {
		padding:0 0 18.33vw 0;
	}


	/*== コンテンツ ==*/
	#main_inner {
		width:100vw;
		padding:12.33vw 4vw;
	}


	/*== コンテンツタイトル ==*/
	#contents .contents_title {
		padding:7.33vw 4vw;
	}
	#contents .contents_title .page_title {
		width:auto;
	}
	#contents .contents_title .page_title .page_title_slug {
		font-size:5.33vw;
		padding-right:4vw;
	}
	#contents .contents_title .page_title .page_title_slug::before {
		margin-top:0;
		right:1vw;
		width:2vw;
		height:1px;
	}
	.page_title_midashi,
	.page_title_tag {font-size:4.33vw;}
	.page_title_tag {padding-left:4vw;}
	.page_title_tag::before {
		margin-top:0;
		left:1vw;
		width:2vw;
		height:1px;
	}


	/*== パンくず ==*/
	#contents .pan {
		margin:4vw auto 0 auto;
		width:92vw;
	}
	#contents .pan p,
	#contents .pan span {font-size:3vw;}
	#contents .pan ol li {position:relative;font-size:3vw;margin-right:1vw;margin-bottom:1vw;padding-right:2.5vw;}


	/*== font ==*/
	#main_inner h1 {font-size:5.33vw;}
	#main_inner h2 {
		font-size:4.66vw;
		margin-top:12.33vw;
		padding-bottom:4vw;
	}
	#main_inner h2::before {width:20vw;}
	#main_inner h3 {
		font-size:4.33vw;
		margin-top:7.33vw;
		padding-left:3vw;
		border-left:1px solid #1a4090;
	}
	#main_inner h4 {
		font-size:4vw;
		margin-top:6.33vw;
		padding-right:7vw;
	}
	#main_inner h4::before {
		margin:0;
		height:1px;
		width:5vw;
	}
	#main_inner h5 {font-size:3.76vw;margin-top:5.33vw;}
	#main_inner p {margin-top:4vw;}
	#main_inner ul,
	#main_inner ol {padding-top:1px;}
	#main_inner ul li {
		margin-top:4vw;
		padding-left:4vw;
	}
	#main_inner ul li::after {
		top:2vw;
		width:1.66vw;
		height:1.66vw;
	}
	#main_inner ol li {margin-top:4vw;}
	#main_inner dl dt {margin-top:4vw;}
	#main_inner table {margin-top:4vw;}
	#main_inner table th,
	#main_inner table td {padding:2vw 3vw;}

	/*== コンタクトエリア ==*/
	.contact_area {padding:0;}
	.contact_area::before {display:none;}
	.contact_area_title {display:block;}
	.contact_area_title_Sub {
		font-size:7.33vw;
		letter-spacing: 1px;
		padding-right:7vw;
	}
	.contact_area_title_Sub::before {
		margin:0;
		width:5vw;
		height:1px;
	}
	.contact_area_title h2 {
		font-size:4vw;
		margin-top:4vw;
		padding-left: 0;
	}
	.contact_area_box {
		max-width:auto;
		padding:7.33vw 4vw;
	}
	.contact_area_min {display:block;}
	.contact_area_tel .contact_area_name {margin-top:4vw;}
	.contact_area_tel .contact_area_name b {
		font-size:5.66vw;
		padding-left:11vw;
	}
	.contact_area_tel .contact_area_name b::before {
		margin-top:-4vw;
		width:8vw;
		height:8vw;
	}
	.contact_area_tel .contact_area_tel-No {font-size:5.33vw;letter-spacing: 1px;margin-top:0;}
	.contact_area_tel .contact_area_tel-No b {font-size:9.33vw;}
	.contact_area_tel dl {display:flex;margin-top:4vw;}
	.contact_area_tel dl dt,.contact_area_tel dl dd {font-size:3.74vw;}
	.contact_area_tel dl dt {
		margin-right:2vw;padding-right:2vw;
	}
	.contact_area_btn {max-width:auto;padding-top:7.33vw;}
	.contact_area_btn p {margin-bottom:4vw;}
	.contact_area_btn a {
		line-height:16vw;
		height:16vw;
	}

	/*-- SNS --*/
	.contact_sns {
		display:block;
		width:auto;
		padding:12.33vw 4vw;
		background:#f8f8f8;
	}
	.sns_area_title {display:block;}
	.sns_area_title_Sub {
		display:inline-block;
		font-size:5.33vw;
		padding-right:7vw;
	}
	.sns_area_title_Sub::before {
		margin-top:0;
		right:0;
		width:5vw;
		height:1px;
	}
	.sns_area_title h2 {
		font-size:4.33vw;
	}
	.contact_sns_btn {
		justify-content: center;
		margin-top:6.33vw;
	}
	.contact_sns_btn li {margin:0 4vw;}

	
	/*== リンクトエリア ==*/
	.link_area {padding:12.33vw 4vw;}
	.franc .link_area {padding:7.33vw 4vw;}
	.franc .link_area::before {display:none;}
	.link_area_inner {width:auto;}
	.link_area_title {
		display:block;
		margin-bottom:4vw;
	}
	.link_area_title_Sub {
		display:inline-block;
		font-size:5.33vw;
		padding-right:7vw;
	}
	.link_area_title_Sub::before {
		top:50%;
		right:0;
		width:5vw;
		height:1px;
	}
	.link_area_title h2 {font-size:4vw;}
	.link_area_banner li {
		width:28vw;
		margin:2vw 1vw 0 1vw;
	}
	.franc .link_area_banner li {
		width:28vw;
		max-width:auto;
		margin:2vw 1vw 0 1vw;
	}
	.link_area_banner li:nth-child(6n),
	.franc .link_area_banner li:last-child {margin-right:1vw;}


	/*== ページャー  ==*/
	.wp-pagenavi {margin-top:9.33vw;}
	.wp-pagenavi .current,
	.wp-pagenavi .page,
	.wp-pagenavi .nextpostslink,
	.wp-pagenavi .previouspostslink {
		line-height:9vw;
		width:9vw;
		height:9vw;
		margin:0 2vw;
	}


	.page_column_img {
		margin-top:9.33vw;
	}


	/*== Youtube ==*/
	.movie {margin-top:4vw;}


	/*== ボタン ==*/
	.btn,
	.block_btn {width:80vw;margin:7.33vw auto 0 auto;}
	.btn a,
	.block_btn a {
		line-height:16vw;
		height:16vw;
	}


	/*== form ==*/
	#contents #main_inner .form dl {display:block;padding:0 0 4vw 0;}
	#contents #main_inner .form dl dt {
		font-size:4vw;
		font-weight:700;
		width:auto;
		margin:7.33vw 0 0 0;
	}
	#contents #main_inner .form dl dd {width:auto;}
	#contents #main_inner .form dl dd input[type="text"],
	#contents #main_inner .form dl dd input[type="tel"],
	#contents #main_inner .form dl dd input[type="email"],
	#contents #main_inner .form dl dd select,
	#contents #main_inner .form dl dd textarea {
		font-size: 3.74vw;
		width:auto;
		margin: 2vw 0;
		padding: 2vw 3vw;
	}
	#contents #main_inner .form dl dd .wpcf7-list-item-label {
		font-size: 3.74vw;
	}

	/*-- ボタン --*/
	#contents .form .btn {
		width:80vw;
		margin:7.33vw auto 0 auto;
	}
	#contents .form .btn input[type="submit"] {
		font-size:4vw;
		line-height:16vw;
		height:16vw;
		padding:0;
	}
	#contents .form .btn input[type="submit"]::before {
		position:absolute;
		content:'';
		top:50%;
		margin-top:-4px;
		right:25px;
		display: inline-block;
	  vertical-align: middle;
	  color: #fff;
	  line-height: 1;
	  width: 10px;
	  height: 10px;
	  border: 3px solid currentColor;
	  border-left: 0;
	  border-bottom: 0;
	  box-sizing: border-box;
	  transform: translateY(-25%) rotate(45deg);
	}


	/*== 目次 ==*/
	.index_box {
		width:92vw;
		margin:7.33vw auto 0 auto;
		padding:4vw 3vw;
		border:4px solid #ddd;
	}
	#main #main_inner .index_box_title {
		font-size:5.33vw;
		margin:0 0 4vw 0;
	}
	#main #main_inner .index_box ul .index_box_h2 {
		font-size:4vw;
		padding-bottom:3vw;
	}
	#main #main_inner .index_box ul.index_box_list1 li::before {
		position:absolute;
		top:2.33vw;
		width:2vw;
		height:2vw;
	}
	#main #main_inner .index_box ul.index_box_list2 li::before {
		position:absolute;
		top:3vw;
		width:3vw;
		height:1px;
	}
	#main #main_inner .index_box ul .index_box_list1 li {
		font-size:3.74vw;
	}
	#main #main_inner .index_box ul .index_box_list2 li {
		font-size:3.47vw;
	}


	/*-- カラム --*/
	#main #main_inner .column_2 p,
	#main #main_inner .column_2 li,
	#main #main_inner .column_3 p,
	#main #main_inner .column_3 li,
	#main #main_inner .column_4 p,
	#main #main_inner .column_4 li {width:44vw;margin:5.33vw 1vw 0 1vw;}

	/*-- 悩み --*/
	#main #main_inner .block_worries {
		margin:5.33vw 0 0 0;
		padding:4vw 3vw;
	}
	#main #main_inner .block_worries ul {margin-top:2vw;}
	#main #main_inner .block_worries ul li {
		font-size:4vw;
		margin-top:2vw;
		padding:2vw 4vw 2vw 8vw;
		background:#6d6d6d;
	}
	#main #main_inner .block_worries ul li::after {
		top:4vw;
		left:3vw;
		width:3vw;
		height:3vw;
		background-size:100%;
	}

	/*-- 理由 --*/
	#main #main_inner .block_reason ul {margin-top:4vw;}
	#main #main_inner .block_reason ul li {
		font-size:3.74vw;
		margin-top:4vw;
		padding:4vw 3vw 4vw 8vw;
	}
	#main #main_inner .block_reason ul li strong {
		font-size:4vw;
		margin-bottom:3vw;
	}
	#main #main_inner .block_reason ul li::after {
		top:-2vw;
		left:-2vw;
		font-size:4vw;
		width:8vw;
		height:8vw;
		padding:1vw 0 0 0;
	}

	/*-- チェック --*/
	#main #main_inner .block_check ul {margin-top:4vw;}
	#main #main_inner .block_check ul li {
		font-size:3.74vw;
		margin-top:2vw;
		padding:4vw 3vw 4vw 8vw;
	}
	#main #main_inner .block_check ul li strong {
		font-size:4vw;
		margin-bottom:3vw;
	}
	#main #main_inner .block_check ul li::after {
		top:5vw;
		left:3vw;
		width:3vw;
		height:3vw;
		background-size:100%;
	}

	/*-- 流れ --*/
	#main #main_inner .block_flow {margin-top:4vw;padding:0;}
	#main #main_inner .block_flow li {
		font-size:3.74vw;
		margin-top:4vw;
		padding:4vw 3vw 4vw 10vw;
	}
	#main #main_inner .block_flow ul li strong {
		font-size:4vw;
		margin-bottom:3vw;
	}
	#main #main_inner .block_flow ul li::before {
		position:absolute;
		display:block;
		content:'';
		top: 100%;
	  left: 50%;
	  margin-left: -4vw;
	  border: 4vw solid transparent;
	  border-top: 4vw solid #222;
	}
	#main #main_inner .block_flow ul li::after {
		font-size:4vw;
		width:7vw;
	}
	
	/*-- よくある質問 --*/
	#main #main_inner .block_qa {margin-top:5.33vw;}
	#main #main_inner .block_qa h3 {padding:3vw 4vw 3vw 14vw;}
	#main #main_inner .block_qa h3::before {
		top:2vw;
		left:3vw;
		font-size:4vw;
		line-height:8vw;
		width:8vw;
		height:8vw;
	}
	#main #main_inner .block_qa p {padding:4vw 3vw;}

	/*-- 電話番号 --*/
	#main #main_inner .block_tel p {font-size:7.33vw;}

	/*== まとめ ==*/
	#main #main_inner .block_conclusion {
		margin-top:7.33vw;
		padding:4vw 3vw;
	}
	#main #main_inner .block_conclusion h2 {
		font-size:4vw;
		padding:0 0 2vw 0;
		border-bottom:1px solid #1a4090;
	}
	.franc #main #main_inner .block_conclusion h2 {border-bottom:1px solid #43af35;}
	#main #main_inner .block_conclusion p {margin-top:4vw;}


	/*== お知らせ ==*/
	/*-- お知らせ一覧 --*/
	#contents.news #main_inner h1 {margin:0 0 4vw 0;}
	#contents.news #main_inner .news_tag_area {margin-bottom:4vw;}
	#contents.news #main_inner .news_date {margin:0 2vw 0 0;}
	#contents.news #main_inner ul.news_list_cate li,
	#contents.news #main_inner ul.news_list_tag li {font-size:3vw;margin:0 1vw 0 0;}
	#contents.news #main_inner ul.news_list_cate li a,
	#contents.news #main_inner ul.news_list_tag li a {
		font-size:3vw;
		padding:0 1vw;
	}
	.news_item {padding:7.33vw 0;}
	#contents.news #main_inner .news_list_title {margin:4vw 0;padding:0;border:none;}
	#contents.news #main_inner .news_list_con {margin:4vw 0 0;}

	/*-- お知らせ末端 --*/
	#main_inner .news_date {margin:0 0 4vw 0;}
	#main_inner .news_cate_area,
	#main_inner .news_tag_area {margin-top:4vw;}
	#main_inner .news_cate_area dt,
	#main_inner .news_tag_area dt {width:20vw;}
	#main_inner .news_cate_area dd,
	#main_inner .news_tag_area dd {padding-left:4vw}
	#main_inner .news_cate_area ul li,
	#main_inner .news_tag_area ul li {margin:0 1vw 0 0;}
	#main_inner .news_cate_area ul li a,
	#main_inner .news_tag_area ul li a {
		font-size:3vw;
		padding:0 1vw;
	}


	/*== ショールーム ==*/
	.showroom #main_inner h1,
	.showroom #main_inner .showroom_read {
		width:auto;
		margin:12.33vw 4vw 0 4vw;
		padding:0;
	}
	.showroom_inner {
		margin:12.33vw 0;
		padding-bottom:12.33vw;
	}
	.showroom_inner::before {height:20vw;}
	.showroom_inner_min {
		display:block;
		width:auto;
		margin:0 auto;
		padding:0;
	}
	.showroom_inner_box {
		width:auto;
		margin:9.33vw 0 0 0;
		padding:0 4vw;
	}
	.showroom #main_inner .showroom_inner_min h2 {
		font-size:4.66vw;
		margin:4vw 4vw 0 4vw;
	}
	.showroom #main_inner .showroom_inner_min p {margin-top:4vw;}
	.showroom_inner_gaiyo {
		margin-top:5.33vw;
		padding:1vw 3vw 4vw 3vw;
	}
	.showroom #main_inner .showroom_inner_min .showroom_inner_gaiyo p {margin-top:3vw;}
	.showroom #main_inner .btn {width:80vw;margin:5.33vw auto 0 auto;}
	.showroom #main_inner .btn a {
		line-height:16vw;
		height:16vw;
	}
	.showroom #main_inner .btn a::before {right:2vw;}


	/*== スタッフ紹介 ==*/
	/*-- スタッフ紹介一覧 --*/
	.staff #main_inner h1,
	.staff #main_inner .staff_text,
	.staff #main_inner .news_cate_area {
		width:auto;
		margin:5.33vw auto 0 auto;
		padding:0 4vw;
	}
	.staff_inner {
		margin:0 0 12.33vw 0;
		padding-bottom:12.33vw;
	}
	.staff_inner::before {height:20vw;}
	.staff_inner_min {
		display:block;
		width:auto;
		padding:0 4vw;
	}
	.staff_list {
		position:relative;
		width:92vw;
		margin:9.33vw 0 0 0;
	}
	.staff_list a {
		display:block;
		text-decoration:none;
	}
	.staff_list_img {
		display:block;
		content:'';
		width:100%;
		height:60vw;
	}
	#main_inner .staff_list_cate {
		font-size:3.47vw;
		padding:1vw 4vw;
	}
	.staff_list_namearea {margin-top:4vw;}
	#main_inner h2.staff_list_name {
		font-size:4vw;
		padding:0 2vw 0 0;
	}
	#main_inner .staff_list_roma {font-size:3vw;}
	#main_inner .staff_list_catch {margin-top:4vw;}

	/*-- スタッフ紹介記事 --*/
	#main_inner .staff_page_cate {
		font-size:3.47vw;
		padding:1vw 4vw;
	}
	.staff_page_name {margin-top:4vw;}
	.single_staff #main_inner h1 {margin:0 2vw 0 0;}
	.single_staff #main_inner .staff_page_roma {font-size:3vw;}
	.single_staff #main_inner .staff_page_post {font-size:3.47vw;margin:4vw 0 0 0;}
	.staff_read {font-size:5.33vw;}


	/*== 採用情報 ==*/
	.recruit #main_inner h1,
	.recruit #main_inner .recruit_read {
		width:auto;
		margin:12.33vw 4vw 0 4vw;
		padding:0;
	}
	.recruit_inner {
		margin:12.33vw 0;
		padding-bottom:12.33vw;
	}
	.recruit_inner::before {height:20vw;}
	.recruit_inner_min {
		display:block;
		width:auto;
		margin:0 auto;
		padding:0;
	}
	.recruit_inner_box {
		width:auto;
		margin:9.33vw 0 0 0;
		padding:0 4vw;
	}
	.recruit #main_inner .recruit_inner_min h2 {
		font-size:4.66vw;
		margin:4vw 4vw 0 4vw;
	}
	.recruit #main_inner .recruit_inner_min p {margin-top:4vw;}
	.recruit #main_inner .btn {width:80vw;margin:5.33vw auto 0 auto;}
	.recruit #main_inner .btn a {
		line-height:16vw;
		height:16vw;
	}
	.recruit #main_inner .btn a::before {right:2vw;}


	/*== イベント ==*/
	/*-- イベント一覧 --*/
	.event #main_inner h1,
	.event #main_inner .news_cate_area {
		width:auto;
		margin:12.33vw 4vw 0 4vw;
		padding:0;
	}
	.event_inner {
		margin:12.33vw 0;
		padding-bottom:12.33vw;
	}
	.event_inner::before {height:20vw;}
	.event_inner_min {
		display:block;
		width:auto;
		margin:0 auto;
		padding:0;
	}
	.event_list {
		position:relative;
		width:auto;
		margin:12.33vw 4vw 0 4vw;
	}
	#main_inner .event_list_theme {
		top:4vw;
		font-size:3.74vw;
		padding:1px 2vw;
	}
	#main_inner .event_list_cate {
		font-size:3vw;
		padding:0 1vw;
	}

	.event_list_sub {margin-top:4vw;}
	#main_inner .event_list_now {
		font-size:3vw;
		margin:0 0 0 1vw;
		padding: 1vw 1vw;
	}
	#main_inner h2.event_list_name {
		font-size:4vw;
		margin: 2vw 0 0 0;
		padding:0 2vw 0 0;
	}
	#main_inner .event_list_place {
		font-size:3.47vw;
		margin:2vw 0 0 0;
	}
	.event #main_inner .event_list_date_all {
		font-size:5.33vw;
		margin:2vw 0 0 0;
	}
	.event #main_inner .event_list_date {margin-top:1vw;}
	.event #main_inner .event_list_date p {font-size:9.33vw;}
	.event #main_inner .event_list_date p span {font-size:4vw;}
	.event #main_inner .event_list_date p.event_list_date_02 {
		margin-left:2vw;
		padding-left:7vw;
	}
	.event #main_inner .event_list_date p.event_list_date_02::before {
		width:5vw;
	}

	/*-- イベント詳細ページ --*/
	.single_event #main_inner .event_theme {
		margin:0 0 2vw 0;
		padding:1vw 4vw;
	}
	.single_event #main_inner .event_sub {display:block;margin-top:4vw;}
	.single_event #main_inner .event_sub .event_date_all {
		font-size:5.33vw;
		margin:0 2vw 0 0;
		padding-right:2vw;
		border-right:1px solid #45609a;
	}
	.single_event #main_inner .event_sub .event_date dt {
		font-size:4vw;
		margin-right:2vw;
		padding-right:2vw;
		border-right:1px solid #45609a;
	}
	.single_event #main_inner .event_sub .event_date dd {font-size:5.33vw;}
	.single_event #main_inner .event_sub .event_date dd span {font-size:3.74vw;}
	.single_event #main_inner .event_sub .event_date dd.event_date_02 {
		margin-left:2vw;
		padding-left:7vw;
	}
	.single_event #main_inner .event_sub .event_date dd.event_date_02::before {width:5vw;}
	.single_event #main_inner .event_sub .event_now {
		font-size:3vw;
		margin:3vw 0 0 0;
		padding: 1vw 3vw;
	}
	.single_event #main_inner .event_sub .event_page_cate {
		font-size:3vw;
		margin:3vw 0 0 1vw;
		padding: 1vw 2vw;
	}

	.single_event #main_inner h1 {margin-top:5.33vw;}
	.single_event #main_inner .event_time,
	.single_event #main_inner .event_place {
		display:flex;
		align-items: center;
	}
	.single_event #main_inner .event_time {margin-top:5.33vw;}
	.single_event #main_inner .event_place {margin-top:2vw;}
	.single_event #main_inner .event_time dt,
	.single_event #main_inner .event_place dt {
		font-size:3.47vw;
		padding:1vw;
	}
	.single_event #main_inner .event_time dd,
	.single_event #main_inner .event_place dd {font-size:3.74vw;margin-left:2vw;}


	/*== コンセプトリノベ ==*/
	/*-- コンセプトリノベ一覧 --*/
	.concept #main_inner {padding:1px 0 0 0;}
	.concept #main_inner h1,
	.concept .concept_read {
		width:auto;
		margin:12.33vw 4vw 0 4vw;
		padding:0;
	}
	.concept_inner {
		margin:12.33vw 0;
		padding:5vw 4vw 12.33vw 4vw;
	}
	.concept_inner_box {
		width:auto;
		margin:7.33vw auto 0 auto;
	}
	.concept #main_inner .concept_inner_box a {
		padding:54vw 4vw 8vw 4vw;
	}
	.concept #main_inner .concept_inner_box a::before {
		left:0;
		margin-left:0;
		width:92vw;
		height:50vw;
	}
	.concept #main_inner .concept_inner_box a h2 {font-size:4.33vw;}
	.concept #main_inner .concept_inner_box a::after {
		width:8vw;
		height:8vw;
	}
	.concept #main_inner .concept_inner_box a p {margin:4vw 0 0 0;}

	/*-- コンセプトテンプレート --*/
	#main .concept_page h1 {
		font-size:5vw;
		text-align:center;
		margin-top:5.33vw;
		width:100vw;
		padding:0 4vw;
	}
	#main .concept_page .concept_page_title-Sub {
		text-align:center;
		width:100vw;
		padding:0 4vw;
		margin:3vw 0 4vw 0;
	}
	#main .concept_page .concept_page_title-Sub span {
		font-size:3.74vw;
		padding:0 4vw;
	}
	#main .concept_page .concept_page_title-Sub span::before,
	#main .concept_page .concept_page_title-Sub span::after {
		bottom:0;
		height:5vw;
	}
	#main .concept_page .page_column_img {
		position:relative;
		margin:0 auto;
		width:92vw;
	}
	#main .concept_page #main_inner .pan p {margin-top:3vw;}
	#main .concept_page #main_inner .concept_page_copy {font-size:5.33vw;}
	.future .menu_page_next {display:block;width:80vw;}
	.future .menu_page_next a {width:100%;margin-top:4vw;}


	/*== クオリティー ==*/
	/*-- クオリティー一覧 --*/
	.quality #main_inner {padding:1px 0 0 0;}
	.quality #main_inner h1,
	.quality .quality_read {
		width:auto;
		margin:12.33vw 4vw 0 4vw;
		padding:0;
	}
	.quality #main_inner .quality_subTitle {
		font-size:4vw;
		width:auto;
		margin:2vw auto 0 auto;
		padding:0 4vw;
	}
	.quality_inner {
		margin:12.33vw 0;
		padding:5vw 4vw 12.33vw 4vw;
	}
	.quality_inner_box {
		width:auto;
		margin:7.33vw auto 0 auto;
	}
	.quality #main_inner .quality_inner_box a {padding:54vw 4vw 8vw 4vw;}
	.quality #main_inner .quality_inner_box a::before {
		left:0;
		margin-left:0;
		width:92vw;
		height:50vw;
	}
	.quality #main_inner .quality_inner_box a h2 {font-size:4.33vw;}
	.quality #main_inner .quality_inner_box a::after {
		width:8vw;
		height:8vw;
	}
	.quality #main_inner .quality_inner_box a p {margin:4vw 0 0 0;}


	/*== コラム ==*/
	/*-- コラム一覧 --*/
	#contents.column #main_inner .column_tag_area {display:block;width:auto;margin:0;padding: 4vw 4vw 0 4vw;}
	#contents.column #main_inner .column_tag_area dt {width:92vw;margin:6vw 0 2vw 0;padding:0 0 2vw 0;border-bottom:1px solid #222;}
	#contents.column #main_inner .column_tag_area dd {width:92vw;padding:0;border:none;}
	#contents.column #main_inner .column_tag_area ul li {font-size:3vw;margin:1vw 1vw 0 0;}
	#contents.column #main_inner .column_tag_area ul li a {
		font-size:3vw;
		padding:1vw 2vw;
	}
	#contents.column #main_inner h1,
	#contents.column .column_tag_area {
		width:auto;
		margin:12.33vw auto 0 auto;
		padding:0 4vw;
	}
	.column_inner {
		margin:0 0 12.33vw 0;
		padding-bottom:12.33vw;
	}
	.column_inner::before {height:20vw;}
	.column_inner_min {
		display:block;
		width:auto;
		padding:0;
	}
	.column_item {
		width:auto;
		margin:12.33vw 4vw 0 4vw;
	}
	.column_item a::after {
		width:8vw;
		height:8vw;
	}
	.column_list_img {height:50vw;}
	#main_inner h2.column_list_title {
		font-size:4vw;
		margin: 2vw 0 0 0;
		padding:4vw 4vw 0 4vw;
	}
	#contents.column #main_inner ul.column_list_tag {margin-top:2vw;padding:0 4vw 10vw 4vw;}
	#contents.column #main_inner ul.column_list_tag li {
		font-size:3vw;
		margin:1vw 1vw 0 0;
		padding:0 2vw;
	}

	/*-- コラム詳細 --*/
	#contents.single_column #main_inner .column_tag_area {display:block;width:auto;margin:0;padding: 0;}
	#contents.single_column #main_inner .column_tag_area dt {width:92vw;margin:6vw 0 2vw 0;padding:0 0 2vw 0;border-bottom:1px solid #222;}
	#contents.single_column #main_inner .column_tag_area dd {width:92vw;padding:0;border:none;}
	#contents.single_column #main_inner .column_tag_area ul li {font-size:3vw;margin:1vw 1vw 0 0;}
	#contents.single_column #main_inner .column_tag_area ul li a {
		font-size:3vw;
		padding:1vw 2vw;
	}


	/*= 施工実績 ==*/
	#main_inner .case_cate_area,
	#main_inner .case_tag_area {display:block;width:auto;margin:0;padding: 4vw 4vw 0 4vw;}
	#main_inner .case_cate_area dt,
	#main_inner .case_tag_area dt {width:92vw;margin:6vw 0 2vw 0;padding:0 0 2vw 0;border-bottom:1px solid #222;}
	#main_inner .case_cate_area dd,
	#main_inner .case_tag_area dd {width:92vw;padding:0;border:none;}
	#main_inner .case_cate_area ul li,
	#main_inner .case_tag_area ul li {font-size:3vw;margin:1vw 1vw 0 0;}
	#main_inner .case_cate_area ul li a,
	#main_inner .case_tag_area ul li a {
		font-size:3vw;
		padding:1vw 2vw;
	}

	/*-- 施工事例一覧 --*/
	#contents.case #main_inner .case_tag_area-1 {margin-top:5.33vw;}
	#contents.case #main_inner h1,
	#contents.case .case_tag_area {
		width:auto;
		margin:12.33vw 4vw 0 4vw;
		padding:0;
	}
	.case_inner {
		margin:12.33vw 0;
		padding-bottom:12.33vw;
	}
	.case_inner::before {height:20vw;}
	.case_inner_min {
		display:block;
		width:auto;
		margin:0 auto;
		padding:0;
	}
	.case_item {
		width:auto;
		margin:12.33vw 4vw 0 4vw;
	}
	.case_item a::after {
		width:8vw;
		height:8vw;
	}
	#main_inner h2.case_list_title {
		font-size:4vw;
		margin: 4vw 4vw 0 4vw;
		padding:0;
	}
	#contents.case #main_inner ul.case_list_tag {padding:2vw 4vw 10vw 4vw;}
	#contents.case #main_inner ul.case_list_tag li {
		font-size:3vw;
		margin:1vw 1vw 0 0;
		padding:1vw 2vw;
	}
	#contents.case #main_inner .case_list_area {
		font-size:3vw;
		padding:1vw 2vw;
	}

	/*-- 施工実績末端 --*/
	#contents.single_case #main_inner {margin-bottom:12.33vw;padding:1px 0 0 0;}
	#contents.single_case #main_inner::before {height:50vw;}
	#contents.single_case #main_inner h1 {
		width:auto;
		margin:12.33vw 4vw 0 4vw;
		padding:0;
	}
	.case_gallery {
		position:relative;
		width: 92vw;
		margin: 12.33vw auto 0 auto;
	}
	.case_main_img {
		text-align:center;
	  width: 100%;
	  height:60vw;
	}
	.case_thumb_slider{margin-top: 2vw;}
	.case_thumb_item{ padding: 0 1vww; }

	#main .case_thumb_slider .slick-prev,
	#main .case_thumb_slider .slick-next {
		width:12vw;
		height:12vw;
	}
	#main .case_thumb_slider .slick-prev::before {
		margin-top:-3px;
		margin-left:-1px;
	  width: 6px;
	  height: 6px;
	  border-left: 1px solid #fff;
	  border-bottom: 1px solid #fff;
	}
	#main .case_thumb_slider .slick-next::before {
		margin-top:-3px;
		margin-left:-1px;
	  width: 6px;
	  height: 6px;
	   border-top: 1px solid #fff;
	  border-right: 1px solid #fff;
	}
	
	#contents.single_case #main_inner_min {
		width:auto;
		margin:0 auto;
		padding:0 4vw 12.33vw 4vw;
	}
	
	#main_inner .case_page_area {
		font-size:3.74vw;
		padding:1vw 2vw;
	}


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


	/*-- メニューテンプレート --*/
	#main .menu_page .menu_page_title-Sub {
		font-size:4vw;
		width:100vw;
		margin:4vw auto 0 auto;
  	padding:0 4vw;
	}
	#main .menu_page .menu_page_title-Sub span {
		font-size:4vw;
		padding:0 5vw;
	}
	#main .menu_page .menu_page_title-Sub span::before,
	#main .menu_page .menu_page_title-Sub span::after {
		bottom:0;
		width:2px;
		height:5vw;
	}
	#main .menu_page h1 {
		font-size:5.33vw;
		width:100vw;
		margin:4vw auto 0 auto;
  	padding:0 4vw;
	}
	.menu_page_title-catch {
		font-size:4vw;
		width:100vw;
		margin:4vw auto 4vw auto;
  	padding:0 4vw;
	}
	.menu_page_title-catch span {padding:3vw 0;}
	.menu_page_title-point {
		margin-top:0;
	}
	.menu_page_title-point li {
		margin:4vw 3vw;
		padding-left:6vw;
	}
	.menu_page_title-point li::before {
		top:1vw;
		width:3.33vw;
		height:3.33vw;
	}
	#main .menu_page .page_menu_img {
		width:92vw;
		height:50vw;
	}
	#main .menu_page #main_inner .pan p {margin-top:3vw;}
	#main .menu_page #main_inner .menu_page_copy {
		font-size:4vw;
		text-align:center;
	}
	#contents.menu_page .menu_page_kind {
		justify-content:flex-start;
		flex-wrap: wrap;
		width:auto;
		margin:4vw 4vw 0 4vw;
	}
	#contents.menu_page .menu_page_kind li {
		font-size:3vw;
		width:calc(100% / 5);
		margin:0;
		padding:1vw 0;
		border:1px solid #fff;
	}
	#contents.menu_page .menu_page_gaiyo {
		flex-wrap: wrap;
		justify-content: flex-start;
		margin-top:4vw;
	}
	#contents.reform_page .reform_page_gaiyo {
		flex-wrap: wrap;
		justify-content: flex-start;
		margin-top:4vw;
	}
	#contents.menu_page .menu_page_gaiyo dl,
	#contents.reform_page .reform_page_gaiyo dl {
		display:flex;
		align-items: center;
		margin:2vw 2vw;
	}
	#contents.menu_page .menu_page_gaiyo dl dt,
	#contents.reform_page .reform_page_gaiyo dl td {
		font-size:3.47vw;
		padding:1vw 2vw;
	}
	#contents.menu_page .menu_page_gaiyo dl dd,
	#contents.reform_page .reform_page_gaiyo dl dd {
		font-size:3.74vw;
		margin-left:2vw;
	}
	.menu_page_read {
		text-align:center;
		margin:4vw 4vw 0 4vw;
	}
	.menu_page_read span {
		font-size:4vw;
		padding: 2vw 0;
	}
	.menu_page_maker {
		display:flex;
		flex-wrap: wrap;
		justify-content:center;
		width:auto;
		margin:2vw auto 0 auto;
		padding:0 4vw;
	}
	.menu_page_maker li {
		height:4vw;
		margin:3vw 2vw 0 2vw;
	}
	.menu_page_maker li img {width:auto;height:4vw;}

	.menu_page_case {
		margin:0 0 12.33vw 0;
		padding:12.33vw 0;
	}
	.menu_page_case h2 {
		font-size:5.33vw;
		width:auto;
		margin:0 4vw;
		padding:0 0 2vw 0;
	}
	.menu_page_case h2::before {width:20vw;}
	.menu_page_case_inner {
		display:block;
		width:auto;
		padding:0;
		margin: 12.33vw 0 0 0;
	}

	.menu_page_case h3.case_list_title {
		font-size:4vw;
		margin: 4vw 4vw 0 4vw;
		padding:0;
	}
	.menu_page_case ul.case_list_tag {padding:2vw 4vw 10vw 4vw;}
	.menu_page_case ul.case_list_tag li {
		font-size:3vw;
		margin:1vw 1vw 0 0;
		padding:1vw 2vw;
	}
	.menu_page_case .case_list_area {
		font-size:3vw;
		padding:1vw 2vw;
	}


	/*== リフォーム・リノベメニュー ==*/
	.reform #main_inner {padding:1px 0 12.33vw 0;}
	.reform #main_inner h1 {
		width:auto;
		margin:12.33vw 4vw 0 4vw;
		padding:0;
	}
	.reform_read {
		width:auto;
		padding:0;
		margin:4vw 4vw 0 4vw;
	}
	.reform_inner .reform_inner_min {
		display:block;
		width:100%;
		margin:24.33vw 0 0 0;
		padding:30.33vw 4vw 12.33vw 4vw;
	}
	.reform_inner .reform_inner_min::before {
		top:-12.33vw;
		left:4vw;
		width:92vw;
		height:40vw;
	}
	.reform_icon_ex {
		display:block;
	}
	.reform #main_inner .reform_icon_ex p {
		margin:4vw 4vw 0 0;
		width:auto;
		padding-left:7vw;
	}
	.reform #main_inner .reform_icon_ex p::before {
		margin-top:-3vw;
		width:6vw;
		height:6vw;
	}
	.reform_inner_min-Box {width:100%;}
	.reform #main_inner h2 {
		font-size:4.33vw;
		margin-bottom:4vw;
	}
	.reform #main_inner h2::before {
		width:10vw;
	}
	.reform #main_inner h2 span {
		padding-right:4vw;
	}
	.reform #main_inner ul li::before {
		left:4vw;
		margin-top:-3vw;
		width:6vw;
		height:6vw;
	}
	.reform #main_inner ul li a {
		width:calc(100% - 4vw);
	}
	.reform #main_inner ul li.reform_icon a {
		position:relative;
		padding:5vw 4vw 3vw 4vw;
	}
	.reform #main_inner ul li.reform_icon a .reform_icon_area {
		position:absolute;
		top:1px;
		left:1px;
		height:4vw;
	}
	.reform #main_inner ul li.reform_icon a .reform_icon_area img {
		width:4vw;
		height:4vw;
		margin-right:1px;
	}
	.reform #main_inner ul li.reform_icon a p {margin-left:0;}

	/*-- 創造工舎メニュー末端 --*/
	.contents_title_inner {
		width:auto;
	}
	#contents.reform_page .contents_title {
		margin-bottom:33.33vw;
		padding:4vw 4vw 36.33vw 4vw;
	}
	#contents.reform_page .contents_title h1 {
		font-size:5.33vw;
		margin-top:4vw;
		padding:5px 3vw;
	}
	.reform_page #main_inner {padding:12.33vw 4vw;}
	#contents.reform_page .contents_title .contents_title_read {
		font-size:4.66vw;
		margin-top:4vw;
	}
	#contents.reform_page .contents_title .contents_title_list {
		margin-top:4vw;
	}
	#contents.reform_page .contents_title .contents_title_list li {
		width:28.6vw;
		margin:0 2vw;
	}
	.contents_title_icon {
		top:auto;
		bottom:12vw;
		right:2vw;
		width:20vw;
		height:20vw;
	}
	.reform_thumbnail {
		top:auto;
		right:4vw;
		bottom:-30vw;
		width:92vw;
		height:60vw;
	}
	.reform_page_btnarea {
		display:block;
	}
	.reform_page_btnarea p {
		position:relative;
		width:100%;
	}
	.reform_page_btnarea p:before {
		left:4vw;
		margin-top:-3vw;
		width:6vw;
		height:6vw;
	}
	.reform_page_btnarea p a {
		width:calc(100% - 14vw);
		padding-left:14vw;
	}
	.reform_page_btnarea-Bottom {margin-top:12.33vw;}


	/*-- ショップ --*/
	#reform_shop {
		padding:12.33vw 0;
	}
	.reform_shop_min {
		width:auto;
		margin:0 4vw;
		padding:54vw 0 0 0;
	}
	.reform_shop_min::before {
		top:0;
		left:0;
		margin-left:0;
		width:100%;
		height:50vw;
	}
	#reform_shop h2 {
		font-size:5.33vw;
	}
	.reform_shop_add {margin-top:4vw;}
	.reform_shop_map,
	.reform_shop_tel {margin-top:4vw;}
	.reform_shop_map  {
		width:50vw;
	}
	#reform_shop .reform_shop_map a {
		font-size:3vw;
		width:50vw;
		height:10vw;
		line-height:10vw;
	}
	.reform_shop_time,
	.reform_shop_holiday {margin-top:2vw;}
	.reform_shop_btnarea {display:block;margin-top:7.33vw;}
	.reform_btn_shop1 {margin-right:0;}
	.reform_shop_btnarea .reform_btn_shop1 a {padding:0;}
	.reform_shop_btnarea .reform_btn_shop2 a {
		margin-top:4vw;
		padding:0;
	}
	.reform_shop_Repla {margin-top:12.33vw;}
	.reform_btn a {
		text-align:center;
		line-height:16vw;
		width:100%;
		height:16vw;
		padding:0;
	}


	/*== スマホ固定ナビ ==*/
	.mobi_fix {
		z-index:100;
		position:fixed;
		left:0;
		bottom:0;
		display:flex;
		width:100%;
		height:14vw;
	}
	.mobi_fix li {
		width:calc(100% / 3);
	}
	.franc .mobi_fix li {
		width:calc(100% / 4);
	}
	.mobi_fix li a {
		position:relative;
		color:#fff;
		text-decoration:none;
		display:block;
		width:calc(100% - 9vw);
		line-height:14vw;
		padding-left:9vw;
	}
	.mobi_fix li a::after {
		position:absolute;
		top:50%;
		margin-top:-3vw;
		left:2vw;
		display:block;
		content:'';
		width:37px;
		width: 6vw;
		height:6vw;
	}
	.mobi_fix_event {background:#de9a9a;}
	.mobi_fix_reserve {background:#c7b185;}
	.mobi_fix_contact {background:#86c7d8;}
	.mobi_fix_material {background:#7A9E30;}
	.mobi_fix_contact a::after {
		background:url(img/global/icon_contact.svg) center center no-repeat;
		background-size:cover;
	}
	.mobi_fix_event a::after {
		background:url(img/global/icon_event.svg) center center no-repeat;
		background-size:cover;
	}
	.mobi_fix_reserve a::after {
		background:url(img/global/icon_shop.svg) center center no-repeat;
		background-size:cover;
	}
	.mobi_fix_material a::after {
		background:url(img/global/icon_material.svg) center center no-repeat;
		background-size:cover;
	}

	/*-- form LINE --*/
	.line_pc {display:none;}
	#main .line_sp {display:block;}
	#main .line_sp a {background:#06c755;}

}