@charset "UTF-8";


/*  CSS Index
Date: 2023-04-12
--------------------------------------------------------------
1 : text
 	  : tx
 	  : tx_sen
 	  : tx_waku
 	  : tx_kiji
 	  : tx_belt
 	  : tx_line
 	  : tx_bar
 	  : tx_check
 	  : tx_deco
 	  : tx_maru
 	  : tx_fuchi
 	  : tx_fuchi_w
 	  : tx_kage
 	  : tx_kage_w
2 : ya
 	  : ya_tri
 	  : ya_sen
 	  : ya_maru
 	  : ya_b (ya_xxx + ya_b）
3 : btn
 	  : btn
 	  : ya_mae (btn + ya_xxx + ya_mae)
 	  : kage (btn + kage)
 	  : push (btn + push)
 	  : mor (btn + mor)
 	  : sp_btn (btn + sp_btn)
4 : table
 	  : zebra
 	  : line_x
 	  : td_r/td_c/td_no
 	  : th_r/th_c/th_no/th_bg_no
 	  : size(スマホ表示で幅100％以上を横スクロール)
5 : list
 	  : hensyu (parts)
 	  : list_mark (parts)
 	  : list_date (parts)
 	  : list_cat (parts)
 	  : list_line
 	  : list_box
 	  : sideimg（list_box + sideimg）
 	  : sp_sideimg（list_box + sp_sideimg）
6 : faq
 	  : faq_type (parts)
 	  : acc_btn (parts)
 	  : ya_b (parts)
7 : sitemap
8 : slider
 	  : slide-items / slide-item (parts)
 	  : slide-dots / slide-dot (parts)
 	  : slide-ya  (slide-ya + prev)(slide-ya + next)  (parts)
9 : parts
 	  : area
 	  : flow
 	   	  : flow_no(parts)
 	   	  : flow + center
 	   	  : flow + sp_center
 	  : banner
 	  : linkfile（親要素）/ list_title（aタグの中の要素）
 	  : linkmark (linkfile + linkmark)
 	  : noicon
 	  : googlemap
 	  : ol
 	  : dot(ul)
 	  : dtbox（dl + dtbox + dt文字数）
 	  : mark( p / ul / dl / div )
 	  : tab
 	  : soroe
 	  : tx_adress
 	  : hr + sya
 	  : deco_none
 	  : hv_deco
10 : effect
 	  : kage1
 	  : kage2
 	  : fuwa
 	  : yura
-----------------------------------------------------------------------------------------*/




/*text
-----------------------------------------------------------------------------------------*/
/*-------------------------tx*/
.tx p{
	line-height:1.75;
}
.tx a{
	text-decoration:underline;
	color:var(--color_link);
}
.tx a:hover{
	text-decoration:none;
}
/*-------------------------tx_sen*/
.tx_sen{
	text-align:center;
	margin-bottom:1em;
}
.tx_sen::after{
	content:"";
	display:block;
	width:10rem;
	margin:0 auto;
	height:0.1em;
	border-bottom:3px solid var(--tx_sen);
}
/*-------------------------tx_waku*/
.tx_waku{
	border:1px solid var(--tx_waku);
	padding:1rem;
	font-weight:bold;
	margin-bottom:0.5em;
}
/*-------------------------tx_kiji*/
.tx_kiji{
	padding:0.5em 0;
	border-top:3px solid var(--tx_kiji);
	border-bottom:1px solid var(--tx_kiji);
	margin-bottom:0.5em;
}
/*-------------------------tx_belt*/
.tx_belt{
	background:var(--tx_belt);
	color:#FFF;
	padding:0.3em 0.6em;
	font-weight:bold;
	margin-bottom:0.5em;
}
/*-------------------------tx_line*/
.tx_line{
	border-bottom:1px solid var(--tx_line);
	padding-bottom:0.2em;
	margin-bottom:0.5em;
}
/*-------------------------tx_bar*/
.tx_bar{
	border-left:0.3em solid var(--tx_bar);
	padding-left:0.5em;
	margin-bottom:0.5em;
}
/*-------------------------tx_check*/
.tx_check,
.tx_check li{
	line-height:1.5;
	background:url(images/check.svg) left top 0.3em no-repeat;
	background-size:1.5em;
	padding:0.2em 0 0.2em 1.6em;
}
ul.tx_check{
	background:none;
	padding:0;
	margin:0;
}
/*-------------------------tx_deco*/
.tx_deco,
.tx_deco li{
	line-height:1.5;
	background:url(images/deco.svg) left top 0.125em no-repeat;
	background-size:1.25em;
	padding-left:1.6em;
	margin-bottom:0.5em;
}
ul.tx_deco{
	background:none;
	padding:0;
	margin:0;
}
/*-------------------------tx_maru*/
.tx_maru{
	background:var(--tx_maru);
	border-radius:100em;
	padding:0.1em 0.6em;
	text-decoration:none;
}
/*-------------------------tx_fuchi*/
.tx_fuchi{
	color:#FFF;
	text-shadow: 
       1px  1px 0px #000000,
      -1px  1px 0px #000000,
       1px -1px 0px #000000,
      -1px -1px 0px #000000,
       1px  0px 0px #000000,
       0px  1px 0px #000000,
      -1px  0px 0px #000000,
       0px -1px 0px #000000;
}
/*-------------------------tx_fuchi_w*/
.tx_fuchi_w{
	text-shadow: 
       1px  1px 0px #FFFFFF,
      -1px  1px 0px #FFFFFF,
       1px -1px 0px #FFFFFF,
      -1px -1px 0px #FFFFFF,
       1px  0px 0px #FFFFFF,
       0px  1px 0px #FFFFFF,
      -1px  0px 0px #FFFFFF,
       0px -1px 0px #FFFFFF;
}
/*-------------------------tx_kage*/
.tx_kage{
	text-shadow:#000 1px 2px 3px;
}
/*-------------------------tx_kage_w*/
.tx_kage_w{
	text-shadow:#FFF 1px 2px 3px;
}



/*ya
-----------------------------------------------------------------------------------------*/
/*-------------------------ya_tri*/
p.ya_tri{
	margin-left:1.2em;
	text-indent: -1.2em;
}
.ya_tri::before{
	width:0;
	height:0;
	background:none !important;
	border-top:0.4em solid transparent !important;
	border-bottom:0.4em solid transparent !important;
	border-left:0.6em solid var(--ya_tri);
	content:"";
	display:inline-block;
	flex-shrink:0;
	transition: all 0.2s;
	margin:0 0.3em;
}
a.ya_tri:hover::before{transform: translateX(0.2em);}
/*-------------------------ya_sen*/
p.ya_sen{
	margin-left:1.2em;
	text-indent: -1.2em;
}
.ya_sen::before{
	width:0.66em;
	height:0.66em;
	background:none !important;
	border-right:0.125em solid var(--ya_sen);
	border-top:0.125em solid var(--ya_sen);
	transform:scale(1, 0.66) rotate(45deg) ;
	content:"";
	display:inline-block;
	flex-shrink:0;
	transition: all 0.2s;
	margin-right:0.4em;
}
a.ya_sen:hover::before{transform:scale(1, 0.66) translateX(0.2em) rotate(45deg);}
/*-------------------------ya_maru*/
p.ya_maru{
	margin-left:1.2em;
	text-indent: -1.2em;
}
.ya_maru::before{
	width:1em;
	height:1em;
	border:none;
	background:var(--ya_maru) url(images/ya_w.svg);
	background-size:100%;
	border-radius:100%;
	content:"";
	display:inline-block;
	margin-right:0.2em;
	flex-shrink:0;
	vertical-align:-10%;
	transition: all 0.2s;
}
.ya_maru.ya_w::before{background-image:url(images/ya_k.svg);mix-blend-mode:screen;}
a.ya_maru:hover::before{transform: translateX(0.2em);}
/*-------------------------ya_b（ya_xxx + ya_b）*/
.ya_b::before{
	transform:rotate(90deg) !important;
}
.ya_b.open::before{
	transform:rotate(-90deg) !important;
}
.ya_sen.ya_b::before{
	transform:rotate(135deg) !important;
	margin-bottom:0.1em;
}
.ya_sen.ya_b.open::before{
	transform:rotate(-45deg) !important;
	margin-bottom:0;
}



/*btn
-----------------------------------------------------------------------------------------*/
.tx a.btn{
	text-decoration:none;
}
.btn{
	text-decoration:none;
	display:inline-flex;
	justify-content:center;
	align-items:center;
	position:relative;
	max-width:100%;
	max-height:100%;
	line-height:1.25;
	text-align:center;
	padding:0.7em 1em;
	gap:0.5em;
	text-align:center;
	/*background:var(--btn);*/
}
.btn::before{
	margin:0 -0.2em 0 0;
	position:absolute;
	right:0.75em;
}
.btn.ya_tri,
.btn.ya_sen,
.btn.ya_maru{
	padding-right:1.75em;
}
.btn.ya_w::before{background-image:url(images/ya_k.svg);mix-blend-mode:screen;}
.btn:hover{
	filter:brightness(85%);
}
.btn.bg_k:hover{
	filter:opacity(60%);
}
/*-------------------------ya_mae*/
.btn.ya_mae{
	padding-right:1em;
	padding-left:1.75em;
}
.btn.ya_maru.ya_mae{
	padding-left:2em;
}
.btn.ya_mae::before{
	right:auto;
	left:0.75em;
}
/*-------------------------kage*/
.btn.kage{
	box-shadow: 0 0.2em rgba(0,0,0,0.15);
	position:relative;
}
.btn.kage:hover{
	opacity:1;
	box-shadow:none;
	transform: translateY(0.1em);
}
/*-------------------------push*/
.btn.push{
	box-shadow: 0 -0.2em rgba(0,0,0,0.3) inset;
	padding-bottom:0.6em;
}
.btn.push:hover{
	box-shadow:none;
	transform: translateY(0.1em);
}
/*-------------------------mor*/
.btn.mor{
	border:1px solid rgba(255,255,255,0.3);
	box-shadow:2px 2px 5px rgba(0,0,0,0.2);
}
.btn.mor:hover{
	box-shadow:1px 1px 2px rgba(0,0,0,0.2);
	top:1px;
}
/*-------------------------sp_btn（PCの時にボタンの装飾をはずす）*/
@media print, screen and (min-width: 768px) {
.btn.sp_btn{
	width:auto;
	height:auto;
	padding:0;
	border:none;
	line-height:inherit;
	cursor:default;
	pointer-events:none;
	background:inherit;
	box-shadow:none;
}
.btn.sp_btn::before{
	display:none;
}
}


/*table
-----------------------------------------------------------------------------------------*/
table{
	empty-cells:show; 
	border-collapse:collapse; 
	border-spacing:0;
	width:100%;
	background:#FFF;
	margin:0.5em 0;
}
table th,
table td{
	padding:0.5em 1em;
	border:1px solid #999;
	text-align:left;
}
@media screen and (max-width: 767px) {
	table th,
	table td{padding:0.5em;}
}
table th{
	background-color:rgba(0,0,0,0.05);
}
/*-------------------------zebra*/
table.zebra tr:nth-child(odd){
	background-color:rgba(0,0,0,0.05);
}
/*-------------------------line_x*/
table.line_x th,
table.line_x td{
	border-left:none;
	border-right:none;
}
/*-------------------------td_r/td_c/td_no */
.td_r td{text-align:right;}
.td_c td{text-align:center;}
.td_no td{white-space:nowrap;}
@media print, screen and (min-width: 768px) {
	.pc_td_r td{text-align:right;}
	.pc_td_c td{text-align:center;}
	.pc_td_no td{white-space:nowrap;}
}
@media screen and (max-width: 767px) {
	.sp_td_r td{text-align:right;}
	.sp_td_c td{text-align:center;}
	.sp_td_no td{white-space:nowrap;}
}
/*-------------------------th_r/th_c/th_no/th_bg_no */
.th_r th{text-align:right;}
.th_c th{text-align:center;}
.th_no th{white-space:nowrap;}
.th_bg_no th{background:none;}
@media print, screen and (min-width: 768px) {
	.pc_th_r th{text-align:right;}
	.pc_th_c th{text-align:center;}
	.pc_th_no th{white-space:nowrap;}
	.pc_th_bg_no th{background:none;}
}
@media screen and (max-width: 767px) {
	.sp_th_r th{text-align:right;}
	.sp_th_c th{text-align:center;}
	.sp_th_no th{white-space:nowrap;}
	.sp_th_bg_no th{background:none;}
}
/*-------------------------size((スマホ表示で幅100％以上を横スクロール) */
@media screen and (max-width: 767px) {
	table{font-size:1.6rem;}
	table.size{display:block; overflow-x:auto; white-space:nowrap; -webkit-overflow-scrolling:touch;
	background:linear-gradient(to left, hsla(0,0%,100%,0), white 15px) 0 0 / 50px 100%,
	linear-gradient(to left, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.2)) 0 0/20px 100%,
	linear-gradient(to right, hsla(0,0%,100%,0), white 15px) right / 50px 100%,
	linear-gradient(to right, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.2)) right/20px 100%;
	background-repeat: no-repeat;
	background-attachment: local, scroll, local, scroll;
	}
	table.size td,table.size th{mix-blend-mode:multiply;}
}


/*list
-----------------------------------------------------------------------------------------*/
/*-------------------------hensyu (parts)*/
.hensyu{
	position:absolute;
	top:0;
	right:0;
}
#wrapper .hensyu a{
	display:block;
	background:rgba(255,0,0,0.5);
	color:#FFF;
	padding:10px;
	font-size:15px;
	line-height:1;
	text-decoration:none;
	border:none;
}
#wrapper .hensyu a:hover{
	background:#FF0000;
}
/*-------------------------list_mark (parts)*/
.list_mark{
	position: absolute;
	z-index: 10;
	line-height: 1;
	font-size: 1.2rem;
	color:#FFF;
	background:var(--list_mark);
    padding:0.3em 0.5em;
	left: 0;
	top: 0;
}
/*-------------------------list_date (parts)*/
.list_date{
	font-size:80%;
}
/*-------------------------list_cat (parts)*/
.list_cat{
	font-size:80%;
}
/*-------------------------list_line*/
.list_line{
	border-top:1px solid;
	border-bottom:1px solid;
	position:relative;
}
.list_line + .list_line{
	border-top:none;
}
.list_line a{
	display:flex;
	gap:1em;
	padding:1.5em 0;
	background:#FFF;
}
.list_line a:hover{
	filter:brightness(90%);
}
/*list_date*/
.list_line .list_date{
	margin-bottom:auto;
	padding:0.15em 0;
	flex-shrink:0;
}
/*list_cat*/
.list_line .list_cat{
	margin-bottom:auto;
	border-width:1px;
	border-style:solid;
	padding:0.15em 0;
	width:8em;
	text-align:center;
	flex-shrink:0;
}
@media screen and (max-width: 767px) {
	.list_line a{flex-wrap:wrap;gap:0.5em 1em;}
	.list_line p{width:100%;}
}
.list_line a.ya_tri::before,.list_line a.ya_sen::before{margin-top:0.33em;margin-right:-0.5em;}
.list_line a.ya_maru::before{margin-top:0.25em;margin-right:-0.5em;}
/*-------------------------list_box*/
.list_box,
.list_box a{
	position:relative;
	height:100%;
	background:var(--list_box);
	display:flex;
	flex-direction:column;
}
.list_box a:hover{
	filter:brightness(90%);
}
.list_box figure{
	overflow:hidden;
	flex-shrink:0;
}
.list_box figure img{
	min-width:100%;
}
.list_box a:hover figure img{
	transform:scale(1.25);
	transition: all 2s;
}
.list_box div{
	width:100%;
	display:flex;
	flex-wrap:wrap;
	gap:0.2em 0.5em;
	padding:0.5em 0;
}
.list_box div p{
	width:100%;
}
/*-------------------------list_box + sideimg*/
.sideimg a{
	flex-direction:row;
}
.sideimg figure{
	max-width:50%;
}
.sideimg div{
	padding:0 0 0 1em;
}
.sideimg div p{
	margin-top:auto;
}
/*-------------------------list_box + sp_sideimg*/
@media screen and (max-width: 767px) {
.sp_sideimg a{
	flex-direction:row;
}
.sp_sideimg figure{
	max-width:50%;
}
.sideimg div,
.sp_sideimg div{
	padding:0 0 0 0.5em;
}
.sp_sideimg div p{
	margin-top:auto;
}
}


/*faq
-----------------------------------------------------------------------------------------*/
.faq{
	position:relative;
	display:flex;
	gap:0.5em;
	flex-direction:column;
}
.faq > div{
	display:flex;
	gap:0.5em;
}
/*-------------------------faq_type (parts)*/
.faq_type{
	width:1.8em;
	line-height:1.8;
	font-style:normal;
	font-weight:normal;
	text-align:center;
	font-family:sans-serif;
	flex-shrink:0;
	color:#FFF;
	background:#000;
	margin-bottom:auto;
}
.faq_type + p,
.faq_type + div{
	width:100%;
	display:flex;
	justify-content:center;
	flex-direction:column;
}
/*-------------------------acc_btn (parts)*/
.faq .acc_btn::after{
	position:absolute;
	content:"";
	width:100%;
	height:100%;
	top:0;
	left:0;
	z-index:10;
	transition: all 0.2s;
}
.faq .acc_btn{
	position:static;
}
/*hoverした時の色*/
.faq .acc_btn:hover::after{
	background-color:rgba(0,0,0,0.05);
}
.hv_w .faq .acc_btn:hover::after{
	background-color:rgba(255,255,255,0.2);
}
/*-------------------------ya_b (parts)*/
.faq .ya_b::before{
	position:absolute;
	z-index:1;
	bottom:0.3em;
	right:0.3em;
}


/*sitemap
-----------------------------------------------------------------------------------------*/
.sitemap{
	border-bottom:1px solid #CCC;
	display : -webkit-flex ;
	display : flex ;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}
.sitemap li + li{
	border-top:1px solid #FFF;
}
.sitemap li li + li{
	border-top:1px solid #CCC;
}
.sitemap a{
	display:block;
	background:#FFFFFF;
	padding:1rem 0.5em;
	padding-left:1.2em;
	text-indent:-1em;
	text-decoration:none;
}
.sitemap a:hover{
	filter:brightness(90%);
}
.sitemap a::before{
	width:0;
	height:0;
	border-top:0.3em solid transparent !important;
	border-bottom:0.3em solid transparent !important;
	border-left:0.5em solid var(--sitemap_ya);
	content:"";
	display:inline-block;
	margin:0 0.25em;
	vertical-align:5%;
}
.sitemap > li > a{
	color:#FFF;
	background:var(--sitemap);
	background-size:15px;
}
.sitemap > li > a::before{
	border-color:#FFF;
}
.sitemap > li > ul > li > a{
}
.sitemap > li > ul > li > ul > li a{
	background:#F1F1F1;
	text-indent:0;
}
.sitemap > li > ul > li > ul > li a::before{
	display:none;
}


/*slider
-----------------------------------------------------------------------------------------*/
.slider{
	width:100%;
	position:relative;
}
.slider.close .slide-items{
	transition:2s;
	height:0;
}
/*-------------------------slide-items / slide-item (parts)*/
.slide-items{
	position:relative;
	overflow:hidden;
	width:100%;
	height:500px;
	transition:0.3s;
}
@media screen and (max-width: 767px) {
	.slide-items{height:60vw;}
}
/*slide-item*/
.slide-item{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	opacity:0;
	z-index:-2;
	transition:opacity 2s ease-in-out;
}
.slide-item.current{
	opacity:1;
	z-index:1;
}
.slide-item a{
	width:100%;
	height:100%;
	display:block;
}
.slide-item > img{
	width:100%;
	height:100%;
	object-fit:cover;
}
.slide-item.left > img{/*画像を左につける*/
	object-position:left;
}
.slide-item.right > img{/*画像を右につける*/
	object-position:right;
}
/*-------------------------slide-dots / slide-dot (parts)*/
.slide-dots{
	display:flex;
	gap:15px;
	justify-content:center;
	height:40px;
	padding-top:15px;
	z-index:10;
	position:relative;
}
/*slide-dot*/
.slide-dot{
	display:block;
	width:10px;
	height:10px;
	border-radius:50%;
	border:none;
	outline:none;
	padding:0;
	background:#CCC;/*○色*/
	cursor:pointer;
	transition:opacity 2s ease-in-out;
}
.slide-dot:hover,
.slide-dot.current{
	background:#000;/*●色*/
}
/*-------------------------slide-ya + (prev or next)  (parts)（前後ボタン）*/
.slide-ya{
	width:40px;
	font-size:30px;
	line-height:40px;
	background:#999;
	color:#FFF;
	position:absolute;
	top:calc(50% - 20px);
	z-index:2;
}
.slide-ya.prev{left:0;}
.slide-ya.next{right:0;}
.slide-ya:hover{
	background:#666;
}


/*parts
-----------------------------------------------------------------------------------------*/
/*-------------------------area*/
.area{
	position:relative;
	padding-top:70px;
	padding-bottom:70px;
}
@media screen and (max-width: 767px) {
	.area{padding-top:30px;padding-bottom:30px;}
}
/*-------------------------flow*/
.flow{
	display:flex;
	gap:0.5em;
	padding:0.5em 0;
}
/*-------------------------flow_no (parts)*/
.flow_no{
	width:1.6em;
	line-height:1.6em;
	font-style:normal;
	font-weight:normal;
	text-align:center;
	font-family:sans-serif;
	flex-shrink:0;
	color:#FFF;
	background:var(--flow_no);
	margin-bottom:auto;
}
.flow_no + p,
.flow_no + div{
	width:100%;
	display:flex;
	justify-content:center;
	flex-direction:column;
}
/*-------------------------flow + center*/
.flow.center{
	flex-direction:column;
	text-align:left;
	gap:0.2em;
}
.flow.center .flow_no{
	margin:0 auto;
}
/*-------------------------flow + sp_center*/
@media screen and (max-width: 767px) {
.flow.sp_center{
	flex-direction:column;
	text-align:left;
	gap:0.2em;
}
.flow.sp_center .flow_no{
	margin:0 auto;
}
}
/*-------------------------banner*/
.banner{
	display:flex;
	flex-wrap:wrap;
	gap:5px;
	justify-content:center;
}
.banner a{
	display:block;
	background:#FFF;
}
.banner a:hover{
	filter:brightness(90%);
}
/*-------------------------linkfile（親要素）/ list_title（aタグの中の要素）*/
.linkfile a::before,
a .list_title::after{
	width:1em;
	height:1em;
	display:inline-block;
	vertical-align:middle;
	margin:-0.2em 0.2em 0 0.2em;
	background-size:cover !important;
}
.linkfile a[target]:before,
a[target] .list_title:after{
	content:"";
	background:url(images/icon_blank.svg);
}
.linkfile a[href$='.pdf']::before,
a[href$='.pdf'] .list_title::after{
	content:"";
	background:url(images/icon_pdf.svg);
}
.linkfile a[href$='.xls']::before,
.linkfile a[href$='.xlsx']::before,
a[href$='.xls'] .list_title::after,
a[href$='.xlsx'] .list_title::after{
	content:"";
	background:url(images/icon_excel.svg);
}
.linkfile a[href$='.docx']::before,
.linkfile a[href$='.doc']::before,
a[href$='.docx'] .list_title::after,
a[href$='.doc'] .list_title::after{
	content:"";
	background:url(images/icon_word.svg);
}
.linkfile a[href$='.pptx']::before,
.linkfile a[href$='.ppt']::before,
a[href$='.pptx'] .list_title::after,
a[href$='.ppt'] .list_title::after{
	content:"";
	background:url(images/icon_ppt.svg);
}
/*-------------------------linkmark (parts)*/
p.linkmark,
ul.linkmark > li,
dl.linkmark > dd,
div.linkmark > p{
	margin-left:1.4em;
	text-indent: -1.4em;
}
/*-------------------------noicon*/
a.noicon::before,
.noicon a::before,
.noicon a .list_title::after{
	display:none;
}
/*-------------------------googlemap*/
.googlemap iframe{
	vertical-align:bottom;
	width:100%;
	min-width:100%;
}
@media print, screen and (min-width: 768px) {
	.googlemap iframe{height:600px;}
}
@media screen and (max-width: 767px) {
	.googlemap iframe{height:400px;}
}
/*-------------------------ol*/
ol > li{
	font-size:inherit;
	list-style-type:decimal;
	margin-left:1.25em;
}
ol > li + li{margin-top:0.25em;}
/*-------------------------dot(ul)*/
.dot li{
	font-size:inherit;
	margin-left:1em;
}
.dot li:before{ 
	margin-left:-1em;
	display:inline-block; 
	content:'';
	width:1em;
	height:1em;
	background:rgba(0,0,0,1);
	border-radius:50%;
	transform:scale(0.4) translateY(0.3em);
}
.bg_k .dot li:before,
.tx_w .dot li:before,
.dot.tx_w li:before{ 
	background:rgba(255,255,255,1);
}
.dot > li + li{margin-top:0.25em;}
.dot.soroe > li + li{margin-top:0;}
/*-------------------------dtbox + dt文字数(dl)*/
.dtbox{
	display:grid;
	grid-template-columns:6em 1fr;
	gap:0.5em;
}
.dtbox dt{
	color:var(--dtbox_tx);
	background:var(--dtbox_bg);
	padding:0.2em 0;
	text-align:center;
	margin-bottom:auto;
}
.dtbox dd{
	margin:0.2em 0;
	text-align:left;
}
/*dt文字数*/
.dtbox.dt2{grid-template-columns:3em 1fr;}
.dtbox.dt3{grid-template-columns:4em 1fr;}
.dtbox.dt4{grid-template-columns:5em 1fr;}
.dtbox.dt5{grid-template-columns:6em 1fr;}
.dtbox.dt6{grid-template-columns:7em 1fr;}
.dtbox.dt7{grid-template-columns:8em 1fr;}
.dtbox.dt8{grid-template-columns:9em 1fr;}
.dtbox.dt9{grid-template-columns:10em 1fr;}
.dtbox.dt10{grid-template-columns:11em 1fr;}
/*-------------------------mark( p / ul / dl / div )*/
/*mark*/
p.mark,
ul.mark > li,
dl.mark > dd,
div.mark > p{
	margin-left:1em;
	text-indent: -1em;
}
p.mark:first-letter,
p.mark:first-letter,
ul.mark > li:first-letter,
dl.mark > dd:first-letter,
div.mark > p:first-letter{
	font-family:sans-serif;
}
.mark i{font-size:115%;vertical-align:-0.2em;margin:0 -0.07em;text-indent:0;}
.mark span{margin-left:0;text-indent:0;display:inline;}
/*-------------------------tab*/
.tab_btn{
	cursor:pointer;
}
.tab_btn:hover{
	filter:brightness(85%);
}
.tab_area{
	display:none;
}
.tab_area.open{
	display:block;
}
.tab_btn.open{
	background:var(--tab_btn);
	color:#FFF;
}
/*-------------------------soroe*/
.soroe{
	display:flex;
	align-items:center;
	flex-wrap:wrap;
}
.soroe img{
	vertical-align:middle;
}
/*-------------------------tx_adress*/
.tx_adress{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	gap:0 1em;
}
/*-------------------------hr + sya*/
hr.sya{
	border: none;
	height: 0.4em;
	background:linear-gradient(-45deg,transparent 45%,var(--sya) 45%, var(--sya) 55%,transparent 55%);
	background-size:0.3em  0.4em;
	margin:2em 0;
}
/*-------------------------deco_none*/
.deco_none,
.tx .deco_none{
	text-decoration:none;
}
/*-------------------------hv_deco*/
.hv_deco{
	text-decoration:underline;
}
a:hover .hv_deco,
.hv_deco:hover{
	text-decoration:none;
}


/*effect
-----------------------------------------------------------------------------------------*/
/*-------------------------kage1*/
.kage1{
	position:relative;
	box-shadow: 5px 5px 15px rgba(0,0,0,0.3);
}
a.kage1:hover{
	top:1px;
	box-shadow:1px 1px 3px rgba(0,0,0,0.2);
}
/*-------------------------kage2*/
.kage2{
	position:relative;
	filter: drop-shadow(0 0 4px #FFFFFF);
}
/*-------------------------fuwa（拡大したり縮小したり）*/
.fuwa{animation:fuwa 2s infinite}
@keyframes fuwa{0%,100%{transform:scale(120%);}50%{transform:scale(100%);}}

/*-------------------------yura（右に傾き左に傾き）*/
.yura{animation:yura 2s infinite}
@keyframes yura{0%,100%{transform:rotate(2deg);}50%{transform:rotate(-2deg);}}