@charset "UTF-8";


/*  CSS Index
--------------------------------------------------------------
1 : text
 	  : title1
 	  : title2
 	  : title3
 	  : title4
 	  : tx
 	  : tx_sen
★ 	  : tx_waku
 	  : tx_kiji
 	  : tx_belt
 	  : tx_belt_step
 	  : tx_line
 	  : tx_dot_line
 	  : tx_bar
 	  : tx_check
 	  : tx_deco
 	  : tx_kage
 	  : tx_kage_w
★ 	  : tx_fuchi
★ 	  : tx_fuchi_w
 	  : tx_maru
★ 	  : tx_icon
★ 	  : tx_icon_l
2 : ya
★ 	  : ya_tri
★ 	  : ya_sen
★ 	  : ya_maru
★ 	  : ya_b (ya_xxx + ya_b）
3 : btn
 	  : kage (btn + kage)
 	  : push (btn + push)
 	  : mor (btn + mor)
★ 	  : ya (btn + ya_xxx)
★ 	  : ya_mae (btn + ya_xxx + ya_mae)
★ 	  : 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_style
★ 	  :list_sen
★ 	  :list_sen + list_sen_w
★ 	  :list_yoko
★ 	  :list_box
★ 	  :list_box_pc
★ 	  :list_box_sp
★ 	  :list_status（子要素）
★ 	  :list_data（子要素）
★ 	  :list_title（子要素）
★ 	  :list_copy（子要素）
★ 	  :list_img（子要素）
★ 	  :list_text（子要素）
6 : faq
7 : sitemap
8 : parts
 	  : area
 	  : banner
 	  : linkfile（親要素）
 	  : noicon
 	  : googlemap
 	  : ol
 	  : dot
★ 	  : dtbox（dl + dtbox + dt文字数）
★ 	  : mark( p / ul / div )
★ 	  : ind-2( p / ul / div )
★ 	  : nd-3( p / ul / div )
★ 	  : tab
★ 	  : soroe
9 : effect
★ 	  : kage1
★ 	  : kage2
★ 	  : fuwa
★ 	  : yura
-----------------------------------------------------------------------------------------*/




/*text
-----------------------------------------------------------------------------------------*/
.title1,
.title2,
.title3{
	line-height:1.5;
	font-weight:bold;
	font-family:"游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	position:relative;
}
/*-------------------------title1*/
.title1{
	font-size:3.2rem;
}
@media screen and (max-width: 767px) {.title1{font-size:2.6rem;}}
/*-------------------------title2*/
.title2{
	font-size:2.6rem;
}
@media screen and (max-width: 767px) {.title2{font-size:2.2rem;}}
/*-------------------------title3*/
.title3{
	font-size:2.3rem;
}
@media screen and (max-width: 767px) {.title3{font-size:2rem;}}
/*-------------------------title4*/
.title4{
	font-size:2rem;
	line-height:1.5;
	font-weight:bold;
	/*color:#006DEB;*/
	color:#000;
}
@media screen and (max-width: 767px) {.title4{font-size:1.8rem;}}
/*-------------------------tx*/
.tx p{
	line-height:1.75;
}
.tx a{
	text-decoration:underline;
	color:#0038AD;
}
.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 #006DEB;
}
/*-------------------------tx_waku*/
.tx_waku{
	border:1px solid #006DEB;
	/*color:#006DEB;*/
	color:#000;
	padding:1rem;
	font-weight:bold;
}
/*-------------------------tx_kiji*/
.tx_kiji{
	padding:0.5em 0;
	border-top:3px solid #000;
	border-bottom:1px solid #000;
}
/*-------------------------tx_belt*/
.tx_belt{
	font-family: "HummingStd-L", Meiryo, "メイリオ", "Lucida Grande", Verdana, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", sans-serif;
	background:#D4F6FE;
	/*color:#006DEB;*/
	color:#000;
	padding:0.3em 0.6em;
	font-weight:bold;
	display:flex;
	align-items:flex-start;
	margin-bottom:0.5em;
}
/*-------------------------tx_belt_step*/
.tx_belt_step{
	margin:-0.333em -0.666em;
	margin-right:0.666em;
	padding:0.333em 0;
	background:#006DEB;
	color:#FFF;
	display:inline-block;
	text-align:center;
	flex-shrink:0;
	font-size:90%;
	line-height:1.666;
	width:5em;
}
@media screen and (max-width: 767px) {.tx_belt_step{width:4em;}}
/*-------------------------tx_line*/
.tx_line{
	border-bottom:1px solid #000;
	padding-bottom:0.2em;
	margin-bottom:0.5em;
}
/*-------------------------tx_dot_line*/
.tx_dot_line{
	border-bottom:1px dotted #000;
	padding-bottom:0.2em;
	margin-bottom:0.5em;
}
/*-------------------------tx_line2*/
.tx_line2{
	border-top:1px solid #006DEB;
	border-bottom:1px solid #006DEB;
	padding:0.5em 0;
	/*color:#006DEB;*/
	color:#000;
	text-align:center;
	margin-bottom:1rem;
}
/*-------------------------tx_bar*/
.tx_bar{
	border-left:0.3em solid #000;
	padding-left:0.5em;
}
/*-------------------------tx_check*/
.tx_check{
	font-size:inherit;
	font-weight:inherit;
	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.8em;
}
/*-------------------------tx_deco*/
.tx_deco{
	line-height:1.5;
	background:url(images/deco.svg) left top 0.125em no-repeat;
	background-size:1.25em;
	padding-left:1.75em;
	padding-bottom:0.25em;
	border-bottom:1px solid #000;
	margin-bottom:1em;
}
/*-------------------------tx_kage*/
.tx_kage{
	color:#FFF;
	text-shadow:#000 1px 2px 3px;
}
/*-------------------------tx_kage_w*/
.tx_kage_w{
	text-shadow:#FFF 1px 2px 3px;
}
/*-------------------------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_maru*/
.tx_maru{
	background:#EBEBEB;
	border-radius:100em;
	padding:0.1em 0.6em;
	text-decoration:none;
}
/*-------------------------tx_icon*/
.tx_icon{
	padding-left:1.9em;
}
.tx_icon i{
	font-size:200%;
	vertical-align:-30%;
	margin-left:-1em;
	margin-top:-1em;
	margin-bottom:-1em;
}
/*-------------------------tx_icon_l*/
.tx_icon_l{
	padding-left:2.8em;
}
.tx_icon_l i{
	font-size:300%;
	vertical-align:-37%;
	margin-left:-1em;
	margin-top:-1em;
	margin-bottom:-1em;
}
/*-------------------------tx_icon_ll*/
.tx_icon_ll{
	padding-left:3.7em;
}
.tx_icon_ll i{
	font-size:400%;
	vertical-align:-41%;
	margin-left:-1em;
	margin-top:-1em;
	margin-bottom:-1em;
}



/*ya
-----------------------------------------------------------------------------------------*/
/*-------------------------ya_tri*/
.ya_tri{
	position:relative;
	align-items:baseline;
}
.ya_tri::before{
	width:0;
	height:0;
	background:none !important;
	border-top:0.3em solid transparent !important;
	border-bottom:0.3em solid transparent !important;
	border-left:0.5em solid #00C156;
	content:"";
	display:inline-block;
	margin:0 0.25em;
	flex-shrink:0;
	vertical-align:5%;
	transition: all 0.2s;
}
p.ya_tri{margin-left:1em;text-indent:-1em;}
p.ya_tri span,p.ya_tri i{margin-left:0;text-indent:0;display:inline;}
a:hover .ya_tri::before,
a.ya_tri:hover::before{transform: translateX(0.2em);}
/*-------------------------ya_sen*/
.ya_sen{
	position:relative;
	align-items:baseline;
}
.ya_sen::before{
	width:0.5em;
	height:0.5em;
	background:none !important;
	border-right:1px solid #006DE8;
	border-top:1px solid #006DE8;
	transform:scale(1.5, 0.8)  translateX(-0.3em) rotate(45deg);
	content:"";
	display:inline-block;
	margin:0 0.35em 0 0.13em;
	flex-shrink:0;
	vertical-align:5%;
	transition: all 0.2s;
}
p.ya_sen{margin-left:1em;text-indent:-1em;}
p.ya_sen span,p.ya_sen i{margin-left:0;text-indent:0;display:inline;}
a:hover .ya_sen::before,
a.ya_sen:hover::before{transform:scale(1.5, 0.8)  translateX(-0.1em) rotate(45deg);}
/*-------------------------ya_maru*/
.ya_maru{
	position:relative;
	align-items:baseline;
}
.ya_maru::before{
	width:1em;
	height:1em;
	border:none;
	background:#006DEB 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;}
p.ya_maru{margin-left:1.2em;text-indent:-1.2em;}
p.ya_maru span,p.ya_maru i{margin-left:0;text-indent:0;display:inline;}
a:hover .ya_maru::before,
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 .btn,
.tx a.btn,
.tx .btn a{
	text-decoration:none;
}
a.btn,
.btn{
	display:inline-flex;
	justify-content:center;
	align-items:center;
	align-content:center;
	position:relative;
	max-width:100%;
	max-height:100%;
	line-height:1.25;
	text-align:center;
	padding:0.5em 1em;
	background:#E6E6E6;
}
.btn img{
	margin-right:10px;
}
a.btn:hover{
	filter:brightness(85%);
}
a.btn.bg_k:hover{
	filter:opacity(60%);
}
/*-------------------------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;
}
/*-------------------------ya (btn + ya_xxx)*/
.btn.ya_sen,
.btn.ya_tri,
.btn.ya_maru{
	padding-right:2em;
}
.btn::before{
	position:absolute;
	right:0.6em;
}
.btn.ya_maru::before{
	margin:0;
}
/*-------------------------ya_mae (btn + ya_xxx + ya_mae)*/
.btn.ya_mae{
	padding-right:1em;
	padding-left:2em;
}
.btn.ya_mae::before{
	right:auto;
	left:0.6em;
}
/*-------------------------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;
	color: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;
	font-size:1.6rem;
	line-height:1.5;
}
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.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_style
-----------------------------------------------------------------------------------------*/
.list_style li,
.list_style a{
	width:100%;
	display:flex;
	position:relative;
	gap:10px;
}
.list_style a{
	align-items:flex-start;
	align-content:flex-start;
}
.list_style a:hover{
	filter:brightness(95%);
}

/*ya_sen/ya_tri/ya_maru（aタグ）*/
.list_style a::before{
	position:absolute;
	right:5px;
	bottom:50%;
	margin:0;
}
.list_style a.ya_sen::before{
	width:0.6em;
	height:0.6em;
	margin-bottom:-0.3em;
	border-width:1px;
}
.list_style a.ya_tri::before{
	margin-bottom:-0.3em;
}
.list_style a.ya_maru::before{
	margin-bottom:-0.5em;
}
.list_style a.ya_mae::before{
	right:0;
	left:5px;
}
/*disable*/
.list_style a.disable::before{
	display:none;
}
/*-------------------------list_sen*/
.list_sen{
	border-top:1px solid rgba(0,0,0,0.5);
}
.list_sen li{
	border-bottom:1px solid rgba(0,0,0,0.5);
}
.list_sen a{
	padding:1.25rem 0;
	flex-wrap:wrap;
	gap:2px;
}
.list_sen .list_status{
	position:relative;
	height:1.75em;
	border-radius:100%;
}
/*-------------------------list_sen + list_sen_w*/
.list_sen_w,
.list_sen_w li{
	border-color:rgba(255,255,255,0.8);
}
/*-------------------------list_yoko*/
.list_yoko{
	display:grid;
	align-items:flex-start;
	align-content:flex-start;
}
.list_yoko a{
	flex-wrap:nowrap;
}
.list_yoko figure{
	width:200px;
}
@media screen and (max-width: 767px) {
	.list_yoko figure{width:120px;}
	.list_yoko a::before{display:inline-block;}
}
/*-------------------------list_box*/
.list_box{
	display:grid;
}
.list_box a{
	flex-direction:column;
}
.list_box a::before{
	bottom:15px;
}
/*-------------------------list_box_pc*/
.list_box_pc{
	display:grid;
}
@media print, screen and (min-width: 768px) {
	.list_box_pc a{flex-direction:column;}
	.list_box_pc a::before{bottom:15px;}
}
@media screen and (max-width: 767px) {
	.list_box_pc a{flex-wrap:nowrap;}
	.list_box_pc figure{width:120px;}
}
/*-------------------------list_box_sp*/
.list_box_sp{
	display:grid;
	align-items:flex-start;
	align-content:flex-start;
}
@media print, screen and (min-width: 768px) {
	.list_box_sp a{flex-wrap:nowrap;}
	.list_box_sp figure{width:200px;}
}
@media screen and (max-width: 767px) {
	.list_box_sp a{flex-direction:column;}
	.list_box_sp a::before{bottom:15px;}
}
/*-------------------------list_status（子要素）*/
.list_status{
	flex-shrink:0;
	background:#FF6670;
	color:#FFF;
	font-size:1.4rem;
	padding:0.3em 0.5em;
	line-height:1.1;
	display:inline-flex;
	justify-content:center;
	align-items:center;
	flex-direction:column;
	position:absolute;
	z-index:10;
	top:0;
	left:0;
}
.list_status[data-status]:before{
	content:attr(data-status);
}
/*NEW*/
.list_status[data-status="NEW"]{
	background:#F44336;
}
/*none*/
.list_status[data-status="none"]{
	display:none;
}
/*-------------------------list_data（子要素）*/
.list_data{
	flex-shrink:0;
	padding:0.2em 0;
	font-size:70%;
	letter-spacing:0.05em;
	display:flex;
	gap:5px 10px;
	flex-wrap:wrap;
	margin-right:auto;
	margin-top:auto;
	width:100%;
}
/*-------------------------list_title（子要素）*/
.list_title{
	width:100%;
}
/*-------------------------list_copy（子要素）*/
.list_copy{
	width:100%;
	font-size:80%;
}
/*-------------------------list_img（子要素）*/
.list_img{
	flex-shrink:0;
	width:100%;
}
.list_img img{
	min-width:100%;
	max-height:none;
}
/*-------------------------list_text（子要素）*/
.list_text{
	display:flex;
	position:relative;
	width:100%;
	height:100%;
	flex-direction:column;
}
/*-------------------------hensyu*/
.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;
}


/*faq
-----------------------------------------------------------------------------------------*/
.faq{
	position:relative;
}
.faq > div{
	display:flex;
	align-items:flex-start;
	align-content:flex-start;
	padding:2rem;
	gap:1.5rem;
}
.faq > div > div,
.faq > div > p{
	width:100%;
}
.faq > div > p.faq_type,
.faq_type{
	width:1.6em;
	line-height:1em;
	font-size:1.4em;
	padding:0.3em 0.6em;
	display:inline-flex;
	justify-content:center;
	align-items:center;
	flex-direction:column;
	font-weight:normal;
	font-family:arial;
	color:#FFF;
	flex-shrink:0;
	z-index:10;
}
@media screen and (max-width: 767px) {
	.faq > div{padding:1.2rem;gap:1rem;}
}
/*sen*/
.faq.sen_waku > div{
	padding-left:1rem;
}
.faq.sen_waku + .faq{
	margin-top:1rem;
}
@media screen and (max-width: 767px) {
	.faq.sen_waku > div{padding-left:0.5rem;}
}
/*accordionopen*/
.faq .accordionopen::after{
	position:absolute;
	content:"";
	width:100%;
	height:100%;
	top:0;
	left:0;
	z-index:10;
	transition: all 0.2s;
}
.faq .accordionopen{
	position:static;
}
.faq .accordionopen:hover::after{
	background-color:rgba(0,0,0,0.05);
}
.hv_w .faq .accordionopen:hover::after{
	background-color:rgba(255,255,255,0.2);
}
/*ya_b*/
.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{
	border-top:1px solid #CCC;
}
.sitemap > li:first-child{
	border:none;
}
.sitemap a{
	display:block;
	background:#FFFFFF;
	padding:1rem 0.8em;
	padding-left:1.8em;
	text-indent:-1em;
}
.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 #666666;/*この色をキーカラーに変更する*/
	content:"";
	display:inline-block;
	margin:0 0.25em;
	vertical-align:5%;
}
.sitemap > li > a{
	color:#FFF;
	background:#666666;/*この色をキーカラーに変更する*/
	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;
}


/*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{
	padding:3rem 0 3rem 8rem;
	min-height:8rem;
	position:relative;
}
.flow_no{
	font-size:8rem;
	width:6rem;
	height:6rem;
	display:flex;
	align-items:center;
	align-content:center;
	justify-content:center;
	float:left;
	margin-left:-8rem;
}
.flow_no + p{
	margin-top:1rem;
}
@media screen and (max-width: 767px) {
.flow{padding:3rem 0;}
.flow_no{font-size:5rem;width:4rem;height:4rem;margin:0 1rem 0 0;}
}
/*-------------------------flow + center*/
.flow.center{
	padding-left:0;
}
.flow.center .flow_no{
	float:none;
	margin:0 auto;
}
/*-------------------------flow + sp_center*/
@media screen and (max-width: 767px) {
	.flow.sp_center{padding-left:0;}
	.flow.sp_center .flow_no{float:none;margin:0 auto;}
}
/*-------------------------banner*/
.banner{
	font-size:0;
	text-align:center;
}
.banner li{
	display:inline-block;
	margin:5px;
}
.banner a{
	display:block;
	background:#FFF;
}

/*-------------------------linkfile（親要素）*/
.linkfile a::before,
a .list_title::after{
	width:1em;
	height:1em;
	display:inline-block;
	vertical-align:middle;
	margin:-0.2em 0.1em 0 0.1em;
	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);
}
/*-------------------------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.1em);
}
.dot.tx_w li:before{ 
	background:rgba(255,255,255,0.7);
}
.dot > li + li{margin-top:0.25em;}
.dot.soroe > li + li{margin-top:0;}
/*-------------------------dtbox + dt文字数(dl)*/
.dtbox{
	display:flex;
	flex-wrap:wrap;
	align-items:flex-start;
	align-content:flex-start;
}
.dtbox dt{
	background:#006DEB;
	color:#FFF;
	border-radius:5px;
	padding:0.3rem 0;
	text-align:center;
}
.dtbox dd{
	padding:0.3rem 0 1.3rem 0.8em;
	text-align:left;
}
/*dt文字数*/
.dtbox.dt2 dt{width:2.8em}.dtbox.dt2 dd{width:calc(100% - 2.8em);}
.dtbox.dt3 dt{width:3.8em}.dtbox.dt3 dd{width:calc(100% - 3.8em);}
.dtbox.dt4 dt{width:4.8em}.dtbox.dt4 dd{width:calc(100% - 4.8em);}
.dtbox.dt5 dt{width:5.8em}.dtbox.dt5 dd{width:calc(100% - 5.8em);}
.dtbox.dt6 dt{width:6.8em}.dtbox.dt6 dd{width:calc(100% - 6.8em);}
.dtbox.dt7 dt{width:7.8em}.dtbox.dt7 dd{width:calc(100% - 7.8em);}
.dtbox.dt8 dt{width:8.8em}.dtbox.dt8 dd{width:calc(100% - 8.8em);}
.dtbox.dt9 dt{width:9.8em}.dtbox.dt9 dd{width:calc(100% - 9.8em);}
.dtbox.dt10 dt{width:10.8em}.dtbox.dt10 dd{width:calc(100% - 10.8em);}
/*dt白バ*/
.dtbox.dt_bg_no dt{
	background:none;
	color:#000;
	text-align:left;
	font-weight:bold;
}
.dtbox.dt_bg_no dd{
	padding-bottom:0.3rem;
}

/*-------------------------mark( p / ul / div )*/
/*mark*/
p.mark,
ul.mark > li,
div.mark > p{
	margin-left:1em;
	text-indent: -1em;
}
p.mark:first-letter,
p.mark:first-letter,
ul.mark > li: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;}
/*-------------------------ind-2( p / ul / div )*/
p.ind-2,
ul.ind-2 > li,
div.ind-2 > p{
	margin-left:2em;
	text-indent: -2em;
}
/*-------------------------ind-3( p / ul / div )*/
p.ind-3,
ul.ind-3 > li,
div.ind-3 > p{
	margin-left:2.6em;
	text-indent: -2.6em;
}
/*-------------------------tab*/
.tab_btn{
	cursor:pointer;
}
.tab_btn:hover{
	filter:brightness(85%);
}
.tab_area{
	display:none;
}
.tab_area.open{
	display:block;
}
.tab_btn.open{
	background:#000;
}
/*-------------------------soroe*/
.soroe{
	display:flex;
	align-items:center;
	flex-wrap:wrap;
}
.soroe img{
	vertical-align:middle;
}



/*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);}}