@charset "utf-8";
/*-------------------------------------------------------*
Icon Styles
- SVG -
-------------------------------------------------------*/

a[href$=".pdf"]:before,
*[class^="icon-"]:before{
	margin-right: .35em;
	background-color: white;
	content: "";
	-webkit-mask-size: 1em 1em;
	mask-size: 1em 1em;
	width: 1em;
	height: 1em;
	vertical-align: middle;
	display: inline-block;
}
/* color */
.icon-white:before,.icon-white:after{ background-color: white !important;}
.icon-black:before{ background-color: var(--black);}
.icon-primary:before{ background-color: var(--primary);}
.icon-secondary:before{ background-color: var(--secondary);}
.icon-secondary-dark:before{ background-color: var(--secondary-dark);}
.icon-success:before{ background-color: var(--success);}
.icon-danger:before{ background-color: var(--danger);}
.icon-warning:before{ background-color: var(--warning);}
.icon-info:before{ background-color: var(--info);}
.icon-light:before{ background-color: var(--light);}
.icon-dark:before{ background-color: var(--dark);}

/* block or inline-block */
.icon-block:before{
	margin: 0 auto;
	display: block;
}
.icon-inblock:before{
	margin: 0 .1em .15em 0;
	display: inline-block;
	/*vertical-align: text-bottom;*/
}
.icon-inblock.text-center:before{ margin-right: 0;}

/* size */
.icon-size-07:before{
	-webkit-mask-size: .7em .7em;
	mask-size: .7em .7em;
	width: .7em;
	height: .7em;
}
.icon-size-08:before{
	-webkit-mask-size: .8em .8em;
	mask-size: .8em .8em;
	width: .8em;
	height: .8em;
}
.icon-size-09:before{
	-webkit-mask-size: .9em .9em;
	mask-size: .9em .9em;
	width: .9em;
	height: .9em;
}
.icon-size-12:before {
	margin-bottom: .1em;
	-webkit-mask-size: 1.2em 1.2em;
	mask-size: 1.2em 1.2em;
	width: 1.2em;
	height: 1.2em;
}
.icon-size-20:before {
	-webkit-mask-size: 2em 2em;
	mask-size: 2em 2em;
	width: 2em;
	height: 2em;
}
.icon-size-30:before {
	-webkit-mask-size: 3em 3em;
	mask-size: 3em 3em;
	width: 3em;
	height: 3em;
}
.icon-size-40:before {
	-webkit-mask-size: 4em 4em;
	mask-size: 4em 4em;
	width: 4em;
	height: 4em;
}

/* icons Arrow */
.icon-left:before {
	-webkit-mask-image: url("icong/arrow_left_bb.svg");
	mask-image: url("icong/arrow_left_bb.svg");
}
.icon-right:before {
	-webkit-mask-image: url("icong/arrow_right_bb.svg");
	mask-image: url("icong/arrow_right_bb.svg");
}
.icon-left.icon-size-12:before,
.icon-right.icon-size-12:before{width: 1em;}
.icon-up:before {
	-webkit-mask-image: url("icong/arrow_up_bb.svg");
	mask-image: url("icong/arrow_up_bb.svg");
}
.icon-down:before {
	-webkit-mask-image: url("icong/arrow_down_bb.svg");
	mask-image: url("icong/arrow_down_bb.svg");
}

/* icons HOME, TEL, etc */
.icon-tel:before {
	-webkit-mask-image: url("icong/tel_fill.svg");
	mask-image: url("icong/tel_fill.svg");
}
.icon-home:before {
	-webkit-mask-image: url("icong/home_fill.svg");
	mask-image: url("icong/home_fill.svg");
}
.icon-home-line:before {
	-webkit-mask-image: url("icong/home_line.svg");
	mask-image: url("icong/home_line.svg");
}
.icon-mail:before {
	-webkit-mask-image: url("icong/mail_fill.svg");
	mask-image: url("icong/mail_fill.svg");
}
.icon-fax:before {
	-webkit-mask-image: url("icong/fax_fill.svg");
	mask-image: url("icong/fax_fill.svg");
}
.icon-print:before {
	-webkit-mask-image: url("icong/print_line.svg");
	mask-image: url("icong/print_line.svg");
}
.icon-map:before {
	-webkit-mask-image: url("icong/map_fill.svg");
	mask-image: url("icong/map_fill.svg");
}
.icon-xxxxxx:before {
	-webkit-mask-image: url("icong/xxxxxx_fill.svg");
	mask-image: url("icong/xxxxxx_fill.svg");
}

a[target="_blank"]:after{
	margin-left: .25em;
	background-color: white;
	content: "";
	-webkit-mask-size: 1em 1em;
	mask-size: 1em 1em;
	width: 1em;
	height: 1em;
	display: inline-block;
	 vertical-align: middle;
}
.post-8 li a[target="_blank"]:after,
.btn_circle a[target="_blank"]:after,
.images-link-block a[target="_blank"]:after,
.images-link-table th a[target="_blank"]:after,
.no_nw_ic a[target="_blank"]:after,
.imglink[target="_blank"]:after,
.imgpdf[href$=".pdf"]:after,
.wp-block-file__button[href$=".pdf"]:after{ display: none;}

.attention:before{
	-webkit-mask-image: url("icong/info_fill.svg");
	mask-image: url("icong/info_fill.svg");
	background-color: var(--primary);
}
.file:before{
	-webkit-mask-image: url("icong/file_fill.svg");
	mask-image: url("icong/file_fill.svg");
	background-color: #999;
}
.zoom:before{
	-webkit-mask-image: url("icong/search_line.svg");
	mask-image: url("icong/search_line.svg");
	background-color: var(--secondary);
	opacity: .5;
}
.pdf:before,
a[href$=".pdf"]:before{
	-webkit-mask-image: url("icong/pdf_fill.svg");
	mask-image: url("icong/pdf_fill.svg");
	background-color: var(--danger);
}
.excel:after{
	-webkit-mask-image: url("icong/excel_fill.svg");
	mask-image: url("icong/excel_fill.svg");
	background-color: var(--success);
}
a[target="_blank"]:not([href$=".pdf"]):after{
	-webkit-mask-image: url("icong/window.svg");
	mask-image: url("icong/window.svg");
	background-color: var(--secondary);
	opacity: .75;
	background-image: none;
}
#gnav a[target="_blank"]:after{ opacity: 1;}

a.wp-block-button__link[target="_blank"]:not([href$=".pdf"]):after,
a.btn[target="_blank"]:after{
	background-color: white;
	opacity: 1;
	width: 1em;
	height: 1em;
	top: calc(50% - .5em);
}
a.wp-block-button__link.has-yellow-background-color[target="_blank"]:after,
a.btn-warning[target="_blank"]:after{ background-color: var(--black); opacity: .5}

/* icons SNS --------------------------*/
.icon-twitter:before{
	-webkit-mask-image: url("icong/twitter.svg");
	mask-image: url("icong/twitter.svg");
	background-color: #1da1f3;
}
.icon-facebook:before{
	-webkit-mask-image: url("icong/facebook.svg");
	mask-image: url("icong/facebook.svg");
	background-color: #3664a2;
}
.icon-youtube:before {
	-webkit-mask-image: url("icong/youtube_fill.svg");
	mask-image: url("icong/youtube_fill.svg");
	background-color: #f00;
}