@charset "UTF-8";


/*  CSS Index
Date: 2025-01-23
--------------------------------------------------------------
1 : text
 	  : tx
 	  : tx_waku
 	  : tx_belt
 	  : tx_line
 	  : tx_bar
 	  : tx_check
 	  : tx_deco
 	  : tx_fuchi
 	  : tx_fuchi_w
 	  : tx_kage
 	  : tx_kage_w
2 : ya
 	  : ya_sen
 	  : 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％以上を横スクロール)
card
5 : list
 	  : hensyu (parts)
 	  : list_date (parts)
 	  : list_cat (parts)
 	  : list_line
6 : faq
 	  : faq_type (parts)
 	  : acc_btn (parts)
 	  : ya_b (parts)
7 : parts
	  full-width-bg
 	  : flow
 	   	  : flow + center
 	   	  : flow + sp_center
 	  : banner
 	  : linkfile（親要素）/ list_title（aタグの中の要素）
 	  : linkmark (linkfile + linkmark)
 	  : noicon
 	  : googlemap
 	  : youtube
 	  : ol
 	  : dot(ul)
 	  : mark
 	  : tx_adress
8 : form
 	  : radio/checkbox
 	  : cf7 (Contact Form 7)
-----------------------------------------------------------------------------------------*/




/*text
-----------------------------------------------------------------------------------------*/
/*-------------------------tx*/
.tx p{
	line-height:1.75;
}
.tx a{
	text-decoration:underline;
	color:var(--color_link, #2196F3);
	font-weight:500;
}
.tx a:hover{
	text-decoration:none;
}

/*-------------------------tx_waku*/
.tx_waku{
	border:1px solid var(--tx_waku, #CCCCCC);
	padding:1rem;
	font-weight:bold;
	margin-bottom:0.5em;
}
/*-------------------------tx_belt*/
.tx_belt{
	background:var(--tx_belt, #333333);
	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, #333333);
	padding-bottom:0.2em;
	margin-bottom:0.5em;
}
/*-------------------------tx_bar*/
.tx_bar{
	border-left:0.3em solid var(--tx_bar, #333333);
	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_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_sen*/
p.ya_sen{
	margin-left:1em;
	text-indent: -1em;
}
.ya_sen::before{
	width:0.4em;
	height:0.4em;
	background:none !important;
	border-right:0.15em solid var(--ya_sen, #666666);
	border-top:0.15em solid var(--ya_sen, #666666);
	transform:rotate(45deg) ;
	content:"";
	display:inline-block;
	flex-shrink:0;
	transition: all 0.2s;
	margin:0.1em 0.25em;
}
a.ya_sen:hover::before{transform:translateX(0.2em) rotate(45deg);}
/*-------------------------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.5;
	text-align:center;
	padding:0.7em 1em;
	gap:0.5em;
	text-align:center;
	background:var(--btn, #2196F3);
	color:#FFF;
}
.btn.ya_sen::before{
	--ya_sen:#FFF;
	order:100;
	margin-right:-0.2em;
	margin-left:-0.2em;
}
.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::before{order:-1;}
/*-------------------------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;
}
/*-------------------------outline（線囲みボタン / btn + outline）*/
.btn.outline,
.btn.outline_sm{
	background:#fff;
	border:1.5px solid var(--btn, #2196F3);
	color:var(--btn, #2196F3);
	border-radius:12px;
	font-weight:600;
	padding:10px 24px;
	gap:6px;
	font-size:16px;
	white-space:nowrap;
}
.btn.outline:hover,
.btn.outline_sm:hover{
	filter:none;
	background:var(--btn, #2196F3);
	color:#FFF;
}
/*outline_w（ダーク背景用・白線 / btn + outline_w）*/
.btn.outline_w{
	background:transparent;
	border:1.5px solid rgba(255,255,255,0.7);
	color:#FFF;
	border-radius:12px;
	font-weight:600;
	padding:10px 24px;
	gap:6px;
	font-size:16px;
	white-space:nowrap;
}
.btn.outline_w:hover{
	filter:none;
	background:rgba(255,255,255,0.15);
	border-color:#FFF;
}
/*outline_sm（小 / btn + outline_sm）*/
.btn.outline_sm{
	padding:8px 18px;
	gap:4px;
	font-size:13px;
}
/*-------------------------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;
	color:inherit;
}
.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:1em;
	border:1px solid #BEBEBE;
	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;}
}
/*dl
-----------------------------------------------------------------------------------------*/
/*card
-----------------------------------------------------------------------------------------*/
.card {
  border: 1px solid var(--border-color, #E0E0E0);
  box-shadow: 0 2px 6px rgba(0,0,0,.10);
}

.card-shadow {
  box-shadow: 0 4px 16px rgba(37,99,235,.12);
  border: 1px solid var(--border-color, #E0E0E0);
  transition: box-shadow .2s;
}
.card-shadow:hover { box-shadow: 0 2px 4px rgba(0,0,0,.10); }

.img-expansion { transition: transform 1s ease; }
.img-expansion:hover { transform: scale(1.15); }



/*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_date (parts)*/
.list_date{
	font-size:80%;
}
/*-------------------------list_cat (parts)*/
.list_cat{
	font-size:80%;
}
/*-------------------------list_line*/
.list_line{
	border-bottom:1px solid;
	position:relative;
}
.list_line a{
	display:flex;
	gap:1em;
	padding:1.5em 0;
	background:#FFF;
}
.list_line a:hover{
	filter:brightness(90%);
}
.list_line .list_date{
	margin-bottom:auto;
	padding:0.15em 0;
	flex-shrink:0;
}
.list_line a p{
	width:100%;
}
.list_line .list_cat{
	margin-bottom:auto;
	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.2em 1em;}
}
.list_line a.ya_sen::before{margin-top:0.33em;margin-right:-0.5em;}


/*faq
-----------------------------------------------------------------------------------------*/
.faq{
	position:relative;
	display:flex;
	flex-direction:column;
	background-color: #fff;
	border-radius: 16px;
	padding:1em 1em;
	box-shadow: 0 0.2em 0.5em rgba(0,0,0,0.1);	 


}
.faq > div{
	display:flex;
	gap:0.5em;
	
}
/*-------------------------faq_type (parts)*/
.faq_type{
	width:1.8em;
	line-height:1.8;
	font-style:normal;
	font-weight:bold;
	text-align:center;
	font-family:sans-serif;
	flex-shrink:0;
	color:#FFF;
	background-color: var(--blue, #2196F3);
	border-radius:100em;
	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:"";
	top:-1em;
	right:-1em;
	bottom:-1em;
	left:-1em;
	border-radius:16px;
	z-index:10;
	transition: all 0.2s;
}
.faq .acc_btn{
	position:relative;
}
/*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.5em;
}
/* 開閉矢印をQ枠(acc_btn)の上下中央へ */
.faq .ya_sen.ya_b::before{
	top:50%;
	bottom:auto;
	transform:translateY(-50%) rotate(135deg) !important;
}
.faq .ya_sen.ya_b.open::before{
	transform:translateY(-50%) rotate(-45deg) !important;
}


/*parts
-----------------------------------------------------------------------------------------*/
/*-------------------------full-width-bg*/
.full-width-bg {
  width: 100vw;
  margin-left: calc(50% - 50vw);
}
/*-------------------------flow*/
.flow{
	display:flex;
	gap:0.5em;
	padding:0.5em 0;
}
/*-------------------------flow + center*/
.flow.center{
	flex-direction:column;
	text-align:left;
	gap:0.2em;
}
/*-------------------------flow + sp_center*/
@media screen and (max-width: 767px) {
.flow.sp_center{
	flex-direction:column;
	text-align:left;
	gap:0.2em;
}
}
/*-------------------------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;}
}
/*-------------------------youtube*/
.youtube{
	aspect-ratio: 16 / 9;
}
.youtube iframe{
	width:100%;
	height:100%;
}
/*-------------------------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;}
/*-------------------------mark*/
.mark{
	margin-left:1em;
	text-indent: -1em;
}
.mark: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;}
/*-------------------------tx_adress*/
.tx_adress{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	gap:0 1em;
}


/*form
-----------------------------------------------------------------------------------------*/
/*-------------------------radio/checkbox*/
.wpcf7-list-item{
	margin:0;
}
span.wpcf7-list-item{
	margin:0 !important;
}
.wpcf7-radio,
.wpcf7-checkbox{
	display:flex;
	flex-wrap:wrap;
	gap:5px;
}
/*-------------------------cf7 (Contact Form 7)*/
.wpcf7-form {
  margin-top: 24px;
}
.cf7_row {
  display: flex;
  align-items: center;
  gap: 24px;
  padding: 24px 0;
  border-bottom: 1px solid var(--border-color, #E0E0E0);
}
.cf7_row_top { align-items: flex-start; }
.cf7_label {
  flex-shrink: 0;
  width: 220px;
  font-weight: 700;
}
.cf7_row_top .cf7_label { padding-top: 10px; }
.cf7_field { width: 100%; }
.req_badge {
  display: inline-block;
  padding: 2px 10px;
  margin-left: 4px;
  background: #E91E63;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  border-radius: 100px;
  vertical-align: middle;
}
.cf7_field .wpcf7-form-control-wrap {
  display: block;
  width: 100%;
}
.wpcf7-form-control.wpcf7-text,
.wpcf7-form-control.wpcf7-tel,
.wpcf7-form-control.wpcf7-email,
.wpcf7-form-control.wpcf7-select,
.wpcf7-form-control.wpcf7-textarea {
  width: 100%;
  max-width: 500px;
  padding: 10px 14px;
  border: 1px solid var(--border-color, #E0E0E0);
  border-radius: 6px;
  font-size: 15px;
}
.wpcf7-form-control.wpcf7-textarea { max-width: none; min-height: 120px; }
#document-request { gap: 24px; }
.wpcf7-list-item-label { margin-left: 4px; }
[data-name="document-zip"].wpcf7-form-control-wrap,
[data-name="document-pref"].wpcf7-form-control-wrap {
  display: inline-block;
  width: auto;
}
[data-name="document-zip"] .wpcf7-form-control { width: 100px; max-width: 100px; }
[data-name="document-pref"] .wpcf7-form-control { width: 160px; max-width: 160px; }
.cf7_accordion { display: none; }
.cf7_address_row {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 6px 0;
}
.cf7_address_label { flex-shrink: 0; width: 80px; color: var(--itc-sub, #737373); }
.cf7_zip_note { font-size: 13px; color: var(--itc-sub, #737373); }
.cf7_acceptance { display: flex; align-items: center; }
.cf7_privacy_link { margin-top: 8px; }
.cf7_submit_row { text-align: center; margin-top: 40px; }
.cf7_submit_row .wpcf7-form-control.wpcf7-submit {
  padding: 16px 64px;
  background: var(--blue, #2196F3);
  color: #fff;
  border: none;
  border-radius: 100px;
  font-size: 16px;
  font-weight: 700;
  cursor: pointer;
}
.cf7_submit_row .wpcf7-form-control.wpcf7-submit:hover { background: var(--blue-dark, #1D4ED8); }
.wpcf7-not-valid-tip { display: block; margin-top: 4px; color: #E91E63; font-size: 13px; }
@media screen and (max-width: 767px) {
  .cf7_row { flex-direction: column; align-items: flex-start; gap: 8px; }
  .cf7_label { width: 100%; }
}