@charset "UTF-8";
/*
tinyHP_CSS-ver2.0
ver1.0との違いは、フォントサイズにclamp関数を利用
【補足１】 CSS設計について
PRECSSに準じて設計
https://precss.io/ja/
【補足2】ルールは下記参考
https://docs.google.com/spreadsheets/d/1_iSwXbFPzkdrZUrFvt9Nrsr8OnIVCGj-yeftvkkjJDM/edit?usp=sharing
*/
/* ==========================================================================
  Base ベース
========================================================================== */
@font-face {/*2.6*/
  font-family: 'icon-tinyHP';
  src:  url('fonts/icon-tinyHP.eot?5llgjy');
  src:  url('fonts/icon-tinyHP.eot?5llgjy#iefix') format('embedded-opentype'),
    url('fonts/icon-tinyHP.woff2?5llgjy') format('woff2'),
    url('fonts/icon-tinyHP.ttf?5llgjy') format('truetype'),
    url('fonts/icon-tinyHP.woff?5llgjy') format('woff'),
    url('fonts/icon-tinyHP.svg?5llgjy#icon-tinyHP') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
/* 変数*/
:root{
	--gapY:clamp(38px, 30.256px + 2.07vw, 60px);/* 垂直基準 */
	--gapY-2ndSec:clamp(45px, 34.432px + 2.82vw, 75px);/* 2つ目以降のセクション余白 */
	--gapX:clamp(36px, -7.664px + 11.64vw, 160px);/* 水平基準 */
	--gapX-secLeft:clamp(36px, -50.624px + 23.1vw, 282px);/* セクションの左側用 */
	--gapX-secMd:clamp(36px, -64px + 26.67vw, 320px);/* セクションの少し大きい余白 */
	--gapX-secLg:clamp(36px, -75.264px + 29.67vw, 352px);/* セクションの大きい余白 */
	--colorBkg:#FAF9E8;
	--colorBase:#fff;
	--colorBase-rbg:255, 255, 255;
	--colorMain:#70B25A;
	--colorMain-rgb:112, 178, 90;
	--colorAccent:#F6A155;
	--colorAccent-rbg:246, 161, 85;
	--colorBlue:#27A2EE;
	--colorBrown:#D5731B;
	--colorBrown-rbg:213, 115, 27;
	--colorTxt:#1B1D1B;
	--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;
	--fontFamEn:"Quicksand", sans-serif;
	--fontSizeDefolt:clamp(0.938rem, 0.871rem + 0.28vw, 1.125rem);/*VALUES MINI15px MAX18px==VIEWPORT MINI375px MAX1440px*/
	--fontWtRegular: 400;
	--fontWtMedium: 500;
	--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;
}
	@media (min-width: 1440px) {
		:root{
			--gapX:11.11%;/*親1440px のうち　160px*/
			--gapX-secLeft:19.58%;/*親1440px のうち　282px*/
			--gapX-secMd:22.22%;/*親1440px のうち　320px*/
			--gapX-secLg:24.44%;/*親1440px のうち　352px*/
		}
	}
/* 要素*/
html{
	scroll-behavior: smooth;
}
body{
	position: relative;
	background-color: var(--colorBkg);
	color:var(--colorTxt);
	font-family: var(--fontFamSansSerif);
	font-size: var(--fontSizeDefolt);
	font-weight: var(--fontWtRegular);
	line-height: 1.0;
	letter-spacing: .1em;
}
a { transition:.3s; color: inherit; text-decoration: underline;}
/* ==========================================================================
  Layout　レイアウト
========================================================================== */
/* ly_header,ly_bodyBg
========================================================================== */
.ly_header{
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 96px;
	background-color: var(--colorMain);

}
.ly_header_logoMark{
	position: absolute;
	left: 22.5px;
	top:50%;
	transform: translateY(-50%);
	width: 51px;
	height: 49px;
}
.ly_header_logoArea{
	width: 125px;
}

	@media (min-width:992px){
		.ly_bodyBg{
			position: relative;
		}
		.ly_bodyBg::before{
			content: "";
			position: absolute;
			top:0;
			left: 0;
			width: 31.81%;
			width: 34.38%;
			aspect-ratio: 458 / 425;
			aspect-ratio: 495 / 257;
			background-color: var(--colorMain);
			border-radius: 0 0 300px 0;
		}
		.ly_header{
			position: relative;
			height: initial;
			justify-content: initial;
			padding-top: 30px;
			background-color: transparent;
		}
		.ly_header_logoMark{
			display: none;
		}
		.ly_header_logoArea{
			display: flex;
			align-items: center;
			justify-content: center;
			width: 31.81%;
			height: clamp(78px, -54.864px + 13.39vw, 138px);
		}
		.ly_header_navArea{
			width: calc(100% - 31.81%);
			padding-top: .5em;
		}
	}
	@media (min-width: 1200px){
	}
/* ly_sec
========================================================================== */
.ly_sec{
	position: relative;
	padding-top: calc(var(--gapY));
	padding-bottom: calc(var(--gapY));
}
.ly_sec.ly_sec__top{
	padding-top: calc(var(--gapY) * 2);
}
.ly_sec.ly_sec__bottom{
	padding-bottom: calc(var(--gapY) * 2);
}
.ly_sec.ly_sec__bgcMain{
	padding-top: calc(var(--gapY) * 2);
	padding-bottom: calc(var(--gapY) * 2);
	background-color: var(--colorMain);
}
.ly_sec.ly_sec__bgcWhite{
	padding-top: calc(var(--gapY) * 2);
	padding-bottom: calc(var(--gapY) * 2);
	background-color: #fff;
}
.ly_sec.ly_sec__hasBtmWaveWhite{
	padding-bottom: calc(var(--gapY) * 2 + 19px);
	background-image: url(../img/com_bgWave-white.webp);
	background-repeat: repeat-x;
	background-position: bottom center;
	background-size: 143px;
}
.ly_sec.ly_sec__hasTopWaveWhite{
	padding-top: calc(var(--gapY) * 2 + 19px);
	background-image: url(../img/com_bgWave-white-bottom.webp);
	background-repeat: repeat-x;
	background-position: top center;
	background-size: 143px;
}
.ly_sec.ly_sec__hasBtmWaveGreen{
	padding-bottom: calc(var(--gapY) * 2 + 19px);
	background-image: url(../img/com_bgWave-green.webp);
	background-repeat: repeat-x;
	background-position: bottom center;
	background-size: 143px;
}
.ly_sec.ly_sec__hasTopWaveGreen{
	padding-top: calc(var(--gapY) * 2 + 19px);
	background-image: url(../img/com_bgWave-green-bottom.webp);
	background-repeat: repeat-x;
	background-position: top center;
	background-size: 143px;
}
.ly_sec_header{
	position: relative;
	display: flex;
	align-items: center;
	width: 100%;
	height: clamp(85px, 75.488px + 2.54vw, 112px);
	height: 85px;
	padding-right: var(--gapX);
	padding-right: 36px;
	padding-left: var(--gapX);
	padding-left: 36px;
	margin-bottom:35px;
}
.ly_sec_header::before{
	content: "";
	position: absolute;
	top: 0;
	left: calc((85px - 21px) * -1);
	display: block;
	width: clamp(21px, -61.744px + 22.07vw, 256px);
	width: 85px;
	height: clamp(85px, 75.488px + 2.54vw, 112px);
	height: 85px;
	background-color: var(--colorMain);
	border-radius: 50%;
}
.ly_sec_header.ly_sec_header__noBg{
	justify-content: center;
	height: initial;
	margin-bottom: var(--gapY);
}
.ly_sec_header.ly_sec_header__noBg::before{
	content: none;
}
.ly_sec_body{
	padding-right: var(--gapX);
	padding-right: 36px;
	padding-left: var(--gapX);
	padding-left: 36px;
}
.ly_sec_body.ly_sec_body__gapX0{
	padding-right: 0;
	padding-left: 0;
}
.ly_sec_body.ly_sec_body_gapXRight0{
	padding-right: 0;
}

.ly_sec_body p{
	line-height: 1.7;
}
.ly_sec_body p,
.ly_sec_body ul{
	margin-bottom: 1.7em;
}
.ly_sec_body > *:last-child{
	margin-bottom: 0;
}
	@media (max-width: 767px){
		.ly_sec_body.ly_sec_body__downSmNoGapX{
			padding-right: 0;
			padding-left: 0;
		}
	}
	@media (min-width: 768px){
		.ly_sec{
			padding-top: calc(var(--gapY) * 1.2);
			padding-bottom: calc(var(--gapY) * 1.2);
		}
		.ly_sec_header{
			height: 46px;
			padding-right: var(--gapX);
			padding-left: var(--gapX-secLeft);
			margin-bottom: 70px;
		}
		.ly_sec_header::before{
			left: 0;
			width: clamp(21px, -61.744px + 22.07vw, 256px);
			height: clamp(85px, 60px + 6.67vw, 156px);
			height: 46px;
			border-radius: 0 50px 50px 0;
		}
		.ly_sec_header.ly_sec_header__noBg{
			padding-left:var(--gapX);
		}
		.ly_sec_body{
			padding-right: var(--gapX);
			padding-left: var(--gapX-secLeft);
		}
		.ly_sec_body.ly_sec_body__gapXBase{
			padding-left: var(--gapX);
		}
		.ly_sec_body.ly_sec_body__gapXMd{
			padding-right: var(--gapX-secMd);
			padding-left: var(--gapX-secMd);
		}
	}
/* ly_footerImg
========================================================================== */
.ly_footerImg{
	width: 100%;
}
.ly_footerImg img{
	width: 100%;
}
/* ly_footer
========================================================================== */
.ly_footer_wrap{
	padding-top: var(--gapY);
	padding-right: clamp(36px, 21.216px + 3.94vw, 78px);
	padding-right: clamp(21px, -3.296px + 6.48vw, 90px);
	padding-bottom: calc(var(--gapY) + 64px);
	padding-left: var(--gapX);
	padding-left: clamp(21px, -27.936px + 13.05vw, 160px);
	background-color: var(--colorMain);
}
.ly_footer_wrap.ly_footer_wrap__bgWaveTopWhite{
	padding-top: calc(var(--gapY) + 19px);
	padding-top: calc(80px + 19px);
	background-image: url(../img//com_bgWave-white-bottom.webp);
	background-repeat: repeat-x;
	background-position: top center;
	background-size:143px;
}
.ly_footer{
	display: grid;
	gap: 37px;
}
.ly_footer_logo,
.ly_footer_sns,
.ly_footer_copy{
	display: table;
	margin: 0 auto;
}
	@media (min-width: 992px) {
		.ly_footer_wrap{
			padding-bottom: var(--gapY);
		}
		.ly_footer{
			gap: 0;
			grid-template-rows: auto auto auto;
			grid-template-columns: calc(100% - (73px * 4 + 10px * 3)) calc(73px * 4 + 10px  * 3);
		}
		.ly_footer_logo,
		.ly_footer_sns,
		.ly_footer_copy{
			display: block;
			margin: 0;
		}
		.ly_footer_logo{
			grid-row: 1;
			grid-column: 1;
		}
		.ly_footer_sns{
			grid-row: 2;
			grid-column: 2;
		}
		.ly_footerlink{
			grid-row: 2;
			grid-column: 1;
		}
		.ly_footer_copy{
			grid-row: 3;
			grid-column: 1 / 3;
			padding-top: var(--gapY);
			text-align: right;
		}
	}
	@media (min-width: 1440px){
		.ly_footer_wrap{
			padding-right:6.25%;
			padding-left: var(--gapX);
		}
	}
/* ==========================================================================
  Javascript Modules jsモジュyール
========================================================================== */
/* js_telLink
========================================================================== */
.js_telLink a{
	color: inherit;
}
/* js_accordion
========================================================================== */
.js_accordion_ttl{
	cursor: pointer;
}
.js_accordion_box{
	display: none;/*はじめは非表示*/
}
/* js_modaal
========================================================================== */
/*hideエリアをはじめは非表示*/
.js_modaal_hideArea{
	display: none;
}
.js_modaal_hideArea > *:last-child{
	margin-bottom: 0;
}
/*閉じるボタンのスタイル*/
.modaal-fullscreen .modaal-close{
	background: var(--colorBlue);
	right:10px;
	top:10px;
}
.modaal-close:after,
.modaal-close:before{
	top:14px;
	left:24px;
	background: #fff;
	width: 1px;
	height:25px;
}
.modaal-close:focus:after,
.modaal-close:focus:before,
.modaal-close:hover:after,
.modaal-close:hover:before{
	top:14px;
	left:24px;
	background: #fff;
	width: 1px;
	height:25px;
}
	@media (min-width: 992px){
		.modaal-fullscreen .modaal-close{
			top: 20px;
			right: 30px
		}
	}
	@media (min-width: 1400px){
		.modaal-fullscreen .modaal-close{
			top: 20px;
			right: initial;
			left: calc(50% + ((250px + 30px + 30px) * 4) / 2);
		}
	}
/*モーダルの表示部分*/
.modaal-container{
	background-color: #fff;
}
	@media (min-width: 992px){
		.modaal-container{
		}
	}
/*モーダルの表示部分*/
.js_modaalArea_wrapper{
	padding: 2em 0;
	max-width: 700px;
	margin-inline: auto;
}
.js_modaalArea_wrapper > *:last-child{
	margin-bottom: 0;
}
.js_modaalArea{
	margin-bottom: 7.857em;
}
/* js_fixBtn
========================================================================== */
/* ボタンを右下に固定 */
.js_fixBtn {
	position: fixed;
	z-index: 99;
	right: 0;
	bottom: 0;
	left: 0;
	opacity: 1; /* 初めから表示 */
}
@media (min-width: 768px){
	.js_fixBtn{
		left: initial;
		transform: translateX(0);
		animation: LeftAnime 0.5s forwards;
	}
	.js_fixBtn.is-hidden{
		animation: RightAnime 0.5s forwards;
	}
}
@keyframes LeftAnime {
	from {
	  opacity: 0;
	  transform: translateX(180px);
	}
	to {
	  opacity: 1;
	  transform: translateX(0);
	}
}
@keyframes RightAnime {
	from {
	  opacity: 1;
	  transform: translateX(0);
	}
	to {
	  opacity: 0;
	  transform: translateX(180px);
	}
}
/* js-scrollable
========================================================================== */
.js-scrollable{
	letter-spacing: 0 !important;
}
/* ==========================================================================
  Element Modules エレメントモジュール
========================================================================== */
.el_elfsightInstaFeed{
	position: relative;
	z-index: 1;
}
/* ページを開いた時のアニメーション
========================================================================== */
.el_animeFade{
	position: relative;
}
.el_animeFade_bg{
	background: var(--colorMain);
	background: #fff;
	content: "";
	position: fixed;
	z-index: 999;
	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_heading
========================================================================== */
/*
el_headingLv1
*/
	@media (min-width: 992px){
		.el_headingLv1{
			width: 29.91%;
			width: 68.12%;
			max-width: 137px;
			max-width: 312px;
		}
		.el_headingLv1 img{
			width: 100%;
		}
	}

/*
el_headingLv2
*/
.el_headingLv2{
	font-size: clamp(1.25rem, 1.008rem + 1.03vw, 1.938rem);/* min20px max31px */
	letter-spacing: .5em;
	line-height: 1.25;
}
/*
el_headingLv3
*/
.el_headingLv3{
	position: relative;
	padding-left: calc(clamp(0.938rem, 0.805rem + 0.56vw, 1.313rem) + clamp(0.375rem, 0.309rem + 0.28vw, 0.563rem));
	color: var(--colorBlue);
	font-size: clamp(1rem, 0.912rem + 0.38vw, 1.25rem);/* min16px max20px */
	font-weight: 500;
	letter-spacing: .1em;
	line-height: 1.3;
}
.el_headingLv3::before{
	content: "";
	position: absolute;
	z-index: 1;
	top: .13em;
	left: 0;
	display: block;
	width: clamp(0.938rem, 0.805rem + 0.56vw, 1.313rem);
	height: clamp(0.938rem, 0.805rem + 0.56vw, 1.313rem);
	background-image: url(../img//com_iconStar-orange.svg);
	background-repeat: no-repeat;
	background-size: cover;
}
.el_headingLv3.el_headingLv3__mb05em{
	margin-bottom: .5em;
}
.el_headingLv3.el_headingLv3__mb1em{
	margin-bottom: 1em;
}
.el_headingLv3.el_headingLv3__pb1em{
	padding-bottom: 1em;
}
.el_headingLv3.el_headingLv3__txtCenter{
	text-align: center;
}
	@media (min-width: 992px) {
		.el_headingLv3{
			letter-spacing: .2em;
		}
	}
/*
.el_headingLv3-onlyTxt
*/
.el_headingLv3-onlyTxt{
	margin-bottom: 30px;
	color: var(--colorMain);
	font-size: clamp(1.125rem, 1.081rem + 0.19vw, 1.25rem);/* min18px -> max20px */
	font-weight: 500;
	line-height: 1.3;
	letter-spacing: .2em;
	text-align: center;
}
/* el_link
========================================================================== */
/*
el_linkTxt
*/
a.el_linkTxt{
	position: relative;
	display: inline-block;
	padding-bottom: .2em;
	border-bottom: 1px solid var(--colorMain);
	color: var(--colorMain);
	text-decoration: none;
}
a.el_linkTxt.el_linkTx__pdb0{
	padding-bottom: 0;
}
a.el_linkTxt.el_linkTxt__hasArrow{
}
a.el_linkTxt.el_linkTxt__hasArrow::after{
	content: "\e90d";
	display: inline-block;
	padding-left: 1em;
	padding-right: .5em;
	font-family: 'icon-tinyHP' !important;
	font-size: .5em;
	speak: never;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
}
@media (hover: hover) and (pointer: fine){
	a.el_linkTxt:hover{
		border-bottom-color: var(--colorAccent);
		color: var(--colorAccent);
	}
}
/*
el_linkTxtNormal
*/
.el_linkTxtNormal{
	color: var(--colorMain);
}
/*
el_linkIcon
*/
ul.el_linkIcon_list{
	display: flex;
}
ul.el_linkIcon_list li{
	margin-right: 14px;
}
ul.el_linkIcon_list li:last-child{
	margin-right: 0;
}
a.el_linkIcon{
	position: relative;
	display: block;
	width: var(--rem21px);
	height: var(--rem21px);
}
a.el_linkIcon::before{
	position: absolute;
	top:50%;
	left:50%;
	transform: translate(-50%, -50%);
	color: var(--colorMain);
	font-family: 'icon-tinyHP' !important;
	speak: never;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: inherit;
	transition:.3s;
}
a.el_linkIcon.el_linkIcon__insta::before{
	content: "\e911";
	font-size: var(--rem21px);
}
a.el_linkIcon.el_linkIcon__fb::before{
	content: "\e923";
	font-size: var(--rem21px);
}
a.el_linkIcon.el_linkIcon__blog::before{
	content: "\e926";
	font-size: var(--rem21px);
}
a.el_linkIcon.el_linkIcon__mail::before{
	content: "\e921";
	font-size: var(--rem21px);
}
	@media (hover: hover) and (pointer: fine){
		a.el_linkIcon:hover::before{
			color: var(--colorAccent);
		}
	}
/*
el_linkBtn
*/
.el_linkBtn{
	display: block;
	background-color: var(--colorAccent);
	padding:1em 1em;
	border: 3px solid var(--colorAccent);
	border-radius: 33px;
	color: #fff;
	text-decoration: none;
	letter-spacing: .1em;
	line-height: 1.5;
	text-align: center;
	font-weight: 500;
}
.el_linkBtn.el_linkBtn__bgcBlue{
	background-color: var(--colorBlue);
	border-color: var(--colorBlue);
}
.el_linkBtn.el_linkBtn__bgcMain{
	background-color: var(--colorMain);
	border-color: var(--colorMain);
}
.el_linkBtn.el_linkBtn__bgcWhite{
	background-color: #fff;
	border-color: #fff;
	color: var(--colorMain);
}
.el_linkBtn > span{
	display: inline-block;
}
.el_linkBtn.el_linkBtn__inlineBlock{
	display: inline-block;
	width: 100%;
	padding: 1em 2.5em;
	min-width: 300px;
}
.el_linkBtn.el_linkBtn__inlineBlock-SmPdSm{
	display: inline-block;
	width: 100%;
	padding: 1em 1.5em;
	min-width: 300px;
}
.el_linkBtn > span.el_linkBtn_iconAfter{
	position: relative;
	padding-right: 1em;
}
.el_linkBtn > span.el_linkBtn_iconBefore{
	position: relative;
	padding-left: 1em;
}
.el_linkBtn > span.el_linkBtn_iconAfter::after,
.el_linkBtn > span.el_linkBtn_iconBefore::before{
	position: absolute;
	top:50%;
	transform: translateY(-50%);
	color: inherit;
	font-family: 'icon-tinyHP' !important;
	speak: never;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
}
.el_linkBtn > span.el_linkBtn_iconAfter::after{
	right: 0;
}
.el_linkBtn > span.el_linkBtn_iconBefore::before{
	left: 0;
}
.el_linkBtn > span.el_linkBtn_iconAfter.el_linkBtn_iconAfter__chevronRight{
	padding-right: 1.8em;
	padding-left: .8em;
}
.el_linkBtn > span.el_linkBtn_iconAfter.el_linkBtn_iconAfter__chevronRight::after{
	content: "\e90d";
	top:calc(50% + .1em);
	font-size: .6em;	
}
.el_linkBtn > span.el_linkBtn_iconAfter.el_linkBtn_iconAfter__newWin::after{
	content: "\e925";
	top:calc(50% + 0em);
	right: -.5em;
	font-size: 1em;	
}
.el_linkBtn > span.el_linkBtn_iconBefore.el_linkBtn_iconBefore_insta{
	padding-left: calc(1.167em + 1.167em / 2);
}
.el_linkBtn > span.el_linkBtn_iconBefore.el_linkBtn_iconBefore_insta::before{
	content: "\e911";
	top:calc(50% + .05em);
	font-size: 1.167em;
}
.el_linkBtn > span.el_linkBtn_iconBefore.el_linkBtn_iconBefore__mail{
	padding-left: calc(27px + 10px)
}
.el_linkBtn > span.el_linkBtn_iconBefore.el_linkBtn_iconBefore__mail::before{
	content: "\e921";
	font-size: 27px;
}
.el_linkBtn > span.el_linkBtn_iconBefore.el_linkBtn_iconBefore_star{
	padding-left: calc(clamp(1.125rem, 1.081rem + 0.19vw, 1.25rem) + 10px);
}
.el_linkBtn > span.el_linkBtn_iconBefore.el_linkBtn_iconBefore_star::before{
	content: "\e929";
	display: block;
	font-size: clamp(1.125rem, 1.081rem + 0.19vw, 1.25rem);
	/*width: clamp(1.125rem, 1.081rem + 0.19vw, 1.25rem);
	height: clamp(1.125rem, 1.081rem + 0.19vw, 1.25rem);
	background-repeat: no-repeat;
	background-size: cover;*/
}
.el_linkBtn > span.el_linkBtn_iconBefore.el_linkBtn_iconBefore__calendar{
	padding-left: calc(1.375rem  + 10px);
}
.el_linkBtn > span.el_linkBtn_iconBefore.el_linkBtn_iconBefore__calendar::before{
	content: "\e927";
	font-size: 1.375rem;
}
.el_linkBtn > span.el_linkBtn_iconBefore.el_linkBtn_iconBefore__blog{
	padding-left: calc(1.375rem  + 10px);
}
.el_linkBtn > span.el_linkBtn_iconBefore.el_linkBtn_iconBefore__blog::before{
	content: "\e926";
	font-size: 1.375rem;
}
.el_linkBtn > span.el_linkBtn_iconBefore.el_linkBtn_iconBefore__line{
	padding-left: calc(28px + 10px);
}
.el_linkBtn > span.el_linkBtn_iconBefore.el_linkBtn_iconBefore__line::before{
	content: "";
	display: block;
	width: 28px;
	height: 28px;
	background-image: url(../img/com_iconLine.png);
	background-repeat: no-repeat;
	background-size: cover;
}
	@media (min-width: 768px) {
		.el_linkBtn.el_linkBtn__inlineBlock{
			width: initial;
			min-width: 365px;
		}
		.el_linkBtn.el_linkBtn__inlineBlock-SmPdSm{
			width: initial;
			min-width: 365px;
			padding: 1em 2.5em;
		}
	}
	@media (hover: hover) and (pointer: fine){
		a.el_linkBtn:hover{
			background-color: #fff;
			color: var(--colorAccent);
		}
		.el_linkBtn.el_linkBtn__bgcBlue:hover{
			background-color: #fff;
			color: var(--colorBlue);
		}
		.el_linkBtn.el_linkBtn__bgcMain:hover{
			background-color: #fff;
			color: var(--colorMain);
		}
		.el_linkBtn.el_linkBtn__bgcWhite:hover{
			background-color: var(--colorAccent);
			border-color: var(--colorAccent);
			color: #fff;
		}
	}
/*
el_linkBtnIcon
*/
a.el_linkBtnIcon{
	position: relative;
	display: block;
	width: 73px;
	height: 73px;
	border-radius: 50%;
	background-color: #fff;
}
a.el_linkBtnIcon::before{
	position: absolute;
	top:50%;
	left:50%;
	transform: translate(-50%, -50%);
	color: #fff;
	color: var(--colorMain);
	font-family: 'icon-tinyHP' !important;
	speak: never;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: inherit;
}
a.el_linkBtnIcon.el_linkBtnIcon__img{
	background-color: initial;
}
a.el_linkBtnIcon.el_linkBtnIcon__img svg{
	fill: #fff;
	transition:.3s;
}
a.el_linkBtnIcon.el_linkBtnIcon__img::before{
	content: none;
}
a.el_linkBtnIcon.el_linkBtnIcon__insta::before{
	content: "\e911";
	font-size: 34px;
}
a.el_linkBtnIcon.el_linkBtnIcon__mail::before{
	content: "\e921";
	font-size: 34px;
}

	@media (hover: hover) and (pointer: fine){
		a.el_linkBtnIcon:hover{
			background-color: var(--colorTxt);
		}
		a.el_linkBtnIcon.el_linkBtnIcon__img:hover{
			background-color: initial;
		}
		a.el_linkBtnIcon.el_linkBtnIcon__img:hover svg{
			fill: var(--colorTxt);
		}
	}

/*
el_linkPageTop
*/
.el_linkPageTop{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: calc(80px + 19px + 19px + 20px);
	background-image: url(../img/com_bgWave-white.webp);
	background-repeat: repeat-x;
	background-position: center bottom;
	background-size: 143px;
	color: var(--colorMain);
	font-size: clamp(0.813rem, 0.746rem + 0.28vw, 1rem);/* min13px max16px */
	text-decoration: none;
}
.el_linkPageTop > span{
	position: relative;
	display: inline-block;
	padding-top: 1.5em;
}
.el_linkPageTop > span::before{
	content: "\e90e";
	position: absolute;
	top: 0;
	left:50%;
	transform: translateX(-50%);
	color: inherit;
	font-family: 'icon-tinyHP' !important;
	speak: never;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
}
/* el_googleForm
========================================================================== */
.el_googleForm {
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #fff;
	border-radius: 10px;
  }
  
.el_googleForm iframe {
	width: 100%;
	height: 100%;
	aspect-ratio: 3 / 4; /* 縦長の比率を指定 */
	max-height: 1260px;
	border: none;
}
/* el_pic
========================================================================== */
.el_pic{
	border-radius: 30px;
}
	@media (max-width: 767px) {
		.el_pic.el_pic__downSmNoRound{
			border-radius: 0;
		}
	}
/* el_txtLead
========================================================================== */
.el_txtLead{
	font-size: clamp(1.125rem, 1.081rem + 0.19vw, 1.25rem);/*18px 20px*/
	font-weight: 500;
}
/* ==========================================================================
  Block Modules　ブロックモジュール
========================================================================== */
/* bl_listBullet
========================================================================== */
ul.bl_listBullet > li {
	position: relative;
	padding-left: 1.5em;
	margin-bottom:1.5em;
	line-height: 1.5;
}
ul.bl_listBullet.bl_listBullet__mbSm > li {
	margin-bottom: .3em;
}
ul.bl_listBullet > li::before {
	content: '';
	position: absolute;
	left: 0;
	display: block;
	width: 0.875em;
	height: 0.875em;
	background-color: var(--colorMain);
}
l.bl_listBullet.bl_listBullet__iconOnpu > li{
	padding-left: 1em;
}
ul.bl_listBullet.bl_listBullet__iconOnpu > li::before{
	content: "♪";
	top: 0;
	width: initial;
	height: initial;
	background-color: initial;
}
/* bl_listBtn
========================================================================== */
ul.bl_listBtn{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin-top: -20px;
	margin-left: -10px;
	margin-right: -10px;
}
ul.bl_listBtn li{
	margin-top: 20px;
	margin-right: 10px;
	margin-left: 10px;
}
/* bl_listPic
========================================================================== */
.bl_listPic{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
figure.bl_listPic_item{
	display: block;
	width: 47.35%;
	padding-bottom:10%;
}
figure.bl_listPic_item img{
	border-radius: 30px;
}
figure.bl_listPic_item figcaption{
	display: block;
	margin-top: 1em;
	font-size: var(--rem14px);
	text-align: center;
	line-height: 1.3;
}
	@media (min-width: 768px) {
		figure.bl_listPic_item{
			width: 28.57%;
			padding-bottom: 5%;
		}
	}
/* 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_listNews
========================================================================== */
ul.bl_listNews{
	font-size: clamp(0.938rem, 0.893rem + 0.19vw, 1.063rem); /* min15px -> max17px */
	line-height: 1.3;
	
}
ul.bl_listNews li{
	padding: 1em 0;
}
a.bl_listNews_link{
	display: block;
	font-size: clamp(0.938rem, 0.783rem + 0.66vw, 1.375rem);/* min15px -> max22px */
	text-decoration: none;
}
span.bl_listNews_date{
	display: block;
	padding-top: .6em;
}
ul.bl_listNews li{
	border-bottom: 1px dashed #fff;
}
/* bl_listDl
========================================================================== */
dl.bl_listDl{
	line-height: 1.7;
	margin-bottom: 1em;
}
dl.bl_listDl dd{
	margin-bottom: 1.2em;
}
dl.bl_listDl dd:last-of-type{
	margin-bottom: 0;
}
	@media (min-width: 768px) {
		dl.bl_listDl{
			display: flex;
			flex-wrap: wrap;
		}
		dl.bl_listDl dt{
			width: 5em;
			margin-bottom: .5em;
		}
		dl.bl_listDl dd{
			width: calc(100% - 5em - .5em);
			padding-left: .5em;
			margin-bottom: .5em;
		}
		dl.bl_listDl dt:last-of-type,
		dl.bl_listDl dd:last-of-type{
			margin-bottom: 0;
		}
	}
/* bl_listPhotoGallery
========================================================================== */
.bl_listPhotoGallery_wrap{
	padding-bottom: 40px;/*ページネーション設置の場合*/
	padding-bottom: 0;
}
	@media (min-width: 768px){
		.bl_listPhotoGallery_wrap.bl_listPhotoGallery_wrap__event{
			width: 56.21%;
			width: 70%;
			max-width: 561px;
			margin-inline: auto;
		}
	}
ul.bl_listPhotoGallery img{
	width: 100%;
}
/* ページネーションのスタイル */
.bl_listPhotoGallery_page {
	background-color: #ccc;
	height: 13px;
	width: 13px;
	transition: .5s all;
  }
/* 現在表示されているページネーションのスタイル */
.bl_listPhotoGallery_page.is-active {
	background-color: var(--colorAccent);
	opacity: 1;
}
/* ページネーションの位置 */
.bl_listPhotoGallery_pagination {
	bottom: -50px;
}
/* ページネーション間の余白 */
.bl_listPhotoGallery_pagination li {
	margin-left: 5px;
	margin-right: 5px;
}
.bl_listPhotoGallery_wrap .splide__arrows button{
	display: flex;
	justify-content: center;
	align-items: center;
	height: 38px;
	width: 38px;
	background-color: var(--colorBlue);
	opacity: 1;
}
.bl_listPhotoGallery_wrap .splide__arrows button img{
	width: 15px;
}
/* bl_listFlow
========================================================================== */
.bl_listFlow_wrap{
	padding-bottom: 20px;
	overflow-x: scroll;
	/*margin: 0 calc(50% - 50vw);*/
	padding-left: 30px;
	padding-right: 30px;
}
.bl_listFlow{
	width: calc((272px + 40px) * 4/*flowステップの数 */); 
	padding: 30px 0;
	border-top:1px solid var(--colorMain);
	border-bottom:1px solid var(--colorMain);
}
.bl_listFlow ul{
	display: flex;
}
.bl_listFlow ul > li.bl_listFlow_card{
	position: relative;
	display: block;
	width: 272px;
	margin-right: 40px;
	padding: 0;
}
.bl_listFlow ul > li.bl_listFlow_card::after{
	content: "";
	position: absolute;
	top:50%;
	transform: translateY(-50%);
	right: -22px;
	background-color: var(--colorBlue);
	height: 30px;
	width: calc(30px / 2);
	clip-path: polygon(0 0, 100% 50%, 0 100%);
}
.bl_listFlow ul > li.bl_listFlow_card.bl_listFlow_card__lastChild::after{
	content: none;
}
.bl_listFlow ul > li.bl_listFlow_cardLast{
	width: 96px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: var(--colorMain);
}
.bl_listFlow ul > li.bl_listFlow_cardLast > span{
	display: inline-block;
	width: 1em;
	font-size: 20px;
	font-weight: 500;
	letter-spacing: .3em;
	writing-mode: vertical-rl;
}
.bl_listFlow_card_header_img{
	display: block;
	width: 160px;
	height: 160px;
	margin-inline: auto;
}
.bl_listFlow_card_header_img img{
	border-radius: 50%;
}
.bl_listFlow_card_header_ttl{
	height: calc(1em + 3em);
	padding: 1em .5em 0 .5em;
	font-size: var(--rem20px);
	font-weight: 500;
	text-align: center;
	letter-spacing: .2em;
	line-height: 1.3;
}
.bl_listFlow_card_body ol{
	font-size: var(--rem18px);
	margin-bottom: 1.3em;
	list-style: none; /* デフォルトの番号を消す */
	padding-left: 0; /* 左の余白を調整 */
	counter-reset: my-counter; 
}
.bl_listFlow_card_body ol li{
	position: relative;
	padding-left: 2.222em; /* 番号分のスペースを作る */
	margin-bottom: 1em;
	line-height: 1.5;
	letter-spacing: .2em;
}
.bl_listFlow_card_body ol li::before{
	content: counter(my-counter);
	counter-increment: my-counter;
  position: absolute;
  left: 0;
  top:-0.238em;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.667em;
  height: 1.667em;
  padding-left: 3px;
  background-color: var(--colorAccent);
  border-radius: 50%;
  color: white;
  font-size: var(--rem21px);
  font-family: var(--fontFamEn);
  font-weight: 500;
}
.bl_listFlow_card_body ol li:last-child{
	margin-bottom: 0;
}
.bl_listFlow_card_body p{
	font-size: var(--rem16px);
	line-height: 1.563;
}
.bl_listFlow_card_body > *:last-child{
	margin-bottom: 0;
}
@media (min-width: 768px){
	.bl_listFlow_wrap{
		margin-left: 0;
		padding-right: 50px;
	}
}
	@media (min-width: 1220px){
		.bl_listFlow{
			border-top: initial;
			border-bottom: initial;
		}
	}
/* bl_listFaq
========================================================================== */
dl.bl_listFaq{
	border-bottom:1px solid #707070;
}
dl.bl_listFaq dt.bl_listFaq_ttl,
dl.bl_listFaq dd.bl_listFaq_box{
	padding-right: calc(clamp(1.063rem, 0.996rem + 0.28vw, 1.25rem) * .5);
	padding-bottom: clamp(1.063rem, 0.996rem + 0.28vw, 1.25rem);
	padding-left: calc(clamp(1.063rem, 0.996rem + 0.28vw, 1.25rem) * (1.353 + .5 + .2));
}
dl.bl_listFaq dt.bl_listFaq_ttl{
	position: relative;
	padding-top: clamp(1.063rem, 0.996rem + 0.28vw, 1.25rem);
	border-top:1px solid #707070;
	line-height: 1.444;
}
dl.bl_listFaq dt.bl_listFaq_ttl > span{
	position: relative;
	display: block;
	padding-left: calc(1.059em + .2em) ;
	font-size: clamp(1.063rem, 0.996rem + 0.28vw, 1.25rem);/* min17px max20px */
	font-weight: var(--fontWtMedium);
}
dl.bl_listFaq dt.bl_listFaq_ttl > span::before{
	content: "Q";
	position: absolute;
	top:.15em;
	left: 0;
	font-family: var(--fontFamEn);
	font-size: 1.059em;
	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.063rem, 0.996rem + 0.28vw, 1.25rem) * 1.7);
    left: calc(clamp(1.063rem, 0.996rem + 0.28vw, 1.25rem) * .5);
    content:'';
    width: 1.353em;
    height: 1px;
    background-color: #707070;
	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: 0 1.611em 1.875em 2.25em;
	padding-top: 0;
	margin-top: .3em;
	line-height: 1.6;
}
.bl_listFaq_box_inner{
	position: relative;
	padding-top: calc(clamp(1.063rem, 0.996rem + 0.28vw, 1.25rem) * 1.059 + .2em);
}
.bl_listFaq_box_inner::before{
	content: "A";
	position: absolute;
	top:0;
	left: 0;
	font-family: var(--fontFamEn);
	font-size: calc(clamp(1.063rem, 0.996rem + 0.28vw, 1.25rem) * 1.059);
	line-height: 1.0;
	font-weight: var(--fontWtMedium);
}
.bl_listFaq_box_inner p{
	margin-bottom: 1.3em;
}
.bl_listFaq_box_inner > *:last-child{
	margin-bottom: 0;
}
	@media (min-width: 768px) {
		dl.bl_listFaq dt.bl_listFaq_ttl,
		dl.bl_listFaq dd.bl_listFaq_box{
			padding-left: calc(clamp(1.063rem, 0.996rem + 0.28vw, 1.25rem) * (1.353 + .5 + .2 + 1.353));
		}
		dl.bl_listFaq dt.bl_listFaq_ttl::before,
		dl.bl_listFaq dt.bl_listFaq_ttl::after{
			left: calc(clamp(1.063rem, 0.996rem + 0.28vw, 1.25rem) * (.5 + 1.353));
		}
		.bl_listFaq_box_inner{
			padding-top: 0;
			padding-left: calc(clamp(1.063rem, 0.996rem + 0.28vw, 1.25rem) * 1.059 + .2em);
		}
		.bl_listFaq_box_inner::before{
			top: .3em;
			left: .1em;
		}
	}
/* bl_headerToggle
========================================================================== */
.bl_headerToggle {
	position: fixed;
	z-index: 9999;/*ボタンを最前面に*/
	top: 26px;
	right: 26px;
	width: 40px;
	height: 40px;
	padding: 0px 3px 0px 3px;
	cursor: pointer;
	transition: all .2s ease-in-out;
	background-color:transparent;
	border: none;
}
.bl_headerToggle_bar{
	display: block;
	width: 100%;
	height: 0px;
	content: "";
	transition: all .2s ease-in-out;
}
.bl_headerToggle_bar::before,
.bl_headerToggle_bar::after {
	display: block;
	width: 100%;
	height: 1.5px;
	content: "";
	transition: all .2s ease-in-out;
	background-color: var(--colorTxt);
}

.bl_headerToggle_bar:before {
	transform: translateY(-4px);
}

.bl_headerToggle_bar:after {
	transform: translateY(4px);
}
.bl_headerToggle[aria-expanded="true"] .bl_headerToggle_bar:before {
	transform: translateY(0) rotate(45deg);
}
.bl_headerToggle[aria-expanded="true"] .bl_headerToggle_bar:after {
	transform: translateY(-1.5px) rotate(-45deg);
}
	@media (min-width: 992px) {
		.bl_headerToggle{
			width: 1px;
			height: 1px;
			padding: 0;
			overflow: hidden;
			clip: rect(0, 0, 0, 0);
			white-space: nowrap;
			border: 0;
		}
	}
/* bl_headerPannel
========================================================================== */
.bl_headerPannel{
	/*position:fixed;にし、z-indexの数値を小さくして最背面へ*/
    position:fixed;
	z-index: -1;
	opacity: 0;/*はじめは透過0*/
    /*ナビの位置と形状*/
	top:0;
	left: 0;
	width:100%;
    height: 100vh;/*ナビの高さ*/
	background-color:var(--colorMain);
    /*動き*/
	transition: all 0.3s;
}
.bl_headerPannel.panelactive{
	opacity: 1;
	z-index:999;
}
/*ナビゲーションの縦スクロール*/
.bl_headerPannel.panelactive .bl_headerPannel_inner{
    /*ナビの数が増えた場合縦スクロール*/
    position: fixed;
    z-index: 999;
    width: 100%;
    height: 100vh;/*表示する高さ*/
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}
	@media (min-width: 992px) {
		.bl_headerPannel{
			position: relative;
			z-index: 2;
			opacity: 1;
			background-color: initial;
			height: auto;
		}
	}
/* bl_headerNav
========================================================================== */
.bl_headerNav{
	padding: 70px 35px 80px 35px;
	padding: 105px 35px 80px 35px;
}
.bl_headerNav_list_logo{
	width: 137px;
	width: 264px;
	margin-inline: auto;
}
ul.bl_headerNav_list{
	display: flex;
	flex-direction: column;
	gap: 5px;
	align-items: center;
	margin-top: calc(64px - 25px);
	margin-bottom: 50px;
}
ul.bl_headerNav_list li{
	width: 100%;
	text-align: center;
}
ul.bl_headerNav_list li.bl_headerNav_list_insta{
	display: none;
}
a.bl_headerNav_list_link{
	display: block;
	padding: 25px 0;
	color: var(--colorTxt);
	font-size: var(--rem18px);
	text-decoration: none;
}
a.bl_headerNav_list_link_insta{
	position: relative;
	display:block;
	width: 21px;
	height: 21px;
}
a.bl_headerNav_list_link_insta::before{
	content: "\e911";
	position: absolute;
	top:50%;
	left:50%;
	transform: translate(-50%, -50%);
	font-family: 'icon-tinyHP' !important;
	speak: never;
	font-style: normal;
	color: var(--colorTxt);
	font-size: 21px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: inherit;
	transition:.3s;
}
a.bl_headerNav_list_link_line{
	display: block;
	position: relative;
	width: 22px;
	height: 22px;
}
a.bl_headerNav_list_link_line:before{
	content: "";
	position: absolute;
	top:50%;
	left:50%;
	transform: translate(-50%, -50%);
	width: 22px;
	height: 22px;
	background-image: url(../img/com_iconLine.png);
	background-repeat: no-repeat;
	background-size: contain;
}
	@media (min-width: 992px){
		.bl_headerNav{
			width: 100%;
			padding: 0 3.77% 0 5.19%;
		}
		.bl_headerNav_list_logo{
			display: none;
		}
		ul.bl_headerNav_list{
			margin: 0;
			flex-direction: row;
			justify-content: space-around;
		}
		ul.bl_headerNav_list li{
			width: initial;
		}
		ul.bl_headerNav_list li.bl_headerNav_list_insta{
			display: block;
		}
		a.bl_headerNav_list_link{
			padding: 0;
			color: var(--colorTxt);
			font-size: clamp(0.875rem, 0.321rem + 0.89vw, 1.125rem);
		}
	}
	@media (hover: hover) and (pointer: fine){
		a.bl_headerNav_list_link:hover{
			color: var(--colorMain);
			transition:.3s;
		}
		a.bl_headerNav_list_link_insta:hover::before{
			color: var(--colorMain);
			transition:.3s;
		}
	}

/*
bl_headerNav_list2
*/
.bl_headerNav_list2{
	display: flex;
	justify-content: center;
	gap: 11px;
}
	@media (min-width: 992px){
		.bl_headerNav_list2_wrap{
			display: none;
		}
	}
/* bl_footer
========================================================================== */
/*
bl_footerLogo
*/
.bl_footerLogo{
	width: 137px;
	width: clamp(264px, 257.664px + 1.69vw, 282px);
	margin-inline: auto;
}
	@media (min-width: 992px){
		.bl_footerLogo{
			margin-inline: initial;
		}
	}
/*
bl_footerTel
*/
.bl_footerTel_wrap{
	max-width: 308px;
	margin-inline: auto;
}
.bl_footerTel{
	display: table;
}
a.bl_footerTel_link{
	position: relative;
	padding-left: calc(35px + 12px);
	display: block;
	min-height: 35px;
	font-family: var(--fontFamEn);
	font-size: 31px;
	font-size: clamp(1.938rem, 1.783rem + 0.66vw, 2.375rem);
	font-weight: 500;
	letter-spacing: .1em;
	line-height: 1.258;
	text-decoration: none;
}
a.bl_footerTel_link::before{
	content: "";
	position: absolute;
	top:50%;
	transform: translateY(-50%);
	left: 0;
	width: 35px;
	height: 35px;
	background-image: url(../img/com_icontel-white.svg);
	background-repeat: no-repeat;
	background-size: cover;
}
.bl_footerTel_subTxt{
	display: block;
	font-size: clamp(0.875rem, 0.831rem + 0.19vw, 1rem);
	text-align: right;
}
.bl_footerTel_note{
	position: relative;
	padding-left: 1em;
	margin-top: 11px;
	font-size: var(--rem14px);
	line-height: 1.357;
}
.bl_footerTel_note::before{
	content: "※";
	position: absolute;
	top: 0;
	left: 0;
}
	@media (min-width: 992px){
		.bl_footerTel_wrap{
			max-width: initial;
			margin-inline: initial;
		}
		.bl_footerTel{
			display: flex;
			align-items: flex-end;
		}
		.bl_footerTel_subTxt{
			margin-bottom: .5em;
			margin-left: .5em;
		}
	}
/*
bl_footerListSns
*/
.bl_footerListSns{
	display: flex;
	column-gap: 10px;
}
/*
bl_footerListLink
*/
ul.bl_footerListLink{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	font-size: clamp(0.813rem, 0.746rem + 0.28vw, 1rem);
}
ul.bl_footerListLink li{
	position: relative;
	padding: .5em calc(.5em - 1px) .5em .5em;
}
ul.bl_footerListLink li::before,
ul.bl_footerListLink li::after{
	content: "";
	position: absolute;
	top:50%;
	transform: translateY(-50%);
	width: 1px;
	height: 1.25em;
	background-color: #fff;
}
ul.bl_footerListLink li::before{
	left: 0;
}
ul.bl_footerListLink li::after{
	right: -1px;
}
a.bl_footerListLink_link{
	display: block;
	padding: 0 1em;
	color: #fff;
	letter-spacing: .1em;
	text-decoration: none;
	line-height: 1.0;
}
	@media (min-width: 768px){
		ul.bl_footerListLink{
			justify-content: flex-start;
			margin-top: 1em;
			max-width: 770px;
		}
	}
/*
bl_footerCopy
*/
.bl_footerCopy{
	display: block;
	font-size: 15px;
	letter-spacing: .05em;
	line-height: 1.267;
	text-align: center;
}
/* bl_fixBtn
========================================================================== */
.bl_fixBtn_wrap{
	position: fixed;
	z-index: 999;
	right: 0;
	bottom: 0;
	left: 0;
}
a.bl_fixBtn{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 64px;
	background-color: rgba(var(--colorAccent-rbg), .9);
	color: #fff;
	font-size: 18px;
	letter-spacing: .1em;
	text-decoration: none;
}
.bl_fixBtn_inner{
	position: relative;
	display: block;
	padding-left: calc(22px + 15px);
}
.bl_fixBtn_inner::before{
	content: "";
	position: absolute;
	top:50%;
	transform: translateY(-50%);
	left: 0;
	width: 22px;
	height: 22px;
	background-image: url(../img/com_iconStar-white.svg);
	background-repeat: no-repeat;
	background-size: cover;
}

	@media (min-width: 768px){
		.bl_fixBtn_wrap{
			left: initial;
		}
		a.bl_fixBtn{
			font-size: clamp(14px, 9.424px + 0.6vw, 18px);
			width: 9.778em;
			height: 9.778em;
			border-radius: 48.22% 0 0 0;
			line-height: 1.389;
			text-align: center;
		}
		.bl_fixBtn_inner{
			padding-top: calc(2.833em + 11px);
			padding-left: 0;
			margin-left: .5em;
		}
		.bl_fixBtn_inner > span{
			display: block;
		}
		.bl_fixBtn_inner > span.bl_fixBtn_inner_dot{
			display: none;
		}
		.bl_fixBtn_inner::before{
			width: 2.833em;
			height: 2.833em;
			top:0;
			transform: translateY(0) translateX(-50%);
			left: 50%;
		}
	}
	@media (hover: hover) and (pointer: fine){
		a.bl_fixBtn:hover{
			background-color: rgba(var(--colorBrown-rbg), .9);
		}
	}
/* bl_pageTopLink
========================================================================== */
a.bl_pageTopLink{
	position: relative;
	display: block;
	width: calc(136px * .6);
	height: calc(136px * .6);
	padding-top: calc(68px * .6);
	background-color: rgba(255, 255, 255, .8);
	border-radius: 15px 0px 0px 0;
	color: var(--colorTxt);
	font-size: 12px;
	font-weight: var(--fontWtMedium);
	text-align: center;
	text-decoration: none;
	letter-spacing: .05em;
}
a.bl_pageTopLink::before{
	content: "\e914";
	position: absolute;
	top:calc(41px * .5);
	left:50%;
	transform: translateX(-50%);
	color: var(--colorMain);
	font-size: 1.4em;
	font-family: 'icon-tinyHP' !important;
	speak: never;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
}
	@media (min-width: 1200px) {
		a.bl_pageTopLink{
			width: 136px;
			height: 136px;
			padding-top: 68px;
			border-radius: 15px 0px 0px 15px;
			font-size: 16px;
		}
		a.bl_pageTopLink::before{
			top:41px;
			font-size: 1.588em;
		}
	}
/* bl_deco
========================================================================== */
.bl_deco{
	width: 100%;
	aspect-ratio: 377 / 243;
	max-height: 243px;
}
.bl_deco img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
	@media (min-width: 768px){
		.bl_deco{
			width: 100%;
			aspect-ratio: 160 / 27;
		}
	}
/* bl_card
========================================================================== */
.bl_card{
	display: block;
	margin-top: var(--gapY-2ndSec);
	color: inherit;
	text-decoration: none;
}
.bl_card_imgWrap img{
	width: 100%;
	border: 1px solid #ccc;
}
.bl_card_header{
	padding-top: 10px;
}
.bl_card_ttl{
	font-size: clamp(1rem, 0.956rem + 0.19vw, 1.125rem);/* min16px max18px */
	font-weight: 500;
	line-height: 1.7;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.bl_card_body{
	padding-top: 5px;
}
.bl_card_body p{
	font-size: clamp(0.938rem, 0.915rem + 0.09vw, 1rem);/* min15px max16px */
	line-height: 1.5;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2; /* 任意の行数を指定 */
}
.bl_card_body > *:last-child{
	margin-bottom: 0;
}
/* 
bl_cardUnit
*/
.bl_cardUnit{
	display: flex;
	flex-direction: column;
	margin-top: calc(var(--gapY-2ndSec) * -1);
}
@media (min-width: 768px){
	.bl_cardUnit{
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.bl_cardUnit.bl_cardUnit__3col > .bl_card{
		width: 31.43%;
	}
}
/* bl_card2
========================================================================== */
.bl_card2{
	margin-top: var(--gapY-2ndSec);
	background-color: #fff;
	border-radius: 30px;
}
.bl_card2_imgWrap img{
	width: 100%;
	border-radius: 30px 30px 0 0;
}
.bl_card2_header,
.bl_card2_body{
	padding-left: 18px;
	padding-right: 18px;
}
.bl_card2_header{
	position: relative;
	padding-top: 40px;
	padding-bottom: 20px;
	font-size: var(--rem18px);/*18px*/
}
.bl_card2_header::before{
	content: attr(data-num);
	position: absolute;
	top: calc((clamp(50px, 47.184px + 0.75vw, 58px) / 2 ) * -1);
	left:50%;
	transform: translateX(-50%);
	display: flex;
	justify-content: center;
	align-items: center;
	width: clamp(50px, 47.184px + 0.75vw, 58px);
	height: clamp(50px, 47.184px + 0.75vw, 58px);
	/*background-color: var(--colorAccent);
	border-radius: 50%;
	*/
	background-image: url(../img/com_iconStar-blue.svg);
	background-size: cover;
	background-repeat: no-repeat;
	color: #fff;
	font-family: var(--fontFamEn);
	font-size: 27px;
	font-weight: 500;
}
.bl_card2_ttl{
	position: relative;
	padding-bottom: 20px;
	text-align: center;
	font-weight: 500;
	line-height: 1.5;
}
.bl_card2_ttl::after{
	content: "";
	position: absolute;
	bottom: 0;
	left:50%;
	transform: translateX(-50%);
	width: 38px;
	height: 1px;
	background-color: var(--colorBlue);
}
.bl_card2_body{
	padding-bottom: 30px;
	font-size: var(--rem16px);
}
.bl_card2_body > *:last-child{
	margin-bottom: 0;
}
.bl_card2_body p{
	margin-bottom: 1em;
}
/* 
bl_card2Unit
*/
.bl_card2Unit{
	display: flex;
	flex-direction: column;
	margin-top: calc(var(--gapY-2ndSec) * -1);
}
@media (min-width: 768px){
	.bl_card2Unit{
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.bl_card2Unit.bl_card2Unit__3col > .bl_card2{
		width: 30.27%;
	}
	.bl_card2Unit.bl_card2Unit__2col{
		margin-top: calc(var(--gapY-2ndSec) * 0.4 * -1);
	}
	.bl_card2Unit.bl_card2Unit__2col > .bl_card2{
		width: 48.7%;
		margin-top: calc(var(--gapY-2ndSec) * 0.4);
	}
}
/* bl_card3
========================================================================== */
.bl_card3{
	margin-top: var(--gapY-2ndSec);
}
.bl_card3_imgWrap{
	margin-bottom: 30px;
}
.bl_card3_imgWrap img{
	width: 100%;
}
.bl_card3_header{
	margin-bottom: 22px;
}
.bl_card3_ttl{
	font-size: clamp(1.125rem, 1.081rem + 0.19vw, 1.25rem);
	line-height: 1.5;
}
.bl_card3_ttl > span{
	display: block;
	margin-bottom: 20px;
	font-size: clamp(1.25rem, 1.14rem + 0.47vw, 1.563rem);/* min20px max25px */
	letter-spacing: .2em;
	line-height: 1.5;
}
.bl_card3_body > *:last-child{
	margin-bottom: 0;
}
.bl_card3_body p{
	font-size: clamp(1rem, 0.956rem + 0.19vw, 1.125rem);/* min16px max18px */
}
/* 
bl_card3Unit
*/
.bl_card3Unit{
	display: flex;
	flex-direction: column;
	margin-top: calc(var(--gapY-2ndSec) * -1);
}
@media (min-width: 768px){
	.bl_card3Unit{
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: space-between;
	}
}
/* bl_privacyPolicy
========================================================================== */
/*
bl_privacyPolicy
*/
.bl_privacyPolicy{
	font-size: var(--rem14px);
	line-height: 1.5;
}
.bl_privacyPolicy > p{
	margin-bottom: 1em;
}
dl.bl_privacyPolicy_list dt{
	margin-bottom: .3em;
	font-size: 1.05em;
	font-weight: var(--fontWtMedium);
}
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{
	font-size: clamp(0.938rem, 0.915rem + 0.09vw, 1rem);/* min15px max16px */
}
.bl_accordionSec_ttl{
	color: var(--colorMain);
	line-height: 1.5;
	text-align: center;
}
.bl_accordionSec_ttl > span{
	position: relative;
	display: inline-block;
	padding: .5em 1.2em .5em 1em;
	border-bottom: 1px solid var(--colorMain);
}
.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;
}
/* ==========================================================================
  Unique　ユニーク
========================================================================== */
/* un_topMv
========================================================================== */
.un_topMv{
	position: relative;
	width: 100%;
}
.un_topMv_leadWrap{
	position: absolute;
	bottom: 22px;
	left: 20px;
	right: 20px;
}
.un_topMv_leadWrap img{
	width: 100%;
	max-width: 500px;
}
	@media (min-width: 992px){
		.un_topMv{
			padding-left: var(--gapX);
		}
		.un_topMv_imgWrap{
			background-color: var(--colorBkg);
			border-radius: 145px 0 0 0;
		}
		.un_topMv_imgWrap img{
			border-radius: 145px 0 0 0;
		}
		.un_topMv_leadWrap{
			bottom: 40px;
			left: calc(var(--gapX) + 50px);
			right: 304px
		}
		.un_topMv_leadWrap img{
			max-width: 966px;
		}
	}
/*
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;
}
	@media (min-width: 768px){
		.un_topMv_scrolldown{
			display: none;
		}
	}
/*高さ・位置・透過が変化して線が上から下に動く*/
@keyframes pathmove{
  0%{
    height:0;
    top:0;
    opacity: 0;
  }
  30%{
    height:30px;
    opacity: 1;
  }
  100%{
    height:0;
    top:50px;
    opacity: 0;
  }
}
/* un_concept
========================================================================== */
.un_concept{
	display: flex;
	flex-direction: column;
}
.ly_column > *:last-child{
	margin-bottom: 0;
}
.un_concept_imgWrap{
	margin-bottom: 20px;
}
.un_concept_img{
	width: 47.68%;
	margin-inline: auto;
	max-width: 200px;
}
.un_concept_img img{
	width: 100%;
}
.un_concept_body > *:last-child{
	margin-bottom: 0;
}
.un_concept_body_lead{
	color: var(--colorMain);
	font-size: clamp(1.063rem, 0.886rem + 0.75vw, 1.563rem);
	font-weight: 500;
	text-align: center;
}
p.un_concept_body_quote{
	font-size: clamp(0.75rem, 0.706rem + 0.19vw, 0.875rem);/* min12px max14px */
	text-align: center;
	margin-top: -1em;
}
	@media (min-width:1200px){
		.un_concept{
			flex-direction: row;
			justify-content: space-between;
		}
		.un_concept_imgWrap{
			align-self: center;
			width: 31.25%;
			margin-bottom: 0;
		}
		.un_concept_img{
			width: 57.67%;
			width: 70%;
			max-width: initial;
		}
		.un_concept_body{
			width: 65.71%;
		}
		.un_concept_body_lead{
			text-align: left;
		}
		p.un_concept_body_quote{
			text-align: right;
		}
	}
/* un_about
========================================================================== */
.un_about{
	display: flex;
	flex-direction: column;
}
.un_about_body{
	margin-bottom: calc(var(--gapY-2ndSec) / 2);
	padding-right: 36px;
}
dl.un_about_list dt{
	position: relative;
	padding-left: 22px;
	font-size: clamp(1rem, 0.868rem + 0.56vw, 1.375rem);
	font-weight: 500;
	line-height: 1.3;
}
dl.un_about_list dt::before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 21px;
	height: 21px;
	background-image: url(../img/com_iconStar-orange.svg);
	background-repeat: no-repeat;
	background-size: cover;
}
dl.un_about_list dd{
	padding-top: .4em;
	padding-left: 22px;
	margin-bottom: 1.824em;
	font-size: clamp(0.938rem, 0.893rem + 0.19vw, 1.063rem);
	line-height: 1.8;
}
	@media (min-width:768px){
		.un_about{
			flex-direction: row;
			justify-content: space-between;
		}
		.un_about_body{
			width: 56.99%;
			padding-right: 0;
			margin-bottom: 0;
		}
		.un_about_imgWrap{
			width: 38.24%;
		}
	}
/* un_info
========================================================================== */
.un_info{
	width: 100%;
}
.un_info_body{
	margin-bottom: calc(var(--gapY-2ndSec) * .7);
}
.un_info_body_ttl{
	font-size: clamp(1.25rem, 1.206rem + 0.19vw, 1.375rem);
	line-height: 1.7;
	margin-bottom: 1.7em;
	font-weight: 500;
}
.un_info_body_ttl > span{
	display: block;
	font-size: clamp(0.938rem, 0.827rem + 0.47vw, 1.25rem);
}
.un_info_body > *:last-child{
	margin-bottom: 0;
}
	/*@media (min-width:768px){
		.un_info{
			display: flex;
			flex-direction: row-reverse;
			justify-content: space-between;
		}
		.un_info_imgWrap{
			width: 48.92%;
		}
		.un_info_body{
			width: 44.94%;
			margin-bottom: 0;
		}
		.un_info_body p,
		.un_info_body dl{
			font-size: clamp(0.938rem, 0.893rem + 0.19vw, 1.063rem);
		}
	}
	*/
	@media (min-width:768px){
		.un_info{
			display: grid;
			grid-template-columns: 48.92% 44.94%;
			column-gap: calc(100% - 48.92% - 44.94%);
			grid-template-rows: auto auto;
		}
		.un_info_imgWrap{
			grid-column: 1;
			grid-row: 1;
		}
		.un_info_bdy{
			grid-column: 2;
			grid-row: 1;
		}
		.un_info_btnWrap{
			margin-top: var(--gapY-2ndSec);
			grid-column: 1 / 3;
			grid-row: 2;
		}
	}
/* un_menu
========================================================================== */
/*
un_menuRecommend
*/
.un_menuRecommend_imgWrap{
	margin-bottom: calc(var(--gapY-2ndSec) * .5);
}
.un_menuRecommend_ttl{
	margin-bottom: .5em;
	font-size: clamp(1.063rem, 0.996rem + 0.28vw, 1.25rem);/* min17px max20px */
	font-weight: var(--fontWtMedium);
	line-height: 1.5;
}
.un_menuRecoment_txt > *:last-child{
	margin-bottom: 0;
}
/*
un_menuAcd
*/
.un_menuAcd{
	border-bottom: 1px solid var(--colorAccent);
}
.un_menuAcd_ttl,
.un_menuAcd_box{
	padding: calc(clamp(1.063rem, 0.886rem + 0.75vw, 1.563rem) * 1.5) calc(clamp(1.063rem, 0.886rem + 0.75vw, 1.563rem) * 1);
}
.un_menuAcd_ttl{
	border-top: 1px solid var(--colorAccent);
}
.un_menuAcd_box{
	padding-top: 1em;
}
.un_menuAcd_ttl > span{
	position: relative;
	display: table;
	margin-inline: auto;
	padding-right: 1em;
	padding-left: calc(1.353em + 1em);
	font-weight: var(--fontWtMedium);
	font-size: clamp(1.063rem, 0.886rem + 0.75vw, 1.563rem);/* min17px max25px */
}
.un_menuAcd_ttl > span::before,
.un_menuAcd_ttl > span::after{
    position: absolute;
	/*top:50%;*/
	top:.5em;
	left: 0;
    content:'';
    width: 1.353em;
    height: 1px;
    background-color: var(--colorAccent);
	transition: all .5s ease;
}
.un_menuAcd_ttl > span::before{
    transform: rotate(0deg);
}
.un_menuAcd_ttl > span::after{
    transform: rotate(90deg);
}
/*　closeというクラスがついたら形状変化　*/
.un_menuAcd_ttl.js_accordion_close > span::after{
	transform: rotate(-0deg);
}
/*
un_menuSec
*/
.un_menuSecUnit{
	border: 1px solid transparent;
	margin-top: calc(var(--gapY) * -1);
}
.un_menuSec{
	margin-top: var(--gapY);
}
.un_menuSec_ttl{
	font-size: clamp(1.125rem, 0.971rem + 0.66vw, 1.563rem);/* min18px max25px */
	font-weight: var(--fontWtMedium);
	letter-spacing: .2em;
}
dl.un_menuList dt,
dl.un_menuList dd{
	line-height: 1.5;
}
dl.un_menuList dt{
	margin-bottom: .4em;
}

dl.un_menuList dd{
	position: relative;
	margin-bottom: 1.2em;
	margin-left: 2.5em;
	text-align: right;
}
dl.un_menuList dd::before{
	content: "";
	display: block;
	width: 100%;
	height: 2px;
	position: absolute;
	top:50%;
	transform: translateY(-50%);
	left: 0;
	background-image : linear-gradient(to right, #707070 2px, transparent 2px);
	background-size: 10px 2px;
	background-repeat: repeat-x; 
	background-position: left bottom;
}
dl.un_menuList dd > span{
	position: relative;
	z-index: 1;
	display: inline-block;
	padding-left: 8px;
	background-color: var(--colorBkg);
}
	@media (min-width: 992px) {
		.un_menuSecUnit{
			display: flex;
			flex-wrap: wrap;
			justify-content: space-between;
		}
		.un_menuSec{
			width: 48%;
		}
		.un_menuList_wrap{
			max-width: 782px;
			margin-bottom: 1em;
		}
		dl.un_menuList{
			display: flex;
			flex-wrap: wrap;
		}
		dl.un_menuList dt,
		dl.un_menuList dd{
			margin-bottom: 1.2em;
		}
		dl.un_menuList dt{
			position: relative;
			width: calc(100% - 16.778em - 1em);
		}
		dl.un_menuList dt::before{
			content: "";
			display: block;
			width: 100%;
			height: 2px;
			position: absolute;
			top:50%;
			transform: translateY(-50%);
			left: 0;
			background-image : linear-gradient(to right, #707070 2px, transparent 2px);
			background-size: 10px 2px;
			background-repeat: repeat-x; 
			background-position: left bottom;
		}
		dl.un_menuList dt > span{
			position: relative;
			z-index: 1;
			display: inline-block;
			padding-right: 8px;
			background-color: var(--colorBkg);
		}
		dl.un_menuList dd{
			width: calc(16.778em + .5em);
			padding-left: .5em;
			margin-left: 0;
			text-align: left;
		}
		dl.un_menuList dd::before{
			content: none;
		}
	}
/*
un_menuPic
*/
.un_menuPic{
	border: solid 1px transparent;
	margin-top: calc(var(--gapY-2ndSec) * -1);
}
.un_menuPic li{
	margin-top: var(--gapY-2ndSec);
}
.un_menuPic li img{
	width: 100%;
}
.un_menuPic li:nth-child(odd){
	padding-right: 26.91%;
}
.un_menuPic li:nth-child(even){
	padding-left: 26.91%;
}
	@media (min-width: 768px){
		.un_menuPic{
			display: flex;
			justify-content: space-between;
			flex-wrap: wrap;
		}
		.un_menuPic li{
			width: 28%;
		}
		.un_menuPic li:nth-child(odd),
		.un_menuPic li:nth-child(even){
			padding: 0;
		}
	}
/*
タイトル
*/
/* un_topTopics
========================================================================== */
/*
カードスタイリング
*/
a.un_topTopicsCard{
	display: block;
	color: inherit;
	text-decoration: none;
	background-color: #fff;
	padding-bottom: 15px;
}
.un_topTopicsCard_pic{
	display: block;
	aspect-ratio: 1 / 1;
}
.un_topTopicsCard_pic img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition:.3s;
}
p.un_topTopicsCard_ttl{
	padding:15px;
	margin-bottom: 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: clamp(1.063rem, 1.04rem + 0.09vw, 1.125rem);/* min17px max18px */
	font-weight: var(--fontWtMedium);
	transition:.3s;
}
p.un_topTopicsCard_date{
	padding: 15px 15px 0 15px;
	margin-bottom: 0;
	text-align: right;
	font-size: .9em;
	color: var(--colorAccent);
}
p.un_topTopicsCard_txt{
	padding: 0 15px;
	margin-bottom: 0;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2; /* 任意の行数を指定 */
	transition:.3s;
}
	@media (hover: hover) and (pointer: fine){
		a.un_topTopicsCard:hover img{
			opacity: .7;
		}
		a.un_topTopicsCard:hover .un_topTopicsCard_ttl{
			color: var(--colorMain);
		}
		a.un_topTopicsCard:hover .un_topTopicsCard_txt{
			opacity: .7;
		}
	}
/*
矢印をカスタマイズ
*/
.un_topTopicsCard_wrap .splide__arrow--prev{
	left: 8%;
}
.un_topTopicsCard_wrap .splide__arrow--next{
	right: 8%;
}
.un_topTopicsCard_wrap .splide__arrows button{
	display: flex;
	justify-content: center;
	align-items: center;
	height: 38px;
	width: 38px;
	background-color: var(--colorMain);
	opacity: 1;
}
.un_topTopicsCard_wrap .splide__arrows button img{
	width: 15px;
}
/*
タイトル
*/
/*
タイトル
*/
/* un_topAboutMethod_picList
========================================================================== */
.un_topAboutMethod_picList{
	display: flex;
	flex-direction: column;
	padding-top: 20px;
}
.un_topAboutMethod_picList_item{
	margin-bottom: 12px;
}
	@media (min-width: 768px) {
		.un_topAboutMethod_picList{
			flex-direction: row;
			justify-content: space-between;
		}
		.un_topAboutMethod_picList_item{
			width: 49.1%;
		}
	}
/* un_topPricingHasIllust
========================================================================== */
.un_topPricingHasIllust_img{
	display: block;
	width: 198px;
	margin: 20px 0 0 auto;
}
	@media (min-width: 768px) {
		.un_topPricingHasIllust{
			display: flex;
			align-items: flex-end;
		}
		.un_topPricingHasIllust_body{
			width: 70.86%;
			max-width: 715px;
			padding-right: 1em;
		}
		.un_topPricingHasIllust_body > *{
			margin-bottom: 0;
		}
		.un_topPricingHasIllust_img{
			width: 29.14%;
			max-width: 294px;
			margin: 0 0 1em 0;
		}
	}
/* un_topProfile
========================================================================== */
.un_topProfile_img{
	max-width: 237px;
	margin-inline: auto;
}
.un_topProfile_img img{
	border-radius: 30px;
}
p.un_topProfile_name{
	margin-top: 33px;
	margin-bottom: 33px;
	color: var(--colorMain);
	font-size: clamp(1.25rem, 1.14rem + 0.47vw, 1.563rem);
	font-weight: 500;
}
p.un_topProfile_name > span{
	display: block;
}
	@media (min-width: 768px) {
		.un_topProfile_img{
			width: 50%;
			max-width: 325px;
			margin-inline: initial;
		}
		p.un_topProfile_name > span{
			display: inline-block;
		}
	}
/* un_topVoice
========================================================================== */
.un_topVoiceWrapper{
	padding: var(--gapY) calc(var(--gapX) - 30px);
}
/*
un_topVoiceUnit
*/
	@media (min-width: 768px){
		.un_topVoiceUnit{
			display: flex;
			flex-wrap: wrap;
			justify-content: center;
			margin: 0 -20px;
		}
		.un_topVoiceUnit > .un_topVoiceCard{
			width: calc((100% - 20px * 4) / 2);
			margin-left: 20px;
			margin-right: 20px;
			max-width: 250px;
		}
	}
	@media (min-width: 1200px){
		.un_topVoiceUnit{
			margin: 0 -30px;
			max-width: calc((250px + 30px + 30px) * 4);
			margin-inline: auto;
		}
		.un_topVoiceUnit > .un_topVoiceCard{
			width: calc((100% - 30px * 8) / 4);
			margin-left: 30px;
			margin-right: 30px;
		}
	}

/*
un_topVoiceCard
*/
.un_topVoiceCard{
	margin-bottom: var(--gapY-2ndSec);
}
.un_topVoiceCard.un_topVoiceCard__smNone{
	display: none;
}
.un_topVoiceCard_img{
	max-width: 234px;
	margin-inline: auto;
	margin-bottom: 14px;
}
.un_topVoiceCard_ttl{
	min-height: 2.833em;
	margin-bottom: 14px;
	font-size: var(--rem18px);
	font-weight: 500;
	line-height: 1.389;
	text-align: center;
}
p.un_topVoiceCard_txt{
	font-size: var(--rem16px);
	margin-bottom: 0;
	line-height: 1.7;
}
p.un_topVoiceCard_name{
	padding-top: .2em;
	margin-bottom: 0;
	font-size: var(--rem14px);
}
	@media (min-width: 768px) {
		.un_topVoiceCard.un_topVoiceCard__smNone{
			display: block;
		}
		.un_topVoiceCard_ttl{
			text-align: left;
		}
	}
/* ==========================================================================
  Helpers　ヘルパー
========================================================================== */
.hp_dib { display: inline-block !important; }
.hp_center{ display: table; margin:0 auto;}

.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_onlySm{ display: block; }
@media (min-width: 768px){
	.hp_w100vwOnlySm{ margin-right: initial; margin-left: initial; }
	.hp_onlySm{ display: none; }
}

.hp_mt05em{ margin-top: .5em !important;}
.hp_mt1em{ margin-top: 1em !important;}
.hp_mt2em{ margin-top: 2em !important;}
.hp_mt3em{ margin-top: 3em !important;}
.hp_mt2ndSec{margin-top: var(--gapY-2ndSec);}
.hp_mt2ndSec-2x{margin-top: calc(var(--gapY-2ndSec) * 2);}

.hp_mb0{margin-bottom: 0 !important;}
.hp_mb05{margin-bottom: .5em !important;}
.hp_mb2em{margin-bottom: 2em;}
.hp_mb43px{ margin-bottom: 43px;}
.hp_pt0{padding-top: 0 !important;}
.hp_pt2em{padding-top: 2em !important;}

/* フォントスタイル関連
========================================================================== */
/*
サイズ
*/
.hp_fontSizeLg{font-size: 1.3em !important;}
.hp_fontSizeMd{font-size: 0.889em !important;}
.hp_fontSizeSm{font-size: 0.875em !important;}
.hp_fontSizeXs{font-size: 0.778em !important;}
/*
ウェイト
*/
.hp_fontWtRegular,.hp_fontWt400{ font-weight: var(--fontWtRegular) !important; }
.hp_fontWtMedium,.hp_fontWt500{ font-weight:var(--fontWtMedium) !important; }
.hp_fontWtSemibold,.hp_fontWt600{ font-weight: var(--fontWtSemibold) !important; }
.hp_fontWtBold,.hp_fontWt700{ font-weight: var(--fontWtBold) !important; }
/*
トラッキングの数値 ÷ 1000（em）
*/
.hp_fontLetterS0{ letter-spacing:0 !important; }
.hp_fontLetterS100{ letter-spacing:.1em !important; }
.hp_fontLetterS200{ letter-spacing:.2em !important; }
.hp_fontLetterS300{ letter-spacing:.3em !important; }
.hp_fontLetterS400{ letter-spacing:.4em !important; }
/*
カラー
*/
.hp_fontColorMain{ color: var(--colorMain);}
.hp_fontColorAccent{ color: var(--colorAccent);}
/*
フォントファミリー
*/
.hp_fontFamEn{ font-family: var(--fontFamEn) !important;}
.hp_fontUpper{text-transform: uppercase;}
/*
その他
*/
.hp_txtRight{text-align: right;}
.hp_txtCenter{text-align: center;}
	@media (min-width: 768px) {
		.hp_txtCenter-upMd{text-align: center;}
	}