@charset "utf-8";
/*-------------------------------------------------------*
Default Styles
- Basic -
- Colors -
- Typography -
- Buttons -
- Icon -
- etc -
-------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=M+PLUS+2:wght@100..900&family=M+PLUS+Rounded+1c&family=Raleway:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300..700&family=Zen+Maru+Gothic&display=swap');

:root {
	--primary: #f5aa00;/* orange-light */
	--primary-light: #fcc556;
	--primary-dark: #996700;
	--secondary: #f98130;/* orange-vivid */
	--secondary-light: #ff9e5c;
	--secondary-dark: #C24E00;
	--info: #8cc460;/* green */
	--info-light: #a9d680;
	--info-dark: #3E8000;
	--success: #fa9090;/* pink */
	--success-light: #ffb3b3;
	--success-dark: #D34242;
	--warning: #f7e506;/* yellow */
	--warning-light: #fffaaa;
	--warning-dark: #777000;
	--danger: #d14319;/* dark orange */
	--red: var(--danger);
	--light: #e8e3df;
	--dark: #736357;
	--black: #28201d;
	--black-a002:#00000005;--black-a003:#00000008;--black-a005:#0000000D;--black-a007:#00000012;
	--black-a010:#0000001A;--black-a015:#00000026;--black-a020:#00000033;--black-a025:#00000040;
	--black-a035:#00000059;--black-a050:#00000080;--black-a060:#00000089;--black-a075:#000000BF;
	--white-a005:#FFFFFF0D;--white-a010:#FFFFFF1A;--white-a015:#FFFFFF26;
	--white-a025:#FFFFFF40;--white-a035:#FFFFFF59;--white-a050:#FFFFFF80;--white-a060:#FFFFFF99;
	--white-a075:#FFFFFFBF;--white-a085:#FFFFFFD9;--white-a095:#FFFFFFF2;
	--primary-a005:#f5aa000D;--primary-a007:#f5aa0012;--primary-a010:#f5aa001A;--primary-a01q:#f5aa0020;--primary-a015:#f5aa0026;
	--primary-a025:#f5aa0040;--primary-a035:#f5aa0059;--primary-a050:#f5aa0080;--primary-a060:#f5aa0099;--primary-a075:#f5aa00D9;
	--secondary-a005:#f981300D;--secondary-a010:#f981301A;--secondary-a015:#f9813026;--secondary-a025:#f9813040;
	--secondary-a035:#f9813059;--secondary-a050:#f9813080;--secondary-a060:#f9813099;--secondary-a075:#f98130D9;
	--info-a005:#8cc4600D;--info-a010:#8cc4601A;--info-a025:#8cc46040;
	--info-a050:#8cc46080;--info-a060:#8cc46099;--info-a075:#8cc460D9;
	--success-a005:#fa90900D;--success-a010:#fa90901A;--success-a025:#fa909040;
	--success-a050:#fa909080;--success-a060:#fa909099;--success-a075:#fa9090D9;
	--warning-a005:#f7e5060D;--warning-a010:#f7e5061A;--warning-a025:#f7e50640;
	--warning-a050:#f7e50680;--warning-a060:#f7e50699;--warning-a075:#f7e506D9;
	--danger-a005:#d143190D;--danger-a010:#d143191A;--danger-a025:#d1431940;
	--danger-a050:#d1431980;--danger-a060:#d1431999;--danger-a075:#d14319D9;
	--light-a005:#e8e3df0D;--light-a010:#e8e3df1A;--light-a025:#e8e3df40;
	--light-a050:#e8e3df80;--light-a060:#e8e3df99;--light-a075:#e8e3dfD9;
	--dark-a005:#7363570D;--dark-a010:#7363571A;--dark-a025:#73635740;
	--dark-a050:#73635780;--dark-a060:#73635799;--dark-a075:#736357D9;
	--link:#057eb5;
	--link-hover:#00618c	;
	--line-light: rgba(0,0,0,.1);
	--line-dark: rgba(0,0,0,.2);
	--font-family-def:"Zen Maru Gothic","Shuei MaruGo L","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","游ゴシック体",YuGothic,"游ゴシック","Yu Gothic","メイリオ",sans-serif;
	--font-family-Quicksand:"Quicksand","Zen Maru Gothic", "Shuei MaruGo L",sans-serif;
	--font-family-serif:"游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", "serif";
}
/*  Basic ------------------------------------*/
body {
  font-weight: 400;
  font-size: 1rem;
  font-family: var(--font-family-def);
  line-height: 1.85;
  color: var(--black);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -moz-font-feature-settings: "liga", "kern";
  text-rendering: optimizelegibility;
}
a{ color: var(--link); outline: none;}
a:hover{ color: var(--link-hover);}
/*:focus, a, a:hover{ outline: 0;}*/
a[href*="tel:"], a[href*="tel:"]:hover{ text-decoration: none; cursor: inherit;}
main p{ margin-bottom: 1.5em; text-align: justify;}
li a, p a{ text-underline-offset: .35em;}
figure{ margin-bottom: 0;}
sub{ bottom: 0}

ol.flow > li::before,
ol.number > li::before,
.ballon-imgs .ballon-num, ul.process_hol > li > strong:first-child,
.font-Quicksand{ font-family: var(--font-family-Quicksand);}
.font-serif,.font-cursive, .u-font-accent{  font-family: var(--font-family-serif)}
.font-size-def{ font-size: 1rem !important;}
.font-100{ font-weight: 100;}.font-300{ font-weight: 300;}.font-400{ font-weight: 400;}.font-500{ font-weight: 500;}
.font-600{ font-weight: 600;}.font-700{ font-weight: 700;}.font-800{ font-weight: 800;}.font-900{ font-weight: 900;}
h1 srong, h2 strong, h3 strong, h4 strong{ font-weight: 700;}
.fstletter1:first-letter{ text-transform: uppercase;}

.text_shadow_dark_m{ text-shadow: 0 0 .75em var(--black-a050), .1em .1em .25em var(--black-a050), .05em .05em .1em var(--black-a050);}
.text_shadow_dark_l{ text-shadow: 0 0 1.5em var(--black-a050), .25em .25em .5em var(--black-a050), .1em .1em .25em var(--black-a050);}
.text_shadow_light_s{ text-shadow: .1em .1em .15em white, .025em .025em 0 white;}
.text_shadow_light_m{ text-shadow: 0 0 .5em white, .1em .1em .25em white, .05em .05em .1em white;}
.text_shadow_light_l{ text-shadow: 0 0 1.5em white, .25em .25em .5em white, .1em .1em .25em white;}
.box_shadow_dark_s{ box-shadow: .1em .1em .25em var(--black-a015);}
.box_shadow_dark_m{ box-shadow: 0 0 .75em var(--black-a020), .1em .1em .25em var(--black-a020), .05em .05em .1em var(--black-a050);}
.box_shadow_dark_l{ box-shadow: 0 0 1.5em var(--black-a020), .25em .25em .5em var(--black-a020), .1em .1em .25em var(--black-a050);}
.box_shadow_light_s{ box-shadow: .1em .1em .15em white, .025em .025em 0 white;}
.box_shadow_light_m{ box-shadow: 0 0 .5em white, .1em .1em .25em white, .05em .05em .1em white;}
.box_shadow_light_l{ box-shadow: 0 0 1.5em white, .25em .25em .5em white, .1em .1em .25em white;}

.border-w2{ border-width: 2px;}
.border-w3{ border-width: 3px;}
.border-hem{ border-width: .5em;}
.border-1em{ border-width: 1em;}
.border-img img{ border: solid 1px var(--line-light);}
.border-img-w2 img{ border-width: 2px;}
.border-img-w3 img{ border-width: 3px;}
.img-p-2 img{ padding: .5rem;}
.img-p-3 img{ padding: 1rem;}

.border-r50p, .wp-block-image.border-r50p img{ border-radius: 50%;}
.border-rq{ border-radius: .25em;}
.border-rh{ border-radius: .5em;}
.border-r1, .wp-block-image.border-r1 img{ border-radius: 1em;}
.border-r1h, .wp-block-image.border-r1h img{ border-radius: 1.5em; overflow: hidden;}
.border-r2, .wp-block-image.border-r2 img{ border-radius: 2em; overflow: hidden;}

.hidden{ display: none;}
.overflow-h{ overflow: hidden;}
.overflow-v{ overflow: visible;}
/*less*/
@media (max-width: 575.98px){ .br_no_xs br{ display: none;}}
@media (max-width: 767.98px){ .br_no_sm br{ display: none;}}
@media (max-width: 781.98px){ .br_no_sm_WP br{ display: none;}}
@media (max-width: 991.98px){ .br_no_md br{ display: none;}}
@media (max-width: 1199.98px){ .br_no_lg br{ display: none;}}
/*more*/
@media (min-width: 576px){ .br_mr_xs br{ display: none;}}
@media (min-width: 768px){ .br_mr_sm br{ display: none;}}
@media (min-width: 782px){ .br_mr_sm_WP br{ display: none;}}
@media (min-width: 992px){ .br_mr_md br{ display: none;}}
@media (min-width: 1200px){ .br_mr_lg br{ display: none;}}

@media (max-width: 767.98px){
	body{ font-size: .975rem;}
	footer{ font-size: .925rem;}
}
@media (min-width: 782px) and (max-width: 991.98px){
	body{ font-size: .925rem;}
	/*th, td{ font-size: .8rem;}*/
}
hr,
.wp-block-separator{ margin: 0; height: 2em; border: none; clear: both;}
.wp-block-separator.hr_0{ height: 0;}
hr.thin,
.wp-block-separator.hr_1{ height: 1em;}
.wp-block-separator.hr_3{ height: 3em;}
.wp-block-separator.hr_4{ height: 4em;}
.wp-block-separator.hr_5{ height: 5em;}
.wp-block-separator.hr_6{ height: 6em;}
.wp-block-separator.hr_8{ height: 8em;}
.wp-block-separator.hr_10{ height: 10em;}
.wp-block-separator.separator_bd_btm{ margin-bottom: 2em; border-bottom: solid 1px var(--black-a015)}
.delimiter{
	margin: 0 auto 2.5em;
	padding: 1em 0 0;
	position: relative;
}
.delimiter::before,
.delimiter::after{
	content: "";
	position: absolute;
}
.delimiter::before{
	background: var(--primary);
	bottom: 0;
	left: calc(50% - .3em - .15vw);
	height: calc(.6em + .3vw);
	width: calc(.6em + .3vw);
	border-radius: .15em;
	box-shadow: calc(.9em + .45vw) 0 0 var(--info), calc(-.9em - .45vw) 0 0 var(--success);
}
.delimiter::after{
	bottom: calc(.3em + .15vw);
	left: calc(50% + 3em);
	width: 4em;
	height: 1px;
	background: var(--black-a015);
	box-shadow: -10em 0 0 var(--black-a015);
	overflow: visible;
	text-align: center;
}

[role=button]{ cursor: pointer;}
dl dt{ font-weight: normal;}
img { max-width: 100%; height: auto; border: none; vertical-align: bottom; image-rendering: -webkit-optimize-contrast; image-rendering: auto;}

a:hover img{ opacity: .75; transition: .2s;}
section{ padding-top: 4.5em; padding-bottom: 4.5em;}
main > section:last-of-type{ margin-bottom: 1.5em;}
iframe{ width: 100%; border: none; max-width: 100%; box-sizing: border-box;}
@media (max-width:1199.98px) {
	iframe{ height: 50vh;}
}
.movies{
	width: 100%;
	height: 0;
	position: relative;
	padding-top: 56.25%;
	overflow: hidden;
	box-sizing: border-box;
	border: solid 1px var(--line-light);
}
.movies iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* table ------------------------*/

th{ font-weight: normal;}
.th_nowrap th, .td_nowrap td,
.td_first_nowrap td:first-child{ white-space: nowrap;}
.table_center th, .table_center td,
.th_center th, .td_center td,
th.th_center, td.td_center,
.td_first_center td:first-child,
.td_last_center td:last-child{ text-align: center;}
.th_left th, .td_left td,
th.th_left, td.td_left,
.td_first_left td:first-child,
td.td_first_left:first-child{ text-align: left;}
.th_right th, .td_right td,
th.th_right, td.td_right,
.td_last_right td:last-child,
td.td_last_right:last-child{ text-align: right;}
.th_top th, .td_top td,
th.th_top, td.td_top{ vertical-align: top !important;}
.th_btm th, .td_btm td,
th.th_btm, td.td_btm{ vertical-align: bottom !important;}
table ul, table li, table p{ margin: 0;}

.wp-block-table{ margin-bottom: 1em;}
.wp-block-table table{ border-radius: .35rem .35rem 0 0; overflow: hidden;}
.wp-block-table.w-auto table{ width: auto;}
.wp-block-table th,
.wp-block-table td{
	border: none;
	border-bottom: solid 1px var(--line-light);
	line-height: 1.7;
}
.wp-block-table th,
.wp-block-table.td_first_bg td:first-child{ background: var(--primary-a025)}
.th_secondary th{ background: var(--secondary-a025)}
.th_info th{ background: var(--info-a025)}
.th_success th{ background: var(--success-a025)}
.th_warning th{ background: var(--warning-a025)}

.wp-block-table thead th{ font-weight: 600;}
.wp-block-table.nobd th,
.wp-block-table.nobd td{ padding: 0; border: none;}
.wp-block-table.nobd td:nth-child(n+2){ padding-left: 1em;}

.wp-block-table[class*="bd_1st_"] tr:nth-child(1)>*{ border-top: solid 1px var(--line-light);}
.wp-block-table[class*="bd_1st_"] tr>*:nth-child(1){ border-bottom-width: 2px;}
.wp-block-table[class*="bd_1st_"] tr:nth-child(1)>*:nth-child(1){ border-top-width: 2px;}
.wp-block-table.bd_1st_primary tr>*:nth-child(1){ border-bottom-color: var(--primary);}
.wp-block-table.bd_1st_primary tr:nth-child(1)>*:nth-child(1){ border-top-color: var(--primary);}
.wp-block-table.bd_1st_secondary tr>*:nth-child(1){ border-bottom-color: var(--secondary);}
.wp-block-table.bd_1st_secondary tr:nth-child(1)>*:nth-child(1){ border-top-color: var(--secondary);}
.wp-block-table.bd_1st_info tr>*:nth-child(1){ border-bottom-color: var(--info);}
.wp-block-table.bd_1st_info tr:nth-child(1)>*:nth-child(1){ border-top-color: var(--info);}
.wp-block-table.bd_1st_success tr>*:nth-child(1){ border-bottom-color: var(--success);}
.wp-block-table.bd_1st_success tr:nth-child(1)>*:nth-child(1){ border-top-color: var(--success);}
.wp-block-table.bd_1st_warning tr>*:nth-child(1){ border-bottom-color: var(--warning);}
.wp-block-table.bd_1st_warning tr:nth-child(1)>*:nth-child(1){ border-top-color: var(--warning);}

.wp-block-table.table-md td,
.wp-block-table.table-md th{ padding: .5em .5em .25em;}
.wp-block-table.table-sm{ margin-bottom: .75em;}
.wp-block-table.table-sm td,
.wp-block-table.table-sm th{ padding: .4em .5em .1em; line-height: 1.5; font-size: .95em;}

.wp-block-table.table_faq{ margin-bottom: .5em;}
.wp-block-table.table_faq tr{ padding-bottom: 1em; display: block;}
.wp-block-table.table_faq th,
.wp-block-table.table_faq td{ width: 100%; display: block; position: relative;}
.wp-block-table.table_faq th {
	padding: 1em .5em .5em 3em;
	border: solid var(--line-light);
	border-width: 2px 2px 0 2px;
	border-radius: .75em .75em 0 0;
	border-bottom: dashed 1px var(--line-dark);
	background: none;
}
.wp-block-table.table_faq td {
	padding: .5em .5em 1em 3em;
	border: solid var(--line-light);
	border-width: 0 2px 2px 2px;
	border-radius: 0 0 .75em .75em;
}
.table_faq th::before,
.table_faq td::before{
	-webkit-mask-size: 2em 2em;
	mask-size: 2em 2em;
	width: 2em;
	height: 2em;
	vertical-align: middle;
	content: "";
	display: inline-block;
	position: absolute;
	left: .75em;
}
.table_faq th::before{
	top: .9em;
	background-color: var(--primary);
	-webkit-mask-image: url("icong/faq_q.svg");
	mask-image: url("icong/faq_q.svg");
}
.table_faq td::before{
	top: .45em;
	background-color: var(--secondary);
	-webkit-mask-image: url("icong/faq_a.svg");
	mask-image: url("icong/faq_a.svg");
}
.table_faq td img{ margin: .25em 0 .75em;}
.table_faq td img[src*="flow_"]{ display: none;}
@media (max-width:767.98px) {
	.table_faq td img[src*="flow_"]{ display: inline-block;}
	.table_faq td img[src*="table_"]{ display: none;}
}

caption {
	padding: 0 0 .25rem;
	color: var(--black);
	text-align: right;
	caption-side: top;
	font-size: .9rem;
}

/*  Typography ------------------------------------*/
@media (max-width:1199.98px) {
	.display-1 { font-size:calc(1.7em + 5.5vw)}
	.display-2 { font-size:calc(1.65em + 4.8vw)}
	.display-3 { font-size:calc(1.55em + 3.7vw)}
	.display-4 { font-size:calc(1.45em + 2.5vw)}
	 legend , .close { font-size:calc(1.25em + .2vw)}
}
section article p{ text-align: justify;}
.str0, .str00{ font-size: 105%;}
.str1, .str01{ font-size: 110%;}
.str2, .str02{ font-size: 125%;}
.str3, .str03{ font-size: 150%;}
.str4, .str04{ font-size: 175%;}
.str5, .str05{ font-size: 200%;}
.str6, .str06{ font-size: 225%;}
.str_c_1, .str_c_01{ font-size:  calc(1.5em + 1.5vw); line-height: 1.4;}
b, strong, .str0,.str1,.str2,.str3,.str4,.str_c_1{ font-weight: 600;}
.sml0{ font-size: 95%; line-height: 1.75;}
.sml1{ font-size: 90%; line-height: 1.7;}
.sml2{ font-size: 85%; line-height: 1.65;}
.sml3{ font-size: 80%; line-height: 1.6;}
.sml4{ font-size: 75%; line-height: 1.55;}
.sml5{ font-size: 70%; line-height: 1.5;}
@media (max-width: 991.98px) {
	.str0, .str00{ font-size: 102.5%;}
	.str1, .str01{ font-size: 105%;}
	.str2, .str02{ font-size: 115%;}
	.str3, .str03{ font-size: 130%;}
	.str4, .str04{ font-size: 150%;}
	.sml0{ font-size: 90%; line-height: 1.7;}
	.sml1{ font-size: 85%; line-height: 1.65;}
	.sml2{ font-size: 80%; line-height: 1.6;}
	.sml3{ font-size: 75%; line-height: 1.55;}
	.sml4{ font-size: 70%; line-height: 1.5;}
	.sml5{ font-size: 65%; line-height: 1.45;}
}
.lineh_0{ line-height: 1 !important}
.lineh_1{ line-height: 1.1 !important}
.lineh_2{ line-height: 1.2 !important}
.lineh_3{ line-height: 1.3 !important}
.lineh_4{ line-height: 1.4 !important}
.lineh_5{ line-height: 1.5 !important}
.lineh_6{ line-height: 1.6 !important}
.lineh_7{ line-height: 1.7 !important}
.lineh_8{ line-height: 1.8 !important}
.letter_s0{ letter-spacing: 0}
.letter_sq{ letter-spacing: .025em}
.letter_sh{ letter-spacing: .05em}
.letter_s1{ letter-spacing: .1em}
.letter_s2{ letter-spacing: .2em}
.letter_s3{ letter-spacing: .3em}
.letter_s-q{ letter-spacing: -.025em}
.letter_s-h{ letter-spacing: -.05em}
.letter_s-1{ letter-spacing: -.1em}
.letter_s-1h{ letter-spacing: -.15em}
.c{ text-align: center;}.l{ text-align: left;}.r{ text-align: right;}
.clr{ clear: both;}.clr_l{ clear: left;}.clr_r{ clear: right;}.clr_n{ clear: none;}

/* Headings */
h1, .h1, h2, .h2, h3, .h3{ margin-bottom: 1em;}
h1, .h1{ font-size: calc(1.9em + 1vw); line-height: 1.4}
h2, .h2{ font-size: calc(1.45em + .9vw); line-height: 1.4}
h3, .h3{ font-size: calc(1.15em + .75vw); line-height: 1.5}
h4, .h4{ font-size: calc(1.1em + .5vw); line-height: 1.6}
h5, .h5{ font-size: calc(1.05em + .25vw); line-height: 1.65}
h6, .h6{ font-size: calc(1.02em + .1vw); line-height: 1.7}
@media (min-width: 1200px){
	h1, .h1{ font-size: 2.9em}
	h2, .h2{ font-size: 2.35em}
	h3, .h3{ font-size: 1.9em}
	h4, .h4{ font-size: 1.6em}
	h5, .h5{ font-size: 1.3em}
	h6, .h6{ font-size: 1.1em}
}
h1 .sml4{ margin: 0 .5em .25em 0; display: inline-flex; vertical-align: middle;}

:is(hgroup.border-bottom,
:is(h2, .h2).border-bottom){
  :is(h1,.h1), & { padding-bottom: .5em;}
  &::before, &::after{ display: none;}
}
:is(h3, .h3, h4, .h4, h5, .h5){
  &.border-bottom{ margin-bottom: .7em; padding-bottom: .35em;}
}
hgroup{ margin-bottom: 2.5em; text-align: center;}
h1.h1_bd{
	padding: 0 0 .75em;
	position: relative;
	text-align: center;
	&::after{
		position: absolute;
		content: "";
		bottom: 0;
		left: calc(50% - .6em);
		width: .5em;
		height: .175em;
		background: var(--primary);
		border-radius: .2rem;
		box-shadow: .6em 0 0 var(--info), -.6em 0 0 var(--success);
	}
}
h1.h1_eg{
	margin: 0 auto 1em;
	text-align: center;
	text-shadow:  0 .08em 0 white, 0 -.08em 0 white, .08em 0 0 white, -.08em 0 0 white,
				.021em .077em 0 white, -.021em .077em 0 white, .021em -.077em 0 white, -.021em -.077em 0 white,
				.04em .069em 0 white, -.04em .069em 0 white, .04em -.069em 0 white, -.04em -.069em 0 white,
				.057em .057em 0 white, -.057em .057em 0 white, .057em -.057em 0 white, -.057em -.057em 0 white,
				.069em .04em 0 white, -.069em .04em 0 white, .069em -.04em 0 white, -.069em -.04em 0 white,
				.077em .021em 0 white, -.077em .021em 0 white, .077em -.021em 0 white, -.077em -.021em 0 white,
				.1em .1em .35em var(--black-a050);
}

.frame_bd_round,.frame_bg_round{
	padding: .75rem 1.25rem;
	border-radius: 1rem;
}
.frame_bd_round{
	display: inline-block;
	border: solid 2px var(--warning);
}
.frame_bd_round.frame_bd_02{ border-color: var(--primary)}
.frame_bd_round.frame_bd_03{ border-color: var(--secondary)}
.frame_bd_round.frame_bd_04{ border-color: var(--info)}
.frame_bd_round.frame_bd_05{ border-color: var(--success)}
.frame_bg_round{
	background: url(img/tex_01.webp) no-repeat 0 50%;/*warning*/
	background-size: cover;
	text-shadow: 1px 1px 0 white;
}
.frame_bg_round.frame_bg_02{ background-image: url(img/tex_02.webp);}/*primary*/
.frame_bg_round.frame_bg_03{ background-image: url(img/tex_03.webp);}/*secondary*/
.frame_bg_round.frame_bg_04{ background-image: url(img/tex_04.webp);}/*info*/
.frame_bg_round.frame_bg_05{ background-image: url(img/tex_05.webp);}/*success*/

.frame_dot{
	margin-bottom: 2.5rem;
	padding-bottom: 2.5rem;
	position: relative;
	&::before,
	&::after{
		position: absolute;
		content: "";
	}
	&::before{
		bottom: 0;
		left: 0;
		width: 1rem;
		height: 1rem;
		background: var(--primary);
		border-radius: .1em;
		box-shadow: 1.3rem 0 0 var(--info), 2.6rem 0 0 var(--success);
	}
	&::after{
		bottom: calc(-2rem  + .5rem);
		right: 0;
		width: calc(100% - 4.5rem);
		height: 2rem ;
		border-top: 2px solid;
		border-right: 2px solid;
		border-radius: 0 1rem 0 0;
		border-color: var(--line-light);
	}
}
.frame_dot.frame_dot_primary::before{ box-shadow: 1.3rem 0 0 var(--primary-a050), 2.6rem 0 0 var(--primary-a025);}
.frame_dot.frame_dot_secondary::before{ background: var(--secondary); box-shadow: 1.3rem 0 0 var(--secondary-a050), 2.6rem 0 0 var(--secondary-a025);}
.frame_dot.frame_dot_info::before{ background: var(--info); box-shadow: 1.3rem 0 0 var(--info-a050), 2.6rem 0 0 var(--info-a025);}
.frame_dot.frame_dot_success::before{ background: var(--success); box-shadow: 1.3rem 0 0 var(--success-a050), 2.6rem 0 0 var(--success-a025);}
.frame_dot.frame_dot_warning::before{ background: var(--warning); box-shadow: 1.3rem 0 0 var(--warning-a050), 2.6rem 0 0 var(--warning-a025);}
.frame_dot.d-flex{
	sub{
		padding: 0 1.25em;
		font-size: .5em;
		position: relative;
		&::before,
		&::after{
			position: absolute;
			content: "";
			width: .75em;
			height: 2px;
			background: var(--black-a015);
			top: calc(50% - 1px);
		}
		&::before{ left: 0}
		&::after{ right: 0}
	}
}

.hr_dot{
	margin-bottom: 3rem;
	position: relative;
	height: 2rem;
}
.hr_dot::before,
.hr_dot::after{
	position: absolute;
	content: "";
}
.hr_dot::before{
	bottom: 0;
	right: 0;
	width: .8rem;
	height: .8rem;
	background: var(--primary);
	border-radius: .1rem;
	box-shadow: -1rem 0 0 var(--info), -2rem 0 0 var(--success);
}
.hr_dot.hr_dot_primary::before{ box-shadow: -1rem 0 0 var(--primary-a050), -2rem 0 0 var(--primary-a025);}
.hr_dot.hr_dot_secondary::before{ background: var(--secondary); box-shadow: -1rem 0 0 var(--secondary-a050), -2rem 0 0 var(--secondary-a025);}
.hr_dot.hr_dot_info::before{ background: var(--info); box-shadow: -1rem 0 0 var(--info-a050), -2rem 0 0 var(--info-a025);}
.hr_dot.hr_dot_success::before{ background: var(--success); box-shadow: -1rem 0 0 var(--success-a050), -2rem 0 0 var(--success-a025);}
.hr_dot.hr_dot_warning::before{ background: var(--warning); box-shadow: -1rem 0 0 var(--warning-a050), -2rem 0 0 var(--warning-a025);}
.hr_dot::after{
	bottom: -1rem;
	left: 0;
	width: 100%;
	height: 2.5rem;
	border-bottom: 2px solid;
	border-left: 2px solid;
	border-radius: 0 0 0 1rem;
	border-color: var(--line-light);
}
.frame_2d{
	margin-bottom: .75em;
	padding: 0 .5em .5em;
	position: relative;
	border: solid var(--line-light);
	border-width: 0 0 3px 3px;
	border-radius: 0 0 0 1rem;
}
.frame_2d.frame_2d_rev{
	border-width: 0 3px 3px 0;
	border-radius: 0 0 1rem 0;
}
.frame_2d em{ font-style: normal; font-size: .8em;}

/* Highlight Color  */
::selection,
::-moz-selection,
.bg-primary ::-moz-selection,
.bg-primary ::selection{
	color: white;
	background-color: var(--primary-light);
	border-color: var(--primary-light)
}
/* text-indent */
.idt0{ margin: 0 0 0 1em; text-indent: -1em;}
p.idt0{ margin: 0 0 1.5em 1em;}
.idt1{ margin: 0 0 0 1em; text-indent: -1em;}
p.idt1{ margin: 0 0 1em 1em;}
.idt1h{ margin: 0 0 0 1.5em; text-indent: -1.5em;}
.idt2{ margin: 0 0 0 2em; text-indent: -2em;}
.idt2h{ margin: 0 0 0 2.5em; text-indent: -2.5em;}
.idt3{ margin: 0 0 0 3em; text-indent: -3em;}
ul.idt3, ol.idt3{ margin: 0 0 1em 2em;}
ul.idt2h, ol.idt2h{ margin: 0 0 1em 1.5em;}
ul.idt2, ol.idt2{ margin: 0 0 1em 1em;}
ul.idt1h, ol.idt1h{ margin: 0 0 1em .5em;}
ul.idt1, ol.idt1{ margin: 0 0 1em; padding-left: 1em;}
ul.idt3 li, ol.idt3 li,ul.idt2h li, ol.idt2h li,ul.idt2 li, ol.idt2 li,ul.idt1h li, ol.idt1h li,ul.idt1 li, ol.idt1 li{ list-style: none;}
li ol.idt1h{ margin: 0;}

/*  Buttons ------------------------------------*/

/*.btn,
.btn-group-lg > .btn, .btn-lg,
.btn-group-sm > .btn, .btn-sm,
.badge,
.nav-pills .nav-link{border-radius: 0;}*/

.wp-block-button__link em{ font-size: .85em; font-style: normal;}
.wp-block-button__link,
.btn{
	padding: 1em 3.5em 1em 2.5em;
	position: relative;
	cursor: pointer;
	border-radius: .5em;
	box-shadow: .3em .3em 1em var(--black-a015);
	transition: .3s;
	z-index: 2;
	white-space: normal;
	text-shadow: -.05em -.05em 0 var(--white-a050);
	line-height: 1.5;
	font-size: 1em;
	font-weight: 600;
}
.btn.btn-lg{ font-size: 1.15em;}
.wp-block-button.btn-sm{ padding: 0;}
.btn.btn-sm,
.btn-sm .wp-block-button__link,
.wp-block-button__link.has-small-font-size{ padding: .7em 2.5em .7em 1.5em; font-size: .9em;}
.wp-block-button__link:hover,
.btn:hover{ box-shadow: 0 0 2em inset var(--dark-025); color: var(--black);}
.wp-block-button__link::after,
.btn::after{
	content: "";
	position: absolute;
	top: calc(50% - .35em);
	right: 1em;
	background: url("icong/arrow_right_wb.svg") no-repeat 100% 50%;
	width: 1.4em;
	height: .7em;
}
.wp-block-button__link.has-yellow-background-color::after,
.btn.btn-warning::after{ background-image: url("icong/arrow_right_bb.svg"); opacity: .5}
.wp-block-buttons
.wp-block-button.wp-block-button__width-50 .wp-block-button__link,
.wp-block-button.wp-block-button__width-100 .wp-block-button__link{ padding: 1em 2em 1em 1em;}
.wp-block-button.wp-block-button__width-50 .wp-block-button__link.has-small-font-size,
.wp-block-button.wp-block-button__width-100 .wp-block-button__link.has-small-font-size{ padding: .7em 1.5em .7em 1em;}
.disabled .wp-block-button__link{ opacity: .5; pointer-events: none;}

.nav-previous .btn.pager-btn.btn-sm{ padding: .7em 1.5em .7em 2.5em; border-radius: .35em;}
.nav-previous .btn.pager-btn.btn-sm::after{
	left: 1em;
	right: auto;
	transform: rotate(180deg);
}
.wp-block-buttons.is-vertical.is-layout-flex,
.wp-block-buttons.is-vertical.is-layout-flex > .wp-block-button,
.wp-block-buttons.is-vertical.is-layout-flex > .wp-block-button .wp-block-button__link{ display: block;}
.wp-block-buttons.is-vertical.is-layout-flex > .wp-block-button .wp-block-button__link{ padding: 1em 2em 1em 1.5em;}
.wp-block-buttons.is-vertical.is-layout-flex > .wp-block-button .wp-block-button__link.has-small-font-size{ padding: .7em 1.5em .7em 1em;}
.wp-block-buttons.is-vertical.is-layout-flex > .wp-block-button{ margin-bottom: .75em;}

.btn[class*="-outline-"]{ text-shadow: none;}
.btn[class*="-outline-"]:active{ background-color: white;}
.btn.btn_no_boxshadow{ box-shadow: none;}

.btn.focus, .btn:focus, .btn.active:focus, .btn:active:focus {
  outline: 0 none;
  box-shadow: 0 0 0 0 transparent;
  border-color: transparent;
}
.btn-link {color: white; position: relative;}
.btn-link:hover { color: white; text-decoration: none;}
.btn-link.btn-warning, .btn-link.btn-light,
.btn-link.btn-warning:hover, .btn-link.btn-light:hover{ color: var(--black);}
.btn-link::before,
.btn-link::after{
	position: absolute;
	border-style: solid;
	border-color: white;
	border-width: 0 0 0 1px;
	content: "";
	height: 1.75em;
	width: 1.75em;
	opacity: .75;
	top: calc(50% - .875em);
	border-radius: 50%;
}
.btn-link::before{ left: 3px;}
.btn-link::after{
    right: 3px;
    border-width: 0 1px 0 0;
}
.btn_fix{
	padding-bottom: 4.5em !important;
	position: relative;
}
.btn_fix .wp-block-buttons{
	position: absolute;
	bottom: 1.25em;
	right: 1.25em;
}

/*  Colors ------------------------------------*/

.border-bottom{ border-bottom-color: var(--line-light);}
.border-top{ border-top-color: var(--line-light);}
.border-right{ border-right-color: var(--line-light);}
.border-left{ border-left-color: var(--line-light);}

/*primary*/
.btn-outline-primary,
.text-primary{ color: var(--primary);}
.bg-primary,
.btn-primary,
.has-red-background-color,
.btn-outline-primary:hover,
.badge-primary,
.list-group-item.active,
.page-item.active .page-link,
.page-link:hover,
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link{ background-color: var(--primary);}
.btn-outline-primary,
.border-primary,
.list-group-item.active,
.page-item.active .page-link,
.active .page-link,
.page-link:hover{ border-color: var(--primary);}
.border-primary-light{ border-color: var(--primary-light);}
.border-primary-dark{ border-color: var(--primary-dark);}
.btn-outline-primary:hover{ border-color: transparent;}
.text-primary-light{ color: var(--primary-light);}
.text-primary-dark{ color: var(--primary-dark);}
.btn-primary:hover,
.badge-primary[href]:focus,
.badge-primary[href]:hover,
.wp-block-button [class*="orange-1"]:hover{
	background-color: var(--primary-light) !important;
	border-color: var(--primary-light);
}
.table-primary, .table-primary > td, .table-primary > th { background-color: var(--primary-a025);}
.border-top.border-primary{ border-top-color: var(--primary);}
.border-bottom.border-primary{ border-bottom-color: var(--primary);}

/*secondary*/
.btn-outline-secondary,
.text-secondary,
.has-blue-color{ color: var(--secondary);}
.text-secondary-light{ color: var(--secondary-light);}
.text-secondary-dark{ color: var(--secondary-dark);}
.bg-secondary,
.btn-secondary,
.has-blue-background-color,
.btn-outline-secondary:hover,
.badge-secondary,
.has-blue-background-color:hover{ background: var(--secondary);}
.btn-outline-secondary,
.btn-outline-secondary:hover,
.has-blue-background-color:hover,
.border-secondary{ border-color: var(--secondary);}
.border-secondary-light{ border-color: var(--secondary-light);}
.border-secondary-dark{ border-color: var(--secondary-dark);}
.btn-secondary:hover,
.badge-secondary[href]:focus,
.badge-secondary[href]:hover,
.wp-block-button [class*="orange-2"]:hover{
	background-color:var(--secondary-light) !important;
	border-color: var(--secondary-light);
}
.table-secondary, .table-secondary > td, .table-secondary > th { background-color: var(--secondary-light);}
.border-top.border-secondary{ border-top-color: var(--secondary);}
.border-bottom.border-secondary{ border-bottom-color: var(--secondary);}

/*info*/
.btn-outline-info,
.text-info{ color: var(--info);}
.text-info-light{ color: var(--info-light);}
.text-info-dark{ color: var(--info-dark);}
.bg-info,
.btn-info,
.btn-outline-info:hover,
.badge-info{ background-color: var(--info);}
.btn-info{ color: var(--black)}
.btn-outline-info,
.btn-outline-info:hover,
.border-info{ border-color: var(--info);}
.btn-info:hover,
.badge-info[href]:focus,
.badge-info[href]:hover,
.wp-block-button [class*="green"]:hover{
	background-color: var(--info-light);
	border-color: var(--info-light);
}
.border-top.border-info{ border-top-color: var(--info) !important;}
.border-bottom.border-info{ border-bottom-color: var(--info);}

/*success*/
.btn-outline-success,
.text-success,
.has-green-color{ color: var(--success-dark);}
.text-success-light{ color: var(--success-light);}
.text-success-dark{ color: var(--success-dark);}
.bg-success,
.btn-success,
.has-green-background-color,
.btn-outline-success:hover,
.badge-success{ background-color: var(--success);}
.btn-outline-success,
.has-green-background-color:hover,
.btn-outline-success:hover,
.border-success{ border-color: var(--success);}
.border-success-light{ border-color: var(--success-light);}
.border-success-dark{ border-color: var(--success-dark);}
.btn-success:hover,
.badge-success[href]:focus,
.badge-success[href]:hover,
.wp-block-button [class*="pink"]:hover{
	background-color: var(--success-light) !important;
	border-color: var(--success-light);
}
.table-success, .table-success > td, .table-success > th { background-color: var(--success);}
.border-top.border-success{ border-top-color: var(--success);}
.border-bottom.border-success{ border-bottom-color: var(--success);}

/*warning*/
.text-warning,
.has-yellow-color{ color: var(--warning);}
.text-warning-light{ color: var(--warning-light);}
.text-warning-dark{ color: var(--warning-dark);}
.bg-warning,
.btn-warning,
.has-yellow-background-color,
.btn-outline-warning:hover{ background-color: var(--warning); color: var(--black);}
.bg-warning-light{ background-color: var(--warning-light);}
.bg-warning-dark{ background-color: var(--warning-dark);}
.btn-outline-warning,
.btn-outline-warning:hover,
.has-yellow-background-color:hover,
.border-warning{ border-color: var(--warning); color: var(--black);}
.border-warning-light{ border-color: var(--warning-light);}
.border-warning-dark{ border-color: var(--warning-dark);}
.btn-warning:hover,
.badge-warning[href]:focus,
.badge-warning[href]:hover,
.wp-block-button [class*="yellow"]:hover{
	background-color: var(--warning-light) !important;
	border-color: var(--warning-light);
}
.border-top.border-warning{ border-top-color: var(--warning);}
.border-bottom.border-warning{ border-bottom-color: var(--warning);}

/*dark*/
.btn-outline-dark,
.text-dark{ color: var(--dark);}
.bg-dark,
.btn-dark,
.btn-outline-dark:hover,
.badge-dark,
.table-dark td, .table-dark th, .table-dark thead th{ background-color: var(--dark);}
.btn-outline-dark,
.btn-outline-dark:hover,
.border-dark{ border-color: var(--dark);}
.btn-dark:hover,
.badge-dark[href]:focus,
.badge-dark[href]:hover{
	background-color: var(--dark) !important;
	border-color: var(--dark-light);
}
.border-top.border-dark{ border-top-color: var(--dark);}
.border-bottom.border-dark{ border-bottom-color: var(--dark);}

/*light*/
.btn-outline-light,
.text-light{ color: var(--light);}
.bg-light,
.btn-light,
.badge-light,
.table-light, .table-light > td, .table-light > th{ background-color: var(--light);}
.btn-outline-light,
.btn-outline-light:hover,
.border-light{ border-color: var(--light);}
.btn-light:hover,
.btn-outline-light:hover,
.badge-light[href]:focus,
.badge-light[href]:hover{
	background-color: var(--light) !important;
	border-color: var(--light);
}
*[class*="btn-outline-"]:not(.btn-outline-warning):hover{ color: white;}
.border-top.border-light{ border-top-color: var(--light);}
.border-bottom.border-light{ border-bottom-color: var(--light);}

/*danger*/
.red,
.btn-outline-danger,
.text-danger,
.has-red-color,
.has-dark-red-color,
a.text-danger:focus,
a.text-danger:hover{ color: var(--danger);}
.text-danger-light{ color: var(--danger-light);}
.text-danger-dark{ color: var(--danger-dark);}
.bg-danger,
.btn-danger,
.has-dark-red-background-color,
.btn-outline-danger:hover,
.badge-danger{ background-color: var(--danger);}
.btn-outline-danger,
.btn-outline-danger:hover,
.has-dark-red-background-color:hover,
.border-danger{ border-color: var(--danger);}
.border-danger-light{ border-color: var(--danger-light);}
.border-danger-dark{ border-color: var(--danger-dark);}
.btn-danger:hover,
.badge-danger[href]:focus,
.badge-danger[href]:hover {
	background-color:  var(--danger-dark) !important;
	border-color:  var(--danger-dark);
}
.table-danger, .table-danger > td, .table-danger > th { color: white; background-color:  var(--danger-a050);}
.border-top.border-danger{ border-top-color: var(--danger);}
.border-bottom.border-danger{ border-bottom-color: var(--danger);}
.text-danger-a050{ color: var(--danger-a050);}

.border-white{ border-color: white}
.border-white-a015{ border-color: var(--white-a015)}
.border-white-a050{ border-color: var(--white-a050)}

.btn-primary,
.btn-secondary,
.btn-success,
.btn-warning,
.btn-danger,
.btn-info,
.btn-dark,
.btn-light{ border: none;}

/*add etc.*/
*[class*="mark-"]{ padding: 0 .15em .15em;}
.mark-primary{ background: linear-gradient(transparent 60%, var(--primary) 60%);}
.mark-primary-a075{ background: linear-gradient(transparent 60%, var(--primary-a075) 60%);}
.mark-primary-a050{ background: linear-gradient(transparent 60%, var(--primary-a050) 60%);}
.mark-primary-a035{ background: linear-gradient(transparent 60%, var(--primary-a035) 60%);}

.bg-white-a090{ background-color: var(--white-a090);}
.bg-white-a075{ background-color: var(--white-a075);}
.bg-white-a060{ background-color: var(--white-a060);}
.bg-white-a050{ background-color: var(--white-a050);}
.bg-white-a025{ background-color: var(--white-a025);}
.bg-white-a010{ background-color: var(--white-a010);}
.bg-black-a005{ background-color: var(--black-a005);}
.bg-black-a010{ background-color: var(--black-a010);}
.bg-primary-a005{ background-color: var(--primary-a005);}
.bg-primary-a010{ background-color: var(--primary-a010);}
.bg-primary-a025{ background-color: var(--primary-a025);}
.bg-secondary-a005{ background-color: var(--secondary-a005);}
.bg-secondary-a010{ background-color: var(--secondary-a010);}
.bg-secondary-a025{ background-color: var(--secondary-a025);}
.bg-secondary-a050{ background-color: var(--secondary-a050);}
.bg-danger-a005{ background-color: var(--danger-a005);}
.bg-danger-a010{ background-color: var(--danger-a010);}
.bg-warging-a005{ background-color: var(--warging-a005);}
.bg-warging-a010{ background-color: var(--warging-a010);}
.bg-warging-a025{ background-color: var(--warging-a025);}
.bg-warging-a050{ background-color: var(--warging-a050);}
.bg-success-a005{ background-color: var(--success-a005);}
.bg-success-a010{ background-color: var(--success-a010);}
.bg-success-a025{ background-color: var(--success-a025);}
.bg-success-a050{ background-color: var(--success-a050);}
.bg-gray-1{ background-color: #f7f7f7;}
.bg-gray-2{ background-color: #eee;}

/* Icon ------------------------------------*/
.u-icon {
  position: relative;
  z-index: 1;
  line-height: .7;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  width: 2.25rem;
  height: 2.25rem;
  font-size: 1.125rem;
  border-radius: .25rem;
  transition: .3s ease-in-out;
}
.u-icon__inner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.u-icon__inner-bottom-minus{ top: 90%;}

/* Icon Sizes ------------------------------------*/
/* Extra Small */
.u-icon--size--xs {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 0.8125rem;
}
/* Small */
.u-icon--size--sm {
  width: 2rem;
  height: 2rem;
  font-size: 1rem;
}
/* Large */
.u-icon--size--lg {
  width: 3.5rem;
  height: 3.5rem;
  font-size: 1.75rem;
}
/* Extra Large */
.u-icon--size--xl {
  width: 5rem;
  height: 5rem;
  font-size: 2.375rem;
}

/* Icon Default Styles ------------------------------------*/
/* primary */
.u-icon-primary {
  color: white;
  background-color: var(--primary);
  border-color: var(--primary);
}
.u-icon-primary[href]:hover {
  color: var(--black);
  background-color: var(--primary);
  border-color: var(--primary);
}
.u-icon-primary.disabled, .u-icon-primary:disabled {
  background-color: var(--primary-light);
  border-color: var(--primary-light);
}
/* secondary */
.u-icon-secondary {
  color: var(--black);
  background-color: var(--secondary);
  border-color: var(--secondary);
}
.u-icon-secondary[href]:hover{
  color: var(--black);
  background-color: var(--secondary-light);
  border-color: var(--secondary-light);
}
.u-icon-secondary.disabled, .u-icon-secondary:disabled {
  background-color: var(--secondary-light);
  border-color: var(--secondary-light);
}
/* success */
.u-icon-success {
  color: var(--black);
  background-color: var(--success);
  border-color: var(--success);
}
.u-icon-success[href]:hover {
  color: var(--black);
  background-color: var(--success-light);
  border-color: var(--success-light);
}
.u-icon-success.disabled, .u-icon-success:disabled {
  background-color: var(--success-light);
  border-color: var(--success-light);
}
/* info ---------------------*/
.u-icon-info {
  color: var(--black);
  background-color: var(--info);
  border-color: var(--info);
}
.u-icon-info[href]:hover {
  color: var(--black);
  background-color: var(--info-light);
  border-color: var(--info-light);
}
.u-icon-info.disabled, .u-icon-info:disabled {
  background-color: var(--info);
  border-color: var(--info);
}
/* warning */
.u-icon-warning {
  color: var(--black);
  background-color: var(--warning);
  border-color: var(--warning);
}
.u-icon-warning[href]:hover {
  color: var(--black);
  background-color: var(--warning-light);
  border-color: var(--warning-light);
}
.u-icon-warning.disabled, .u-icon-warning:disabled {
  background-color: var(--warning);
  border-color: var(--warning);
}
/* danger */
.u-icon-danger {
  color: var(--black);
  background-color: var(--success);
  border-color: var(--success);
}
.u-icon-danger[href]:hover {
  color: white;
  background-color: var(--danger);
  border-color: var(--danger);
}
.u-icon-danger.disabled, .u-icon-danger:disabled {
  background-color: var(--success);
  border-color: var(--success);
}
/* light */
.u-icon-light {
  color: var(--black);
  background-color: var(--light);
  border-color: var(--light);
}
.u-icon-light[href]:hover {
  color: var(--black);
  background-color: var(--light);
  border-color: var(--light);
}
.u-icon-light.disabled, .u-icon-light:disabled {
  background-color: var(--light);
  border-color: var(--light);
}
/* dark */
.u-icon-dark {
  color: white;
  background-color: var(--dark);
  border-color: var(--dark);
}
.u-icon-dark[href]:hover {
  color:white;
  background-color: var(--dark);
  border-color: var(--dark);
}
.u-icon-dark.disabled, .u-icon-dark:disabled {
  background-color: var(--dark);
  border-color: var(--dark);
}
/* white */
.u-icon-white {
  color: var(--black);
  background-color: white;
  border-color: white;
}
.u-icon-white[href]:hover {
  color: var(--black);
  background-color: var(--light);
  border-color: var(--line-light);
}
.u-icon-white.disabled, .u-icon-white:disabled{
  opacity: .5;
}
/* facebook */
.u-icon-facebook {
  color: white;
  background-color: #1877F2;
  border-color: #1877F2;
}
/* google */
.u-icon-google {
  color: white;
  background-color: #d14130;
  border-color: #d14130;
}
/* twitter */
.u-icon-x {
  color: white;
  background-color: black;
  border-color: black;
}

/* instagram */
.u-icon-instagram {
  color:white;
  background-color: #e01784;
  border-color: #e01784;
}
/* github */
.u-icon-github {
  color:white;
  background-color: #24292e;
  border-color: #24292e;
}
/* Icon Block ------------------------------------*/
.u-icon-block__col {
	padding-top: 4rem;
	padding-bottom: 4rem;
	border-bottom: solid 1px var(--line-light);
}
@media (min-width: 768px) {
  .u-icon-block{ border-bottom: solid 1px var(--line-light);}
  .u-icon-block__col{ border-bottom: none;}
  .u-icon-block__col--left-brd{ border-left: solid 1px var(--line-light);}
}

/*  Alerts ------------------------------------*/
/* Alert Icon */
.alert__icon{ font-size: 1.25rem;}

/* Alert Close Button */
.alert__close {
  padding: 0;
  line-height: 1.3;
  opacity: .7;
  background: none;
  border: none;
  cursor: pointer;
  font-size: 1.625rem;
  transition: all .3s;
}
.alert__close--light{ color: white;}
.alert__close--dark{ color: var(--dark);}
.alert__close:hover{ opacity: 1;}
.alert__close:focus{ outline: 0 none;  box-shadow: none;}

/*  Background Arrow ------------------------------------*/
.u-bg-arrow-wrapper{ position: relative;}
.u-bg-arrow-bottom::before{
  position: absolute;
  content: "";
  left: 50%;
  margin-left: -20px;
  bottom: -25px;
  border-style: solid;
  border-width: 25px 20px 0 20px;
  border-color: white transparent transparent transparent;
  z-index: 3;
}
/*  Avatars ------------------------------------*/
.u-avatar { border: solid 3px white;}
/*  Border Radius ------------------------------------*/
.rounded-md { border-radius: .625rem;}


/*  Carousell ------------------------------------*/
.carousel-control-size{ font-size: 2rem;}

/*  Modals ------------------------------------*/
.modal-backdrop.show{ opacity: .3;}
.modal-backdrop.show{ opacity: .3;}
.modal-content { box-shadow: 0 0.25rem 0.6rem var(--black-a005);}
@media (min-width: 576px) {
  .modal-content{ box-shadow: 0 0.5rem 1.625rem var(--black-a005);}
}

/*  Pager ------------------------------------*/
.pager-btn { min-width: 7.2rem;}
.pager-btn.btn-sm { min-width: 6.2rem;}
.pager-btn.btn-lg { min-width: 9.4rem;}

/*  Popover ------------------------------------*/
.popover { box-shadow: 0 0.25rem 0.6rem var(--black-a005);}

/*  Progress Bars ------------------------------------*/
.progress--pill { border-radius: 6.25rem;}
.u-progress-bar-vertical {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-end;
  background-color: var(--black-a005);
  height: 200px;
}
.u-progress-bar-vertical__indicator { background-color: var(--black);}

/*  Tabs ------------------------------------*/
.nav-tabs--v1 .nav-item{ margin-right: 3px;}
.nav-tabs--v1 .nav-item:last-child{ margin-right: 0;}
.nav-tabs--v1 .nav-link{ border-top-width: 3px;}
.nav-tabs--v1 .nav-link:hover, .nav-tabs--v1 .nav-link:focus{ border-color: transparent;}
.nav-tabs--v1 .nav-link.active,
.nav-tabs--v1 .nav-item.show .nav-link{ border-top-color: var(--black);
}
.nav-tabs--v1 .nav-link.active:hover, .nav-tabs--v1 .nav-link.active:focus,
.nav-tabs--v1 .nav-item.show .nav-link:hover,
.nav-tabs--v1 .nav-item.show .nav-link:focus {
  border-left-color: var(--line-light);
  border-right-color: var(--line-light);
  border-top-color: var(--black);
}
.tab-content--v1 {
  padding: 1.25rem 1rem;
  margin-top: -1px;
  border: solid 1px var(--line-light);
  border-bottom-left-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}
.tab-content--v1 p:last-of-type{ margin-bottom: 0;}