@charset "UTF-8";
/*
tinyHP_CSS-ver3.0
ver1.0との違いは、フォントサイズにclamp関数を利用
ver2.0との違いは余白設定とカラー設定
【補足１】 CSS設計について
PRECSSに準じて設計
https://precss.io/ja/
【補足2】ルールは下記参考
https://docs.google.com/spreadsheets/d/1_iSwXbFPzkdrZUrFvt9Nrsr8OnIVCGj-yeftvkkjJDM/edit?usp=sharing
*/
/* ==========================================================================
  Base ベース
========================================================================== */
@font-face {/*icon-tinyHP-v2.7*/
  font-family: 'icon-tinyHP';
  src:  url('fonts/icon-tinyHP.eot?g8x80z');
  src:  url('fonts/icon-tinyHP.eot?g8x80z#iefix') format('embedded-opentype'),
    url('fonts/icon-tinyHP.woff2?g8x80z') format('woff2'),
    url('fonts/icon-tinyHP.ttf?g8x80z') format('truetype'),
    url('fonts/icon-tinyHP.woff?g8x80z') format('woff'),
    url('fonts/icon-tinyHP.svg?g8x80z#icon-tinyHP') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
/* 変数*/
:root{
	/*余白*/
	--gapYX-header: clamp(20px, 16.48px + 0.94vw, 30px);/* 縦・横：ヘッダー基準間（375→20px / 1440→30px） */
	--gapY-section: clamp(70px, 55.92px + 3.756vw, 110px); /* 縦：セクション間（375→70px / 1440→110px） */
	--gapY-heading: clamp(35px, 32.18px + 0.751vw, 43px);/* 縦：見出し下（375→35px / 1440→43px） */
	--gapY-standard: clamp(30px, 25.42px + 1.221vw, 43px);/* 縦：基準（43px系） 375→30px / 1440→43px */
	--gapX-section: clamp(36px, -7.66px + 11.643vw, 11.111vw);/* 横：セクション左右（375→36px / 1440→160px / 1440px超=11.111vw） */
	--gapScale-tight: 0.90;   /* 狭め */
	--gapScale-snug:  0.95;   /* わずかに狭め */
	--gapScale-loose: 1.10;   /* 広め */
	--gapScale-xloose:1.25;   /* さらに広め */
	/* カラー：背景 */
	--colorBkg-main: #D5B2B1;   /* 基本背景 */
	--colorBkg-second: #FFFFFF; /* 交互に使う第2背景 */
	--colorBkg-footer: #FFF9AE;
	/* カラー：テキスト */
	--colorText-main: #3E3E3E;   /* 基本文字 */
	--colorText-invert: #ffffff; /* ダーク背景上 */
	--colorText-accent: #857575; /* 見出しなど強調 */
	--colorText-accent2: #8BAF54; /* サブ強調（小見出し・補足） */
	/* カラー：ボタン */
	--colorBtn-primary: #857575; /* 目立つ色 */
	--colorBtn-invert: #ffffff;  /* ダーク背景上の白ボタン */
	--colorBtn-line: #D8E8AC; 
	/* カラー補助（Sub = サブカラー群） */
	--colorSub-hover:#857575;
	--colorSub-border: #e0e0e0;   /* 枠線・区切り */
	--colorSub-shadow: rgba(0,0,0,0.1); /* シャドウ */
	/*書体*/
	--fontFamSerif:'Noto Serif JP', 'YuMincho', 'Yu Mincho', 'Hiragino Mincho ProN', serif;
	--fontFamSansSerif: "Noto Sans JP", "Meiryo UI", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	/*サイズ*/
	--fontSizeDefolt:clamp(0.938rem, 0.915rem + 0.09vw, 1rem);/* min15px max16px==vp min375px max1440 px*/
	--rem14px: 0.875rem; 
	--rem15px: 0.938rem; 
	--rem16px: 1rem;
	--rem17px: 1.063rem;
	--rem18px: 1.125rem; 
	--rem20px: 1.25rem;
	--rem21px: 1.313rem;
	--rem25px: 1.563rem;
	--rem31px: 1.938rem;
	/*テキストシャドー*/
	--textShadow:0px 0px 6px rgba(0, 0, 0, 0.16);
}
/* 要素*/
html{
	scroll-behavior: smooth;
}
body{
	position: relative;
	background-color: var(--colorBkg-main);
	color:var(--colorText-main);
	font-family: var(--fontFamSerif);
	font-size: var(--fontSizeDefolt);
	font-weight: 400;
	line-height: 1.0;
	letter-spacing: .1em;
}
a { transition:.3s; color: inherit; text-decoration: underline;}
/* ==========================================================================
  Layout　レイアウト
========================================================================== */
/* ly_header
========================================================================== */
.ly_header{
	position: relative;
	color: #fff;
}
/*
_logoArea
*/
.ly_header_logoArea{
	position: absolute;
	z-index: 2;
	top: calc(var(--gapYX-header) + 13px);
	left: var(--gapYX-header);
	right: var(--gapYX-header);
}
	@media (max-width: 767px) {
		.ly_header_logoArea{
			width: 1px;
			height: 1px;
			padding: 0;
			overflow: hidden;
			clip: rect(0, 0, 0, 0);
			white-space: nowrap;
			border: 0;
		}
	}
/*
_Toggle
*/
.ly_header_Toggle{
	position: fixed;
	top: var(--gapYX-header);
	right:var(--gapYX-header);
	z-index: 9999999;
	opacity: 1;
	display: block;
	transition: opacity 0.3s ease-in-out; /* ふわっと表示 */
}
/*
_navPanel
*/
.ly_header_navPanel{
	position: absolute;
	top: 0;
	right: 0;
	z-index: -1;
	opacity: 0;/*はじめは透過0*/
	width: 100%;
	height: 100vh;
	background-color: #ffffff;
	transition: all 0.3s;
}
.ly_header_navPanel.panelactive{
	position:fixed;
	opacity: 1;
	z-index:999999;
}
.ly_header_navPanel_inner{
    width: 100%;
    height: 100vh;/*表示する高さ*/
}
.ly_header_navPanel.panelactive .ly_header_navPanel_inner{
	/*ナビの数が増えた場合縦スクロール*/
    position: fixed;
    z-index: 999999;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}
.ly_header_navPanel_img{
	display: none;
}
	@media (min-width: 768px) {
		.ly_header_navPanel.panelactive .ly_header_navPanel_inner{
			padding-left: 61.11%;
		}
		.ly_header_navPanel_img{
			display: block;
			width: 61.11%;
			height: 100%;
		}
		.ly_header_navPanel_img img{
			width: 100%;
			height: 100%;
			object-fit: cover;
		}
	}
/*
_imgArea
*/
.ly_header_imgArea{
	position: relative;
	z-index: 1;
	width: 100%;
	height: 100svh;
}
.ly_header_imgArea .splide__slide img,
.ly_header_imgArea_pic img{
	width: 100%;
	height: 100svh;
	object-fit: cover;
	object-position: bottom;
}
/*ly_footer
========================================================================== */
.ly_footer{
	padding-bottom: 90px;
	background-color: var(--colorBkg-footer);
}
	@media (min-width: 1200px){
		.ly_footer{
			padding-bottom: 0;
		}
	}
/*

/*
ly_footer_navUnit
*/
.ly_footer_navUnit_navArea{
	display: none;
}
.ly_footer_navUnit_btnArea{
	position: fixed;
	z-index: 999999;
	right: 0;
	left: 0;
	bottom: 0;
	transition: opacity 0.3s ease, visibility 0.3s ease;
}
.ly_footer_navUnit_btnArea.is-hidden {
    opacity: 0;
    visibility: hidden;
}
	@media (min-width: 1200px){
		.ly_footer_navUnit{
			display: flex;
		}
		.ly_footer_navUnit_navArea{
			display: block;
			padding: 0 2%;
			width: calc(100% - 20.49%);
			background-color: #fff;
		}
		.ly_footer_navUnit_btnArea{
			position: relative;
			z-index: 99;
			right: initial;
			left: initial;
			bottom: initial;
			width: 20.49%;
		}
	}
	@media (min-width: 1440px){
		.ly_footer_navUnit_navArea{
			padding: 0 4.1%;
		}
	}
/*
ly_footer_contArea
*/
.ly_footer_contArea{
	padding: 52px var(--gapX-section) 42px var(--gapX-section);
}
/*
ly_footer_copyArea
*/
.ly_footer_copyArea{
	padding:0  var(--gapX-section) 32px  var(--gapX-section);
}

/* ly_sec
========================================================================== */
.ly_sec{
	padding: var(--gapY-section) 0;
}
.ly_sec.ly_sec__pb0{
	padding-bottom: 0;
}
.ly_sec.ly_sec__second{
	background-color: var(--colorBkg-second);
	background-image: url(../img/com_bgSecond.jpg);
	background-repeat: repeat;
}
.ly_sec_header,
.ly_sec_body{
	padding: 0 var(--gapX-section);
}
.ly_sec_header{
	margin-bottom: var(--gapY-heading);
}
.ly_sec_body.ly_sec_body__noGapX{
	padding: 0;
}
.ly_sec_body > *:last-child{
	margin-bottom: 0;
}
.ly_sec p,
.ly_sec ul li,
.ly_sec dl dt,
.ly_sec dl dd{
	/* el_font-txtNormal */
	font-family: var(--fontFamSansSerif);
	font-size: var(--fontSizeDefolt);/* min15px max16px==vp min375px max1440 px*/
	font-weight: 400;
	letter-spacing: .1em;
	line-height: 1.625;
}
/* ==========================================================================
  Javascript Modules jsモジュyール
========================================================================== */
/* js_accordion
========================================================================== */
.js_accordion_ttl{
	cursor: pointer;
}
.js_accordion_box{
	display: none;/*はじめは非表示*/
}
	@media (max-width: 767px) {
		.js_accordionSm_ttl{
			cursor: pointer;
		}
		.js_accordionSm_box{
			display: none;/*はじめは非表示*/
		}
	}
/* js_fixBtn
========================================================================== */
/* ボタンを右下に固定（最初は表示） */
.js_fixBtn {
    position: fixed;
    z-index: 10;
    right: 0;
    bottom: 0;
    opacity: 1; 
    visibility: visible; 
    transition: opacity 0.3s ease, visibility 0.3s ease;
}

/* ヘッダーとフッターエリアでは非表示 */
.js_fixBtn.is-hidden {
    opacity: 0;
    visibility: hidden;
}
	@media (max-width: 1199px) {
		.js_fixBtn{
			display: none;
		}
	}
/* ==========================================================================
  Element Modules エレメントモジュール
========================================================================== */
/* ページを開いた時のアニメーション
========================================================================== */
.el_animeFade{
	position: relative;
}
.el_animeFade_bg{
	background: var(--colorMain);
	background: #fff;
	content: "";
	position: fixed;
	z-index: 9999;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	animation-name: PageAnime-fade;
	animation-duration: 3s;
	animation-fill-mode: forwards;
	pointer-events: none;
  }
   
  @keyframes PageAnime-fade {
	0% {
	  opacity: 1;
	}
	100% {
	  opacity: 0;
	  display: none;
	}
  }
/* スクリーンリーダーのみ表示
========================================================================== */
.el_srOnly{
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}
/* .el_googleMap, .el_youtube
========================================================================== */
.el_googleMap{
	width: 100%;
	height: 100%;
}
.el_googleMap iframe{
	width: 100%;
	height: 100%;
}
.el_youtube iframe{
	width: 100%;
}
/* el_font
========================================================================== */
.el_font-headerNavLink{
	font-family: var(--fontFamSerif);
	font-size: var(--rem20px);
	font-weight: 500;
	letter-spacing: .1em;
	line-height: 1.45;
}
.el_font-txtNormal{
	font-family: var(--fontFamSansSerif);
	font-size: var(--fontSizeDefolt);/* min15px max16px==vp min375px max1440 px*/
	font-weight: 400;
	letter-spacing: .1em;
	line-height: 1.625;
}
.el_font-txtNormal-sm14px{
	font-family: var(--fontFamSansSerif);
	font-size: clamp(0.875rem, 0.831rem + 0.19vw, 1rem);/* min14px max16px==vp min375px max1440 px*/
	font-weight: 400;
	letter-spacing: .1em;
	line-height: 1.625;
}
.el_font-txtNormal-pc18px{
	font-family: var(--fontFamSansSerif);
	font-size: clamp(0.938rem, 0.871rem + 0.28vw, 1.125rem);/* min15px max18px==vp min375px max1440 px*/
	font-weight: 400;
	letter-spacing: .1em;
	line-height: 1.625;
}

/* 見出し el_heading
========================================================================== */
/*
el_headingLv1
*/
.el_headingLv1{
	width: 21.74%;/*1380pxの300px*/
	max-width: 300px;
}
/*
el_headingLv2
*/
.el_headingLv2{
	color: var(--colorText-accent);
	font-size: clamp(1.438rem, 1.327rem + 0.47vw, 1.75rem);/* min23px max28px==vp min375px max1440 px*/
	font-weight: 500;
	letter-spacing: .1em;
	line-height: 1.4;
}
.el_headingLv2_subtxt{
	display: inline-block;
	font-size: clamp(1rem, 0.934rem + 0.28vw, 1.188rem);/* min16px max19px==vp min375px max1440 px*/
}
/*
el_headingLv3
*/
.el_headingLv3{
	color: var(--colorText-accent);
	font-size: clamp(1.125rem, 1.081rem + 0.19vw, 1.25rem);/* min18px max20px==vp min375px max1440 px*/
	font-weight: 500;
	letter-spacing: .1em;
	line-height: 1.4;
}
/*
el_headingLv4
*/
.el_headingLv4{
	font-family: var(--fontFamSansSerif);
	line-height: 1.7;
	letter-spacing: .1em;
}
.el_headingLv4.el_headingLv4__colorWhite{
	color: #fff;
}
/* el_link
========================================================================== */
/*
el_linkTxt
*/
a.el_linkTxt{
	color: inherit;
	text-decoration: none;
}
a.el_linkTxt > span{
	text-decoration: underline;
}
a.el_linkTxt.el_linkTxt__blank:after{
	content: "\e925";
	margin:0 .1em;
	font-family: 'icon-tinyHP' !important;
	speak: never;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
}
	@media (hover: hover) and (pointer: fine){
		a.el_linkTxt:hover{
			color: var(--colorSub-hover);
		}
	}
/*
el_linkTxtHasIcon
*/
a.el_linkTxtHasIcon{
	position: relative;
	display: inline-block;
	color: inherit;
	text-decoration: none;
}
a.el_linkTxtHasIcon.el_linkTxtHasIcon__colorWhite{
	color: #fff;
}
a.el_linkTxtHasIcon > span{
	display: inline-block;
}
a.el_linkTxtHasIcon::after{
	color: inherit;
	font-family: 'icon-tinyHP' !important;
	speak: never;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
}
a.el_linkTxtHasIcon.el_linkTxtHasIcon__arrow::after{
	content: "\e90d";
	margin-left: .2em;
	font-size: .8em;
	transition:.3s;
}
	@media (hover: hover) and (pointer: fine){
		a.el_linkTxtHasIcon.el_linkTxtHasIcon__colorWhite:hover{
			color: var(--colorSub-hover);
		}
	}
/*
el_linkTxtBtn
*/
a.el_linkTxtBtn{
	position: relative;
	display: inline-block;
	padding: 0 6px 6px 0px;
	color: var(--colorText-main);
	font-family: var(--fontFamSerif);
	font-size: clamp(1.063rem, 0.996rem + 0.28vw, 1.25rem);/* min17px max20px==vp min375px max1440 px*/
	font-weight: 500;
	line-height: 1.4;
	text-decoration: none;
}
a.el_linkTxtBtn > span{
	display: block;
	padding: .6em 1.1em .8em 1.1em;
	background-color: rgba(255, 255, 255, 0);
	transition: 0.3s ease-in-out;
}
a.el_linkTxtBtn:before,
a.el_linkTxtBtn:after{
	content: "";
	position: absolute;
	display: block;
	background-color: var(--colorText-main);
	transition: 0.3s ease-in-out;
}
a.el_linkTxtBtn:before{
	left: 1.1em;
	right: 0;
	bottom: 0;
	height: 1px;
}
a.el_linkTxtBtn:after{
	right: 0;
	bottom: 0;
	width: 1px;
	height: 25px;
}
a.el_linkTxtBtn.el_linkTxtBtn__colorWhite{
	color: #fff;
}
a.el_linkTxtBtn.el_linkTxtBtn__colorWhite > span{
	text-shadow: var(--textShadow);
	background-color: rgba(255, 250, 174, 0);
}

a.el_linkTxtBtn.el_linkTxtBtn__colorWhite:before,
a.el_linkTxtBtn.el_linkTxtBtn__colorWhite:after{
	background-color: #fff;
}
a.el_linkTxtBtn.el_linkTxtBtn__colorAccent{
	color: var(--colorText-accent);
}
a.el_linkTxtBtn.el_linkTxtBtn__colorAccent:before,
a.el_linkTxtBtn.el_linkTxtBtn__colorAccent:after{
	background-color: var(--colorText-accent);
}
a.el_linkTxtBtn.el_linkTxtBtn__colorAccent > span{
	background-color: rgba(133, 117, 117, 0);
	background-color: rgba(213, 178, 177, 0);
}
	@media (hover: hover) and (pointer: fine){
		a.el_linkTxtBtn:hover > span{
			background-color: rgba(255, 255, 255, .2);
			transform: translate(2px ,0px);
		}
		a.el_linkTxtBtn.el_linkTxtBtn__colorWhite:hover{
			color: var(--colorBkg-main);
		}
		a.el_linkTxtBtn.el_linkTxtBtn__colorWhite:hover > span{
			background-color: rgba(255, 250, 174, 1);
			text-shadow: none;
		}
		a.el_linkTxtBtn.el_linkTxtBtn__colorAccent:hover{
			color: #fff;
		}
		a.el_linkTxtBtn.el_linkTxtBtn__colorAccent:hover > span{
			background-color: rgba(133, 117, 117, .2);
			background-color: rgba(213, 178, 177, 1);
		}
		a.el_linkTxtBtn:hover::before{
			right: -1px;
		}
		a.el_linkTxtBtn:hover::after{
			right: -1px;
		}
	}
/*
el_linkBtn
*/
a.el_linkBtn{
	font-family: var(--fontFamSerif);
	display: inline-block;
	padding: 22px clamp(30px, 8.88px + 5.63vw, 90px);
	max-width: 100%;
	background-color: var(--colorBtn-primary);
	border: 2px solid var(--colorBtn-primary);
	color: #fff;
	font-size: clamp(1.125rem, 1.081rem + 0.19vw, 1.25rem);/* min18px max20px==vp min375px max1440 px*/
	line-height: 1.45;
	letter-spacing: .1em;
	text-decoration: none;
	text-align: center;
}
a.el_linkBtn.el_linkBtn__pdSm{
	padding: 22px calc( clamp(30px, 8.88px + 5.63vw, 90px) / 2);
}
a.el_linkBtn.el_linkBtn__block{
	display: block!important;
	padding-left: 10px;
	padding-right: 10px;
}
a.el_linkBtn.el_linkBtn__bgcInvert{
	background-color: var(--colorBtn-invert);
	border-color: var(--colorBtn-invert);
	color: var(--colorText-accent);
}
a.el_linkBtn.el_linkBtn__bgcLine{
	background-color: var(--colorBtn-line);
	border-color: var(--colorBtn-line);
	color: var(--colorText-accent);
}
a.el_linkBtn.el_linkBtn__bgcInvert-hoverAccent2{
	background-color: var(--colorBtn-invert);
	border-color: var(--colorBtn-invert);
	color: var(--colorText-accent);
}
a.el_linkBtn > span{
	position: relative;
	display: inline-block;
	transition:.3s;
}
a.el_linkBtn > span.el_linkBtn_icon{
	padding-left: calc(1.1em + 12px);
}
a.el_linkBtn > span.el_linkBtn_icon.el_linkBtn_icon__line{
	padding-left: calc(35px + 22px);
}
a.el_linkBtn > span.el_linkBtn_icon:before{
	position: absolute;
	top:50%;
	left: 0;
	transform: translateY(-50%);
	color: inherit;
	font-family: 'icon-tinyHP' !important;
	font-size: 1.2em;
	speak: never;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
}

a.el_linkBtn > span.el_linkBtn_icon.el_linkBtn_icon__voice::before{
	content: "\e92a";
	top: .6em;
}
a.el_linkBtn > span.el_linkBtn_icon.el_linkBtn_icon__mail::before{
	content: "\e921";
	top: .6em;
}
a.el_linkBtn > span.el_linkBtn_icon.el_linkBtn_icon__insta::before{
	content: "\e911";
}
a.el_linkBtn > span.el_linkBtn_icon.el_linkBtn_icon__line::before{
	content: "";
	width: 35px;
	height: 35px;
	background-image: url(../img/com_iconLine.png);
	background-repeat: no-repeat;
	background-size: contain;
}
	@media (hover: hover) and (pointer: fine){
		a.el_linkBtn:hover{
			background-color:#fff;
			border-color: #fff;
			color: var(--colorBtn-primary);
		}
		a.el_linkBtn.el_linkBtn__bgcInvert:hover{
			background-color: var(--colorText-accent);
			border-color: var(--colorText-accent);
			color: var(--colorBtn-invert);
		}
		a.el_linkBtn.el_linkBtn__bgcLine:hover{
			background-color: var(--colorText-accent);
			border-color: var(--colorText-accent);
			color:#fff;
		}
		a.el_linkBtn.el_linkBtn__bgcInvert-hoverAccent2:hover{
			background-color: var(--colorText-accent2);
			border-color: var(--colorText-accent2);
			color: var(--colorBtn-invert);
		}
	}
/*
el_linkIcon
*/
a.el_linkIcon{
	position: relative;
	display: inline-block;
	width: 1.2em;
	height: 1.2em;
	font-size: var(--rem25px);
}
a.el_linkIcon.el_linkIcon__colorWhite::before{
	color: #fff;
}
a.el_linkIcon::before{
	position: absolute;
	top: .1em;
	left:.1em;
	display: block;
	font-family: 'icon-tinyHP' !important;
	color: var(--colorText-main);
	font-size: 1em;
	speak: never;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	transition:.3s;
}
a.el_linkIcon.el_linkIcon__insta::before{
	content: "\e911";
}
	@media (hover: hover) and (pointer: fine){
		a.el_linkIcon:hover::before{
			color: var(--colorText-accent);
		}
		a.el_linkIcon.el_linkIcon__colorWhite:hover::before{
			color: var(--colorText-accent2);
		}
	}
/*
el_linkFooterBtn
*/
.el_linkFooterBtn{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 88px;
	height: 276px;
	background-color:#fff;
	color: var(--colorBkg-main);
	font-size: 16px;
	letter-spacing: .1em;
	text-decoration: none;
	writing-mode: vertical-rl;
}
.el_linkFooterBtn > span{
	position: relative;
	display: block;
	padding-top: calc(119px + 4px);
	width: 1.2em;
}
.el_linkFooterBtn > span::before{
	content: "";
	position: absolute;
	top: 2px;
	left: .5em;
	display: block;
	width: 1.5px;
	height: 117px;
	background-color: var(--colorBkg-main);
	transition:.3s;
}
.el_linkFooterBtn > span::after{
	content: "";
	position: absolute;
	top: 0;
	left: calc(.5em - 3px);
	display: block;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background-color: var(--colorBkg-main);
	transition:.3s;
}
	@media (hover: hover) and (pointer: fine){
		.el_linkFooterBtn:hover{
			background-color: var(--colorSub-hover);
			color: #fff;
		}
		.el_linkFooterBtn:hover > span::before,
		.el_linkFooterBtn:hover > span::after{
			background-color: #fff;
		}
	}
/* el_googleForm
========================================================================== */
.el_googleForm {
	max-width: 700px;
	margin-inline: auto;
	width: 100%;
	padding: 20px 0;
	background-color: #fff;
	border: 1px solid #ccc;
  }
  
.el_googleForm iframe {
	width: 100%;
	height: 100%;
	aspect-ratio: 3 / 4; /* 縦長の比率を指定 */
	border: none;
}
/* el_imgDeco
========================================================================== */
.el_imgDeco_wrap{
	margin-top: calc(var(--gapTP-sec) * .5);
}
.el_imgDeco img{
	width: 100%;
}
/* ==========================================================================
  Block Modules　ブロックモジュール
========================================================================== */
/* bl_Toggle
========================================================================== */
.bl_Toggle {
	width: 55px;
	height: 55px;
	padding: 0px;
	cursor: pointer;
	transition: all .2s ease-in-out;
	background-color:transparent;
	border: none;
}
.bl_Toggle::after{
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
	content: "menu";
	color: #E8D4D3;
	font-family: var(--fontFamSerif);
	font-size: 14px;
	font-weight: 300;
	letter-spacing: .2em;
	transition: all .4s ease-in-out;
}
.bl_Toggle[aria-expanded="true"]::after{
	content: "close";
	transition: all .4s ease-in-out;
	color: var(--colorText-accent);
}
.bl_Toggle_bar{
	display: block;
	width: 100%;
	height: 0px;
	content: "";
	transition: all .2s ease-in-out;
}
.bl_Toggle_bar::before,
.bl_Toggle_bar::after {
	display: block;
	width: 100%;
	height: 1px;
	content: "";
	transition: all .2s ease-in-out;
	background-color: #E8D4D3;
}
.bl_Toggle_bar:before {
	transform: translateY(-20px);
}
.bl_Toggle_bar:after {
	transform: translateY(-8px);
}
.bl_Toggle[aria-expanded="true"] .bl_Toggle_bar:before {
	transform: translateY(-10px) rotate(30deg);
	background-color: var(--colorText-accent);
}
.bl_Toggle[aria-expanded="true"] .bl_Toggle_bar:after {
	transform: translateY(-12px) rotate(-30deg);
	background-color: var(--colorText-accent);
}
/* bl_navUnit
========================================================================== */
.bl_navUnit{
	width: 100%;
}
.bl_navUnit_logoArea{
	width: 200px;
	margin-inline: auto;
	margin-top: 90px;
	margin-bottom: 50px;
}
	@media (min-width: 1200px) {
		.bl_navUnit_logoArea{
			width: 284px;
			margin-inline: initial;
			margin-top: 35px;
			margin-bottom: 60px;
			margin-left: 35px;
		}
	}
/*
bl_gNav
*/
ul.bl_gNav{
	margin-left: var(--gapYX-header);
	margin-right: var(--gapYX-header);
}
ul.bl_gNav li{
	margin-bottom: clamp(5px, 3.232px + 0.47vw, 10px);
	margin-bottom: clamp(5px, 1.472px + 0.94vw, 15px);
}
ul.bl_gNav li:last-child{
	margin-bottom: 0;
}
a.bl_gNav_link{
	position: relative;
	display: block;
	padding: 10px 0;
	color: var(--colorText-main);
	font-size: var(--rem20px);
	text-decoration: none;
	text-align: center;
}
a.bl_gNav_link.bl_gNav_link__insta{
	height: calc(10px + 1em + 10px);
}
a.bl_gNav_link.bl_gNav_link__insta::before{
	content: "\e911";
	position: absolute;
	top: 10px;
	left:50%;
	transform: translateX(-50%);
	display: block;
	font-family: 'icon-tinyHP' !important;
	color: var(--colorText-accent);
	font-size: 1em;
	speak: never;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	transition:.3s;
}
	@media (hover: hover) and (pointer: fine){
		a.bl_gNav_link:hover{
			color: var(--colorBkg-main);
		}
		a.bl_gNav_link.bl_gNav_link__insta:hover::before{
			color: var(--colorBkg-main);
		}
	}
/*
bl_gNavBtn
*/
.bl_gNavBtn_wrap{
	width: 100%;
	padding-top: 20%;
	padding-bottom: 20%;
}
a.bl_gNavBtn{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 77px;
	background-color: var(--colorBtn-line);
	border: 2px solid var(--colorBtn-line);
	color: var(--colorText-accent);
	font-size: 23px;
	letter-spacing: .2em;
	text-decoration: none;
}
.bl_gNavBtn_wrap{
	display: none;
}
a.bl_gNavBtn > span{
	position: relative;
	padding-left: 42px;
}
a.bl_gNavBtn > span::before{
	content: "";
	position: absolute;
	top:50%;
	transform: translateY(-50%);
	left: 0;
	width: 35px;
	height: 36px;
	background-image: url(../img/com_iconLine.png);
	background-repeat: no-repeat;
	background-size: contain;
}
	@media (min-width: 1200px) {
		.bl_gNavBtn_wrap{
			display: block;
			padding:45px var(--gapYX-header);
		}
		a.bl_gNavBtn{
			max-width: 353px;
			height: 90px;
			margin-inline: auto;
		}
	}
	@media (hover: hover) and (pointer: fine){
		a.bl_gNavBtn:hover{
			background-color: var(--colorText-accent);
			border-color: var(--colorText-accent);
			color: #fff;
		}
	}
/* bl_footer
========================================================================== */
/*
bl_footerNavList
*/
ul.bl_footerNavList{
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 90px;
}
ul.bl_footerNavList li{
	padding: 0;
	font-size: clamp(0.938rem, 0.522rem + 0.67vw, 1.125rem);/* min15px max18px==vp min992px max1440 px*/
	letter-spacing: .1em;
	line-height: 1.4;
}
a.bl_footerNavList_link{
	display: block;
	padding: .5em;
	color: var(--colorText-accent);
	text-decoration: none;
}
a.bl_footerNavList_link.bl_footerNavList_link__insta,
a.bl_footerNavList_link.bl_footerNavList_link__mail{
	position: relative;
	width: clamp(0.938rem, 0.522rem + 0.67vw, 1.125rem);
	height: calc(clamp(0.938rem, 0.522rem + 0.67vw, 1.125rem) + 1em);
}
a.bl_footerNavList_link.bl_footerNavList_link__insta::before,
a.bl_footerNavList_link.bl_footerNavList_link__mail:before{
	position: absolute;
	top: .5em;
	left: 0;
	display: block;
	font-family: 'icon-tinyHP' !important;
	font-size: 1em;
	speak: never;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	transition:.3s;
}
a.bl_footerNavList_link.bl_footerNavList_link__insta::before{
	content: "\e911";
}
a.bl_footerNavList_link.bl_footerNavList_link__mail:before{
	content: "\e921";
}
	@media (hover: hover) and (pointer: fine){
		a.bl_footerNavList_link:hover{
			color: var(--colorBkg-main);
		}
	}
/*
bl_footerBtn
*/
a.bl_footerBtn{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 72px;
	background-color: var(--colorBtn-line);
	color: var(--colorText-accent);
	font-size: 18px;
	letter-spacing: .2em;
	text-decoration: none;
}
a.bl_footerBtn > span{
	position: relative;
	display: block;
	padding-left: 43px;
}
a.bl_footerBtn > span::before{
	content: "";
	position: absolute;
	top: -3px;
	left: 0;
	display: block;
	width: 28px;
	height: 28px;
	background-image: url(../img/com_iconLine.png);
	background-size: contain;
	background-repeat: no-repeat;
}
a.bl_footerBtn > span.bl_footerBtn_pcTxt{
	display: none;
}
	@media (min-width: 1200px){
		a.bl_footerBtn{
			height: 90px;
			font-size: 23px;
		}
		a.bl_footerBtn > span{
			padding-left: 0;
			padding-right: 43px;
		}
		a.bl_footerBtn > span::before{
			left: initial;
			right: 0;
		}
		a.bl_footerBtn > span.bl_footerBtn_pcTxt{
			display: block;
		}
		a.bl_footerBtn > span.bl_footerBtn_smTxt{
			display: none;
		}
	}
	@media (hover: hover) and (pointer: fine){
		a.bl_footerBtn:hover{
			color: #fff;
			background-color: var(--colorSub-hover);
		}
	}
/*
bl_footerLogo
*/
.bl_footerLogo{
	width: 24.03%;
	min-width: 220px;
	max-width: 346px;
	margin-inline: auto;
}
.bl_footerLogo img{
	width: 100%;
}
/*
bl_footerCopy
*/
small.bl_footerCopy{
	display: block;
	font-size: clamp(0.875rem, 0.853rem + 0.09vw, 0.938rem);/* min14px max15px==vp min375px max1440 px*/
	line-height: 1.4;
	text-align: center;
}
/* bl_splideSlideCard
========================================================================== */
.bl_splideSlideCard{
	width: 100%;
	height: 100%;
	display: block;
	padding: clamp(20px, 16.48px + 0.94vw, 30px);
	background-color: rgba(255, 255, 255, .2);
	text-decoration: none;
}
.bl_splideSlideCard_pic{
	margin-bottom: calc(clamp(20px, 16.48px + 0.94vw, 30px) * .8);
}
	@media (hover: hover) and (pointer: fine){
		a.bl_splideSlideCard:hover{
			background-color: rgba(255, 255, 255, .4);
		}
	}
/*
矢印をカスタマイズ
*/
.bl_splideSlideCard_wrap .splide__arrow--prev{
	left: calc(var(--gapX-section) - (clamp(40px, 32.96px + 1.88vw, 60px) / 2));
}
.bl_splideSlideCard_wrap .splide__arrow--next{
	right: calc(var(--gapX-section) - (clamp(40px, 32.96px + 1.88vw, 60px) / 2));
}
.bl_splideSlideCard_wrap .splide__arrows button{
	display: flex;
	justify-content: center;
	align-items: center;
	height: clamp(40px, 32.96px + 1.88vw, 60px);
	width: clamp(40px, 32.96px + 1.88vw, 60px);
	background-color: #fff;
	opacity: 1;
}
.bl_splideSlideCard_wrap .splide__arrows button img{
	width: 25.42%;
}

/* bl_listBullet
========================================================================== */
ul.bl_listBullet > li {
	position: relative;
	padding-left: 1.3em;
	margin-bottom: .2em;
	line-height: 1.5;
  }
ul.bl_listBullet > li::before {
	content: '';
	position: absolute;
	top: .35em;
	left: .1em;
	display: block;
	width: 0.875em;
	height: 0.875em;
	border-radius: 50%;
	background-color: var(--colorText-main);
}
/* bl_listNote
========================================================================== */
ul.bl_listNote > li {
	position: relative;
	padding-left: 1.1em;
	margin-bottom: .6em;
	line-height: 1.5;
}
ul.bl_listNote.bl_listNote__fsSm li{
	font-size: 0.889em;
}
ul.bl_listNote > li::before {
	content: '※';
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	color: var(--colorMain);
}
ul.bl_listNote.bl_listNote__red > li::before {
	color: red;
}
ul.bl_listNote > li:last-child{
	margin-bottom: 0;
}

/* bl_listFaq
========================================================================== */
dl.bl_listFaq{
	border-bottom:1px solid #6D6D6D;
}
dl.bl_listFaq dt.bl_listFaq_ttl{
	position: relative;
	padding-top: 1em;
	padding-right: calc(clamp(1.125rem, 1.081rem + 0.19vw, 1.25rem) * 1.353 + 1em);
	padding-bottom: 1em;
	padding-left: .1em;
	border-top:1px solid #6D6D6D;
	color: #6D6D6D;
	font-family: var(--fontFamSerif);
	font-size: clamp(1.125rem, 1.081rem + 0.19vw, 1.25rem);/* min18px max20px==vp min375px max1440 px*/
	line-height: 1.444;
}
dl.bl_listFaq dt.bl_listFaq_ttl:first-of-type{
	border-top: none;
}
dl.bl_listFaq dt.bl_listFaq_ttl > span{
	position: relative;
	display: block;
	padding-left: calc(1.25em + .5em) ;
	font-weight: var(--fontWtMedium);
}
dl.bl_listFaq dt.bl_listFaq_ttl > span::before{
	content: "Q.";
	position: absolute;
	top:.03em;
	left: 0;
	color: var(--colorText-accent2);
	font-size: 1.25em;
	line-height: 1.0;
}
dl.bl_listFaq dt.bl_listFaq_ttl::before,
dl.bl_listFaq dt.bl_listFaq_ttl::after{
    position: absolute;
	/*top:50%;*/
	top:calc(clamp(1.125rem, 1.081rem + 0.19vw, 1.25rem) * 1.7);
    right: .5em;
    content:'';
    width: 1.353em;
    height: 1px;
    background-color: var(--colorText-accent);
	transition: all .5s ease;
}
dl.bl_listFaq dt.bl_listFaq_ttl::before{
    transform: rotate(0deg);
}
dl.bl_listFaq dt.bl_listFaq_ttl::after{
    transform: rotate(90deg);
}
/*　closeというクラスがついたら形状変化　*/
dl.bl_listFaq dt.bl_listFaq_ttl.js_accordion_close{
	border-radius: 3px 3px 0 0;
}
dl.bl_listFaq dt.bl_listFaq_ttl.js_accordion_close::after{
	transform: rotate(-0deg);
}
dl.bl_listFaq dd.bl_listFaq_box{
	padding-top: 0;
	padding-right: calc(clamp(1.125rem, 1.081rem + 0.19vw, 1.25rem) * 1.353 + 1em);
	padding-bottom: 2em;
	padding-left: calc((clamp(1.125rem, 1.081rem + 0.19vw, 1.25rem) * 1.25) + .5em);
	color: #3E3E3E;
	line-height: 1.6;
}
.bl_listFaq_box_inner p{
	margin-bottom: 1.3em;
}
.bl_listFaq_box_inner > *:last-child{
	margin-bottom: 0;
}
/* bl_listCard
========================================================================== */
.bl_listCardUnit{
	display: flex;
	flex-direction: column;
	margin-top: calc(var(--gapY-standard) * 1.5 * -1);
}
.bl_listCard{
	margin-top: calc(var(--gapY-standard) * 1.5);
}
.bl_listCard:last-of-type{
	display: none;
}
	@media (min-width: 768px) {
		.bl_listCardUnit{
			flex-direction: row;
			justify-content: space-between;
		}
		.bl_listCard{
			width: 30%;
		}
		
	}
	@media (min-width: 992px){
		.bl_listCard{
			width: 22.86%;
		}
		.bl_listCard:last-of-type{
			display: block;
		}
	}
/*
.bl_listCard_item
*/
.bl_listCard_item{
	display: block;
	text-decoration: none;
}
.bl_listCard_item_imgWrap{
	margin-bottom: 10px;
}
.bl_listCard_item_imgWrap img{
	width: 100%;
}
.bl_listCard_item_date{
	display: block;
	color: var(--colorText-accent);
	font-weight: 600;
	line-height: 1.45;
	letter-spacing: .1em;
}
.bl_listCard_item_ttl{
	color: var(--colorText-accent3);
	line-height: 1.45;
	letter-spacing: .1em;
}

	@media (hover: hover) and (pointer: fine){
		a.bl_listCard_item:hover{
			opacity: .7;
		}
	}

/* bl_fixBtn
========================================================================== */
a.bl_fixBtn{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 3.267em/*49px*/;
	height: 11.867em/*178px*/;
	background-color: #fff;
	border: 1px solid #fff;
	color: var(--colorTxt);
	font-size: clamp(15px, 13.936px	+ 0.28vw, 18px);
	text-decoration: none;
	letter-spacing: .3em;
}
a.bl_fixBtn > span{
	writing-mode: vertical-rl;
	width: 1em;
}

/* bl_privacyPolicy
========================================================================== */
/*
bl_privacyPolicy
*/
.bl_privacyPolicy{
	line-height: 1.5;
	font-size: var(--rem14px);
}
.bl_privacyPolicy > p{
	margin-bottom: 1em;
}
dl.bl_privacyPolicy_list dt{
	margin-bottom: .3em;
	font-size: 1.05em;
	font-weight: 500;
}
dl.bl_privacyPolicy_list dd{
	padding-left: 1.5em;
	margin-bottom: 1.5em;
}
dl.bl_privacyPolicy_list dd > p{
	padding-top: .5em;
	margin-bottom: 0;
}
ul.bl_privacyPolicy_list_underList li {
	position: relative;
	padding-left: 1em;
	margin-bottom: 5px;
	line-height: 1.5;
  }
  ul.bl_privacyPolicy_list_underList li::before {
	content: '';
	position: absolute;
	top: .6em;
	left: 0;
	display: block;
	width: .4em;
	height: .4em;
	background-color: var(--colorAccent);
	border-radius: 50%;
}
/* bl_accordionSec
========================================================================== */
.bl_accordionSec_ttl{
	color: #fff;
	font-family: var(--fontFamSansSerif);
	font-size: clamp(1.063rem, 1.04rem + 0.09vw, 1.125rem);/* min17px max18px==vp min375px max1440 px*/
	font-weight: 400;
	line-height: 1.5;
	text-align: center;
}
.bl_accordionSec_ttl > span{
	position: relative;
	display: inline-block;
	padding: .5em 1.2em .5em 0;
	border-bottom: 1px solid #fff;
}
.bl_accordionSec_ttl > span::after{
	position: absolute;
	content: "\e90b";
	top:calc(50% + .1em);
	transform: translateY(-50%);
	right: 0;
	color: inherit;
	font-family: 'icon-tinyHP' !important;
	speak: never;
	font-size: .6em;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	transition: all .5s ease;
}
.bl_accordionSec_ttl.js_accordion_close > span::after{
	transform: translateY(-50%) rotate(180deg);
	transform-origin: center;
}
.bl_accordionSec_body{
	display: table;
	margin: 0 auto;
	padding: 20px 0;
	line-height: 1.7;
}
.bl_accordionSec_body > *:last-child{
	margin-bottom: 0;
}
.bl_accordionSec_body p{
	margin-bottom: 1em;
}
	@media (min-width: 992px) {
		.bl_accordionSec_body{
			text-align: center;
		}
	}
/* ==========================================================================
  Unique　ユニーク
========================================================================== */
/* un_topMv
========================================================================== */
.un_topMv_wrap{
	position: absolute;
	z-index: 1;
	top: var(--gapYX-header);
	bottom: var(--gapYX-header);
	left: var(--gapYX-header);
	right: var(--gapYX-header);
}
.un_topMv{
	position: relative;
	width: 100%;
	height: 100%;
}
.un_topMv_leadArea{
	position: absolute;
	top: 25%;
	top: 40%;
	left: 0;
	right: 0;
}
.un_topMv_leadArea p{
	margin-bottom: 20px;
	font-size: clamp(0.875rem, 0.743rem + 0.56vw, 1.25rem);
	font-weight: 500;
	line-height: 1.45;
	text-align: center;
	text-shadow: var(--colorSub-shadow);
}
.un_topMv_leadArea_imgWrap{
	width: 96px;
	margin-inline: auto;
}
	@media (min-width: 768px) {
		.un_topMv_leadArea{
			top: initial;
			bottom: 98px;
		}
	}
/*
un_topMv_scrolldown
*/
/*スクロールダウン全体の場所*/
.un_topMv_scrolldown{
    /*描画位置※位置は適宜調整してください*/
  position:absolute;
  left:50%;
  bottom:10px;
    /*全体の高さ*/
  height:50px;
}
/*Scrollテキストの描写*/
.un_topMv_scrolldown span{
    /*描画位置*/
  position: absolute;
  left:-16px;
  top: -15px;
    /*テキストの形状*/
  color: #eee;
  font-size: 12px;
  letter-spacing: 0.05em;
}
/* 線の描写 */
.un_topMv_scrolldown::after{
  content: "";
    /*描画位置*/
  position: absolute;
  top: 0;
    /*線の形状*/
  width: 2px;
  height: 30px;
  background: #eee;
    /*線の動き1.4秒かけて動く。永遠にループ*/
  animation: pathmove 1.4s ease-in-out infinite;
  opacity:0;
}
/*高さ・位置・透過が変化して線が上から下に動く*/
@keyframes pathmove{
  0%{
    height:0;
    top:0;
    opacity: 0;
  }
  30%{
    height:30px;
    opacity: 1;
  }
  100%{
    height:0;
    top:50px;
    opacity: 0;
  }
}
/*
un_topMv_scrolldown2
*/
/*スクロールダウン全体の場所*/
.un_topMv_scrolldown2_wrap{
	position:absolute;
	bottom:0;
	right: 0;
    z-index: 2;
}
.un_topMv_scrolldown2{
	position: relative;
	height: 92px;
}
/*Scrollテキストの描写*/
.un_topMv_scrolldown2 span{
    /*描画位置*/
	position: absolute;
	display: block;
	bottom: 0;
	right: 15px;
    /*テキストの形状*/
	color: #fff;
	font-size: 16px;
	letter-spacing: 0.2em;
	/*縦書き設定*/
}
/* 丸の描写 */
.un_topMv_scrolldown2:before {
    content: "";
    /*描画位置*/
    position: absolute;
    bottom:0;
    left:-3px;
    /*丸の形状*/
	width:7px;
	height:7px;
	border-radius: 50%;
	background:#fff;
    /*丸の動き1.6秒かけて透過し、永遠にループ*/
	animation:
		circlemove 2.0s ease-in-out infinite,
		cirlemovehide 2.0s ease-out infinite;
}

/*下からの距離が変化して丸の全体が上から下に動く*/
@keyframes circlemove{
      0%{bottom:87px;}
     100%{bottom:-5px;}
 }

/*上から下にかけて丸が透過→不透明→透過する*/
@keyframes cirlemovehide{
      0%{opacity:0}
     50%{opacity:1;}
    80%{opacity:0.9;}
	100%{opacity:0;}
 }

/* 線の描写 */
.un_topMv_scrolldown2:after{
	content:"";
    /*描画位置*/
	position: absolute;
	bottom:0;
	left:0;
    /*線の形状*/
	width:1px;
	height: 30px;
	height: 92px;
	background:#fff;
}
/* un_topConcept
========================================================================== */
/*
フォントスタイル
*/
.un_topConcept_txtArea1,
.un_topConcept_txtArea2{
	color: #fff;
	/*l_font-txtNormal-pc18px*/
	font-family: var(--fontFamSansSerif);
	font-size: clamp(0.938rem, 0.871rem + 0.28vw, 1.125rem);/* min15px max18px==vp min375px max1440 px*/
	font-weight: 400;
	letter-spacing: .1em;
	line-height: 1.625;
}
.un_topConcept_txtArea1 p,
.un_topConcept_txtArea2 p{
	margin-bottom: 1.6em;
}
.un_topConcept_ttl{
	color: #fff;
	font-size: clamp(1.375rem, 1.177rem + 0.85vw, 1.938rem);/* min22px max31px==vp min375px max1440 px*/
	font-weight: 500;
	letter-spacing: 0;
	line-height: 1.452;
	text-shadow: var(--textShadow);
}
.un_topConcept_ttlUnit{
	display: flex;
}
.un_topConcept_ttlUnit_logo{
	width: calc(clamp(1.375rem, 1.177rem + 0.85vw, 1.938rem) * 1.871);
	padding-top: calc(clamp(1.375rem, 1.177rem + 0.85vw, 1.938rem) * 0.25);
	margin-left: calc(clamp(1.375rem, 1.177rem + 0.85vw, 1.938rem) * 1.452);
}
/*
レイアウト
*/
.un_topConcept_ttlArea{
	margin-bottom: 30px;
}
.un_topConcept_txtArea1 > *:last-child,
.un_topConcept_txtArea2 > *:last-child{
	margin-bottom: 0;
}
.un_topConcept_txtArea1{
	margin-bottom: 35px;
}
.un_topConcept_picArea{
	margin: 0 calc(50% - 50vw) 30px calc(50% - 50vw);
	width: 100vw;
}
	@media (min-width: 768px) {
		.un_topConcept{
			position: relative;
			width: 100%;
		}
		.un_topConcept_ttlArea{
			display: flex;
			align-items: center;
			width: 100%;
			aspect-ratio: 1121 / 223;
			padding-left: 50.65%;
		}
		.un_topConcept_picArea{
			position: absolute;
			top: 0;
			left: 0;
			margin: 0;
			width: 64.32%;
		}
		.un_topConcept_txtArea1,
		.un_topConcept_txtArea2{
			padding-left: 68.87%;
		}
		.un_topConcept_txtArea1{
			margin-bottom: 1.6em;
		}
		
	}
	@media (min-width: 992px){
		.un_topConcept_ttlArea{
			padding-left: 56.65%;
		}
	}
	
/* un_point
========================================================================== */
.un_pointUnit{
	display: flex;
	flex-direction: column;
	margin-top: -60px;
}
.un_point{
	margin-top: 60px;
}
.un_point_pic{
	width: 100%;
	max-width: 283px;
	margin-inline: auto;
}
.un_point_pic img{
	width: 100%;
}
.un_point_ttl{
	margin-top: 15px;
	font-family: var(--fontFamSerif);
	color: var(--colorText-accent);
	font-size: clamp(1.25rem, 1.184rem + 0.28vw, 1.438rem);/* min20px max23px==vp min375px max1440 px*/
	text-align: center;
}
.un_point_txt{
	margin-top: 15px;
}
.un_point_btn{
	display:table;
	margin-top: 15px;
	margin-inline: auto;
}
	@media (min-width: 768px) {
		.un_pointUnit{
			flex-direction: row;
			justify-content: space-between;
			flex-wrap: wrap;
		}
		.un_point{
			display: flex;
			flex-direction: column;
			width: 31.25%;
		}
		.un_point_txt{
			margin-bottom: 10px;
		}
		.un_point_btn{
			margin-top: auto;
		}
	}
/* un_menu
========================================================================== */
.un_menu_wrap{
	padding-left: 30px;
	border-left: 1px solid var(--colorText-accent);
}
.un_menu_ttl{
	position: relative;
	padding: calc(clamp(46px, 38.256px + 2.07vw, 68px) / 2) 0;
	padding-left: calc(12px + clamp(0.75rem, 0.662rem + 0.38vw, 1rem));
	color: var(--colorText-accent);;
	font-family: var(--fontFamSerif);
	font-size: clamp(1.125rem, 1.081rem + 0.19vw, 1.25rem);
	font-weight: 500;
}
.un_menu_ttl::before,
.un_menu_ttl::after{
    position: absolute;
	/*top:50%;*/
	top:50%;
	transform: translateY(-50%);
    left: 0;
    content:'';
    width: 12px;
    height: 2px;
    background-color: var(--colorText-accent);
	transition: all .5s ease;
}
.un_menu_ttl::before{
    transform: rotate(0deg);
}
.un_menu_ttl::after{
    transform: rotate(90deg);
}
.un_menu_ttl.js_accordion_close{
	border-radius: 3px 3px 0 0;
}
.un_menu_ttl.js_accordion_close::after{
	transform: rotate(-0deg);
}
.un_menu_ttl_subtxt{
	display: inline-block;
	font-size: 0.8em;
}
.un_menu_box{
	padding-bottom: calc(clamp(46px, 38.256px + 2.07vw, 68px) / 2);
}
	@media (min-width: 1200px) {
		.un_menu_wrap{
			padding-right: 64px;
			padding-left: 64px;
			border-right: 1px solid var(--colorText-accent);;
		}
		.un_menu_box{
			padding-left: 30px;
		}
	}
/* 
un_menuCont
*/
.un_menuCont.un_menuCont__hasPic > .un_menuCont_imgWrap{
	margin-top: 29px;
}
	@media (min-width: 768px) {
		.un_menuCont.un_menuCont__hasPic{
			display: flex;
			justify-content: space-between;
		}
		.un_menuCont.un_menuCont__hasPic > .un_menuCont_body{
			width: 69.78%;
		}
		.un_menuCont.un_menuCont__hasPic > .un_menuCont_imgWrap{
			margin-top: 0;
			width: 26.86%;
			max-width: 300px;
		}
	}
/* 
un_menuList
*/
dl.un_menuList dt{
	font-size: clamp(1.125rem, 1.081rem + 0.19vw, 1.25rem);/* min18px max20px==vp min375px max1440 px*/
	font-weight: 500;
	line-height: 1.5;
	letter-spacing: .1em;
}
.un_menuList_price{
	display: block;
}
.un_menuList_price_subtxt{
	display: inline-block;
	font-size: 0.85em;
}
dl.un_menuList dd{
	margin-top: .5em;
	margin-bottom: 1.5em;
	font-size: clamp(0.875rem, 0.831rem + 0.19vw, 1rem);/* min14px max16px==vp min375px max1440 px*/
	letter-spacing: .03em;
	line-height: 1.625;
}
dl.un_menuList dd:last-of-type{
	margin-bottom: 0;
}
dl.un_menuList dd > *:last-child{
	margin-bottom: 0;
}
dl.un_menuList dd p{
	margin-bottom: 1em;
}
	@media (min-width: 768px) {
		.un_menuList_ttl{
			padding-right: 1.5em;
		}
		.un_menuList_price{
			display: inline-block;
		}
	}
/*
un_menuPicUnit
*/
.un_menuPicUnit_item{
	margin-top: 29px;
}
	@media (min-width: 768px){
		.un_menuPicUnit{
			display: flex;
			justify-content: center;
			margin-top: 29px;
		}
		.un_menuPicUnit_item{
			width:  26.86%;
			max-width: 300px;
			margin: 0 3%;
			margin-top: 0;
		}
	}
/* 
un_menuBtn
*/
.un_menuBtn{
	display: none;
}
@media (min-width: 1200px){
	.un_menuBtn{
		display: table;
		margin-inline: auto;
		margin-top: var(--gapY-standard);
	}
}
/* un_flow
========================================================================== */
.un_flowUnit{
	position: relative;
	padding: 0 var(--gapX-section);
}
.un_flowUnit::before{
	content: "";
	position: absolute;
	z-index: 1;
	right: calc(var(--gapX-section) + 25px + 22px);
	top: 0;
	bottom: 0;
	display: block;
	width: 2px;
	background-color: #fff;
}
.un_flowUnit::after{
	content: "";
	position: absolute;
	z-index: 1;
	right: calc(var(--gapX-section) + 25px + 22px - 5.5px);
	display: block;
	width: 13px;
	height: 13px;
	background-color: #fff;
	border-radius: 50%;
}
.un_flowUnit.un_flowUnit__low1st::after{
	top: 0;
}
.un_flowUnit.un_flowUnit__low2nd::after{
	bottom: 0;
}
.un_flow{
	position: relative;
	z-index: 2;
	padding: 30px 25px;
}
.un_flow_imgWrap{
	width: 200px;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: auto;
}
.un_flow_imgWrap img{
	border-radius: 50%;
}
.un_flow_body{
	padding-right: 50px;
}
.un_flow_body_ttl{
	margin-bottom: 6px;
	font-family: var(--fontFamSansSerif);
	font-size: 1.125em;
	line-height: 1.4;
	font-weight: 500;
}
	@media (min-width: 768px){
		.un_flowUnit{
			display: flex;
			justify-content: space-between;
			padding: 0 calc(var(--gapX-section) + 2.14%);
		}
		.un_flowUnit.un_flowUnit__low1st{
			margin-bottom: calc(var(--gapY-standard) * 1.16);
		}
		.un_flowUnit::before{
			right: 0;
			left: 0;
			top: 44px;
			bottom: initial;
			width: auto;
			height: 2px;
		}
		.un_flowUnit.un_flowUnit__low1st::before{
			left: calc(var(--gapX-section) + 2.14%);
		}
		.un_flowUnit.un_flowUnit__low2nd::before{
			right: calc(var(--gapX-section) + 2.14%);
		}
		.un_flowUnit.un_flowUnit__low1st::after{
			top: calc(44px - 6px);
			right: initial;
			left: calc(var(--gapX-section)  + 2.14% - 13px);
		}
		.un_flowUnit.un_flowUnit__low2nd::after{
			top: calc(44px - 6px);
			bottom: initial;
			right: calc(var(--gapX-section)  + 2.14% - 13px);
		}
		.un_flow{
			padding: 0 0 0 0;
			width: 28.4%;
		}
		.un_flow_imgWrap{
			margin-right: auto;
			width: 72.46%;
			width: 82.46%;
			max-width: 200px;
			margin-bottom: 14px;
		}
		.un_flow_body{
			padding-right: 0;
		}
	}
	@media (min-width: 1200px){
		.un_flowUnit{
			padding-left: calc(var(--gapX-section) + 9.11%);
		}
		.un_flowUnit.un_flowUnit__low1st::before{
			left: calc(var(--gapX-section) + 9.11%);
		}
		.un_flowUnit.un_flowUnit__low1st::after{
			left: calc(var(--gapX-section)  + 9.11% - 13px);
		}
	}
/* un_about
========================================================================== */
.un_about_imgWrap{
	width: 200px;
	width: initial;
	margin-bottom: var(--gapY-standard);
}
.un_about_imgWrap img{
	width: 100%;
}
	@media (min-width: 768px){
		.un_about{
			display: flex;
			justify-content: space-between;
			flex-direction: row-reverse;
		}
		.un_about_imgWrap{
			width: 22.86%;
		}
		.un_about_body{
			width: 73.48%;
		}
	}
/* 
un_about_picUnit
*/
.un_about_picUnit{
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
}
.un_about_picUnit_picMain{
	width: 55%;
}
.un_about_picUnit_picSub{
	width: 40%;
}
	@media (min-width: 768px){
		.un_about_picUnit{
			display: block;
		}
		.un_about_picUnit_picMain,
		.un_about_picUnit_picSub{
			width: 100%;
		}
		.un_about_picUnit_picSub{
			padding-top: var(--gapY-standard);
		}
	}
/* 
un_about_nameUnit
*/
p.un_about_nameUnit_position{
	font-family: var(--fontFamSerif);
	font-size: clamp(0.875rem, 0.831rem + 0.19vw, 1rem);/* min14px max16px==vp min375px max1440 px*/
	font-weight: 400;
	letter-spacing: .1em;
	line-height: 1.938;
}
p.un_about_nameUnit_name{
	font-family: var(--fontFamSerif);
	font-size: clamp(1.25rem, 1.162rem + 0.38vw, 1.5rem);/* min20px max24px==vp min375px max1440 px*/
	letter-spacing: .1em;
	line-height: 1.5;
}
.un_about_nameUnit_name_yomi{
	display: block;
	color: #fff;
	font-size: var(--rem18px);
	font-weight: 400;
	letter-spacing: .1em;
}
.un_about_nameUnit_sns{
	margin-top: calc(var(--gapY-standard) * .3);
}
	@media (min-width: 768px) {
		.un_about_nameUnit{
			display: flex;
			flex-wrap: wrap;
		}
		p.un_about_nameUnit_position{
			width: 100%;
		}
		.un_about_nameUnit_name_yomi{
			display: inline-block;
			padding: 0 1.5em;
		}
		.un_about_nameUnit_sns{
			margin-top: 0;
			padding-top: .3em;
		}
	}
/* un_topSymbol
========================================================================== */
.un_topSymbol_header{
	margin-bottom: var(--gapY-standard);
	text-align: center;
}
.un_topSymbol_imgWrap{
	width: 130px;
	margin-inline: auto;
	margin-bottom: var(--gapY-standard);
}
	@media (min-width: 768px){
		.un_topSymbol_wrap{
			width: 80%;
			margin-inline: auto;
		}
		.un_topSymbol{
			display: grid;
			grid-template-columns: 130px auto;
			grid-template-rows: minmax(calc(1.125rem * 2 + 10px), calc(1.25rem * 2 + 10px)) auto;
			column-gap: 30px;
			row-gap:20px;
		}
		.un_topSymbol_header{
			grid-column: 2;
			grid-row: 1;
			padding-top: 10px;
			margin-bottom: 0;
			text-align: left;
		}
		.un_topSymbol_imgWrap{
			grid-column: 1;
			grid-row: 1 / 3;
			width: initial;
			margin-inline: initial;
			margin-bottom: 0;
		}
		.un_topSymbol_body{
			grid-column: 2;
			grid-row: 2;
		}
	}
	@media (min-width: 992px){
		.un_topSymbol{
			column-gap: 60px;
		}
		.un_topSymbol_wrap{
			width: 63.04%;
			margin-inline: auto;
		}
	}
/* un_access
========================================================================== */
.un_access_headerArea{
	margin-bottom: var(--gapY-heading);
}
.un_access_imgArea{
	width: 100%;
	margin-bottom: var(--gapY-standard);
	aspect-ratio: 375 / 269;
}
	@media (min-width: 768px) {
		.un_access{
			display: grid;
			grid-template-columns:48% 50%;
			grid-template-rows: auto auto;
			column-gap: calc(100% - 48% - 50%);
		}
		.un_access_headerArea{
			grid-column: 1;
			grid-row: 1;
		}
		.un_access_imgArea{
			grid-column: 2;
			grid-row: 1 / 3;
			max-width: initial;
			margin-bottom: 0;
			aspect-ratio: initial;
		}
		.un_access_bodyArea{
			grid-column: 1;
			grid-row: 2;
		}
	}
	@media (min-width: 992px){
		.un_access{
			display: grid;
			grid-template-columns:53.21% 42.86%;
			grid-template-rows: auto auto;
			column-gap: calc(100% - 53.21% - 42.86%);
		}
	}
/*
un_accessList
*/
dl.un_accessList{
	display: flex;
	flex-wrap: wrap;
}
dl.un_accessList dt{
	width: 6em;
}
dl.un_accessList dd{
	width: calc(100% - 6em);
}
/*
un_accessDecoArea
*/
.un_accessDecoArea{
	width: 100%;
	aspect-ratio: 375 / 269;
	aspect-ratio: initial;
	padding-right: var(--gapX-section);
	padding-bottom: var(--gapY-section);
	padding-left: var(--gapX-section);
	text-align: center;
}
.un_accessDecoArea img{
	width: 100%;
	max-width: 400px;
}
	@media (min-width: 992px) {
		.un_accessDecoArea{
			padding: 0;
			aspect-ratio: initial;
		}
		.un_accessDecoArea img{
			max-width: initial;
		}
	}
/*
un_accessBtnList
*/
.un_accessBtnList{
	margin-top: var(--gapY-standard);
}
.un_accessBtnList > li{
	margin-bottom: calc(var(--gapY-standard) / 2);
}
.un_accessBtnList > li:last-child{
	margin-bottom: 0;
}
	@media (min-width: 992px){
		.un_accessBtnList{
			display: flex;
			justify-content: space-between;
		}
		.un_accessBtnList > li{
			width: 48.66%;
		}
	}
/* ==========================================================================
  Helpers　ヘルパー
========================================================================== */
.hp_dib { display: inline-block !important; }
.hp_db{display: block;}
.hp_w100vw{ margin-right: calc(50% - 50vw); margin-left: calc(50% - 50vw); }
.hp_w100vwOnlySm{ margin-right: calc(50% - 50vw); margin-left: calc(50% - 50vw); }
.hp_noneOnelySm{display: none;}
.hp_onlySm{ display: block; }
@media (min-width: 768px){
	.hp_w100vwOnlySm{ margin-right: initial; margin-left: initial; }
	.hp_onlySm{ display: none; }
	.hp_noneOnelySm{ display: inline-block;}
}
.hp_mt03em{ margin-top: .3em !important;}
.hp_mt05em{ margin-top: .5em !important;}
.hp_mt1em{ margin-top: 1em !important;}
.hp_mt15em{ margin-top: 1.5em !important;}
.hp_mt2em{ margin-top: 2em !important;}
.hp_mt3em{ margin-top: 3em !important;}
.hp_mtGapStnd{margin-top: var(--gapY-standard);}
.hp_mtGapStnd-lg{margin-top: calc(var(--gapY-standard) * 1.3);}
.hp_mb15em{margin-bottom: 1.5em!important;}
.hp_mb2em{margin-bottom: 2em!important;}
.hp_mbGapStnd{margin-bottom: var(--gapY-standard)!important;}
.hp_mbGapHeading{margin-bottom: var(--gapY-heading)!important;}
.hp_pt0{padding-top: 0 !important;}
.hp_pt2em{padding-top: 2em !important;}
.hp_ptGapSection{padding-top: var(--gapY-section)!important;}
.hp_blockCenter{ display: table; margin-left: auto; margin-right: auto;}
.hp_blockRight{ display: table; margin-left: auto; margin-right: 0;}

/* フォントスタイル関連
========================================================================== */
/*
サイズ
*/
.hp_fontSizeLg{font-size: 1.3em;}
.hp_fontSizeSm{font-size: 0.875em;}
/*
ウェイト
*/
.hp_fontWtRegular,.hp_fontWt400{ font-weight: 400 !important; }
.hp_fontWtMedium,.hp_fontWt500{ font-weight:500 !important; }
.hp_fontWtSemibold,.hp_fontWt600{ font-weight:600 !important; }
.hp_fontWtBold,.hp_fontWt700{ font-weight: 700 !important; }
/*
トラッキングの数値 ÷ 1000（em）
*/
.hp_fontAV100{ letter-spacing:.1em !important; }
.hp_fontAV200{ letter-spacing:.2em !important; }
.hp_fontAV300{ letter-spacing:.3em !important; }
.hp_fontAV400{ letter-spacing:.4em !important; }
/*
カラー
*/
.hp_fontColorAccent{ color: var(--colorText-accent);}
/*
フォントファミリー
*/
.hp_fontFamEn{ font-family: var(--fontFamEn) !important;}
.hp_fontUpper{text-transform: uppercase;}
/*
その他
*/
.hp_txtCenter{text-align: center;}
.hp_txtRigt{text-align: right;}