@charset "UTF-8";
/* index.css */


/* ===== MV ===== */
body {
	color: #3d3d3d;
	background-color: #f5f2ee;
}
#mv {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
#mv_slide_wrap .uk-slideshow-items div,
#mv_slide_wrap .uk-slideshow-items img {
	height: 100%;
	object-fit: cover;
	object-position: center;
}
#mv_text,
#mv_slide_wrap {
	position: absolute;
}
/* logo + h1 */
#mv_text {
	margin-top: 40px;
	z-index: 5;
}
.mv_logo {
	width: 19.034vw;
	max-width: 260px;
	min-width: 180px;
	display: block;
	margin-left:  auto;
	margin-right: auto;
}
h1 {
	font-size: 1.757vw;
	font-size: clamp(17px,1.757vw,24px);
	font-weight: bold;
	line-height: 1.5em;
	letter-spacing: .2em;
	text-align: center;
	margin-top: 1.1em;
	color: #fff;
}
/* mv slider */
#mv_slide_wrap {
	width:  100%;
	height: 100%;
	top: 0;
}
#mv_slide_wrap .uk-slideshow-items {
	aspect-ratio: unset !important;
}
/* ----- MV 高さ調整 ----- */
#mv_wrap {
	width: 100%;
	position: fixed;
	top:  0;
	left: 0;
}
#mv_wrap,
#mv_slide_wrap .uk-slideshow-items {
	height: 100vh;
}
.allMain_wrap {
	margin-top: 100vh;
	position: relative;
	z-index: 50;
}
p {
	word-break: break-all;
}
@media screen and (min-width:1500px) and (max-height:500px) {
	#mv_wrap {
		position: relative;
	}
	#mv_wrap,
	#mv_slide_wrap .uk-slideshow-items {
		height: 50.5vw;
	}
	.allMain_wrap {
		margin-top: 50.5vw;
	}
}
@media screen and (max-width:1499px) and (max-height:400px) {
	#mv_wrap {
		position: relative;
	}
	#mv_wrap,
	#mv_slide_wrap .uk-slideshow-items {
		height: 50.5vw;
	}
	.allMain_wrap {
		margin-top: 50.5vw;
	}
}


/* ===== font size ===== */
/* min vw */
.bnr_title,
.head_flex {
	font-size: 36px;
	font-size: min(2.635vw,36px);
}

.bnr_title small {
	font-size: 24px;
	font-size: min(1.757vw,24px);
}
.bnr_more p {
	font-size: 18px;
	font-size: min(1.318vw,18px);
}
/* clamp vw */
.first_flex h2,
.aloha_head h2 {
	font-size: 36px;
	font-size: clamp(24px,2.635vw,36px);
}
h3,
.modal_wrap h2 {
	font-size: 28px;
	font-size: clamp(20px,2.05vw,26px);
	letter-spacing: 0;
}
.head_icon {
	font-size: 24px;
	font-size: clamp(20px,1.757vw,24px);
}
.first_flex h2 small,
h4 {
	font-size: 18px;
	font-size: clamp(16px,1.318vw,18px);
}
.box_dl > div {
	font-size: clamp(14px,1.318vw,18px);
}
.box h3 small {
	font-size: clamp(12px,1.318vw,16px);
}


/* px */
.h2_eng,
.btn_form .btn_cont .eng {
	font-size: 36px;
}
.aroma_level strong {
	font-size: 30px;
}
.box_cont dd strong,
.spray_box dt strong,
.aloha_box dl.box_cont dt strong,
.h2_eng small,
.prof_flex h3 strong,
.btn_form .btn_cont,
.btn_form .eng small {
	font-size: 24px;
}
.p_big,
.aroma_level,
.box_cont dd,
.spray_box dt,
.aloha_head h2 small,
.aloha_box dl.box_cont dt,
.prof_flex h3,
.modal_cont li,
dl.modal_cont dt,
dl.modal_cont p,
.modal_card h3 {
	font-size: 18px;
	font-size: clamp(16px,1.6vw,18px);;
}
.modal_cont ol,
.modal_cont li li {
	font-size: 16px;
	font-size: clamp(14px,1.4vw,16px);
}
p.tag_brown,
.box_flex .cont,
.box_cont,
.spray_box dd,
.mini_box li,
.osusume_cont li,
.what_cont .cont,
.aloha_box dl.box_cont dd,
.prof_flex p,
.prof_flex div,
.modal_tag,
.modal_card h3 small,
.modal_card .cont,
.modal_part div,
.modal_box {
	font-size: 14px;
	font-size: clamp(13px,1.3vw,14px);
}
.box_flex .list_flex,
.fs_small {
	font-size: 12px;
}


/* ===== First ===== */
#sec_first .wrap {
	max-width: inherit;
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
#sec_first p {
	font-size:  clamp(14px,1.6vw,18px);
	text-align: center;
	letter-spacing: .1em;
	line-height: 2;
	position: relative;
	z-index: 5;
}
/* 写真 */
.fimg_wrap {
	width:  100%;
	height: 100%;
	max-width: 1366px;
	position: absolute;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	top:  0;
	z-index: 0;
}
.fimg_pc {
	display: flex !important;
}
.fimg_sp {
	display: none !important;
}

.first_img {
	position: absolute;
	z-index: 3;
	transform: translateY(0);
}
.fimg01 {
	width: 18vw;
	max-width: 250px;
	left: 60px;
	left: min(4vw,60px);
}
.fimg02 {
	width: 22vw;
	max-width: 300px;
	top: 100px;
	top: min(9vw,100px);
	right:  60px;
	right:  min(5vw,60px);
}
.fimg03 {
	width: 18vw;
	max-width: 200px;
	right:  240px;
	right:  min(20vw,240px);
	bottom: 60px;
	bottom: min(6vw,60px);
}
#sec_first .fimg_wrap:after {
	content: "";
	width:  12vw;
	height: 24vw;
	max-width:  180px;
	max-height: 300px;
	display: block;
	position: absolute;
	left: 290px;
	left: min(20vw,290px);
	bottom:  20px;
	background-image: url(../../img/top/svg/first_deco.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	z-index: 5;
}
/* デザイン外の追加 */
#sec_first br.add_blk {
	display: none !important;
}

/* ----- ▼ 動きの記述 ----- */
.first_img {
	will-change: transform;
	transition: transform 0.25s cubic-bezier(0.25, 0.1, 0.25, 1);
}
#sec_first {
	position: relative;
}
#sec_first .fimg_wrap {
	--parallax-y: 0px;
}
#sec_first .fimg_wrap::after {
	transform: translateY(var(--parallax-y));
	will-change: transform;
}
/* ----- ▲ 動きの記述 ----- */




/* ===== pagelink bnr ===== */
.bnr_flex {
	width: 100%;
	display: flex;
	flex-wrap: nowrap;
	align-items: stretch;
	justify-content: space-between;
}
.bnr_flex > a {
	width: calc(100%/2 - 1%);
	height: 14.461vw;
	max-height: 200px;
	display: flex;
	position: relative;
	flex-wrap: nowrap;
	align-items: flex-end;
	justify-content: space-between;
	border-radius: 5px;
	padding: min(1.464vw,20px);
	overflow: hidden;
	z-index: 2;
}
.bnr_flex > a:after {
	content: "";
	width:  100%;
	height: 100%;
	display: block;
	position: absolute;
	top:  0;
	left: 0;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	z-index: -1;
	transform: scale(1);
	transition: transform .5s;
}
.bnr_flex > a:hover:after {
	transform: scale(1.05);
	transform-origin: center;
}
.bnr_flex .aroma_bnr:after  {
	background-image: url(../../img/top/pagelink_bnr01_pc.jpg);
}
.bnr_flex .flower_bnr:after {
	background-image: url(../../img/top/pagelink_bnr02_pc.jpg);
}
.bnr_flex p {
	font-weight: bold;
	color: #fff;
}
.bnr_title {
	line-height: 1;
	letter-spacing: 0;
}
.bnr_title small {
	letter-spacing: 0;
}
.bnr_more {
	position: relative;
	transform: translateY(5%);
}
.bnr_more p {
	width: fit-content;
	line-height: 1;
	display: flex;
	position: relative;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: flex-end;
	padding: 1.1em 1.75em 1.25em;
	z-index: 5;
	transition: color .8s;
}
/* svg more矢印 */
.bnr_more p svg {
	width: .5em;
	height: 1em;
	display: block;
	transform: translateY(.1em);
	margin-left: .5em;
}
.bnr_more p .st0 {
	fill: #fff;
	transition: fill .8s, stroke .8s;
}
/* svg more装飾*/
.bnr_more > svg {
	width:  100%;
	height: 100%;
	position: absolute;
	top:  0;
	left: 0;
	z-index: 0;
}
.bnr_more > svg .st0 {
	fill: rgba(255,0,0,0);
	stroke: #fff;
	stroke-width: 1.25px;
	stroke-miterlimit: 10;
	transition: fill .8s, stroke .8s;
}
.bnr_more > svg .st1 {
	fill: #fff;
}
/* ----- bnr hover ----- */
.bnr_flex a:hover .bnr_more p {
	color: #7f6543;
}
.bnr_flex a:hover .bnr_more p .st0 {
	fill: #7f6543;
}
/* svg more装飾 */
.bnr_flex a:hover .st0 {
	fill: rgba(255,255,255,1);
}


/* ===== アロマセラピー ===== */
/* 背景装飾 */
.first_flex {
	position: relative;
	z-index: 1;
}
.first_flex:after {
	content: "";
	width: 17%;
	height: 100%;
	display: block;
	position: absolute;
	top:   0;
	right: 0;
	background-image: url(../../img/top/svg/aroma_deco.svg);
	background-repeat: no-repeat;
	background-position: right top;
	background-size: contain;
	z-index: -1;
}

/* 最初のflex */
.first_flex {
	width: 100%;
	display: flex;
	flex-wrap: nowrap;
	align-items: flex-start;
}
.first_flex .icon_wrap {
	width: 16vw;
	max-width: 160px;
}
.first_flex .cont_wrap {
	width: calc(100% - min(16vw,160px) - 50px);
	margin-left: 50px;
}
/* 見出し */
.first_flex h2,
.first_flex h2 small {
	font-weight: 500;
}
.first_flex h2 {
	line-height: 1;
	transform: translateX(-.15em);
	margin-right: .75em;
}
.first_flex h2 small {
	letter-spacing: .05em;
	display: inline-block;
	padding-bottom: .75em;
}
/* 完全プライベートレッスン */
.head_flex {
	display: flex;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: flex-end;
	margin-bottom: 1.5em;
}
.head_flex br.add_blk {
	display: none;
}
p.tag_brown {
	width: fit-content;
	font-weight: bold;
	line-height: 1;
	display: flex;
	position: relative;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: center;
	padding: .75em 1em;
	color: #fff;
	background-color: #7f6543;
}
p.tag_brown:after {
	content: "";
	width:  calc(100% + 8px);
	height: calc(100% + 8px);
	display: block;
	position: absolute;
	border: 1px solid #7f6543;
	pointer-events: none;
	z-index: 0;
}
/* 大きなp */
.p_big {
	font-weight: 500;
}
.first_flex .p_big {
	margin-bottom: 2em;
}
.first_flex .p_big small {
	font-weight: bold;
	letter-spacing: .05em;
	display: inline-block;
}


/* ----- color box ----- */
.box {
	padding: 50px;
	padding: clamp(40px,5vw,50px);
	border-radius: 5px;
}
.box + .box {
	margin-top: 60px;
}

.box_flex {
	width: 100%;
	display: flex;
	flex-wrap: nowrap;
	align-items: stretch;
	justify-content: space-between;
}
.box_flex .img_wrap {
	width: 38%;
}
.box_flex .cont_wrap {
	width: 57%;
}
/* Level 1 */
.aroma_level {
	font-weight: 500;
	letter-spacing: 0;
	display: flex;
	flex-wrap: nowrap;
	align-items: flex-start;
	justify-content: flex-start;
	margin-top:   -.5em;
	margin-left:  -.25em;
	margin-bottom: .5em;
}
.aroma_level strong {
	padding-left: .15em;
	transform: translateY(-.15em);
}
.aroma_level:before {
	content: "";
	width:  1em;
	height: 1em;
	display: block;
	background-image:  url(../../img/top/svg/aroma_head_icon_small.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	margin-right: .25em;
	transform: translateY(.3em);
}
/* box flex */
.box h3 {
	line-height: 1.2;
	margin-bottom: 1em;
}
.box h3 small {
	display: inline-block;
	line-height: 1.4;
	letter-spacing: 0.05em;
	padding-bottom: .4em;
	color: #7f6543;
}
.box_flex {
	margin-bottom: 30px;
}
.box_flex .cont {
	text-align: justify;
}
.box_flex .cont + .list_flex {
	margin-top: 1em;
}
.box_flex .list_flex + .cont {
	margin-top: .75em;
}
.list_flex {
	display: flex;
	flex-wrap: nowrap;
	align-items: flex-start;
	justify-content: flex-start;
}
/* box dl（table風） */
.box_dl {
	margin-bottom: 40px;
}
.box_dl > div {
	width: 100%;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: flex-start;
	border-bottom: 1px solid #b8a792;
	padding: 1em 0 1em 2em;
}
.box_dl dt,
.box_dl dd,
.box_dl dd p {
	font-size: 1em;
}
.box_dl dt {
	min-width: 11em;
	color: #7f6543;
}
.box_dl dd {
	width: 100%;
}
.box_dl p strong {
	font-size: 1.35em;
}
/* minibox（table風dl内のcolor box） */
.mini_box {
	width: 100%;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: flex-start;
	margin: 10px 0;
	padding: 15px 30px;
	background-color: #f5f2ee;
}
.box_cont {
	width:     fit-content;
	min-width: fit-content;
	line-height: 1;
	display: block;
	margin-right: 1em;
	padding: .5em;
	background-color: #fff;
}
.mini_box ul {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	justify-content: flex-start;
}
.mini_box li {
	min-width: 17em;
	line-height: 1.5;
	display: flex;
	flex-wrap: nowrap;
	align-items: flex-start;
	justify-content: flex-start;
	margin-right: 1em;
}
.mini_box li:before {
	content: "・";
}
/* 「カリキュラムを見る」ボタン */
.btn_more   {
	text-align: center;
}
.btn_more a {
	width: 100%;
	max-width: 350px;
	height: 70px;
	font-size: 18px;
	font-weight: 500;
	line-height: 1;
	display: inline-flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: center;
	border-radius: 5px;
	color: #fff;
	background-color: #7f6543;
	border: 1px solid #7f6543;
	transition: color .5s,
				background-color .5s;
}
.btn_more a svg {
	width:  1em;
	height: 1em;
	display: block;
	margin-left: 1em;
}
.btn_more a .st0 {
	fill: #fff;
	transition: fill .5s;
}
.btn_more a:hover {
	color: #7f6543;
	background-color: #fff;
}
.btn_more a:hover .st0 {
	fill: #7f6543;
}



/* ===== お試し ===== */
/* 見出し */
.head_icon {
	width: 100%;
	font-weight: bold;
	display: flex;
	position: relative;
	flex-wrap: nowrap;
	align-items: flex-end;
	justify-content: center;
	margin-bottom: 20px;
	color: #7f6543;
}
.head_icon:after {
	content: "";
	width:  3.5em;
	height: 3.5em;
	min-width:  3.5em;
	min-height: 3.5em;
	display: block;
	position: absolute;
	right:  0;
	bottom: 0;
	background-image: url(../../img/top/svg/aroma_head_icon_big.svg);
	background-repeat: no-repeat;
	background-position: center;
	transform: translateY(2em);
}
/* 上下border付き wrap */
.about_wrap {
	width: 100%;
	padding: 60px 0;
	padding: clamp(40px,6vw,60px) 0;
	border-top:    1.5px solid #7f6543;
	border-bottom: 1.5px solid #7f6543;
}
.about_wrap .wrap {
	display: flex;
	flex-wrap: nowrap;
	align-items: stretch;
	justify-content: space-between;
}

/* --- 左contents --- */
.about_wrap .what_cont {
	width: 44%;
	margin-right: 40px;
}
.what_cont .tag_brown {
	margin-bottom: 1em;
}
.what_cont h3 {
	margin-bottom: 1em;
}
.what_cont .cont {
	margin-bottom: 1.5em;
}
dl.box_cont {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-start;
	margin-right: 0;
	padding: .75em 2em;
}
dl.box_cont dt,
dl.box_cont dd {
	line-height: 1.3;
}
dl.box_cont dt {
	font-size: 1em;
	margin-right: 1.5em;
	transform: translateY(.1em);
}

/* --- 右コンテンツ --- */
.about_wrap .osusume_cont {
	width: 54%;
	padding: 30px 30px 40px;
	align-self: flex-end;
	background-color: #fff;
	border-radius: 15px;
}
.osusume_fit {
	width: fit-content;
	display: block;
	margin-left:  auto;
	margin-right: auto;
}
.osusume_cont h4 {
	letter-spacing: 0;
	margin-bottom: 1em;
}
.osusume_cont li {
	letter-spacing: .05em;
	display: flex;
	flex-wrap: nowrap;
	align-items: flex-start;
	justify-content: flex-start;
}
.osusume_cont li + li {
	margin-top: .5em;
}
.osusume_cont li:before {
	content: "・";
}

/* ===== CTAボタン（ご予約&ご相談はこちら） ===== */
.btn_form   {
	text-align: center;
}
.btn_form a {
	width:  100%;
	max-width: 680px;
	height: 170px;
	display: inline-flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	position: relative;
	background-color: #d36d57;
}
.btn_form a:after {
	content: "";
	width:  calc(100% - 10px);
	height: calc(100% - 10px);
	position: absolute;
	pointer-events: none;
	border: 1.5px solid #fff;
}
.btn_form .cont_white {
	font-weight: bold;
	line-height: 1;
	color: #d36d57;
	background-color: #fff;
	margin-top:    auto;
	margin-bottom: .5em;
	padding: .35em .5em;
}
.btn_form .btn_cont {
	width: 100%;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: center;
	margin-top:    0;
	margin-bottom: auto;
}
.btn_form .btn_cont .btn_about {
	font-size: 1em;
	font-weight: 500;
	color: #fff;
}

/* ----- ▼ 動きの実装 ----- */
.btn_form a {
	box-shadow: 0px 0px 5px 0px rgb(127 101 67 / 10%);
}
.btn_form a,
.btn_form a:after,
.btn_form a .cont_white,
.btn_form a .btn_cont p,
.btn_form a .eng,
.btn_form a .yoyaku_deco .st0,
.btn_form a .yoyaku_deco .st1 {
	transition: color .5s, border-color .5s, background-color .5s, fill .5s, stroke .5s;
}
.btn_form a:hover {
	background-color: #fff;
}
.btn_form a:hover:after {
	border-color: #d36d57;
}
.btn_form a:hover .cont_white {
	color: #fff;
	background-color: #d36d57;
}
.btn_form a:hover .btn_cont p {
	color: #d36d57;
}
/* svg */
.btn_form a:hover .yoyaku_deco .st0 {
	fill:   #d36d57;
	stroke: #d36d57;
}
.btn_form a:hover .yoyaku_deco .st1 {
	fill: #fff;
}
/* ** contact btn ** */
.btn_form a:hover .eng {
	color: #d36d57 !important;
}


/* ----- ▲ 動きの実装 ----- */







/* ===== お問い合わせ ボタン（一番下） ===== */
.btn_contact .btn_cont {
	margin: 0;
}
.btn_contact .eng {
	line-height: 1;
	letter-spacing: 0;
	text-align: center;
	color: #f5f2ee !important;
}
.btn_contact .eng small {
	letter-spacing: 0;
}
.btn_contact .yoyaku_deco {
	width:  1.5em;
	height: 1.5em;
	min-width:  1.5em;
	min-height: 1.5em;
	position: absolute;
	margin-left: 0;
	transform: translateX(6em);
}


/* ===== フラワーセラピー ===== */
/* 背景装飾 */
#sec_flower {
	overflow: hidden;
}
#sec_flower .first_flex:after {
	top:   -30px;
	right: -100px;
	background-image: url(../../img/top/svg/flower_deco.svg);
}
/* h2下のtxt */
#sec_flower .first_flex .p_big:first-of-type {
	margin-bottom: .5em;
}
#sec_flower br.add_blk {
	display: none !important;
}



/* ハワイフラワーセラピーコース */
#sec_flower .mini_box li:nth-of-type(odd) {
	min-width: 19em;
}
#sec_flower .mini_box li:nth-of-type(even) {
	min-width: 14em;
}
/* フラワーカウンセリングでお試ししませんか？ */
#sec_flower .what_cont {
	width: 53%;
}
#sec_flower .osusume_cont {
	width: 47%;
}
#sec_flower .head_icon:after {
	width:     5em;
	min-width: 5em;
	margin-left: .75em;
	background-image: url(../../img/top/svg/flower_head_icon.svg);
	transform: translateY(2.5em);
}


/* ===== アロハチェック ===== */
/* BOX */
.aloha_head {
	padding-left: 80px;
	padding-left: clamp(40px,8vw,80px);
}
.aloha_box .cont_wrap {
	padding: 60px 80px;
	padding: clamp(40px,6vw,60px)  clamp(40px,8vw,80px);
}
/* 見出し */
.aloha_head {
	width:  100%;
	height: 25vw;
	max-height: 270px;
	display: flex;
	position: relative;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: flex-start;
	background-color: #f4ede4;
}
.aloha_head:after {
	content: "";
	width:   68%;
	height: 100%;
	display: block;
	position: absolute;
	top:   0;
	right: 0;
	background-image: url(../../img/top/aloha_headbg_pc.png);
	background-position: left center;
	background-repeat: no-repeat;
	background-size: cover;
	z-index: 0;
}
/* ▼ 動き */
.aloha_head:after {
	opacity: 0;
}
.is-active.aloha_head:after {
	animation: blur .7s both ease;
}


/* ▲ 動き */


.aloha_head div {
	position: relative;
	z-index: 5;
}
.aloha_head h2 {
	line-height: 1;
	font-weight: 500;
	transform: translateX(-.25em);
	margin-top: -.25em;
	margin-bottom: .75em;
}
.aloha_head h2 small {
	font-weight: 500;
	display: inline-block;
	letter-spacing: 0;
	padding-left: .25em;
	padding-bottom: .75em;
}
/* 本文コンテンツ */
.aloha_box .cont_wrap .p_big {
	margin-bottom: 1.5em;
}
.aloha_box .cont_wrap .cont {
	margin-bottom: 2.5em;
}
.aloha_box dl.box_cont dt {
	transform: translateY(0);
}
/* スプレーを1本、お持ち帰りいただけます。 */
.spray_box {
	width: 100%;
	display: flex;
	flex-wrap: nowrap;
	align-items: flex-start;
	justify-content: flex-start;
	padding: 20px;
	border-radius: 5px;
	background-color: #fff;
}
.spray_box .img_wrap {
	width: 45%;
	margin-right: 5%;
}
.spray_box dl {
	width: 50%;
	align-self: center;
}
.spray_box dd {
	letter-spacing: .05em;
	margin-bottom: .75em;
}


/* ===== プロフィール ===== */
.h2_eng {
	font-weight: 500;
	text-align: center;
	line-height: 1.2;
	letter-spacing: 0;
	color: #7f6543;
	margin-bottom: 70px;
}
.h2_eng small {
	font-weight: 500;
	letter-spacing: .05em;
}
#sec_profile h3 strong {
	display: inline-block;
	margin-right: .75em;
}

/* プロフ「北海道札幌市内」 */
.city_box {
	font-size: 16px;
	font-size: clamp(14px,1.6vw,16px);
	display: inline-block;
	line-height: 1;
	border: 1px solid #000;
	padding: .25em .35em;
}
/* プロフ コンテンツ */
.prof_flex {
	width: 100%;
	display: flex;
	flex-wrap: nowrap;
	align-items: stretch;
	justify-content: space-between;
}
.prof_flex .img_wrap {
	width: 33%;
}
.prof_flex .cont_wrap {
	width: calc(67% - 60px);
	width: calc(67% - min(6vw,60px));
	margin-left: 60px;
	margin-left: min(6vw,60px);
}
.prof_flex h3,
.prof_flex h3 strong {
	font-weight: 500;
}
.prof_flex h3 {
	margin-top: -.5em;
	margin-bottom: .75em;
}
.prof_flex h3 strong {
	letter-spacing: 0;
}
.prof_flex h3 + p {
	margin-bottom: 1.5em;
}
/* プロフ dl */
.prof_flex dl div + div {
	margin-top: 1.5em;
}
.prof_flex dt,
.prof_flex dd {
	font-size: 1em;
}
.prof_flex .cont_white {
	width: fit-content;
	line-height: 1.3;
	letter-spacing: .05em;
	background-color: #fff;
	margin-bottom: .75em;
	padding: .5em 1em;
	transform: translateX(-.25em);
	border-radius: 6px;
}




/* ===== プロフ SNSボタン ===== */
.sns_flex {
	width: 100%;
	display: flex;
	flex-wrap: nowrap;
	align-items: stretch;
	justify-content: space-between;
	margin: 0 auto;
}
.sns_btn {
	width: calc(100%/3 - 1%);
	font-size: clamp(14px,1.6vw,18px);
	display: inline-block;
}
.sns_btn a {
	width: 100%;
	font-size: 1em;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: center;
	padding: clamp(15px,2.5vw,25px) clamp(15px,2.5vw,30px);
	border-radius: 5px;
	background-color: #fff;
	transition: color .5s, background-color .5s;
}
.sns_btn .svg_sns {
	width:  2em;
	height: 2em;
	min-width:  2em;
	min-height: 2em;
	margin-right: .75em;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
/* ----- ▼ svgに変換 ----- */
.sns_btn a .svg_sns .st0 {
	transition: fill .5s;
}
.sns_btn a:hover {
	color: #fff;
	background-color: #7f6543;
}
/* SNSアイコン */
.sns_btn a:hover .svg_sns .st0 {
	fill: #fff;
}

/* ----- ▲ svgに変換 ----- */







/* ===== modal ===== */
.modal_wrap.uk-modal {
	padding: 60px;
	padding: clamp(40px,6vw,60px);
}
.modal_wrap .uk-modal-dialog {
	width: 100%;
	max-width: 1000px !important;
}
.modal_wrap .uk-modal-body {
	padding: 0;
}
/* modal バツアイコン */
button.uk-modal-close-default svg {
	display: none !important;
}
button.uk-modal-close-default {
	width:  35px;
	height: 35px;
	min-width:  35px;
	min-height: 35px;
	display: block;
	top:   30px;
	right: clamp(40px,5vw,50px);
	background-image:  url(../../img/top/svg/modal_close.svg);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}
/* modal 見出し */
.modal_head {
	width: 100%;
	line-height: 1.3;
	padding: 30px clamp(40px,5vw,50px);
	padding-right: calc(clamp(40px,5vw,50px) + 50px);
	background-color: #7f6543;
}
.modal_head h2,
.modal_cont li p,
.modal_cont li li,
.modal_card *,
dl.modal_cont * {
	font-family: shippori-mincho-b1, "Shippori Mincho", serif;
}
.modal_head h2 {
	font-weight: 500;
	color: #fff;
}
/* modal 本文 */
.modal_cont {
	padding: clamp(40px,5vw,50px);
}
.modal_cont li p,
.modal_cont li li {
	font-size: 1em;
}
.modal_cont ol li:first-of-type {
	margin-top: .25em;
}
.modal_cont > li p,
.modal_cont li li,
dl.modal_cont p {
	line-height: 1.6;
	display: flex;
	flex-wrap: nowrap;
	align-items: flex-start;
	justify-content: flex-start;
}
.modal_cont > li p:before,
dl.modal_cont p:before {
	content: "・";
	letter-spacing: 0;
	padding-right: .25em;
}
.modal_cont li li {
	padding-left: 1.25em;
}
.modal_cont > li {
	margin-bottom: .35em;
}
.modal_cont > li + li {
	margin-top: .5em;
}
/* modal dl */
dl.modal_cont dt {
	width: fit-content;
	font-weight: 500;
	line-height: 1;
	margin-bottom: .25em;
	padding: .35em .5em;
	color: #fff;
	background-color: #7f6543;
}


/* ----- Flower Modal ----- */
.modal_card + .modal_card {
	margin-top: 40px;
}
/* modal 見出し + 見出し下のp */
.modal_tag {
	width: fit-content;
	font-weight: bold;
	line-height: 1;
	letter-spacing: 0;
	margin-bottom: 1em;
	padding: .5em .75em;
	background-color: #f5f2ee;
}
.modal_card h3 {
	font-weight: 500;
	line-height: 1.1;
	margin-bottom: .75em;
}
.modal_card h3 span {
	display: inline-block;
	margin-right: 2em;
}
.modal_card h3 small {
	font-weight: bold;
	display: inline-block;
	color: #969696;
}
.modal_card .cont {
	text-align: justify;
	margin-bottom: 1em;
}
/* modal「Part」パーツ */
.modal_part {
	margin-bottom: 30px;
}
.modal_part div {
	display: flex;
	flex-wrap: nowrap;
	align-items: flex-start;
	justify-content: flex-start;
}
.modal_part div + div {
	margin-top: .35em;
}
.modal_part dt {
	width:     fit-content;
	min-width: fit-content;
}
.modal_part dt,
.modal_part dd {
	font-size: 1em;
	font-weight: 500;
	line-height: 1.3;
}
.modal_part dt {
	letter-spacing: .05em;
	margin-right: .35em;
}
/* modal border-box */
.modal_box {
	padding: 20px 30px;
	border: 1px solid rgba(127, 101, 67,.5);
	background-color: #fff;
}
.modal_box dt,
.modal_box dd {
	font-size: 1em;
	font-weight: 500;
}
.modal_box dt {
	color: #7f6543;
	margin-bottom: .75em;
}
.modal_box dd {
	line-height: 1.5;
}
.modal_box dd + dd {
	margin-top: .25em;
}


/* ===== Animation ===== */
/* --- header ローディング後再生 --- */
#loading header {
	opacity: 0;
	transform: translateY(-100%);
	transition: opacity 1.8s cubic-bezier(.4,.4,0,1) .5s,
				transform 1.8s cubic-bezier(.4,.4,0,1) .5s;
}
#loading.loaded header {
	opacity: 1;
	transform: translateY(0);
}
/* --- mv ローディング後再生 --- */
#loading #mv {
	overflow: hidden;
}
#loading #mv_slide_wrap {
	transform: scale(1.05);
	transition: transform 2.5s;
}
#loading.loaded #mv_slide_wrap {
	transform: scale(1);
}
/* --- mainBG ローディング後 --- */
#loading .loading_bg {
	width:  100vw;
	height: 100vh;
	display:  block;
	position: fixed;
	top:  0;
	left: 0;
	pointer-events: none;
	opacity: 1;
	z-index: 50;
	transition: opacity 4s cubic-bezier(.4,.4,0,1) .25s;
}
#loading.loaded .loading_bg {
	opacity: 0;
}
/* --- ブラーアニメーション --- */
.anim_blur {
	opacity: 0;
}
.is-active .anim_blur,
.is-active.anim_blur {
	animation: blur .6s both ease;
}
.is-active .anim_blur {
	animation-delay: .4s;
}
@keyframes blur {
    from {
		filter: blur(50px);
		opacity: 0;
	}
    to   {
		filter: blur(0);
		opacity: 1;
	}
}










@media screen and (max-width:1199px) {
	/* ===== First ===== */
	/* デザイン外の追加 */
	#sec_first br.add_blk {
		display: block !important;
	}

	/* ===== フラワーセラピー ===== */
	#sec_flower .first_flex:after {
		top: calc(min(9vw,100px)*-1);
		right: 0;
	}
}





@media screen and (max-width:900px) {
	/* ===== フラワーセラピー ===== */
	.mini_box li {
		width: 100%;
		min-width: auto !important;
	}
	.head_flex br.add_blk {
		display: block !important;
	}
	#sec_flower br.add_blk {
		display: block !important;
	}
}





@media screen and (max-width:768px) {
	/* ===== アニメーション ===== */
	/* ブラーアニメーション */
	.is-active .anim_blur {
		animation-delay: .2s;
	}
	.fixed_banner.anim_blur {
		animation: blur .6s both ease;
	}


	/* ===== MV ===== */
	#mv_wrap,
	#mv_slide_wrap .uk-slideshow-items {
		height: calc(114.667vw + 70px);
	}
	.allMain_wrap {
		margin-top: calc(114.667vw + 70px);
	}
	#mv {
		padding-top: 0;
	}

	/* logo + h1 */
	.mv_text {
		margin-top: 35px;
	}
	.mv_logo {
		width: 48vw;
	}
	h1 {
		font-size: 4.8vw;
	}



	/* ===== First ===== */
	/* 背景画像 */
	.fimg_wrap,
	.first_img {
		position: relative;
	}
	#sec_first p {
		width: 100%;
		max-width: 400px;
		letter-spacing: .05em;
	}
	#sec_first p:after {
		content: "";
		width:  100%;
		height: 42.667vw;
		max-height: 180px;
		display: block;
		background-image: url(../../img/top/svg/first_deco_sp.svg);
		background-repeat: no-repeat;
		background-position: left center;
		background-size: contain;
		margin-top: -2.75em;
		margin-left:  0;
		margin-right: auto;
		pointer-events: none;
	}
	#sec_first .fimg_wrap:after {
		content: none;
	}
	.fimg_pc {
		display: none !important;
	}
	.fimg_sp {
		max-width: 500px;
		display: block !important;
		margin-top: calc(min(20vw,100px)*-1);
		margin-left:  auto;
		margin-right: auto;
	}
	.fimg_wrap .first_img {
		width: 36%;
		max-width: inherit;
		top:    inherit !important;
		left:   inherit !important;
		right:  inherit !important;
		bottom: inherit !important;
	}
	/* sp img装飾 追加記述 */
	.fimg_flex {
		width: 100%;
		display: flex;
		flex-wrap: nowrap;
		align-items: stretch;
		justify-content: space-between;
	}
	.fimg_wrap .fimg02 {
		width: 50%;
		margin-left:  auto;
		margin-right: 0;
		margin-bottom: calc(min(10vw,50px)*-1);
		padding-right: 20px;
	}
	.fimg_wrap .fimg03 img {
		height: 100%;
		object-fit: contain;
		object-position: center bottom;
	}


	/* ===== font size ===== */
	.head_flex,
	.head_flex h2,
	.aroma_level strong {
		font-size: 28px;
	}
	.first_flex h2 small,
	h4,
	.p_big,
	.aroma_level {
		font-size: 16px;
	}
	p.tag_brown,
	.box_flex .cont {
		font-size: 14px;
	}


	/* ===== pagelink bnr ===== */
	.bnr_flex {
		width: 100%;
		flex-wrap: wrap;
	}
	.bnr_flex > a {
		width: 100%;
		height: auto;
		max-height: inherit;
		display: inline-block;
		padding: 20px;
		border-radius: 5px;
	}
	.bnr_flex .aroma_bnr:after  {
		background-image: url(../../img/top/pagelink_bnr01_sp.jpg);
	}
	.bnr_flex .flower_bnr {
		margin-top: 15px;
	}
	.bnr_flex .flower_bnr:after {
		background-image: url(../../img/top/pagelink_bnr02_sp.jpg);
	}
	.bnr_title {
		font-size: min(7.467vw,36px);
	}
	/* more */
	.bnr_more {
		width: fit-content;
		margin-left:  auto;
		margin-right: 0;
	}
	.bnr_title small,
	.bnr_more p {
		font-size: min(4.267vw,18px);
	}
	/* アニメーションを時間差で起動 */
	.bnr_flex .anim_fade:nth-of-type(2) {
		transition-delay: .4s;
	}


	/* ===== アロマセラピー ===== */
	/* 見出し flex */
	.first_flex {
		flex-wrap: wrap;
	}
	.first_flex:after {
		content: none;
	}
	.first_flex .icon_wrap {
		width: 50%;
		max-width: 130px;
		margin-left:  auto;
		margin-right: auto;
	}
	.first_flex .cont_wrap {
		width: 100%;
		margin-left: 0;
	}
	.head_flex {
		flex-wrap: wrap;
		margin-bottom: 1em;
	}
	.head_flex h2 {
		width: 100%;
		margin-right: 0;
		margin-bottom: .5em;
	}
	.first_flex .p_big {
		letter-spacing: .05em;
		margin-bottom: 1.5em;
	}

	/* 装飾の位置変更 */
	.head_flex {
		position: relative;
	}
	.head_flex:after {
		content: "";
		width:  32%;
		height: 100%;
		position: absolute;
		right:  -10px;
		bottom: 0;
		background-image: url(../../img/top/svg/aroma_deco.svg);
		background-repeat: no-repeat;
		background-position: right bottom;
		background-size: contain;
	}
	/* 茶色いタグ */
	p.tag_brown {
		padding-top: .5em;
		padding-bottom: .5em;
	}

	/* 白ボックス */
	.box {
		padding: 15px 15px 30px;
		padding: clamp(15px,4vw,30px) clamp(15px,4vw,30px) 30px;
	}
	.box + .box {
		margin-top: 40px;
	}
	.box_flex {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		flex-direction: column;
		margin-bottom: 30px;
	}
	.box_flex .img_wrap,
	.box_flex .cont_wrap {
		width: 100%;
	}
	.box_flex h3 {
		text-align: center;
	}
	.box_flex h3 small {
		font-size: 10px;
	}
	/* アロマ レベル */
	.aroma_level {
		margin-top:  1.5em;
		margin-left: 0;
		margin-bottom: .75em;
		justify-content: center;
	}
	/* アロマ table */
	.box_dl {
		margin-bottom: 30px;
	}
	.box_dl > div {
		font-size: 16px;
		flex-wrap: wrap;
		padding-left: 0;
		padding-top: 1.5em;
		padding-bottom: 1.75em;
	}
	.box_dl > div:first-of-type {
		padding-top: 0 !important;
	}
	.box_dl dt,
	.box_dl dd {
		width: 100%;
		min-width: inherit;
		text-align: center;
	}
	.box_dl dt {
		line-height: 1;
		margin-bottom: .75em;
	}
	.box_dl dd p {
		text-align: center;
		margin-right: 0;
	}
	.box_dl p strong {
		font-size: 24px;
	}
	/* 色付きボックス */
	.mini_box {
		flex-wrap: wrap;
		flex-direction: column;
		justify-content: center;
		margin-top: 15px;
		margin-bottom: 0;
		padding: 20px 25px 25px;
	}
	.box_dl .mini_box .box_cont,
	.mini_box li {
		font-size: 14px;
	}
	.box_dl .mini_box .box_cont {
		margin-bottom: 1em;
	}
	.mini_box li {
		font-size: 14px;
		text-align: left;
		margin-right: 0;
	}
	/* spのみ装飾線なし */
	.sp_border_none {
		padding-bottom: 0 !important;
		border-bottom: none !important;
	}
	/* カリキュラムを見る ボタン */
	.btn_more a {
		height: 60px;
		font-size: 16px;
	}


	/* ===== アロマカウンセリングでアロマをお試ししませんか？ ===== */
	.head_icon {
		font-size: 18px;
		text-align: center;
	}
	.head_icon:after {
		width:  2.5em;
		height: 2.5em;
		min-width:  2.5em;
		min-height: 2.5em;
		right: 10px;
	}
	.about_wrap .wrap {
		flex-direction: column-reverse;
	}
	.about_wrap .wrap > * {
		width: 100%;
		margin-right: 0;
	}
	.about_wrap .osusume_cont {
		padding: 25px 20px;
	}
	.osusume_fit {
		width: 100%;
		display: inline;
	}
	.osusume_cont h4 {
		text-align: center;
	}
	/* 値段 */
	dl.box_cont {
		padding: 15px;
	}
	.box_cont dt {
		letter-spacing: 0;
	}
	.box_cont dd {
		font-size: 16px;
		letter-spacing: 0;
	}
	.btn_form .cont_white {
		width: fit-content;
		font-size: 12px;
		font-size: min(3.2vw,14px);
		letter-spacing: 0;
		margin-top: 0;
		margin-left:  auto;
		margin-right: auto;
		margin-bottom: .25em;
	}
	.btn_form .btn_cont .btn_about {
		font-size: 16px;
		font-size: min(4.267vw,15px);
	}
	.yoyaku_deco {
		width:  2em;
		height: 2em;
		min-width:  2em;
		min-height: 2em;
		font-size: 16px;
		font-size: min(4.267vw,15px);
		margin-left: 1em;
	}
	#sec_aloha_check .yoyaku_deco {
		width:  1.5em;
		height: 1.5em;
		min-width:  1.5em;
		min-height: 1.5em;
		margin-left: .75em;
	}
	

	/* ===== ご予約&ご相談はこちら ===== */
	.btn_form .btn_cont {
		font-size: min(4.6vw,18px);
		letter-spacing: 0;
	}
	.btn_form a {
		height: auto;
		padding-top: 1.5em;
		padding-bottom: 1.5em;
	}


	/* ===== フラワーセラピー ===== */
	#sec_flower .head_flex:after {
		content: "";
		background-image: url(../../img/top/svg/flower_deco.svg);
		right:  -20px;
		bottom: -10px;
	}


	/* ===== フラワーカウンセリング ===== */
	#sec_flower .osusume_cont,
	#sec_flower .what_cont {
		width: 100%;
	}
	h3,
	.modal_wrap h2 {
		font-size: 18px;
		letter-spacing: .05em;
	}
	#sec_flower .box_cont dt,
	#sec_flower .box_cont dd {
		width: 100%;
		text-align: center;
		margin-right: 0;
	}
	#sec_flower .box_cont dt {
		margin-bottom: .25em;
	}


	/* ===== アロハチェック ===== */
	.aloha_box:before {
		content: "";
		width: 100%;
		height: 40vw;
		max-height: 260px;
		min-height: 150px;
		display: block;
		position: relative;
		background-image: url(../../img/top/aloha_headbg_sp.jpg);
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		opacity: 0;
	}
	.is-active.aloha_box:before {
		animation: blur .7s both ease;
	}
	
	
	/* 見出し */
	.aloha_head {
		height: auto;
		max-height: inherit;
		padding-top:  25px;
		padding-left: 15px;
		padding-top:  clamp(25px,6.777vw,30px);
		padding-left: clamp(15px,4vw,30px);
		background-color: inherit;
	}
	.aloha_head:after {
		content: none;
	}
	.aloha_box .cont_wrap {
		padding: 0 15px 30px;
		padding-left:  clamp(15px,4vw,30px);
		padding-right: clamp(15px,4vw,30px);
	}
	/* 小さい見出し */
	.aloha_box .cont_wrap .p_big {
		margin-bottom: 1em;
	}


	/* ===== スプレー お持ち帰りボックス ===== */
	.spray_box {
		flex-wrap: wrap;
		padding: 12px;
		padding: clamp(12px,3.2vw,25px);
	}
	.spray_box .img_wrap,
	.spray_box dl {
		width: 100%;
		margin-right: 0;
	}
	.spray_box dd {
		font-size: 14px;
		margin-top: 1em;
		margin-bottom: .5em;
	}


	/* ===== アロハチェック ボタン ===== */
	.h2_eng {
		font-size: 28px;
		display: flex;
		flex-wrap: nowrap;
		align-items: flex-end;
		justify-content: center;
		margin-bottom: 30px;
	}
	.h2_eng small {
		font-size: 18px;
		margin-left: 15px;
	}


	/* ===== プロフィール ===== */
	.prof_flex {
		flex-wrap: wrap;
	}
	.prof_flex .img_wrap {
		width: 100%;
		margin-bottom: 30px;
	}
	.prof_flex .cont_wrap {
		width: 100%;
		margin-left: 0;
	}
	.prof_flex h3 {
		margin-bottom: 1.15em;
	}
	.city_box {
		margin-top: .75em;
	}
	.prof_flex h3 + p {
		margin-bottom: 2em;
	}
	.sns_flex {
		width: 100%;
		flex-wrap: wrap;
	}
	.sns_btn {
		width: 100%;
	}
	.sns_btn + .sns_btn {
		margin-top: 15px;
	}
	.sns_btn a {
		font-size: 18px;
		justify-content: flex-start;
		padding: 15px 30px;
	}
	.sns_btn .svg_sns {
		width:  2.15em;
		height: 2.15em;
		min-width:  2.15em;
		min-height: 2.15em;
		margin-right: .75em;
	}


	/* ===== お問い合わせボタン（一番下） ===== */
	.bg_beige_sp {
		background-color: #f5f2ee !important;
	}
	.btn_form .btn_cont .eng {
		font-size: 22px;
		line-height: 1;
		display: inline-flex;
		flex-wrap: nowrap;
		align-items: center;
		justify-content: flex-start;
		margin-right: 2em;
	}
	.btn_form .btn_cont .eng small {
		font-size: 14px;
		line-height: 1;
		margin-left: 1em;
	}
	.btn_contact a {
		padding-top:    2.5em;
		padding-bottom: 2.5em;
	}


	/* ===== modal ===== */
	/* バツボタン */
	button.uk-modal-close-default {
		position: absolute;
		top:   -15px;
		right: -15px;
	}
	/* ボックス */
	.modal_head {
		padding: 30px 15px;
	}
	.modal_cont {
		padding: 30px 20px;
	}
	/* 見出し */
	.modal_wrap h2 {
		font-size: min(4.8vw,18px);
		text-align: center;
	}
	/* 内容リスト */
	.modal_cont > li,
	dl.modal_cont p {
		font-size: 14px;
	}
	.modal_cont > li p:before,
	dl.modal_cont p:before {
		padding-right: 0;
	}
	/* 番号付きリスト */
	.modal_cont li li {
		font-size: 12px;
	}
	/* コース終了試験 */
	dl.modal_cont dt {
		font-size: 14px;
		margin-top: .5em;
	}

	/* ----- Flower Modal ----- */
	.modal_tag {
		font-size: 12px;
	}
	.modal_card h3 span {
		font-size: 16px;
		line-height: 1.5;
		letter-spacing: .05em;
		margin-right: 0;
	}
	.modal_card h3 small {
		font-size: 12px;
		letter-spacing: 0;
		margin-top: .5em;
	}
	/* part1〜 */
	.modal_part {
		width: fit-content;
		margin-left:  auto;
		margin-right: auto;
	}
	.modal_part div {
		font-size: 12px;
		letter-spacing: 0;
	}
	.modal_part dt,
	.modal_part dd {
		line-height: 1.5;
	}
	/* ボーダーボックス */
	.modal_box {
		padding: 15px;
	}
	.modal_box dt {
		font-size: 12px;
		letter-spacing: 0;
		text-align: center;
	}
	.modal_box dd {
		font-size: 12px;
	}
	.modal_box .align_center_sp {
		text-align: center;
	}


}