@charset "UTF-8";
/*
tasoconoCss-ver2024-1.0
【補足１】 CSS設計について
PRECSSに準じて設計
https://precss.io/ja/
【補足2】ルールは下記参考
https://docs.google.com/spreadsheets/d/1_iSwXbFPzkdrZUrFvt9Nrsr8OnIVCGj-yeftvkkjJDM/edit?usp=sharing
*/

/* ==========================================================================
  Base ベース
========================================================================== */
@font-face {
	font-family: 'icon-tasoconoTL';
	src:  url('fonts/icon-tasoconoTL.eot?154c0s');
	src:  url('fonts/icon-tasoconoTL.eot?154c0s#iefix') format('embedded-opentype'),
	  url('fonts/icon-tasoconoTL.ttf?154c0s') format('truetype'),
	  url('fonts/icon-tasoconoTL.woff?154c0s') format('woff'),
	  url('fonts/icon-tasoconoTL.svg?154c0s#icon-tasoconoTL') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: block;
  }
/* 変数*/
:root{
	--maxWidth:1120px;
	--maxWidthMd:600px;
	--gapDefolt:3.5em;
	--gapSm:2.8em;
	--colorBkg:#fff;
	--colorBase:#f6f5f1;
	--colorMain-blue:#C8E4E3;
	--rgbMain-blue:200, 228, 227;
	--colorMain-yellow:#EDE1AC;
	--rbgMain-yellow:237, 225, 172;
	--colorAccent-yellow:#FFDB41;
	--colorAccent-blue:#97B1AF;
	--colorAccent-gold:#E2C858;
	--colorAccent-star:#E2BB42;
	--rgbAccent-star:226, 186, 66;
	--colorTxt:#727171;
	--fontFamSansSerif: "Noto Sans JP", "Meiryo UI", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	--fontSizeDefolt:1.6rem;
	--fontSizeDefolt-pc:1.8rem;
	--fontSizeSm:.875;/*16px -> 14px*/
	--fontSizeSm-pc:.889em;/*18px -> 16px*/
	--fontWtRegular: 400;
	--fontWtBold:700;
}
/* 要素*/
html{
	scroll-behavior: smooth;
}
body{
	position: relative;
	background-color: var(--colorBkg);
	color:var(--colorTxt);
	font-family: var(--fontFamSansSerif);
	font-size: var(--fontSizeDefolt);
	font-weight: 400;
	line-height: 1.0;
}
@media (min-width: 1200px) {
	body{
		font-size:var(--fontSizeDefolt-pc);
		padding-bottom: 0;
	}
}
a { transition:.3s; text-decoration: underline;}
/* ==========================================================================
  Layout　レイアウト
========================================================================== */
/* レイアウト名
========================================================================== */
/*
ヘッダー
*/
.ly_header{
	position: relative;
	background-color: var(--colorBkg);
	background-color: var(--colorMain-blue);
}
/*
コンテンツ
*/
.ly_cont_wrap{
	position: relative;
	padding-top: 60px;
	padding-bottom: 60px;
}
.ly_cont_wrap.ly_cont_wrap__unConcept{
	padding-top: 0;
}
.ly_cont_wrap.ly_cont_wrap__unMenu{
	padding-bottom: 0;
}
.ly_cont_wrap.ly_cont_wrap__unMenu .ly_cont_body{
	padding-bottom: 60px;
}
.ly_cont_wrap.ly_cont_wrap__bgcBase{
	background-color: var(--colorBase);
	background-image: url(../img/bg_base.jpg);
	background-repeat: repeat;
}
.ly_cont_wrap.ly_cont_wrap__bgcBlue{
	background-color: var(--colorMain-blue);
}
.ly_cont_wrap.ly_cont_wrap__bgcYellow{
	background-color:#E2C758;
}
.ly_cont{
	padding-right: 30px;
	padding-left: 30px;
	margin-inline: auto;
	max-width: calc(var(--maxWidth) + 30px + 30px);
}
.ly_cont_header{
	margin-bottom: 60px;
}
.ly_cont_body > *:last-child{
	margin-bottom: 0 !important;
}
.ly_cont_body.ly_cont_body__flow{
	font-size: 1.6rem;
}
	@media (min-width: 768px){
		.ly_cont_wrap.ly_cont_wrap__unConcept{
			padding-top: 60px;
		}
		.ly_cont.ly_cont__2col{
			display: flex;
			width: 100%;
		}
		.ly_cont.ly_cont__2col > .ly_cont_header{
			width: 60px;
			margin-bottom: 0;
		}
		.ly_cont.ly_cont__2col .ly_cont_body{
			width: calc(100% - 60px);
		}
	}
	@media (min-width: 1200px){
		.ly_cont_wrap{
			padding-top: 72px;
			padding-bottom: 72px;
		}
		.ly_cont_wrap.ly_cont_wrap__unConcept{
			padding-top: 72px;
		}
		.ly_cont_wrap.ly_cont_wrap__unMenu .ly_cont_body{
			padding-bottom: 72px;
		}
		.ly_cont_header{
			width: 100%;
			margin-bottom: 72px;
		}
		.ly_cont.ly_cont__2col > .ly_cont_header{
			width: 95px;
		}
		.ly_cont.ly_cont__2col .ly_cont_body{
			width: calc(100% - 95px);
		}
	}
/*
フッター
*/
.ly_footer_wrap{
	padding: 60px 0;
	background-color: #fff;
}
.ly_footer{
	padding-right: 30px;
	padding-bottom: 60px;
	padding-left: 30px;
	margin-inline: auto;
	max-width: calc(var(--maxWidth) + 30px + 30px);
}
@media (min-width: 1200px){
	.ly_footer{
		padding-top: 30px;
		padding-bottom: 30px;
	}
}
/* ==========================================================================
  Javascript Modules jsモジュyール
========================================================================== */
/* js_telLink
========================================================================== */
.js_telLink a{
	color: inherit;
	text-decoration: none;
}
/* js_accordion
========================================================================== */
.js_accordion_ttl,
.js_accordion_closeBtn{
	cursor: pointer;
}
.js_accordion_box {
    display: none;
}
/* ==========================================================================
  Element Modules エレメントモジュール
========================================================================== */
/* スクリーンリーダーのみ表示
========================================================================== */
.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
*/
.el_HeadingLv1{
	display: table;
	width: 1.1em;
	margin:0 auto;
	font-size: 2.0rem;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	text-orientation: upright;
	letter-spacing: .4em;
}
.el_HeadingLv1.el_HeadingLv1__wmIni{
	writing-mode: initial;
	width: auto;
}
.ly_cont_wrap__bgcBase .el_HeadingLv1{
	color: var(--colorAccent-blue);
}
.ly_cont_wrap__bgcBlue .el_HeadingLv1{
	color: var(--colorTxt);
}
.ly_cont_wrap__bgcYellow .el_HeadingLv1{
	color: #fff;
}
	@media (min-width: 768px){
		.el_HeadingLv1{
			margin: 0 0;
		}
		.el_HeadingLv1.el_HeadingLv1__wmIni{
			margin: 0 auto;
		}
	}
/*
el_HeadingTopLv1
*/
.el_HeadingTopLv1{
	display: flex;
	align-items: center;
	margin-right: calc(-50vw + 50%);
	color: var(--colorMain);
	font-size: 1.6rem;
	font-family: var(--fontFamSerif);
}
.el_HeadingTopLv1 > span{
	display: block;
	border-bottom:solid 1px var(--colorMain);
	border-bottom:solid 1px #BAACAC;
	width: 100%;
}
.el_HeadingTopLv1::before{
	content: attr(data-en);
	display: block;
	padding-right: 14px;
	flex-shrink:0;
	font-family: var(--fontFamAccent);
	font-size: 1.5em;
}
	@media (min-width: 1200px){
		.el_HeadingTopLv1{
			margin-right: 0;
		}
		.el_HeadingTopLv1{
			font-size: 1.8rem;
		}
		.el_HeadingTopLv1 > span{
			padding-bottom: .3em;
		}
		.el_HeadingTopLv1::before{
			font-size: 2em;
		}
	}
/* el_linkTxt
========================================================================== */
a.el_linkTxt{
	color:inherit;
}
a.el_linkTxt:hover{
	color: var(--colorAccent-star);
}
/* el_btn
========================================================================== */
a.el_btn{
	display: inline-block;
	max-width: 100%;
	padding: 10px 45px;
	background-color: #fff;
	border-radius: 23px;
	color: var(--colorTxt);
	font-size: 1.6rem;
	line-height: 1.7;
	text-decoration: none;
}
a.el_btn:hover{
	opacity: .7;
}
a.el_btn.el_btn__bgcBlue{
	background-color: var(--colorAccent-blue);
	color: #fff;
}
a.el_btn.el_btn__bgcBlue:hover{
	background-color: var(--colorAccent-star);
}
/* el_iconBefore
========================================================================== */
.el_iconBefore{
	position: relative;
	padding-left: 1.3em;
}
.el_iconBefore::before{
	position: absolute;
	left:0;
	top:50%;
	transform: translateY(-50%);
	font-family: 'icon-tasoconoTL' !important;
	speak: never;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
}
.el_iconBefore.el_iconBefore__download::before{
	content: "\e904";
}
.el_iconBefore.el_iconBefore__download_top0::before{
	content: "\e904";
	top: .05em;
	transform: translateY(0);
}
.el_iconBefore.el_iconBefore__phone{
	padding-left: 1.5em;
}
.el_iconBefore.el_iconBefore__phone::before{
	content: "\e908";
}
.el_iconBefore.el_iconBefore__send{
	padding-left: 1.5em;
}
.el_iconBefore.el_iconBefore__send::before{
	content: "\e90a";
	font-size: 1.4em;
}
/* el_iconAfter 
========================================================================== */
.el_iconAfter{
	position: relative;
	padding-right: 1.3em;
}
.el_iconAfter::after{
	position: absolute;
	right:0;
	top:50%;
	transform: translateY(-50%);
	font-family: 'icon-tasoconoTL' !important;
	speak: never;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
}
.el_iconAfter.el_iconAfter__arrow-under::after{
	content: "\e901";
}
.el_iconAfter.el_iconAfter__open-in-new::after{
	content: "\e905";
}
.el_iconAfter.el_iconAfter__person_add{
	padding-right: 1.8em;
}
.el_iconAfter.el_iconAfter__person_add::after{
	content: "\e907";
	font-size: 1.5em;
}
.el_iconAfter.el_iconAfter__send{
	padding-right: 1.5em;
}
.el_iconAfter.el_iconAfter__send::after{
	content: "\e90a";
	font-size: 1.4em;
}
/* ==========================================================================
  Block Modules　ブロックモジュール
========================================================================== */
/* bl_header
========================================================================== */
.bl_header{
	background-color: var(--colorMain-blue);
}
.bl_headerH1Unit_wrap{
	display: flex;
	align-items: center;
	padding: 0 21px;
	height: 74px;
}
	@media (min-width: 1200px){
		.bl_header{
			position: relative;
			max-width: 1440px;
			padding: 16px 33px 23px 33px;
			margin-right: auto;
			margin-left: auto;
		}
		.bl_headerH1Unit_wrap{
			position: absolute;
			top:33px;
			left:33px;
			right: 33px;
			display: block;
			padding: 0;
		}
		.bl_headerPannel_wrap{
			margin-left:350px;
		}
	}
/* bl_headerH1Unit
========================================================================== */
.bl_headerH1Unit{
	position: relative;
	width: 139px;
	padding-top: 15px;
}
.bl_headerH1Unit_logo{
	display: inline-block;
}
.bl_headerH1Unit_logo img{
	width: 139px;
}
.bl_headerH1Unit_txt{
	position: absolute;
	top:0;
	left:0;
	right:0;
	display: block;
	font-size: 10px;
	font-weight: var(--fontWtBold);
	text-align: center;
	letter-spacing: .1em;
}
	@media (min-width: 1200px){
		.bl_headerH1Unit{
			width: auto;
			padding-top: 5px;
		}
		.bl_headerH1Unit_logo img{
			width: 328px;
		}
		.bl_headerH1Unit_txt{
			left:calc(87px + 8px);
			font-size: 14px;
			text-align: left;
			letter-spacing: 0;
		}
	}
	@media (max-width: 1199px){
		.bl_headerH1Unit_txt > span{
			position: absolute;
			width: 1px;
			height: 1px;
			padding: 0;
			overflow: hidden;
			clip: rect(0, 0, 0, 0);
			white-space: nowrap;
			border: 0;
		}
	}
/* bl_headerToggle
========================================================================== */
.bl_headerToggle {
	position: fixed;
	z-index: 9999;/*ボタンを最前面に*/
	top: 8px;
	right: 8px;
	width: 72px;
	height: 72px;
	width: 62px;
	height: 62px;
	padding: 0 5px;
	cursor: pointer;
	transition: all .2s ease-in-out;
	background-color:rgba(var(--rgbMain-blue),.5);
	background-color: transparent;
	border: none;
	border-radius: 5px;
}
.bl_headerToggle_bar{
	position: relative;
	display: block;
	width: 100%;
	height: 0px;
	transition: all .2s ease-in-out;
}
.bl_headerToggle_bar::before {
	display: block;
	position: absolute;
	top:-15px;
	left:50%;
	transform: translateX(-50%);
	width: 30px;
	height: 30px;
	content: "\e90b";
	transition: all .2s ease-in-out;
	color: var(--colorAccent-star);
	font-family: 'icon-tasoconoTL' !important;
	font-size: 30px;
	speak: never;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
}
.bl_headerToggle_txt{
	display: block;
	width: 100%;
	height: 10px;
	content: "";
	transition: all .2s ease-in-out;
}
.bl_headerToggle_txt::after{
	display: block;
	width: 100%;
	content: "MENU";
	transform: translateY(16px);
	transition: all .2s ease-in-out;
	color:var(--colorTxt);
	font-size: 10px;
	letter-spacing: .02em;
}
.bl_headerToggle[aria-expanded="true"] .bl_headerToggle_bar:before {
	color: #fff;
}
.bl_headerToggle[aria-expanded="true"] .bl_headerToggle_txt::after {
	content: "CLOSE";
	color: #fff;
}
	@media (min-width: 1200px) {
		.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;
	width:100%;
    height: 100vh;/*ナビの高さ*/
	background:rgba(var(--rgbMain-blue),1);/*背景を少し透過させる*/
    /*動き*/
	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: 1200px) {
	.bl_headerPannel{
		position: relative;
		z-index: 2;
		opacity: 1;
		background-color: initial;
		width: auto;
		height: auto;
	}
}
/* bl_headerPannel
========================================================================== */
 .bl_headerNav{
	padding-bottom: 50px;
	
 }
 .bl_haedrNav_logo{
	padding: 30px 21px;
	text-align: center;
 }
 .bl_haedrNav_logo img{
	width: 139px;
 }
 .bl_headerNav_contact_wrap{
	padding-bottom: 30px;
 }
 	@media (min-width: 1200px){
		.bl_headerNav{
			display: flex;
			flex-direction: column-reverse;
			padding: 0;
		 }
		 .bl_haedrNav_logo{
			display: none;
		 }
		 .bl_headerNav_contact_wrap{
			padding-bottom: 0;
		 }
	}
/*
bl_headerNav_list
*/
ul.bl_headerNav_list{
	width: 194px;
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
	border-top: 1px solid #707070;
}
ul.bl_headerNav_list > li{
	border-bottom: 1px solid #707070;
	font-size: 16px;
}
a.bl_headerNav_list_link{
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 80px;
	color:var(--colorTxt);
	text-decoration: none;
	line-height: 1.0;
}
	@media (min-width: 1200px) {
		ul.bl_headerNav_list{
			display: flex;
			justify-content: space-between;
			width: auto;
			max-width: 880px;
			margin-top: 10px;
			margin-right: 10px;
			margin-left: auto;
			border-top: none;
		}
		ul.bl_headerNav_list > li{
			border-bottom: none;
			font-size: 18px;
			padding-left: 1.5em;
		}
		a.bl_headerNav_list_link{
			position: relative;
			display: block;
			height: auto;
			padding: 5px 5px 5px 0;
			color:var(--colorTxt);
			text-decoration: none;
			line-height: 1.0;
		}
		a.bl_headerNav_list_link::before{
			position: absolute;
			top:50%;
			transform: translateY(-50%);
			left:-1.1em;
			transition: all .2s ease-in-out;
			content: "\e90b";
			color: rgba(var(--rgbAccent-star),0);
			font-family: 'icon-tasoconoTL' !important;
			font-size: 1.2em;
			speak: never;
			font-style: normal;
			font-weight: normal;
			font-variant: normal;
			text-transform: none;
			line-height: 1;
		}
		a.bl_headerNav_list_link:hover::before{
			color: rgba(var(--rgbAccent-star),1);
		}
	}
/*
bl_headerNav_contact
*/
ul.bl_headerNav_contact{
	display: table;
	margin-top: 5px;
	margin-right: auto;
	margin-left: auto;
}
ul.bl_headerNav_contact > li{
	margin-top: 30px;
}
ul.bl_headerNav_contact > li.bl_headerNav_contact_tel{
	text-align: center;
}
ul.bl_headerNav_contact > li.bl_headerNav_contact_tel img{
	width: 240px;
	margin-right: 20px;
}
ul.bl_headerNav_contact > li.bl_headerNav_contact_btn{
	display: none;
}
.bl_headerNav_contact_tel_txt{
	font-weight: var(--fontWtBold);
	display: block;
	font-size: 1.6rem;
	margin-bottom: 5px;;
}
a.bl_headerNav_contact_linkBtn{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 15.944em;
	height: 2.333em;
	background-color: var(--colorAccent-yellow);
	border-radius: 30px;
	color: var(--colorTxt);
	font-size: 16px;
	font-weight: var(--fontWtBold);
	text-decoration: none;
}
a.bl_headerNav_contact_linkBtn > span{
	position: relative;
	padding-left: 1.2em;
	padding-right: .3em;
}
a.bl_headerNav_contact_linkBtn > span::before{
	position: absolute;
	left:0;
	top:50%;
	transform: translateY(-50%);
	content: "\e90a";
	font-family: 'icon-tasoconoTL' !important;
	speak: never;
	font-size: 1em;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
}
a.bl_headerNav_contact_linkBtn:hover{
	background-color: var(--colorAccent-blue);
	color: #fff;
}
	@media (min-width: 1200px){
		ul.bl_headerNav_contact{
			display: flex;
			justify-content: end;
			align-items: center;
			margin-top: 0;
			margin-right: initial;
			margin-left: initial;
		}
		ul.bl_headerNav_contact > li{
			margin-top: 0;
		}
		ul.bl_headerNav_contact > li.bl_headerNav_contact_tel{
			text-align: left;
			padding-right: 25px;
		}
		ul.bl_headerNav_contact > li.bl_headerNav_contact_tel img{
			width: 255px;
			margin-right: 0;
		}
		.bl_headerNav_contact_tel_txt{
			display: none;
		}
		ul.bl_headerNav_contact > li.bl_headerNav_contact_btn{
			display: block;
		}
		a.bl_headerNav_contact_linkBtn{
			font-size: 18px;
		}
	}
/*
bl_headerNav_contactSp
*/
.bl_headerNav_contactSp{
	display: table;
	margin-top: 5px;
	margin-right: auto;
	margin-left: auto;
}
.bl_headerNav_contactSp li{
	margin-top: 15px;
	text-align: center;
}
.bl_headerNav_contactSp li.bl_headerNav_contactSp_line > a{
	/*display: flex;*/
	align-items: center;
	justify-content: center;
	color: #05b34d;
	text-decoration: none;
	font-weight: var(--fontWtBold);
}
.bl_headerNav_contactSp li.bl_headerNav_contactSp_line > a span{
	display: block;
	/*padding-right: 5px;*/
	margin-bottom: 5px;
	font-size: 1.6rem;
}
.bl_headerNav_contactSp li.bl_headerNav_contactSp_line > a img{
	height: 46px;
}

.bl_headerNav_contactSp li.bl_headerNav_contactSp_form{
	margin-top: 30px;
}
	@media (min-width: 1200px){
		.bl_headerNav_contactSp{
			display: none;
		}
	}
/* bl_footer
========================================================================== */
/*
bl_footerLogo
*/
.bl_footerLogo{
	display: table;
	margin-inline: auto;
	width: 63.7%;
	max-width: 300px;
}
/*
bl_footercopyright
*/
.bl_footercopyright{
	text-align: center;
	padding-top: 1.563em;
}
/* bl_fixBtn
========================================================================== */
.bl_fixBtn_wrap{
	position: fixed;
	z-index: 10;
	bottom:0;
	left:0;
	right: 0;
}
a.bl_fixBtn{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	min-height: 60px;
	background-color: var(--colorAccent-star);
	color: var(--colorTxt);
	font-size: 1.6rem;
	font-weight: var(--fontWtBold);
	text-decoration: none;
}
	@media (min-width: 1200px) {
		.bl_fixBtn_wrap{
			display: none;
		}
	}
/* ==========================================================================
  Unique　ユニーク
========================================================================== */
/* un_topIcatch
========================================================================== */
.un_topIcatch{
	position: relative;
}
.un_topIcatch_pic{
	width: 100%;
	height: calc(100dvh - 74px - 60px);
}
.un_topIcatch_pic img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: left bottom;
}
.un_topIcatch_txt{
	position: absolute;
	top:10%;
	left:50%;
	transform: translateX(-50%);
	width: 68.27%;
	max-width: 256px;
}
.un_topIcatch_txt img{
	width: 100%;
}
	@media (min-width: 768px){
		.un_topIcatch_pic{
			width: 100%;
			height: auto;
			aspect-ratio: 25 / 14;
			aspect-ratio: 2 / 1;
		}
		.un_topIcatch_pic img{
			object-position: center center;
		}
		.un_topIcatch_txt{
			top:0;
			bottom:0;
			left:50%;
			transform: translateX(0);
			right: 0;
			width: auto;
			max-width: initial;
		}
		.un_topIcatch_txt img{
			width: 65%;
			max-width: 410px;
			margin-left: 15.2%;
			margin-top: 15%;
		}
	}
	@media (min-width: 992px){
		.un_topIcatch_pic{
			height: auto;
			aspect-ratio: initial
		}
		.un_topIcatch_pic img{
			object-position: center center;
		}
		.un_topIcatch_txt img{
			width: 56.94%;
			margin-top: 8%;
		}
	}
	@media (min-width: 1200px){
		.un_topIcatch_txt img{
			margin-top: 12%;
		}
	}
/*
un_topIcatch_scrolldown
*/
/*スクロールダウン全体の場所*/
.un_topIcatch_scrolldown{
    /*描画位置※位置は適宜調整してください*/
  position:absolute;
  left:50%;
  bottom:10px;
    /*全体の高さ*/
  height:50px;
}
/*Scrollテキストの描写*/
.un_topIcatch_scrolldown span{
    /*描画位置*/
  position: absolute;
  left:-16px;
  top: -15px;
    /*テキストの形状*/
  color: #eee;
  font-size: 12px;
  letter-spacing: 0.05em;
}
/* 線の描写 */
.un_topIcatch_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_topIcatch_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_topConceptLead
========================================================================== */
.un_topConceptLead_header{
	margin-right: calc(-50vw + 50%);
	margin-bottom: 25px;
	margin-left: calc(-50vw + 50%);
}
.un_topConceptLead_body{
	position: relative;
}
.un_topConceptLead_body_moya{
	position: absolute;
	top:0;
	right: 0;
	width: 80px;
}
	@media (min-width: 768px){
		.un_topConceptLead{
			display: flex;
			justify-content: center;
		}
		.un_topConceptLead_header{
			width: calc(298px * .64);
			flex-shrink: 0;
			margin-right: initial;
			margin-bottom: 0;
			margin-left: initial;
		}
		.un_topConceptLead_body{
			align-self: center;
			padding-left: calc(80px * .64);
		}
		.un_topConceptLead_body_moya{
			display: none;
		}
	}
	@media (min-width: 1200px){
		.un_topConceptLead_header{
			width: 298px;
		}
		.un_topConceptLead_body{
			padding-left: 80px;
		}
	}
/*
un_topConceptLead_ttl
*/
.un_topConceptLead_ttl{
	padding: 19px 30px;
	background-color: var(--colorAccent-blue);
	text-align: center;
}
.un_topConceptLead_ttl_txt{
	color: white;
	font-size: 1.8rem;
	font-weight: var(--fontWtBold);
	letter-spacing: .05em;
	line-height: 1.389;
}
.un_topConceptLead_ttl_pic,
.un_topConceptLead_ttl_moya{
	display: none;
}
	@media (min-width: 768px){
		.un_topConceptLead_ttl{
			position: relative;
			display: flex;
			justify-content: center;
			align-items: center;
			width: calc(298px * .64);
			height: calc(298px * .64);
			padding: 0;
			border-radius: 50%;
		}
		.un_topConceptLead_ttl_txt{
			position: relative;
			z-index: 3;
		}
		.un_topConceptLead_ttl_txt > span{
			display: block;
		}
		.un_topConceptLead_ttl_pic,
		.un_topConceptLead_ttl_moya{
			position: absolute;
			display: block;
		}
		.un_topConceptLead_ttl_pic{
			z-index: 1;
			top:0;
			bottom:0;
			right: 0;
			left:0;
		}
		.un_topConceptLead_ttl_pic img{
			width: 100%;
			height: 100%;
			border-radius: 50%;
		}
		.un_topConceptLead_ttl_moya{
			top:0;
			left: calc(-42px * .64);
			z-index: 2;
			width: calc(97px * .66);
			height: calc(110px * .64);
		}
	}
	@media (min-width: 1200px){
		.un_topConceptLead_ttl{
			width: 298px;
			height: 298px;
		}
		.un_topConceptLead_ttl_txt{
			font-size: 2.0rem;
		}
		.un_topConceptLead_ttl_moya{
			left: -42px;
			width: 97px;
			height: 110px;
		}
	}
/*
un_topConceptLead_list
*/
ul.un_topConceptLead_list li{
	position: relative;
	padding-left: 1.75em;
	margin-bottom: calc(20px - .6em);
	color: var(--colorAccent-blue);
	line-height: 1.0;
	font-weight: var(--fontWtBold);
}
ul.un_topConceptLead_list li.un_topConceptLead_list_liWidhSm{
	padding-right: 80px;
}
ul.un_topConceptLead_list li.un_topConceptLead_list_liWidhSm2{
	padding-right: 60px;
}

ul.un_topConceptLead_list li::before{
	content: "\e909";
	position: absolute;
	top:.5em;
	left: 0;
	font-family: 'icon-tasoconoTL' !important;
	speak: never;
	font-style: normal;
	font-size: 1.188em;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
}
ul.un_topConceptLead_list li > span > span{
	padding: .6em 0 0.188em 0;
	display: inline-block;
	/*border-bottom: 2px dashed var(--colorAccent-blue);*/
}
.un_topConceptLead_list_liLast{
	position: relative;
}
.un_topConceptLead_list_liLast ::after{
	content: "など";
	position: absolute;
	bottom:-.1em;
	right: -2.5em;
	font-size: 0.875em;
}
	@media (min-width: 768px){
		ul.un_topConceptLead_list li.un_topConceptLead_list_liWidhSm{
			padding-right: 0px;
		}
		ul.un_topConceptLead_list li.un_topConceptLead_list_liWidhSm2{
			padding-right: 0px;
		}
		ul.un_topConceptLead_list li > span{
			padding: .6em 0 0.188em 0;
			display: inline-block;
			border-bottom: 2px dashed var(--colorAccent-blue);
		}
		ul.un_topConceptLead_list li > span > span{
			padding:0;
			display: inline;
			border-bottom: none;
		}
	}
	@media (min-width: 1200px){
		ul.un_topConceptLead_list li{
			font-size: 2.2rem;
			margin-bottom: calc(25px - .6em);
		}
	}
/* un_topConcept
========================================================================== */
.un_topConcept{
	position: relative;
	padding-top: 40px;
}
.un_topConcept_logo{
	display: table;
	width: 147px;
	width: 46.52%;
	max-width: 218px;
	margin-inline: auto;
}
.un_topConcept_body{
	padding-top: 24px;
}
.un_topConcept_bod_ttl{
	margin-bottom: 15px;
	font-size: 2.5rem;
	line-height: 1.48;
	text-align: center;
}
.un_topConcept_bod_ttl > span{
	display: block;
}
.un_topConcept_body > p{
	line-height: 1.688;
}
	@media (min-width: 768px){
		.un_topConcept{
			padding-top: 20px;
		}
		.un_topConcept_bod_ttl > span{
			display: inline-block;
		}
		.un_topConcept{
			width: 80.72%;
			margin-right: auto;
			margin-left: auto;
		}
		.un_topConcept_logo{
			width: 190px;
			max-width: initial;
		}
	}
	@media (min-width: 1200px){
		.un_topConcept{
			padding-top: 5.8%;
			width: 90.27%;
			margin-right: 3%;
			margin-left: auto;
		}
		.un_topConcept_logo{
			position: absolute;
			top:-4%;
			right:0;
			width: 21.56%;
			max-width: initial;
		}
		.un_topConcept_body{
			padding-right: 24.73%;
		}
		.un_topConcept_bod_ttl{
			margin-bottom: 9px;
			font-size: 3.0rem;
			line-height: 1.6;
			text-align: left;
		}
		.un_topConcept_body > p{
			line-height: 1.889;
		}
	}
/* un_topExa
========================================================================== */
	@media (min-width: 768px){
		.un_topExa_body{
			padding-right: 60px;
			padding-left: 60px;
		}
	}
	@media (min-width: 992px){
		.un_topExa{
			display: flex;
			justify-content: space-between;
		}
		.un_topExa_header{
			width: 560px;
		}
		.un_topExa_body{
			width: calc(100% - 560px - 0px);
			padding-left:0;
		}
	}
	@media (min-width: 1200px){
		.un_topExa{
			display: flex;
			justify-content: space-between;
		}
		.un_topExa_header{
			width: 580px;
		}
		.un_topExa_body{
			width: calc(100% - 580px - 50px);
			padding-left:0;
		}
	}
/*
un_topExa_header
*/
.un_topExa_header{
	display: flex;
}
.un_topExa_header_ttl{
	width: 42px;
}
.un_topExa_header_ttl .el_HeadingLv1{
	margin: 0 0;
}
.un_topExa_hedaer_listWrap{
	width: calc(100% - 42px);
}
	@media (min-width: 768px){
		.un_topExa_header_ttl{
			width: 60px;
		}
		.un_topExa_hedaer_listWrap{
			width: calc(100% - 60px);
		}
	}
	@media (min-width: 1200px){
		.un_topExa_header_ttl{
			width: 95px;
		}
		.un_topExa_hedaer_listWrap{
			width: calc(100% - 95px);
		}
	}
/*
un_topExa_body
*/
.un_topExa_body p{
	line-height: 1.875;
}
.un_topExa_body_btn{
	display: table;
	margin-top: 13px;
	margin-right: auto;
	margin-left: auto;
}
	@media (min-width: 768px){
		.un_topExa_body_btn{
			margin-right: 0;
		}
	}
/*
un_topExa_hedaer_list
*/
ul.un_topExa_hedaer_list{
	margin-bottom: 30px;
}
ul.un_topExa_hedaer_list > li{
	position: relative;
	max-width: 220px;
	padding: 15px;
	margin-bottom: 19px;
	background-color: #fff;
	border-radius: 40px;
	font-size: 2.0rem;
	font-weight: var(--fontWtBold);
	text-align: center;
}
ul.un_topExa_hedaer_list::after{
	content: "など";
	display: block;
	max-width: calc(220px + 10px);
	text-align: right;
}
ul.un_topExa_hedaer_list > li::after{
	content: "";
	position: absolute;
	right: -10px;
	bottom:-5px;
	display: block;
	width: 29px;
	height: 26px;
	background-image: url(../img/concept_fukidashi.svg);
	background-repeat: no-repeat;
	background-size: cover;
}
ul.un_topExa_hedaer_list > li.un_topExa_hedaer_list_sizeXL{
	font-size: 1.8rem;
	line-height: 2.0rem;
}
	@media (min-width: 768px){
		ul.un_topExa_hedaer_list{
			position: relative;
			display: flex;
			flex-wrap: wrap;
			justify-content: space-between;
			padding-bottom: 1em;
			width:calc(215px * 2 + 20px);
			max-width: initial;
		}
		ul.un_topExa_hedaer_list::after{
			position: absolute;
			bottom:0;
			right:-20px;
			max-width: initial;
		}
		ul.un_topExa_hedaer_list > li{
			width: 215px;
		}
		ul.un_topExa_hedaer_list > li.un_topExa_hedaer_list_sizeXL{
			font-size: 2.0rem;
			width: 100%;
			max-width: initial;
		}
	}
	@media (min-width: 1200px){

	}
/* un_topCounselor
========================================================================== */

	@media (min-width: 768px){
		.un_topCounselor_info{
			padding-right: 60px;
		}
	}
	@media (min-width: 1200px){
		.un_topCounselor{
			display: flex;
			justify-content: space-between;
		}
		.un_topCounselor_body{
			width: calc(100% - 250px - 60px);
		}
		.un_topCounselor_info{
			width: 250px;
			padding-right: 0;
		}
	}
/*
un_topCounselor_body
*/
.un_topCounselor_body p{
	font-size: 1.6rem;
	margin-bottom: 2em;
	line-height: 2.0;
}
/*
un_topCounselor_info
*/
.un_topCounselor_info_pic{
	width: 180px;
	margin-inline: auto;
}
.un_topCounselor_info_pic > img{
	border-radius: 50%;
}
.un_topCounselor_info_name{
	padding-top: 1em;
	text-align: center;
}
.un_topCounselor_info_name > span{
	font-size: 1.125em;
}
dl.un_topCounselor_info_list{
	display: flex;
	justify-content: center;
	margin-top: 1em;
}
dl.un_topCounselor_info_list dt{
	flex-shrink: 0;
	padding: .5em 1em;
	border-radius:1em;
	background-color: var(--colorAccent-gold);
	color: #fff;
	font-size: 1.4rem;
}
dl.un_topCounselor_info_list dd{
	align-self: center;
	padding-left: .5em;
	font-size: 1.6rem;
}
	@media (min-width: 768px){
		.un_topCounselor_info_pic{
			padding-top: 20px;
			width: 250px;
		}
	}
	@media (min-width: 1200px){
		.un_topCounselor_info_pic{
			padding-top: 0;
		}
	}
/* un_topFlowLead
========================================================================== */
.un_topFlowLead p{
	line-height: 1.875;
}
/* un_topFlowList
========================================================================== */
.un_topFlowList_wrap{
	position: relative;
	margin-top: 35px;
}
.un_topFlowList_ttl{
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 1.8rem;
	font-weight: var(--fontWtBold);
}
.un_topFlowList { /* リスト全体のスタイル */
	position: relative;
	display: flex;
	max-width: calc((230 * 4) + (15 * 7) );
	overflow-x: auto;
}
.un_topFlowList.un_topFlowList__col2{
	max-width: calc((223 * 2) + (15 * 3) );
}
.un_topFlowList::before{
	content: "";
	display: block;
	position: absolute;
	z-index: 0;
	left:15px;
	top:40%;
	width: calc(1000px - 40px);
	height: 4px;
	background-color: var(--colorMain-blue);
}
.un_topFlowList.un_topFlowList__bgYellow::before{
	background-color: var(--colorMain-yellow);
}
.un_topFlowList.un_topFlowList__col2::before{
	width: calc(400px - 40px);
}
.un_topFlowList li { /* 各リストのスタイル */
	flex-shrink: 0;
	position: relative;
	z-index: 0;
	width: 230px;
	margin: 10px 15px;
}
.un_topFlowList.un_topFlowList__col2 li{
	width: 223px;
}
.un_topFlowList li:first-child{
	margin-left:0;
}
.un_topFlowList li:last-child{
	margin-right: 0;
}
.un_topFlowList.un_topFlowList_hasNote li{
	margin-bottom: 80px;
}
.un_topFlowList::-webkit-scrollbar {
	height: 12px; /* スクロールバーの高さ */
}
.un_topFlowList::-webkit-scrollbar-thumb {
	background: #aaa; /* ツマミの色 */
	border-radius: 6px; /* ツマミ両端の丸み */
}
.un_topFlowList::-webkit-scrollbar-track {
	background: #ddd; /* トラックの色 */
	border-radius: 6px; /* トラック両端の丸み */
}
@media (min-width: 1200px) {
	.un_topFlowList_wrap2col{
		display: flex;
		justify-content: space-between;
	}
	.un_topFlowList_wrap2col .un_topFlowList_wrap{
		width: calc((223 * 2) + (15 * 3) );
	}
}
/*
un_topFlowList_card
*/
.un_topFlowList_card{
	position: relative;
	background-color: var(--colorMain-blue);
	border-radius: 23px;
}
.un_topFlowList.un_topFlowList__bgYellow .un_topFlowList_card{
	background-color: var(--colorMain-yellow);
}
.un_topFlowList_card.un_topFlowList_card__hasBtn{
	padding-bottom: 77px;
}
.un_topFlowList_card_header{
	display: flex;
	flex-direction: column-reverse;
	justify-content: center;
	padding: 40px 15px 0 15px;
}
.un_topFlowList_card_header_ttl{
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 50px;
	font-size: 2.0rem;
	font-weight: bold;
	text-align: center;
	line-height: 1.278
}
.un_topFlowList_card_header_ttl.un_topFlowList_card_header_ttl__fontSmall{
	font-size: 1.8rem;
}
.un_topFlowList_card_header_img{
	display: table;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}
.un_topFlowList_card_body{
	padding:30px 23px;
}
.un_topFlowList_card_body p{
	margin-bottom: 1em;
	line-height: 1.438;
}
.un_topFlowList_card_body > *:last-child{
	margin-bottom: 0;
}
.un_topFlowList_card_btn{
	position: absolute;
	bottom:0;
	left:0;
	right: 0;
}
a.un_topFlowList_card_btn_link{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 230px;
	height: 77px;
	background-color: #fff;
	border-radius: 0 0 23px 23px;
	color: var(--colorTxt);
	text-decoration: none;
}
a.un_topFlowList_card_btn_link:hover{
	background-color: var(--colorAccent-blue);
	color: #fff;
}
.un_topFLowList_card_note{
	position: absolute;
	left:10px;
	right: 10px;
	bottom:-70px;
	line-height: 1.357;
}
/* un_menu
========================================================================== */
.un_menu{
	display: table;
	max-width: 302px;
	margin-right: auto;
	margin-bottom: 32px;
	margin-left: auto;
	background-color: #fff;
	border: 1px solid #707070;
	border-radius: 23px;
}
.un_menu.un_menu__last{
	margin-bottom: 0;
}
.un_menu_header_ttl{
	display: flex;
	align-items: center;
	justify-content: center;
	height: 78px;
	padding: 17px;
	font-size: 2.0rem;
	font-weight: var(--fontWtBold);
}
.un_menu_header_pic{
	position: relative;
	width: 100%;
	aspect-ratio: 302 / 233;
}
.un_menu_header_pic img{
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.un_menu_body{
	padding: 24px 17px;
}
.un_menu_body p.un_menu_body_lead{
	font-size: 1.6rem;
	line-height: 1.688;
}
dl.un_menu_body_list{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin-top: 1em;
	font-size: 1.8rem;
	line-height: 1.688;
}
dl.un_menu_body_list dt,
dl.un_menu_body_list dd{
	margin-top: .8em;
}
dl.un_menu_body_list dt{
	position: relative;
	width: 50%;
	padding-left: 1.2em;
}
dl.un_menu_body_list dt::before{
	content: "\e903";
	position: absolute;
	top:.4em;
	left: 0;
	color: var(--colorAccent-gold);
	font-family: 'icon-tasoconoTL' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
}
dl.un_menu_body_list dd{
	width: 50%;
	text-align: right;
}
dl.un_menu_body_list.un_menu_body_list__noFlex dt{
	width: 100%;
	max-width: initial;
}
dl.un_menu_body_list.un_menu_body_list__noFlex dd{
	width: 100%;
	max-width: initial;
	margin-top: 0;
}
.un_menu_note{
	padding: 0 17px 24px 17px;
	font-size: 1.4rem;
	line-height: 1.429;
}
.un_menu_note ul li{
	margin-bottom: .3em;
	text-align: right;
}
.un_menu_note ul li::before{
	content: "※";
}
.un_menu_note ul li:last-child{
	margin-bottom: 0;
}
p.un_menu_body_notePrice{
	padding-top: 1.3em;
	padding-right: 1em;
	margin-bottom: 0;
	color: #fff;
	font-size: 1.5rem;
	text-align: right;
}
	@media (min-width: 768px) {
		.un_menuUnit{
			display: flex;
			flex-wrap: wrap;
			justify-content: center;
			max-width: 600px;
			margin-right: auto;
			margin-left: auto;
		}
		.un_menu,
		.un_menu.un_menu__last{
			display: flex;
			flex-direction: column;
			max-width: 272px;
			margin-right: 10px;
			margin-bottom: 20px;
			margin-left: 10px;
		}
		.un_menu_header_pic{
			aspect-ratio: 272 / 233;
		}
		.un_menu_note{
			margin-top: auto;
		}
	}
	@media (min-width: 1200px) {
		.un_menuUnit{
			max-width: initial;
			margin-right: -5px;
			margin-left: -5px;
		}
		.un_menu,
		.un_menu.un_menu__last{
			max-width: 272px;
			margin-right: 5px;
			margin-bottom: 10px;
			margin-left: 5px;
		}
	}
/*
タイトル
*/
/* un_menuBtn
========================================================================== */
a.un_menuBtn{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	padding: 15px 10px;
	min-height: 86px;
	background-color: var(--colorAccent-yellow);
	color: var(--colorTxt);
	font-size: 1.6rem;
	line-height: 1.0;
	text-decoration: none;
	text-align: center;
	font-weight: var(--fontWtBold);
}
a.un_menuBtn:hover{
	background-color: #fff;
	color: var(--colorAccent-gold);
}
	@media (min-width: 1200px){
		a.un_menuBtn{
			font-size: 2.0rem;
		}
	}
/* un_topFlowCont
========================================================================== */
.un_topFlowCont_wrap{
	padding: 30px 20px;
	margin-top: 28px;
	background-color: #FFFFFF;
	border: solid 1px var(--colorMain-yellow);
	border-radius: 23px;
}
.un_topFlowCont_header{
	margin-bottom: 10px;
}
.un_topFlowCont_header_ttl{
	position: relative;
	padding-left: 1.2em;
	font-size: 1.6rem;
	font-weight: var(--fontWtBold);
	line-height: 1.75;
}
.un_topFlowCont_header_ttl::before{
	content: "";
	position: absolute;
	top:.65em;
	left:.2em;
	width: 0.563em;
	height: 0.563em;
	background-color: var(--colorAccent-gold);
	border-radius: 50%;
}
.un_topFlowCont_body{
	font-size: 1.4rem;
	line-height: 1.75;
}
.un_topFlowCont_body_qa{
	margin-bottom: 1em;
}
.un_topFlowCont_body_qa_ttl{
	position: relative;
	padding-left: 1.3em;
	margin-bottom: .2em;
	font-weight: var(--fontWtBold);
}
.un_topFlowCont_body_qa_ttl::before{
	content: "Q.";
	position: absolute;
	top:0;
	left: 0;
	color: var(--colorAccent-star);
	font-weight: var(--fontWtBold);
}
.un_topFlowCont_body_qa_body{
	position: relative;
	padding-left: 1.3em;
}
.un_topFlowCont_body_qa_body::before{
	content: "A.";
	position: absolute;
	top:0;
	left: 0;
	color: var(--colorAccent-blue);
	font-weight: var(--fontWtBold);
}
	@media (min-width: 768px){
		.un_topFlowCont{
			display: flex;
		}
		.un_topFlowCont_header{
			width: 190px;
			flex-shrink: 0;
		}
		.un_topFlowCont_body{
			width: calc(100% - 190px);
			padding-left: 20px;
		}
	}
	@media (min-width: 1200px){
		.un_topFlowCont_wrap{
			padding: 25px 38px;
		}
		.un_topFlowCont_body{
			font-size: 1.6rem;
		}
	}
/*
タイトル
*/
/* un_topContact
========================================================================== */
.un_topContact_wrap{
	margin-bottom: 50px;
}
.un_topContact_wrap > *:last-child,
.un_topContact_wrap2 > *:last-child{
	margin-bottom: 0;
}
.un_topContact{
	margin-bottom: 50px;
}
.un_topContact > *:last-child{
	margin-bottom: 0;
}
.un_topContact p{
	line-height: 1.556;
	margin-bottom: 1em;
}
	@media (min-width: 992px){
		.un_topContactUnit{
			display: flex;
			justify-content: space-between;
		}
		.un_topContact_wrap{
			width: 285px;
			margin-bottom: 0;
		}
		.un_topContact_wrap2{
			width: calc(100% - 285px - 80px);
		}
	}
/*
un_topContact_ttl
*/
.un_topContact_ttl{
	position: relative;
	padding-left: 1.1em;
	margin-bottom: 20px;
	font-size: 1.6rem;
	font-weight: var(--fontWtBold);
}
.un_topContact_ttl::before{
	content: "\e901";
	position: absolute;
	top:50%;
	transform: translateY(-50%);
	left:0;
	font-family: 'icon-tasoconoTL' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
}
/*
un_topContact_telNumber
*/
.un_topContact_telNumber{
	width: 100%;
	max-width: 273px;
	margin-bottom: 5px;
}
.un_topContact p.un_topContact_telNumber_subTxt{
	font-size: 1.7rem;
}
/*
un_topContact_linePc
*/
.un_topContact_linePc{
	display: none;
}
@media (min-width: 768px) {
	.un_topContact_linePc{
		display: block;
		max-width: 400px;
	}
	.un_topContact_linePc_qr{
		width: 144px;
	}
}
/*
un_topContact_lineSp
*/
@media (min-width: 768px){
	.un_topContact_lineSp{
		display: none;
	}
}
/*
un_topContact_formWrap
*/
.un_topContact_formWrap{
	padding: 20px;
	margin-bottom: 20px;
	background-color: #fff;
	height: calc(400px + 20px + 20px);
	border-radius: 23px;
	overflow-y: auto;

}
.un_topContact_formWrap iframe{
	width: 100%;
	height: 400px;
}
@media (min-width: 768px){
	.un_topContact_formWrap{
		height: calc(600px + 20px + 20px);
	}
	.un_topContact_formWrap iframe{
		height: 600px;
	}
}

/*
un_topContact_privacy
*/
.un_topContact_privacy{
	padding: 0 1em;
}
.un_topContact p.un_topContact_privacy_ttl{
	display: table;
	margin-right: auto;
	margin-left: auto;
	font-size: 1.6rem;
}
.un_topContact_privacy_ttl > span{
	position: relative;
	text-decoration: underline;
}
.un_topContact_privacy_ttl > span::after{
	content: "\e901";
	display: inline-block;
	margin-left: .5em;
	font-family: 'icon-tasoconoTL' !important;
	font-size: .8em;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
	transition: all .5s ease;
}
.un_topContact_privacy_ttl.js_accordion_close > span::after{
	transform:rotate(180deg);
	transform-origin:50% 50%;
}
.un_topContact_privacy_box{
	font-size: 1.4rem;
}
.un_topContact_privacy_box h4{
	margin-bottom: 1.4rem;
	font-size: 1.6rem;
	font-weight: var(--fontWtBold);
}
/* ユニークモジュールを使用しているページタイトル
========================================================================== */
.un_topAccess{
	display: flex;
	flex-direction: column-reverse;
}
.un_topAccess_infoWrap{
	max-width: 320px;
	margin-right: auto;
	margin-left: auto;
}
.un_topAccess_picWrap{
	max-width: 411px;
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;
}
.un_topAccess_picWrap img{
	width: 100%;
	border-radius: 50%;
}
	@media (min-width: 768px) {
		.un_topAccess{
			flex-direction: row-reverse;
			justify-content: space-between;
		}
		.un_topAccess_infoWrap{
			display: block;
			align-self: center;
			width: 53.28%;
			max-width: initial;
			margin: initial;
		}
		.un_topAccess_picWrap{
			width: 40.25%;
			max-width: initial;
			margin: initial;
		}
	}
/*
un_topAccess_info_address
*/
.un_topAccess_info_address{
	font-size: 1.6rem;
	line-height: 1.556;
}
.un_topAccess_info_address_ttl{
	display: block;
	margin-bottom: 1em;
	font-size: 1.8rem;
	font-weight: var(--fontWtBold);
}
	@media (min-width: 1200px){
		.un_topAccess_info_address{
			font-size: 1.8rem;
		}
		.un_topAccess_info_address_ttl{
			font-size: 2.0rem;
		}
	}
/*
un_topAccess_howtoList
*/
.un_topAccess_howtoList{
	margin-top: 1.667em;
	font-size: 1.6rem;
	line-height: 1.556;
}
.un_topAccess_howtoList li{
	position: relative;
	padding-left: 1.2em;
}
.un_topAccess_howtoList li::before{
	position: absolute;
	top:.3em;
	left:0;
	color: var(--colorAccent-blue);
	font-family: 'icon-tasoconoTL' !important;
	font-size: 1em;
	speak: never;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	
}
.un_topAccess_howtoList li.un_topAccess_howtoList_subway::before{
	content: "\e90c";
}
.un_topAccess_howtoList li.un_topAccess_howtoList_parking::before{
	content: "\e906";
}
	@media (min-width: 1200px){
		.un_topAccess_howtoList{
			font-size: 1.8rem;
		}
	}
/*
un_topAccess_info_note
*/
.un_topAccess_info_note{
	padding-top: 1.875em;
	color: var(--colorAccent-blue);
	font-size: 1.4rem;
	line-height: 1.556;
}
.un_topAccess_info_note > span{
	display: block;
}
	@media (min-width: 768px){
		.un_topAccess_info_note > span{
			display: inline-block;
		}
	}
	@media (min-width: 1200px){
		.un_topAccess_info_note{
			font-size: 1.6rem;
		}
	}
/* ==========================================================================
  Helpers　ヘルパー
========================================================================== */
.hp_dib { display: inline-block !important; }
/* フォントスタイル関連
========================================================================== */
/*
ウェイト
*/
.hp_fontWtRegular,.hp_fontWt400{ font-weight: var(--fontWtRegular) !important; }
.hp_fontWtBold,.hp_fontWt700{ font-weight: var(--fontWtBold) !important; }
/*
トラッキングの数値 ÷ 1000（em）
*/
.hp_fontAV100{ letter-spacing:.1em !important; }
.hp_fontAV200{ letter-spacing:.2em !important; }
.hp_fontAV300{ letter-spacing:.3em !important; }
/*
カラー
*/
.hp_fontColorMain{ color: var(--colorMain);}
.hp_fontColorAccent{ color: var(--colorAccent);}
/*
サイズ
*/
.hp_fontS14{font-size: 1.4rem;}
.hp_fontS16{font-size: 1.6rem;}
.hp_fontS17{font-size: 1.7rem;}