@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Crimson+Text:ital,wght@0,400;0,600;1,600&display=swap');


:root {
	--color-normal: #333;
	--color-main: #CDAF29;
	--color-main-rgb: 205, 175, 41;
	--color-brown: #68483F;
	--color-beige01: #CAB69E;
	--color-beige02: #F9F7F4;
}

/*================================================
 *  一般・共通設定
 ================================================*/

html {
	font-size: 10px;
}
@media screen and (max-width: 1600px) {
	html {
		font-size: calc(100vw / 1600 * 10);
	}
}
@media screen and (min-width: 800.1px) and  (max-height: 800px)  { /*高さ低い画面用*/
	html {
		font-size: calc(100vh / 100);
	}
	
}

body {
	font-size: 1.6rem;
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 400;
	color: #333;
	text-align: justify;
	text-justify: inter-ideograph;
}

a,.linearAnime {
	color: inherit;
	text-decoration: none;
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
a.underline {
	text-decoration: underline;
}
/*a:hover {
	opacity: 0.7;
}*/
a.underline:hover {
	opacity: 1;
	text-decoration: none;
}
@media screen and (min-width:800.1px) {
	a[href^="tel"] {
		pointer-events: none;
	}
}

img,svg {
	vertical-align: bottom;
}

/*色*/
.color_main {
	color: #CDAF29;
}
.color_white {
	color: #fff;
}
.color_brown {
	color: #68483F;
}

.color_beige01 { /*濃いベージュ*/
	color: #CAB69E;
}
.color_beige02 { /*薄いベージュ*/
	color: #F9F7F4;
}


/*背景*/
.bg_main {
	background-color: #CDAF29;
}
.bg_white {
	background-color: #fff;
}
.bg_brown {
	background-color: #68483F;
}

.bg_beige01 { /*濃いベージュ*/
	background-color: #CAB69E;
}
.bg_beige02 { /*薄いベージュ*/
	background-color: #F9F7F4;
}


/* position */
.relative{
	position: relative;
}
.absolute{
	position: absolute;
}

/* sp/pcの切替 */
.sp,.sp_inline {
	display: none;
}
.d_block {
	display: block;
}
.d_iblock {
	display: inline-block;
}

/*文字揃え*/
.ta-l {
	text-align: justify;
	text-justify: inter-ideograph;
}
.ta-r {
	text-align: right;
}
.ta-c {
	text-align: center;
}
.pcspText { /*PC：中央揃え・SP左揃え用*/
	text-align: center;
}

/*文字種類*/
.ff_notosans {
	font-family: "Noto Sans JP", sans-serif;
}
.ff_crimson {
	font-family: "Crimson Text", serif;
	font-weight: 400;
}




/*文字太さ*/
.fontThin {
	font-weight: 100;
}
.fontExLight {
	font-weight: 200;
}
.fontLight {
	font-weight: 300;
}
.fontRegular {
	font-weight: 400;
}
.fontMedium {
	font-weight: 500;
}
.fontSemiBold {
	font-weight: 600;
}
.fontBold {
	font-weight: 700;
}
.fontExBold {
	font-weight: 800;
}
.fontBlack {
	font-weight: 900;
}

/*文字スタイル*/
.fs_italic {
	font-style: italic;
}

/*Text Crop*/
[class*="textcrop"] {
	display: block;
}
[class*="textcrop"]::before,
[class*="textcrop"]::after {
	content: '';
	display: block;
	height: 0;
	width: 0;
}
[class*="textcrop"]::before {
	margin-bottom: -0.133em;
}
[class*="textcrop"]::after {
	margin-top: -0.133em;
}


.ff_crimson.textcrop::before {
	margin-bottom: -0.13em;
}
.ff_crimson.textcrop::after {
	margin-top: -0.195em;
}


.textcrop_notosans {
	display: inline-block;
}
.textcrop_notosans::before {
	margin-bottom: -0.15em;
}
.textcrop_notosans::after {
	margin-top: 0;
}

/*文字詰め*/
.ffs_palt {
	-webkit-font-feature-settings: 'palt' 1;
	font-feature-settings: 'palt' 1; /*プロポーショナルメトリクス*/
}
.ffs_halt {
	-webkit-font-feature-settings: 'halt' 1;
	font-feature-settings: 'halt' 1; /*字幅半角メトリクス*/
}

/*文字間隔*/
.ltsg04 {
	letter-spacing: 0.04em!important;
}
.ltsg05em {
	letter-spacing: 0.5em!important;
}
.ltsg05em_indent {
	display: inline-block;
	letter-spacing: 0.5em!important;
	text-indent: 0.5em!important;
}


/*上付き文字*/
.sup {
	font-size: 60%;
	vertical-align: super;
}

/*幅*/
.wrap,
.wrap_rem,
.wrap_wide,
.wrap_wide_rem,
.wrap_big_rem,
.wrap_large_rem {
	margin: 0 auto;
}
.wrap {
	max-width: 940px;
	width: 100%;
}
.wrap_rem {
	width: 94rem;
}
.wrap_wide {
	max-width: 1100px;
	width: 100%;
}
.wrap_wide_rem {
	width: 110rem;
}
/*.wrap_big_rem {
	width: 126rem;
}
.wrap_large_rem {
	width: 140rem;
}*/
.wid100 {
	width: 100%;
	height: auto;
}
@media screen and (min-width: 800.1px) {
	.pdg_lr {
		padding-right: 5rem;
		padding-left: 5rem;
	}
}



/*高さ*/
.h100vh {
	height: 100vh;
	height: calc((var(--vh, 1vh) * 100));
}
.minh100vh {
	min-height: 100vh;
	min-height: calc((var(--vh, 1vh) * 100));
}

/*Animate.css用*/
.animated,
.animated-rm0,
.animated-dly-item,
.animation,
.animated-child {
	opacity: 0;
	animation-duration: 1s;
	animation-fill-mode: both;
}
.animated.move,
.animated-rm0.move,
.animated-dly-item.move,
.animation.move,
.animated-child.move {
	opacity: 1;
}
.lazyload {
	opacity: 0;
}


/*******object-fit*******/
[class*="object-fit"] {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
	font-family: 'object-fit: cover; object-position: center center;';
}
.object-fit-ct {
	object-fit: contain;
	font-family: 'object-fit: contain; object-position: center center;';
}
.object-fit-p-tc {
	object-position: top center;
}
.object-fit-p-tr {
	object-position: top right;
}
.object-fit-p-tl {
	object-position: top left;
}
.object-fit-p-bc {
	object-position: bottom center;
}
.object-fit-p-br {
	object-position: bottom right;
}
.object-fit-p-bl {
	object-position: bottom left;
}
.object-fit-p-cl {
	object-position: center left;
}
.object-fit-p-cr {
	object-position: center right;
}


/*******flexbox*******/
[class*="flex_start"] {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
[class*="flex_end"] {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: end;
	-webkit-justify-content: flex-end;
	justify-content: flex-end;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
[class*="flex_between"] {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
[class*="flex_center"] {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	width: 100%;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
[class*="flex_inline"] {
	display: -webkit-inline-box;
	display: inline-flex;
}
.nowrap {
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
}
.shrink0 {
	flex-shrink: 0;
}
.align_items_start {
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
}
.align_items_center {
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.align_items_end {
	-webkit-box-align: end;
	-webkit-align-items: flex-end;
	align-items: flex-end;
}
.direction_column {
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	flex-direction: column;
}
.row_reverse {
	-webkit-box-direction: reverse;
	-webkit-flex-direction: row-reverse;
	flex-direction: row-reverse;
}


/*================================================
 *  ホバー
 ================================================*/
.hover_opa_tra:hover{
	opacity: 0.7;
}

/*ホバーで下線*/
.hover_underline:hover,
.hover_list_underline a:hover {
	opacity: 1;
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 0.2em;
}













/*通常：白文字＋線有+背景透明　ホバー：白線＋背景白*/
.hover_fff_bg {
	border: 2px solid!important;
	color: #fff;
	transition: var(--transition);
}
.hover_fff_bg:hover {
	background-color: #fff;
}


/*ホバー：文字色だけ変更*/
.hover_list_main a:hover,
.hover_color_main:hover > * {
	color: var(--color-main)!important;
}



/*================================================
 *  ヘッダー
 ================================================*/
header {
	position: absolute;
	top: 0;
	left: 0;
	padding: 2.5rem 0 2.5rem 5.5rem;
	z-index: 100;
}
header .inner .logo {
	height: 6.4rem;
}



/*================================================
 *  fixed ボタン
 ================================================*/
#fixed_btn {
	position: fixed;
	top: 0;
	right: 0;
	padding: 2.5rem 2.5rem 0 0;
	z-index: 500;
}
#fixed_btn ul {
	border-radius: 100vh;
	display: flex;
	align-items: center;
	height: 8.4rem;
	padding: 2.5rem 1.5rem;
	white-space:  nowrap;
}
#fixed_btn ul li {
	width: 25rem;
}
@media screen and (min-width: 800.1px) {
	#fixed_btn ul li + li {
		border-left: 1px solid #fff;
	}
}
#fixed_btn ul li a {
	display: flex;
	align-items: center;
	justify-content: center;
}
#fixed_btn ul li a .replace-svg {
	height: 2.4rem;
	width: auto;
	margin-right: 1rem;
}
#fixed_btn ul li a em {
	font-size: 2.2rem;
	font-weight: 500;
	letter-spacing: 0.1em;
}
#fixed_btn ul li.btn_tel a em.pc {
	font-size: 3rem;
	font-weight: 400;
	letter-spacing: 0.08em;
}



/*================================================
 *  共通コンテンツ
 ================================================*/
main {
	/*overflow: hidden;*/
	overflow-x: clip;
}


/*******箇条書きリスト*******/
.kome_list li,
.disc_list li,
.circle_list li,
.square_list li,
.indent_list li {
	list-style-position:inside;
	padding-left: 1em;
	text-indent: -1em;
}
/*※箇条書き*/
.kome_list > li:before{
	display: inline;
	content: "\203b";
}
/*・箇条書き*/
.disc_list > li:before{
	display: inline;
	content: "\30fb";
}
/*●箇条書き*/
.circle_list > li:before{
	display: inline;
	content: "\25CF";
}
/*■箇条書き*/
.square_list > li:before{
	display: inline;
	content: "\25A0";
}
/*()数字*/
.number_list {
	counter-reset: cnt 0;
}
.number_list > li{
	padding-left: 2.16em;
	text-indent: -2.66em;
	list-style-type:none;
	list-style-position:inside;
	counter-increment: cnt;
}
.number_list > li:before{
	display: inline;
	content: "（" counter(cnt) "）";
}
/*数字.*/
.decimal_list {
	counter-reset: dcnt 0;
}
.decimal_list > li{
	padding-left: 1em;
	text-indent: -1em;
	list-style-type:none;
	list-style-position:inside;
	counter-increment: dcnt;
}
.decimal_list > li:before{
	display: inline;
	content: counter(dcnt) ".";
}



/*******見出し*******/
section .headtitle h2 {
	position: relative;
	text-align: center;
}
section .headtitle h2 span {
	display: inline-block;
	color : rgba(226, 217, 199, 0.25);
	font-size: 28rem;
	letter-spacing: 0.08em;
}
section#spec_area .headtitle h2 span {
	color : rgba(226, 217, 199, 0.15);
	mix-blend-mode: multiply;
}
@media screen and (min-width: 800.1px) {
	section .headtitle h2 .replace-svg {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		z-index: 1;
		white-space: nowrap;
		height: 4.4rem;
		width: auto;
	}
}
section .headtitle > p {
	text-align: center;
	margin: -0.8em 0 -0.5em;
}



/*******1文字アニメーション（テキスト or SVG）*******/
.js-title-anime .replace-svg,
.js-title-anime .replace-svg path {
	opacity: 0;
}
.js-title-anime .replace-svg.move,
.js-title-anime .replace-svg path.move {
	opacity: 1;
}
.js-title-anime .replace-svg path {
	filter: blur(0.5rem);
	transition: opacity 0.8s ease-out, filter 0.5s ease-out;
}
.js-title-anime .replace-svg path.move {
	filter: blur(0);
}





/*================================================
 *  コンテンツ
 ================================================*/

/*===============メインエリア===============*/
section#main_area .bg_box {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
}
section#main_area .bg_box::before {
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background : rgba(226, 217, 199, 0.2);
	z-index: -1;
}
section#main_area .bg_box #main_bg_slider {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 212rem;
	z-index: -2;
}


section#main_area .main_box .unit_slider {
	width: 50%;
	width: calc(50% + 3rem);
}
section#main_area .main_box .unit_slider #main_slider {
	border-radius: 8rem 0 0 0;
	height: 100%;
}

section#main_area .main_box .unit_slider h2 {
	top: 15rem;
	right: 6rem;
	z-index: 10;
}
section#main_area .main_box .unit_slider h2 img {
	width: 16.8rem;
}


section#main_area .main_box .unit_title {
	-webkit-flex-grow: 1;
	flex-grow: 1;
}
section#main_area .main_box .unit_title .inr {
	width: 63rem;
}
section#main_area .main_box .unit_title .inr h1 .replace-svg {
	width: 53rem;
	height: auto;
}

section#main_area .main_box .unit_title .inr h1.move #logoMask01 path {
	fill: none;
	stroke: #ffffff;
	stroke-width: 15;
	stroke-dasharray: 1800px;
	stroke-dashoffset: 1800px;
	animation: logoMask01 1.2s both;
}
section#main_area .main_box .unit_title .inr h1.move #logoMask02 line {
	fill: none;
	stroke: #ffffff;
	stroke-width: 37;
	stroke-dasharray: 250px;
	stroke-dashoffset: 250px;
	animation: logoMask02 0.5s 1s both;
}
@keyframes logoMask01 {
	0%{stroke-dashoffset: 1800px;}
	100%{stroke-dashoffset: 0;}
}
@keyframes logoMask02 {
	0%{stroke-dashoffset: 250px;}
	100%{stroke-dashoffset: 0;}
}


section#main_area .main_box .unit_title .inr .img_ribbon {
	margin: 2rem 0 0 16rem;
	width: 35rem;
}
section#main_area .main_box .unit_title .inr .img_point {
	margin: 3rem -2.5rem 0 auto;
	width: 59.4rem;
	position: relative;
	z-index: 1;
}
section#main_area .main_box .unit_title .inr .img_point img {
	width: 26rem;
}
section#main_area .main_box .unit_title .inr .img_point img.move {
	animation-name:fadeIn
}
section#main_area .main_box .unit_title .inr .img_point img:nth-child(2) {
	width: 4.5rem;
}


/*デコ背景*/
section#main_area .main_box .bg_deco {
	position: absolute;
	left: -1rem;
	bottom: -6rem;
	width: 29.8rem;
	z-index: -1;
}


/*******イントロダクション*******/
section#main_area .intro_box {
	padding: 13rem 0 40rem;
	width: 128rem;
	margin: 0 auto;
}
section#main_area .intro_box .unit_txt {
	position: relative;
	z-index: 5;
}
section#main_area .intro_box .unit_txt h2 img {
	width: 53rem;
}
section#main_area .intro_box .unit_txt h3 {
	padding: 8rem 0 0 13rem;
}
section#main_area .intro_box .unit_txt h3 .replace-svg {
	width: 45.1rem;
	height: auto;
}
section#main_area .intro_box .unit_txt .inr {
	padding: 5rem 0 0 18rem;
}

section#main_area .intro_box .unit_txt .img_point {
	margin-top: 8rem;
}
section#main_area .intro_box .unit_txt .img_point img {
	width: 118rem;
}

@media screen and (min-width: 800.1px) {
	section#main_area .intro_box .unit_bg {
		position: absolute;
		top: 0;
		left: 50%;
		transform: translateX(-50%);
		width: 190rem;
		height: 100%;
	}
}
section#main_area .intro_box .unit_bg img {
	position: absolute;
	z-index: -1;
}

@media screen and (min-width: 800.1px) {
	section#main_area .intro_box .unit_bg .bg_plx01 {
		left: 0;
		top: 3rem;
		width: 26.6rem;
	}
	section#main_area .intro_box .unit_bg .bg_plx02 {
		top: 7rem;
		right: 39rem;
		width: 43rem;
	}
	section#main_area .intro_box .unit_bg .bg_plx03 {
		top: 28.5rem;
		right: 0;
		width: 47.4rem;
	}
	section#main_area .intro_box .unit_bg .bg_plx04 {
		top: 68.5rem;
		right: 31.5rem;
		width: 43rem;
	}
	section#main_area .intro_box .unit_bg .bg_plx05 {
		left: 10rem;
		top: 88rem;
		width: 28rem;
	}
	
}

/*背景デコ*/
@media screen and (min-width: 800.1px) {
	section#main_area .intro_box .bg_deco01 {
		top: 57rem;
		left: 50%;
		margin-left: 12rem;
		width: 15.5rem;
	}
	section#main_area .intro_box .bg_deco02 {
		left: 50%;
		margin-left: 68rem;
		bottom: 44rem;
		width: 18.8rem;
	}
}





/*******プレゼント*******/
#present_area {
	top: -31rem;
	margin-bottom: -31rem;
	z-index: 5;
}
#present_area a picture img {
	width: 100rem;
}
#present_area a .btn {
	position: absolute;
	bottom: 7rem;
	right: 7.5rem;
	border: 2px solid #FCEE21;
	background-color: #FCEE21;
	border-radius: 100vh;
	color: #B788A9;
	font-size: 2.8rem;
	font-weight: 700;
	letter-spacing: 0.08em;
	height: 9rem;
	width: 38rem;
}
#present_area a:hover .btn {
	background-color: transparent;
	color: #FCEE21;
}
#present_area a .btn img {
	opacity: 0;
}
#present_area a .btn .replace-svg {
	width: 3rem;
	height: auto;
	margin-right: 0.7em;
}
#present_area a .btn .replace-svg path {
	stroke: currentColor
}




/*===============選べる豊富なプラン===============*/
section#plan_area {
	padding-top: 14rem;
}

section#plan_area .inner {
	margin-top: 13rem;
}
section#plan_area .inner [class*="plan_box"] {
	position: relative;
	display: grid; 
	grid-template-columns: 50% 50%; 
	grid-template-rows: auto 1fr auto; 
	gap: 0px 0px; 
	grid-template-areas: 
    "unit_title unit_mainslider"
    "unit_txt unit_mainslider"
    "unit_thumblist unit_thumblist";
	justify-content: end;
}
section#plan_area .inner [class*="plan_box"]::before,
section#plan_area .inner [class*="plan_box"]::after {
	position: absolute;
	content: '';
	left: 0;
	width: 100%;
	background-color: #fff;
}
section#plan_area .inner [class*="plan_box"]::before {
	top: -1px;
	height: 8rem;
}
section#plan_area .inner [class*="plan_box"]::after {
	bottom: -1px;
	height: 6rem;
}

section#plan_area .inner [class*="plan_box"]:nth-of-type(n+2) {
	margin-top: 20rem;
}
section#plan_area .inner [class*="plan_box"]:nth-of-type(even) {
	grid-template-areas: 
    "unit_mainslider unit_title"
    "unit_mainslider unit_txt"
    "unit_thumblist unit_thumblist";
	justify-content: start;
}

section#plan_area .inner [class*="plan_box"] > div {
	position: relative;
	z-index: 1;
}
section#plan_area .inner [class*="plan_box"] .unit_title { grid-area: unit_title; }
section#plan_area .inner [class*="plan_box"] .unit_mainslider { grid-area: unit_mainslider; }
section#plan_area .inner [class*="plan_box"] .unit_thumblist { grid-area: unit_thumblist; }
section#plan_area .inner [class*="plan_box"] .unit_txt { grid-area: unit_txt; }

section#plan_area .inner [class*="plan_box"] .unit_title,
section#plan_area .inner [class*="plan_box"] .unit_txt {
	width: 60rem;
}
section#plan_area .inner [class*="plan_box"]:nth-of-type(odd) .unit_title,
section#plan_area .inner [class*="plan_box"]:nth-of-type(odd) .unit_txt {
	margin-left: auto;
}
section#plan_area .inner [class*="plan_box"]:nth-of-type(odd) .unit_mainslider {
	padding-left: 7rem;
}
section#plan_area .inner [class*="plan_box"]:nth-of-type(even) .unit_mainslider {
	padding-right: 7rem;
}

/*タイトル*/
section#plan_area .inner [class*="plan_box"] .unit_title {
	margin: 0 0 4.5rem 0.7rem;
}
section#plan_area .inner [class*="plan_box"] .unit_title > span {
	display: block;
	color: #B3B3B3;
	font-size: 2.6rem;
	letter-spacing: 0.08em;
	text-align: left;
	margin: 0 0 1.15em 0.2em;
}
section#plan_area .inner [class*="plan_box"] .unit_title > em {
	position: relative;
	display: block;
}
section#plan_area .inner [class*="plan_box"] .unit_title > em .img_title {
	height: 14rem;
	position: relative;
	z-index: 2;
}
section#plan_area .inner [class*="plan_box"] .unit_title > em .img_marker {
	position: absolute;
	bottom: -3.5rem;
	left: -0.2rem;
	height: 4.7rem;
}

/*背景デコ*/
section#plan_area .inner [class*="plan_box"] .unit_title .bg_deco {
	z-index: -1;
}
section#plan_area .inner .plan_box01 .unit_title .bg_deco {
	top: -17rem;
	left: -22.5rem;
	width: 19.6rem;
}
section#plan_area .inner .plan_box02 .unit_title .bg_deco {
	top: -5rem;
	right: -21.5rem;
	width: 17.6rem;
}
section#plan_area .inner .plan_box03 .unit_title .bg_deco {
	top: -4.5rem;
	left: -24rem;
	width: 20.3rem;
}


/*スライダー*/
section#plan_area .inner [class*="plan_box"] .unit_mainslider .plan_slider,
section#plan_area .inner [class*="plan_box"] .unit_mainslider .plan_slider .swiper-slide img {
	width: 100%;
}
section#plan_area .inner [class*="plan_box"] .unit_mainslider .plan_slider {
	height: 61.6rem;
}
section#plan_area .inner [class*="plan_box"] .unit_mainslider .plan_slider .swiper-slide figure {
	height: 100%;
}
section#plan_area .inner [class*="plan_box"] .unit_mainslider .plan_slider .swiper-slide::before {
	position: absolute;
	content: '';
	bottom: 0;
	left: 0;
	width: 100%;
	height: 0;
	padding-top: 21%;
	background : linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 30%, rgba(0, 0, 0, 0.3) 60%, rgba(0, 0, 0, 0.7) 100%);
	mix-blend-mode: multiply;
}
section#plan_area .inner [class*="plan_box"] .unit_mainslider .plan_slider .swiper-slide figure figcaption {
	position: absolute;
	bottom: 2em;
	left: 2em;
	color: #fff;
	font-size: 3rem;
	font-weight: 500;
	line-height: 1.5;
	letter-spacing: 0.1em;
	text-shadow : 0px 0px 0.2em rgba(0, 0, 0, 0.3);
	margin-bottom: -0.25em;
	z-index: 2;
}



/*サムネリスト*/
section#plan_area .inner [class*="plan_box"] .unit_thumblist {
	display: flex;
	width: 99rem;
	margin: 6rem auto 0;
}
section#plan_area .inner [class*="plan_box"] .unit_thumblist > div {
	width: calc((100% - 3rem) / 4);
	cursor: pointer;
	position: relative;
}
section#plan_area .inner [class*="plan_box"] .unit_thumblist > div + div {
	margin-left: 1rem;
}
section#plan_area .inner [class*="plan_box"] .unit_thumblist > div img {
	width: 100%;
}


/*テキスト*/
section#plan_area .inner [class*="plan_box"] .unit_txt {
	padding: 0 7rem 0 5rem;
}
section#plan_area .inner [class*="plan_box"] .unit_txt .img_price {
	display: block;
	height: 10.5rem;
	width: auto;
	margin-top: 2.5rem;
}












/*===============自分好みにカスタマイズ===============*/
section#custom_area {
	padding: 16rem 0 20rem;
}


section#custom_area .inner {
	width: 120rem;
	margin: 10rem auto 0;
}



section#custom_area .inner [class*="custom_box"] {
	border-radius: 4rem;
	position: relative;
	padding: 0 12rem 10rem;
}
section#custom_area .inner .custom_box04 {
	padding: 0 10rem 10rem;
}
section#custom_area .inner [class*="custom_box"]:nth-of-type(n+2) {
	margin-top: 14rem;
}
section#custom_area .inner [class*="custom_box"]:nth-of-type(n+2)::before {
	position: absolute;
	content: '';
	top: -10rem;
	left: 50%;
	transform: translateX(-50%);
	width: 5.5rem;
	height: 5.5rem;
	background: url("../images/custom_icon_plus.svg") center center / contain no-repeat;
}

section#custom_area .inner [class*="custom_box"] h3 {
	position: relative;
	top: -0.7rem;
	margin-bottom: -0.7rem;
	text-align: center;
}
section#custom_area .inner [class*="custom_box"] h3 > span {
	display: flex;
	flex-direction: column;
	align-items: center;
	flex-shrink: 0;
}
section#custom_area .inner [class*="custom_box"] h3 > span span {
	display: block;
	margin: -0.13em 0 -0.195em;
}
section#custom_area .inner [class*="custom_box"] h3 > span span:first-child {
	font-size: 2.2rem;
	letter-spacing: 0.12em;
	margin-bottom: 0.5em;
}
section#custom_area .inner [class*="custom_box"] h3 > span span:last-child {
	font-size: 12rem;
	letter-spacing: 0.04em;
}
section#custom_area .inner [class*="custom_box"] h3 > em {
	display: block;
	font-size: 4rem;
	font-weight: 500;
	line-height: 1.5;
	letter-spacing: 0.04em;
	margin: 6rem 0 3rem;
}

/*CUSTOM01 CUSTOM02*/
section#custom_area .inner .custom_box01 .unit_img,
section#custom_area .inner .custom_box02 .unit_img {
	margin-top: 6rem;
}
@media screen and (min-width: 800.1px) {
	section#custom_area .inner .custom_box01 .unit_img picture + picture,
	section#custom_area .inner .custom_box02 .unit_img picture + picture {
		display: block;
		margin-top: 1rem;
	}
}
section#custom_area .inner .custom_box01 .unit_img picture img,
section#custom_area .inner .custom_box02 .unit_img picture img {
	width: 100%;
}


/*CUSTOM03*/
section#custom_area .inner .custom_box03 .unit_img {
	margin-top: 6rem;
}
section#custom_area .inner .custom_box03 .unit_img > div {
	width: calc((100% - 4rem) / 2);
}
section#custom_area .inner .custom_box03 .unit_img > div h5 {
	display: flex;
	align-items: center;
	height: 4.1rem;
	margin-bottom: 2rem;
}


/*CUSTOM04*/
section#custom_area .inner .custom_box04 .option_list {
	font-size: 2.2rem;
	font-weight: 500;
	margin: 4rem 0 5.5rem 2rem;
}
section#custom_area .inner .custom_box04 .option_list li {
	background-color: #fff;
	border-radius: 100vh;
	border: 2px solid var(--color-beige01);
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	padding: 0.4em 0;
	min-height: 8rem;
	width: calc((100% - 6rem) / 3);
	margin: 2rem 0 0 2rem;
}


/*背景デコ*/
section#custom_area .inner .custom_box01 .bg_deco {
	top: -20.5rem;
	right: -36rem;
	width: 41.3rem;
}
section#custom_area .inner .custom_box02 .bg_deco {
	top: -20rem;
	left: -26rem;
	width: 26.9rem;
}
section#custom_area .inner .custom_box03 .bg_deco {
	top: -19rem;
	right: -28rem;
	width: 33.6rem;
}
section#custom_area .inner .custom_box04 .bg_deco {
	left: -25.5rem;
	bottom: -7rem;
	width: 26.6rem;
}





/*===============注文住宅レベルの性能と保証===============*/
section#spec_area {
	padding: 9rem 0 17rem;
}
section#spec_area .section_bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	height: calc(100% + 10rem);
	z-index: -1;
}

@media screen and (min-width: 800.1px) {
	section#spec_area .bottom_bg_deco {
		width: 20.2rem;
		bottom: -4rem;
		left: 50%;
		margin-left: 63rem;
	}
}



section#spec_area .headtitle .img_deco01 {
	top: -4rem;
	right: 50%;
	margin-right: 41.5rem;
	width: 11rem;
}
section#spec_area .headtitle .img_deco02 {
	bottom: -4rem;
	left: 50%;
	margin-left: 40rem;
	width: 7.9rem;
}

section#spec_area .inner {
	z-index: 5;
	margin-top: 10rem;
}

section#spec_area .inner [class*="spec_box"] {
	display: flex;
	position: relative;
}
section#spec_area .inner [class*="spec_box"]:nth-of-type(n+2) {
	margin-top: 8rem;
	padding-top: 8rem;
}
section#spec_area .inner [class*="spec_box"]:nth-of-type(n+2)::before {
	position: absolute;
	content: '';
	top: -1px;
	left: 50%;
	transform: translateX(-50%);
	width: 50rem;
	height: 2px;
	background-image: linear-gradient( 90deg, rgba(226, 217, 199, 0), rgba(226, 217, 199, 1) 50%, rgba(226, 217, 199, 0) 100%);
} 
section#spec_area .inner [class*="spec_box"] .unit_img {
	width: 45rem;
	flex-shrink: 0;
}
section#spec_area .inner [class*="spec_box"] .unit_txt {
	-webkit-flex-grow: 1;
	flex-grow: 1;
	padding-left: 5.5rem;
}
section#spec_area .inner [class*="spec_box"] .unit_txt h3 {
	display: flex;
	align-items: center;
}
section#spec_area .inner [class*="spec_box"] .unit_txt h3 > span {
	display: flex;
	flex-direction: column;
	align-items: center;
	flex-shrink: 0;
	margin-right: 2.5rem;
}
section#spec_area .inner [class*="spec_box"] .unit_txt h3 > span span {
	display: block;
	margin: -0.13em 0 -0.195em;
}
section#spec_area .inner [class*="spec_box"] .unit_txt h3 > span span:first-child {
	font-size: 1.9rem;
	letter-spacing: 0.12em;
	margin-bottom: 0.5em;
}
section#spec_area .inner [class*="spec_box"] .unit_txt h3 > span span:last-child {
	font-size: 8.6rem;
	letter-spacing: 0.04em;
}
section#spec_area .inner [class*="spec_box"] .unit_txt h3 > em {
	position: relative;
}
section#spec_area .inner [class*="spec_box"] .unit_txt h3 > em .img_title {
	height: 9rem;
	position: relative;
	z-index: 2;
}
section#spec_area .inner [class*="spec_box"] .unit_txt h3 > em .img_marker {
	position: absolute;
	bottom: -2.3rem;
	left: 1rem;
	height: 2.9rem;
	width: auto;
}
section#spec_area .inner [class*="spec_box"] .unit_txt .inr {
	padding: 3.5rem 0 0 5.5rem;
}
section#spec_area .inner [class*="spec_box"] .unit_txt .inr .hosho_list {
	font-size: 2rem;
	font-weight: 500;
	line-height: 1.5;
	margin: 3rem 0 0 -2rem;
}
section#spec_area .inner [class*="spec_box"] .unit_txt .inr .hosho_list li {
	background-color: #fff;
	border-radius: 100vh;
	border: 2px solid var(--color-beige01);
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	padding: 0.4em 0;
	min-height: 8rem;
	width: calc((100% - 1rem) / 2);
}
section#spec_area .inner [class*="spec_box"] .unit_txt .inr .hosho_list li:nth-child(n+3) {
	margin-top: 1rem;
}









/*================================================
 *  フッター
 ================================================*/

/*******フッター用お問い合わせ-*******/
#footer_contact_area {
	border-radius: 8rem 8rem 0 0;
	padding-bottom: 14rem;
}
#footer_contact_area .title {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-bottom: 6rem;
}
#footer_contact_area .title > span {
	font-size: 21.4rem;
	letter-spacing: 0.08em;
	mix-blend-mode: multiply;
	opacity: 0.2;
}
#footer_contact_area .title em {
	font-size: 3.4rem;
	font-weight: 700;
	line-height: 1.75;
	letter-spacing: 0.14em;
	margin-top: -0.2em;
}


#footer_contact_area .btn_list a {
	border-radius: 2rem;
	border-width: 3px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	height: 22rem;
	width: calc(50% - 3rem);
}
#footer_contact_area .btn_list a .replace-svg {
	height: 5rem;
	width: auto;
	margin-bottom: 4rem;
}
#footer_contact_area .btn_list a:hover .replace-svg path {
	stroke: var(--color-main);
}
#footer_contact_area .btn_list a em {
	font-size: 3.6rem;
	font-weight: 500;
	letter-spacing: 0.12em;
}
#footer_contact_area .btn_list a.btn_tel em {
	font-size: 5.6rem;
	font-weight: 600;
	letter-spacing: 0.1em;
}


/*******フッター用会社情報*******/
footer #footer_info_area {
	padding-top: 11rem;
}
footer #footer_info_area .sns_list {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%,-50%);
	z-index: 5;
	display: flex;
	justify-content: center;
	align-items: center;
}
footer #footer_info_area .sns_list a + a {
	margin-left: 2rem;
}
footer #footer_info_area .sns_list a img {
	width: 9rem;
}

footer #footer_info_area .info_box .company_name {
	font-size: 3.6rem;
	font-weight: 500;
	letter-spacing: 0.04em;
	text-align: center;
	margin-bottom: 5.5rem;
}
footer #footer_info_area .info_box .shop_list {
	font-size: 1.8rem;
	line-height: 1.75;
}
footer #footer_info_area .info_box .shop_list dl {
	display: flex;
}
footer #footer_info_area .info_box .shop_list dl dt {
	border: 1px solid;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 9rem;
}
footer #footer_info_area .info_box .shop_list dl dd {
	padding-left: 1em;
}

/*******フッター最下部*******/
footer #footer_bottom_area {
	font-size: 1.8rem;
	padding: 7rem 0 5rem;
}
footer #footer_bottom_area .copyright {
	font-size: 1.4rem;
}












/*================================================================================================
 *  スマートフォン向けデザイン
 ================================================================================================*/
@media screen and (max-width:800px) {

body {
	font-size: 4vw;
}	

img {
	max-width: 100%;
}



/*文字揃え*/
.pcspText { /*PC：中央揃え・SP左揃え用*/
	text-align: justify;
	text-justify: inter-ideograph;
}

/* sp/pcの切替 */
.sp {
	display: block;
}
.sp_inline {
	display: inline;
}
.pc,.sp_none {
	display: none;
}

/*幅*/
.wrap,
.wrap_wide,
.wrap_big {
	max-width: inherit;
	width: 90vw;
}
.wrap_rem,
.wrap_wide_rem,
.wrap_big_rem,
.wrap_large_rem,
.wrap_max_rem {
	width: 100%;
}
.wrap_sp {
	width: 90vw!important;
	margin-left: auto!important;
	margin-right: auto!important;
}
.wrap_sp_ss {
	width: 74vw!important;
	margin-left: auto!important;
	margin-right: auto!important;
}
.wrap_sp_small {
	width: 80vw!important;
	margin-left: auto!important;
	margin-right: auto!important;
}
.wrap_sp_medium {
	width: 86vw!important;
	margin-left: auto!important;
	margin-right: auto!important;
}


.sp_wid100 {
	width: 100%!important;
}

/*******flexbox*******/
.flex_start_spblock,
.flex_end_spblock,
.flex_between_spblock,
.flex_center_spblock,
.flex_inline_spblock {
	display: block;
}


/*================================================
 *  ヘッダー
 ================================================*/
header {
	padding: 4vw 0 0 3.5vw;
}
header .inner .logo {
	height: 8.5vw;
}


/*================================================
 *  fixed ボタン
 ================================================*/
#fixed_btn {
	top: auto;
	bottom: 0;
	padding: 0;
	width: 100%;
	opacity: 0;
	visibility: hidden;
}
#fixed_btn ul {
	background: none!important;
	border-radius: 0;
	justify-content: center;
	height: 18vw;
	padding: 0;
	width: 100%;
}
#fixed_btn ul li {
	width: 40vw;
	height: 100%;
}
#fixed_btn ul li + li {
	margin-left: 3vw;
}
#fixed_btn ul li a {
	border: 1px solid #fff;
	border-bottom: none;
	border-radius: 2.6vw 2.6vw 0 0;
	flex-direction: column;
	height: 100%;
	padding-bottom: 1vw;
}
#fixed_btn ul li a .replace-svg {
	height: 4.5vw;
	margin: 0 0 2.8vw;
}
#fixed_btn ul li a em {
	font-size: 4.2vw;
}




/*================================================
 *  共通コンテンツ
 ================================================*/

/*******見出し*******/
section .headtitle h2 span {
	font-size: 22.1vw;
}
section .headtitle h2 .replace-svg {
	width: 100vw;
	height: auto;
	margin-top: -4.5vw;
}
section .headtitle > p {
	margin-top: 8vw;
}




/*================================================
 *  コンテンツ
 ================================================*/

/*===============メインエリア===============*/
section#main_area .bg_box #main_bg_slider {
	height: 266.6vw;
}

section#main_area .main_box {
	padding-top: 20vw;
	min-height: inherit;
}
section#main_area .main_box .unit_slider {
	width: 96vw;
	height: 73.3vw;
	margin: 0 0 0 auto;
}
section#main_area .main_box .unit_slider #main_slider {
	border-radius: 10.6vw 0 0 0;
}

section#main_area .main_box .unit_slider h2 {
	top: -1vw;
	right: auto;
	left: 6vw;
}
section#main_area .main_box .unit_slider h2 img {
	width: 25vw;
}


section#main_area .main_box .unit_title {
	padding-bottom: 15vw;
	margin-top: -2vw;
}
section#main_area .main_box .unit_title .inr {
	width: 100%;
}
section#main_area .main_box .unit_title .inr h1 {
	margin-left: 8vw;
	position: relative;
	z-index: 1;
}
section#main_area .main_box .unit_title .inr h1 .replace-svg {
	width: 70vw;
}

section#main_area .main_box .unit_title .inr .img_ribbon {
	position: absolute;
	top: 0;
	right: 3.7vw;
	margin: 0;
	width: 25vw;
	z-index: 5;
	opacity: 1!important;
}
section#main_area .main_box .unit_title .inr .img_point {
	margin: 6vw auto 0;
	width: 70vw;
}
section#main_area .main_box .unit_title .inr .img_point img {
	width: 30vw;
	animation-duration: 0.7s;
}
section#main_area .main_box .unit_title .inr .img_point img:nth-child(2) {
	width: 5.8vw;
}
section#main_area .main_box .unit_title .inr .img_point img:not(:nth-child(2)).move {
	animation-name:fadeInUpSmall;
}
section#main_area .main_box .unit_title .inr .img_point img:nth-child(2).move {
	animation-delay: 0.25s;
}
section#main_area .main_box .unit_title .inr .img_point img:nth-child(3).move {
	animation-delay: 0.5s;
}




/*デコ背景*/
section#main_area .main_box .bg_deco {
	left: auto;
	right: -4vw;
	bottom: -30vw;
	width: 41vw;
	z-index: -1;
}






/*******イントロダクション*******/
section#main_area .intro_box {
	padding: 0 0 26vw;
	width: 100%;
}

section#main_area .intro_box .unit_txt h2 {
	display: none;
}
/*section#main_area .intro_box .unit_txt h2 {
	margin-left: 8vw;
}
section#main_area .intro_box .unit_txt h2 img {
	width: 70vw;
}*/
section#main_area .intro_box .unit_txt h3 {
	/*padding: 12vw 0 0 11.5vw;*/
	padding: 0 0 0 11.5vw;
	
}
section#main_area .intro_box .unit_txt h3 .replace-svg {
	width: 76.8vw;
}
section#main_area .intro_box .unit_txt .inr {
	padding: 7vw 0 0 11.5vw;
}

section#main_area .intro_box .unit_txt .img_point {
	margin-top: 8vw;
}
section#main_area .intro_box .unit_txt .img_point img {
	width: 85vw;
}

section#main_area .intro_box .unit_bg {
	position: relative;
	margin-top: 7vw;
	height: 107vw;
	width: 100%;
}

section#main_area .intro_box .unit_bg .bg_plx01 {
	right: 8vw;
	bottom: 0;
	width: 26.6vw;
}
section#main_area .intro_box .unit_bg .bg_plx02 {
	top: 0;
	left: 12vw;
	width: 50vw;
}
section#main_area .intro_box .unit_bg .bg_plx03 {
	top: 19vw;
	right: 0;
	width: 40vw;
}
section#main_area .intro_box .unit_bg .bg_plx04 {
	bottom: 10vw;
	left: 0;
	width: 53.3vw;
}


/*背景デコ*/
section#main_area .intro_box .bg_deco01 {
	bottom: 42vw;
	right: 27vw;
	width: 23vw;
	/*top: 57rem;
	left: 50%;
	margin-left: 12rem;
	width: 15.5rem;*/
}


/*******プレゼント*******/
#present_area {
	top: -15vw;
	margin-bottom: -15vw;
}

#present_area a .btn {
	bottom: 53vw;
	right: 50%;
	transform: translateX(50%);
	font-size: 5vw;
	height: 16vw;
	width: 72vw;
}
#present_area a .btn .replace-svg {
	width: 5.4vw;

}







/*===============選べる豊富なプラン===============*/
section#plan_area {
	padding-top: 16vw;
}

section#plan_area .inner {
	margin-top: 13vw;
}
section#plan_area .inner [class*="plan_box"] {
	display: block;
	padding-bottom: 12vw;
}
section#plan_area .inner [class*="plan_box"]::before {
	height: 60vw;
}
section#plan_area .inner [class*="plan_box"]::after {
	content: none;
}

section#plan_area .inner [class*="plan_box"]:nth-of-type(n+2) {
	margin-top: 18vw;
}


/*タイトル*/
section#plan_area .inner [class*="plan_box"] .unit_title {
	margin: 0 0 6.5vw 8vw!important;
	width: 100%;
}
section#plan_area .inner [class*="plan_box"] .unit_title > span {
	font-size: 3.7vw;
}
section#plan_area .inner [class*="plan_box"] .unit_title > em .img_title {
	height: 20.9vw;
}
section#plan_area .inner [class*="plan_box"] .unit_title > em .img_marker {
	bottom: -5vw;
	left: 0;
	height: 7vw;
}



/*スライダー*/
section#plan_area .inner [class*="plan_box"] .unit_mainslider {
	padding: 0!important;
}
section#plan_area .inner [class*="plan_box"] .unit_mainslider .plan_slider {
	height: auto;
}
section#plan_area .inner [class*="plan_box"] .unit_mainslider .plan_slider .swiper-slide figure figcaption {
	bottom: 5.3vw;
	left: 5.3vw;
	font-size: 4.2vw;
}


/*サムネリスト*/
section#plan_area .inner [class*="plan_box"] .unit_thumblist {
	width: 94.6vw;
	margin-top: 5vw;
}
section#plan_area .inner [class*="plan_box"] .unit_thumblist > div {
	width: calc((100% - 3.9vw) / 4);
}
section#plan_area .inner [class*="plan_box"] .unit_thumblist > div + div {
	margin-left: 1.3vw;
}


/*テキスト*/
section#plan_area .inner [class*="plan_box"] .unit_txt {
	padding: 6vw 11.5vw 0;
	width: 100%;
}
section#plan_area .inner [class*="plan_box"] .unit_txt .img_price {
	height: 18.9vw;
	margin: 4vw 0 0 -2vw;
}





/*===============自分好みにカスタマイズ===============*/
section#custom_area {
	padding: 18vw 0;
}


section#custom_area .inner {
	width: 100%;
	margin-top: 12vw;
}



section#custom_area .inner [class*="custom_box"] {
	border-radius: 5.3vw;
	padding: 0 6vw 13vw!important;
}
section#custom_area .inner [class*="custom_box"]:nth-of-type(n+2) {
	margin-top: 18vw;
}
section#custom_area .inner [class*="custom_box"]:nth-of-type(n+2)::before {
	top: -14vw;
	width: 9.3vw;
	height: 9.3vw;
}

section#custom_area .inner [class*="custom_box"] h3 {
	top: -1vw;
	margin-bottom: -1vw;
}
section#custom_area .inner [class*="custom_box"] h3 > span span:first-child {
	font-size: 3.2vw;
}
section#custom_area .inner [class*="custom_box"] h3 > span span:last-child {
	font-size: 16.2vw;
}
section#custom_area .inner [class*="custom_box"] h3 > em {
	font-size: 6.4vw;
	margin: 6vw 0 4vw;
}

/*CUSTOM01 CUSTOM02*/
section#custom_area .inner .custom_box01 .unit_img,
section#custom_area .inner .custom_box02 .unit_img {
	margin-top: 8vw;
	display: flex;
	justify-content: space-between;
}
section#custom_area .inner .custom_box01 .unit_img picture,
section#custom_area .inner .custom_box02 .unit_img picture {
	width: 42.6vw;
}



/*CUSTOM03*/
section#custom_area .inner .custom_box03 .unit_img {
	margin-top: 8vw;
}
section#custom_area .inner .custom_box03 .unit_img > div {
	width: 100%;
}
section#custom_area .inner .custom_box03 .unit_img > div + div {
	margin-top: 8vw;
}
section#custom_area .inner .custom_box03 .unit_img > div h5 {
	height: auto;
	margin-bottom: 3.5vw;
}


/*CUSTOM04*/
section#custom_area .inner .custom_box04 .option_list {
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	font-size: 4vw;
	margin: 5.5vw 0 5vw;
}
section#custom_area .inner .custom_box04 .option_list li {
	min-height:  14vw;
	width: calc((100% - 2.5vw) / 2);
	margin: 2.5vw 0 0;
}







/*===============注文住宅レベルの性能と保証===============*/
section#spec_area {
	padding: 10vw 0 21vw;
}
section#spec_area .section_bg {
	height: calc(100% + 20vw);
}

section#spec_area .bottom_bg_deco {
	right: 1.3vw;
	bottom: -1.8vw;
	width: 27vw;
}

section#spec_area .inner {
	margin-top: 8vw;
}

section#spec_area .inner [class*="spec_box"] {
	display: block;
}
section#spec_area .inner [class*="spec_box"]:nth-of-type(n+2) {
	margin-top: 12vw;
	padding-top: 12vw;
}
section#spec_area .inner [class*="spec_box"]:nth-of-type(n+2)::before {
	width: 60vw;
} 
section#spec_area .inner [class*="spec_box"] .unit_img {
	width: 100%;
}
section#spec_area .inner [class*="spec_box"] .unit_txt {
	padding: 0;
	position: relative;
	margin-top: -1vw;
}
section#spec_area .inner [class*="spec_box"] .unit_txt h3 {
	flex-direction: column;
	text-align: center;
}
section#spec_area .inner [class*="spec_box"] .unit_txt h3 > span {
	margin: 0 0 7vw;
}
section#spec_area .inner [class*="spec_box"] .unit_txt h3 > span span:first-child {
	font-size: 3.2vw;
}
section#spec_area .inner [class*="spec_box"] .unit_txt h3 > span span:last-child {
	font-size: 13vw;
}
section#spec_area .inner [class*="spec_box"] .unit_txt h3 > em .img_title {
	height: 14.6vw;
}
section#spec_area .inner [class*="spec_box"] .unit_txt h3 > em .img_marker {
	bottom: -4vw;
	left: 1vw;
	height: 4.7vw;
}
section#spec_area .inner [class*="spec_box"] .unit_txt .inr {
	padding: 7vw 3vw 0;
}
section#spec_area .inner [class*="spec_box"] .unit_txt .inr .hosho_list {
	font-size: 4vw;
	margin: 4vw -3vw 0;
}
section#spec_area .inner [class*="spec_box"] .unit_txt .inr .hosho_list li {
	line-height: 1.3;
	padding: 0.05em 0;
	min-height: 15vw;
	width: calc((100% - 1.4vw) / 2);
}
section#spec_area .inner [class*="spec_box"] .unit_txt .inr .hosho_list li:nth-child(n+3) {
	margin-top: 2.3vw;
}




/*================================================
 *  フッター
 ================================================*/

footer {
	padding-bottom: 18vw;
}



/*******フッター用お問い合わせ-*******/
#footer_contact_area {
	border-radius: 11vw 11vw 0 0;
	padding-bottom: 17vw;
}
#footer_contact_area .title {
	padding-top: 6vw;
	margin-bottom: 8vw;
}
#footer_contact_area .title > span {
	font-size: 17.8vw;
	letter-spacing: 0.08em;
}
#footer_contact_area .title em {
	font-size: 5.6vw;
	line-height: 1.5;
	margin-top: -0.8em;
}


#footer_contact_area .btn_list a {
	border-radius: 2.6vw;
	border-width: 2px;
	flex-direction: row;
	justify-content: flex-start;
	height: 21vw;
	width: 100%;
	padding-left: 6vw;
}
#footer_contact_area .btn_list a + a {
	margin-top: 4.5vw;
}
#footer_contact_area .btn_list a .replace-svg {
	height: 6.4vw;
	width: auto;
	margin: 0 6vw 0 0;
}
#footer_contact_area .btn_list a em {
	font-size: 5.3vw;
}
#footer_contact_area .btn_list a.btn_tel em {
	font-size: 8vw;
}


/*******フッター用会社情報*******/
footer #footer_info_area {
	padding-top: 17vw;
}
footer #footer_info_area .sns_list a + a {
	margin-left: 4vw;
}
footer #footer_info_area .sns_list a img {
	width: 16vw;
}

footer #footer_info_area .info_box .company_name {
	font-size: 5.6vw;
	margin-bottom: 1em;
}
footer #footer_info_area .info_box .shop_list {
	font-size: 4vw;
}
footer #footer_info_area .info_box .shop_list dl {
	display: block;
}
footer #footer_info_area .info_box .shop_list dl {
	margin-top: 5vw;
}
footer #footer_info_area .info_box .shop_list dl dt {
	height: 10.6vw;
	width: 100%;
}
footer #footer_info_area .info_box .shop_list dl dd {
	font-size: 3.7vw;
	padding: 0.8em 0 0;
}

/*******フッター最下部*******/
footer #footer_bottom_area {
	font-size: 3.7vw;
	padding: 13vw 0 11vw;
	text-align: center;
}
footer #footer_bottom_area .copyright {
	font-size: 3vw;
	margin-top: 6vw;
}










}