/* KEYWORDS: +all, +chrome, +mozilla, +os, +webkit, +win, +windows, -android, -edge, -firefox, -gecko, -ie, -ie10, -ie11, -ie7, -ie8, -ie9, -ipad, -iphone, -khtml, -linux, -mac, -macos, -mobile, -opera, -presto, -safari, -trident, -trident3, -trident4, -trident5, -trident6, -trident7, -upbrowser, -windowsphone, -windowsxp, -winphone, -winxp, -universal */

/*** START evident/global/grid.css ***/
/* Grid */
table {
    border-collapse: collapse;
    border-spacing: 0;
}
table.grid {
    width: 100%;
}
table.grid,
table.grid > tbody,
table.grid > tbody > tr > * {
    display: block;    
}
table.grid > tbody > tr[cols] {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
}
table.grid.align-bottom > tbody > tr[cols] > * {
	display: flex;
	flex-flow: column nowrap;
	justify-content: flex-end;
}

table.grid > tbody > tr[cols="1"] > * {width: 100%;}
table.grid > tbody > tr[cols="2"] > * {width: calc(50% - 15px);}
table.grid > tbody > tr[cols="3"] > * {width: calc(33.3333% - 15px);}
table.grid > tbody > tr[cols="4"] > * {width: calc(25% - 15px);}
table.grid > tbody > tr[cols="5"] > * {width: calc(20% - 15px);}
table.grid > tbody > tr[cols="6"] > * {width: calc(16.6666% - 15px);}
@media (max-width: 979px) {
    table.grid > tbody > tr[cols="2"] > * {width: 100%;}
    table.grid > tbody > tr[cols="3"] > * {width: 100%;}
    table.grid > tbody > tr[cols="4"] > * {width: 100%;}	
    table.grid > tbody > tr[cols="5"] > * {width: 100%;}	
    table.grid > tbody > tr[cols="6"] > * {width: 100%;}	
}
@media (min-width: 980px) {
    table.grid > tbody > tr > *[gridwidth="1"] {width: calc(8.3333% - 15px);}
    table.grid > tbody > tr > *[gridwidth="2"] {width: calc(16.6666% - 15px);}
    table.grid > tbody > tr > *[gridwidth="3"] {width: calc(25% - 15px);}
    table.grid > tbody > tr > *[gridwidth="4"] {width: calc(33.3333% - 15px);}
    table.grid > tbody > tr > *[gridwidth="5"] {width: calc(41.6666% - 15px);}
    table.grid > tbody > tr > *[gridwidth="6"] {width: calc(50% - 15px);}
    table.grid > tbody > tr > *[gridwidth="7"] {width: calc(58.3333% - 15px);}
    table.grid > tbody > tr > *[gridwidth="8"] {width: calc(66.6666% - 15px);}
    table.grid > tbody > tr > *[gridwidth="9"] {width: calc(75% - 15px);}
    table.grid > tbody > tr > *[gridwidth="10"] {width: calc(83.3333% - 15px);}
    table.grid > tbody > tr > *[gridwidth="11"] {width: calc(91.6666% - 15px);}
    table.grid > tbody > tr > *[gridwidth="12"] {width: calc(100% - 15px);}   
}
@media (max-width: 979px) {
    table.grid > tbody > tr > * {
        width: 100%;
    }
	table.grid > tbody > tr > th {
		order: 1;
	}
	table.grid > tbody > tr > td {
		order: 2;
	}
}
@media (min-width: 980px) {
	.grid.valign-middle tr {
		align-items: center;
	}	
	.grid.valign-bottom tr {
		align-items: flex-end;
	}	
}

/* bootstrap START */
/* ---------------------------------------------------------------------------------------------------------------- */
*, *:before, *:after {
	 -webkit-box-sizing: border-box;
	 -moz-box-sizing: border-box;
	 box-sizing: border-box;
}
html {
    font-size:62.5%;
    -webkit-tap-highlight-color:rgba(0,0,0,0)
}
hr {height: 0; -moz-box-sizing: content-box; box-sizing: content-box; margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #eee;}
.hidden {display:none!important; visibility:hidden!important;}
figure {margin: 0;}
.img-circle {border-radius: 50%;}
input[type="checkbox"],
input[type="radio"] {
	padding: 0;
	box-sizing: border-box;
}
.img-responsive {
    display: block;
    height: auto;
    max-width: 100%;
}
.pull-right {
	float: right;
}
/* .row START */
.row {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
}
.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {

}
.col-xs-12 { width: 100%; }
.col-xs-11 { width: calc(91.66666667% - 15px); }
.col-xs-10 { width: calc(83.33333333% - 15px); }
.col-xs-9 { width: calc(75% - 15px); }
.col-xs-8 { width: calc(66.66666667% - 15px); }
.col-xs-7 { width: calc(58.33333333% - 15px); }
.col-xs-6 { width: calc(50% - 15px); }
.col-xs-5 { width: calc(41.66666667% - 15px); }
.col-xs-4 { width: calc(33.33333333% - 15px); }
.col-xs-3 { width: calc(25% - 15px); }
.col-xs-2 { width: calc(16.66666667% - 15px); }
.col-xs-1 { width: calc(8.33333333% - 15px); }

@media (min-width: 768px) {
.col-sm-12 { width: 100%; }
.col-sm-11 { width: calc(91.66666667% - 15px); }
.col-sm-10 { width: calc(83.33333333% - 15px); }
.col-sm-9 { width: calc(75% - 15px); }
.col-sm-8 { width: calc(66.66666667% - 15px); }
.col-sm-7 { width: calc(58.33333333% - 15px); }
.col-sm-6 { width: calc(50% - 15px); }
.col-sm-5 { width: calc(41.66666667% - 15px); }
.col-sm-4 { width: calc(33.33333333% - 15px); }
.col-sm-3 { width: calc(25% - 15px); }
.col-sm-2 { width: calc(16.66666667% - 15px); }
.col-sm-1 { width: calc(8.33333333% - 15px); }
}

@media (min-width: 992px) {
.col-md-12 { width: 100%; }
.col-md-11 { width: calc(91.66666667% - 15px); }
.col-md-10 { width: calc(83.33333333% - 15px); }
.col-md-9 { width: calc(75% - 15px); }
.col-md-8 { width: calc(66.66666667% - 15px); }
.col-md-7 { width: calc(58.33333333% - 15px); }
.col-md-6 { width: calc(50% - 15px); }
.col-md-5 { width: calc(41.66666667% - 15px); }
.col-md-4 { width: calc(33.33333333% - 15px); }
.col-md-3 { width: calc(25% - 15px); }
.col-md-2 { width: calc(16.66666667% - 15px); }
.col-md-1 { width: calc(8.33333333% - 15px); }
}

@media (min-width: 1200px) {
    .col-lg-12 { width: 100%; }
    .col-lg-11 { width: calc(91.66666667% - 15px); }
    .col-lg-10 { width: calc(83.33333333% - 15px); }
    .col-lg-9 { width: calc(75% - 15px); }
    .col-lg-8 { width: calc(66.66666667% - 15px); }
    .col-lg-7 { width: calc(58.33333333% - 15px); }
    .col-lg-6 { width: calc(50% - 15px); }
    .col-lg-5 { width: calc(41.66666667% - 15px); }
    .col-lg-4 { width: calc(33.33333333% - 15px); }
    .col-lg-3 { width: calc(25% - 15px); }
    .col-lg-2 { width: calc(16.66666667% - 15px); }
    .col-lg-1 { width: calc(8.33333333% - 15px); }
}
/* .row END */
/* ---------------------------------------------------------------------------------------------------------------- */


.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
  display: none !important;
}
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important;
}
@media (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }
  table.visible-xs {
    display: table !important;
  }
  tr.visible-xs {
    display: table-row !important;
  }
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-block {
    display: block !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-inline {
    display: inline !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important;
  }
  table.visible-sm {
    display: table !important;
  }
  tr.visible-sm {
    display: table-row !important;
  }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-block {
    display: block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline {
    display: inline !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important;
  }
  table.visible-md {
    display: table !important;
  }
  tr.visible-md {
    display: table-row !important;
  }
  th.visible-md,
  td.visible-md {
    display: table-cell !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-block {
    display: block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline {
    display: inline !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg {
    display: block !important;
  }
  table.visible-lg {
    display: table !important;
  }
  tr.visible-lg {
    display: table-row !important;
  }
  th.visible-lg,
  td.visible-lg {
    display: table-cell !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-block {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-inline {
    display: inline !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-inline-block {
    display: inline-block !important;
  }
}
@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }
}
.visible-print {
  display: none !important;
}
@media print {
  .visible-print {
    display: block !important;
  }
  table.visible-print {
    display: table !important;
  }
  tr.visible-print {
    display: table-row !important;
  }
  th.visible-print,
  td.visible-print {
    display: table-cell !important;
  }
}
.visible-print-block {
  display: none !important;
}
@media print {
  .visible-print-block {
    display: block !important;
  }
}
.visible-print-inline {
  display: none !important;
}
@media print {
  .visible-print-inline {
    display: inline !important;
  }
}
.visible-print-inline-block {
  display: none !important;
}
@media print {
  .visible-print-inline-block {
    display: inline-block !important;
  }
}
@media print {
  .hidden-print {
    display: none !important;
  }
}

.collapse {
  display: none;
}
.collapse.in {
  display: block;
}
tr.collapse.in {
  display: table-row;
}
tbody.collapse.in {
  display: table-row-group;
}
.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  transition-timing-function: ease;
  transition-duration: .35s;
  transition-property: height, visibility;
}

/* bootstrap accordion */ 
/* /geoscience-infographic/ */
.panel-group {
    border-bottom: 1px solid #e7e7e7;
	
	/* taskId.16817417 2020/04/17 floating creates border inside of content */
	clear: both;
	overflow: hidden;
}
.panel-group .panel {
	border-top: 1px solid #e7e7e7;
	clear: both;
	overflow: hidden;
}
.panel-body {
    padding-bottom: 10px;
}
.panel-group .panel-heading {
  font-size: 18px;
  font-family: 'Roboto', Arial, Helvetica, sans-serif;
  font-weight: 300;
  color:  #005cb9;
  position: relative;
  padding: 0px;
  margin: 0;
  overflow: hidden;
  display: block;
  cursor: pointer;
}
html[lang="ja-JP"] .panel-group .panel-heading {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Osaka", "Arial", "Helvetica", Sans-serif;
}
.panel-group .panel-heading a {
	padding: 8px 0;
	display: flex;
	flex-flow: row nowrap;
	align-items: baseline;
    overflow: visible;
}
.panel-group .panel-heading a::before {
	content: '';
	display: inline-block;
	width: 6px;
	height: 11px;
	margin-right: 10px;
	background-image: var(--sprite);
	background-repeat: no-repeat;
	background-position: -175px 0;
	transform: rotate(90deg) translateY(-2px);
	transition: transform 0.3s;
	flex: 0 0 auto;
}
.panel-group .panel-heading:hover a::before {
	background-position: -175px -25px;
}
.panel-group .panel-heading a.collapsed::before {
	background-position: -175px 0px;
	transform: rotate(0deg);
    transition: transform 0.3s;
}
.panel-group .panel-heading a.collapsed:hover::before {
	background-position: -175px -25px;
}

/* tables START */
.table {
     width:100%;
     margin-bottom:20px
}
.table thead > tr > th,
.table tbody > tr > th,
.table tfoot > tr > th,
.table thead > tr > td,
.table tbody > tr > td,
.table tfoot > tr > td {
     padding:8px;
     line-height:1.428571429;
     vertical-align:top;
     border-top:1px solid #ddd
}
.table thead > tr > th {
 vertical-align:bottom;
 border-bottom:2px solid #ddd
}
.table tbody + tbody {
    border-top:2px solid #ddd
}
.table-bordered {
    border: 1px solid #ddd;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
 border:1px solid #ddd
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
 border-bottom-width:2px
}
@media(max-width:768px) {
 .table-responsive {
  width:100%;
  margin-bottom:15px;
  overflow-x:scroll;
  overflow-y:hidden;
  border:1px solid #ddd
 }
 .table-responsive>.table {
  margin-bottom:0;
  background-color:#fff
 }
 .table-responsive > .table > thead > tr > th,
 .table-responsive > .table > tbody > tr > th,
 .table-responsive > .table > tfoot > tr > th,
 .table-responsive > .table > thead > tr > td,
 .table-responsive > .table > tbody > tr > td,
 .table-responsive > .table > tfoot > tr > td {
  white-space:nowrap;
 }
 .table-responsive>.table-bordered {
    border:0;
 }
 .table-responsive > .table-bordered > thead > tr > th:first-child,
 .table-responsive > .table-bordered > tbody > tr > th:first-child,
 .table-responsive > .table-bordered > tfoot > tr > th:first-child,
 .table-responsive > .table-bordered > thead > tr > td:first-child,
 .table-responsive > .table-bordered > tbody > tr > td:first-child,
 .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left:0;
 }
 .table-responsive > .table-bordered > thead > tr > th:last-child,
 .table-responsive > .table-bordered > tbody > tr > th:last-child,
 .table-responsive > .table-bordered > tfoot > tr > th:last-child,
 .table-responsive > .table-bordered > thead > tr > td:last-child,
 .table-responsive > .table-bordered > tbody > tr > td:last-child,
 .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right:0;
 }
 .table-responsive > .table-bordered > thead > tr:last-child > th,
 .table-responsive > .table-bordered > tbody > tr:last-child > th,
 .table-responsive > .table-bordered > tfoot > tr:last-child > th,
 .table-responsive > .table-bordered > thead > tr:last-child > td,
 .table-responsive > .table-bordered > tbody > tr:last-child > td,
 .table-responsive > .table-bordered > tfoot > tr:last-child > td {
    border-bottom:0;
 }
}
/* tables END */

/* bootstrap END */
/* ---------------------------------------------------------------------------------------------------------------- */
/*** END evident/global/grid.css ***/

/*** START evident/global/common.css ***/
:root {
	--light-grey: #f3f3f3;
	--blue: #005cb9;
	--red: #b94a48;
	
	--c: #000000;
	--cLink: #005cb9;
	--cLInkHover: #005cb9;
	
	--c-h1: #005cb9;
	--c-h2: #000000;
	--c-h3: #000000;
	--c-h4: #000000;
	--c-h5: #000000;
	--c-h6: #000000;
	
	--fz: 16px;
	--ff: Arial, Helvetica, sans-serif;
	--ffJa: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Osaka", "Arial", "Helvetica", Sans-serif;
	--ffHeading: 'Roboto', Arial, Helvetica, sans-serif;
		
	--lh: 1.8em;	
	
	--fz-h1: 30px;
	--fz-h2: 25px;
	--fz-h3: 20px;
	--fz-h4: 18px;
	--fz-h5: 15px;
	--fz-h6: 14px;
	
	--fz-h1-tablet: 28px;
	--fz-h2-tablet: 25px;
	--fz-h3-tablet: 20px;
	--fz-h4-tablet: 18px;
	--fz-h5-tablet: 15px;
	--fz-h6-tablet: 14px;
	
	--fz-h1-mobile: 24px;
	--fz-h2-mobile: 20px;
	--fz-h3-mobile: 18px;
	--fz-h4-mobile: 16px;
	--fz-h5-mobile: 15px;
	--fz-h6-mobile: 14px;
	
	--sprite: url(../data/i/sprite.png?ver3);
	--bdc: #e7e7e7;	
}

/* taskId.16820331 2022/10/06 - replace with local font */
/* roboto-regular - latin-ext_latin_cyrillic  google-webfonts-helper.herokuapp.com/fonts/  */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../data/fonts/roboto/roboto-v30-latin-ext_latin_cyrillic-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../data/fonts/roboto/roboto-v30-latin-ext_latin_cyrillic-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../data/fonts/roboto/roboto-v30-latin-ext_latin_cyrillic-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../data/fonts/roboto/roboto-v30-latin-ext_latin_cyrillic-regular.woff') format('woff'), /* Modern Browsers */
       url('../data/fonts/roboto/roboto-v30-latin-ext_latin_cyrillic-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../data/fonts/roboto/roboto-v30-latin-ext_latin_cyrillic-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-700 - latin-ext_latin_cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('../data/fonts/roboto/roboto-v30-latin-ext_latin_cyrillic-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../data/fonts/roboto/roboto-v30-latin-ext_latin_cyrillic-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../data/fonts/roboto/roboto-v30-latin-ext_latin_cyrillic-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../data/fonts/roboto/roboto-v30-latin-ext_latin_cyrillic-700.woff') format('woff'), /* Modern Browsers */
       url('../data/fonts/roboto/roboto-v30-latin-ext_latin_cyrillic-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../data/fonts/roboto/roboto-v30-latin-ext_latin_cyrillic-700.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* =GENERAL */
/* ---------------------------------------------------------------------------------------------------------------- */
html,
body {
    padding: 0;
    margin: 0;
}
@media (min-width: 1921px) {
	body {
		width: 1920px;
		margin: 0 auto;
	}
}
body {
	background-color: transparent;
	color: var(--c);
	font-family: var(--ff);
	font-size: var(--fz);
	line-height: var(--lh);
}
html[lang="ja-JP"] body {
	font-family: var(--ffJa);
}
*,
*:hover,
*:focus {
	outline: none;
	box-shadow: none;
}
.body-container {
    display: block !important;
}
p {
    margin: 0 0 20px;
}
sup {
	font-size: 9px;
}
td,
th {
	padding: 0;
}
a {
    color: var(--cLink);
    text-decoration: none;
	font-weight: bold;
}
a:hover,
a:focus {
    text-decoration: underline;
	color: var(--cLinkHover);
}
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
	font-family: var(--ffHeading);
	font-weight: bold;
	
}
html[lang="ja-JP"] :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6) {
	font-family: var(--ffJa);
	font-weight: normal;
}

h1, .h1 {color: var(--c-h1); font-size: var(--fz-h1); line-height: 1.1em; margin-top: 30px; margin-bottom: 20px;}
h2, .h2 {color: var(--c-h2); font-size: var(--fz-h2); line-height: 1.2em; margin-top: 30px; margin-bottom: 20px;}
h3, .h3 {color: var(--c-h3); font-size: var(--fz-h3); line-height: 1.3em; margin-top: 30px; margin-bottom: 20px;}
h4, .h4 {color: var(--c-h4); font-size: var(--fz-h4); line-height: 1.4em; margin-top: 30px; margin-bottom: 20px; font-weight: normal;}
h5, .h5 {color: var(--c-h5); font-size: var(--fz-h5); line-height: 1.5em; margin-top: 30px; margin-bottom: 20px;}
h6, .h6 {color: var(--c-h6); font-size: var(--fz-h6); line-height: 1.6em; margin-top: 30px; margin-bottom: 20px;}

@media (max-width: 1024px) {
	h1, .h1 {font-size: var(--fz-h1-tablet);}
	h2, .h2 {font-size: var(--fz-h2-tablet);}
	h3, .h3 {font-size: var(--fz-h3-tablet);}
	h4, .h4 {font-size: var(--fz-h4-tablet);}
	h5, .h5 {font-size: var(--fz-h5-tablet);}
	h6, .h6 {font-size: var(--fz-h6-tablet);}
}
@media (max-width: 767px) {
	h1, .h1 {font-size: var(--fz-h1-mobile);}
	h2, .h2 {font-size: var(--fz-h2-mobile);}
	h3, .h3 {font-size: var(--fz-h3-mobile);}
	h4, .h4 {font-size: var(--fz-h4-mobile);}
	h5, .h5 {font-size: var(--fz-h5-mobile);}
	h6, .h6 {font-size: var(--fz-h6-mobile);}
}
@media (max-width: 479px) {
	h1, .h1 {font-size: var(--fz-h1-mobile);}
	h2, .h2 {font-size: var(--fz-h2-mobile);}
	h3, .h3 {font-size: var(--fz-h3-mobile);}
	h4, .h4 {font-size: var(--fz-h4-mobile);}
	h5, .h5 {font-size: var(--fz-h5-mobile);}
	h6, .h6 {font-size: var(--fz-h6-mobile);}
}


h1 a, h1 a:hover, h1 a:focus {color: var(--cLink);}
h2 a, h2 a:hover, h2 a:focus {color: var(--cLink);}
h3 a, h3 a:hover, h3 a:focus {color: var(--cLink);}
h4 a, h4 a:hover, h4 a:focus {color: var(--cLink);}
h5 a, h5 a:hover, h5 a:focus {color: var(--cLink);}
h6 a, h6 a:hover, h6 a:focus {color: var(--cLink);}

img[align="left"] {margin-right: 15px; margin-bottom: 5px;}
img[align="right"] {margin-left: 15px; margin-bottom: 5px;}
img.img-responsive-inline {max-width: 100%; height: auto;}
img.img-responsive-inline-important {max-width: 100%; height: auto !important;}

figure * {line-height: 1.8em;}
figure, figure img {line-height: 0em;}
img {vertical-align: middle;} /* this line should resolve image bottom spacing and line-height: 0em for the figure should be removed */

.h1-small {font-size: 20px;}
.h2-small {font-size: 16px;}

.blue {color: #005cb9;}
.yellow {color: $yellow;}

.container {
    width: 1270px;
    max-width: 100%;
    margin: 0 auto;
    padding: 0 15px;
    position: relative;
}

.text-center {text-align: center;}
table {border-collapse: collapse; border-spacing: 0;}
th {text-align: left;}


/* =HEADER */
/* ---------------------------------------------------------------------------------------------------------------- */
header-placeholder {
	height: 91px;
}
header {
	padding: 20px 0;
	position: sticky;
	top: 0px;
	background-color: #fff;
	z-index: 3;
}
@media (max-width: 1023px) {
	header {
		min-height: 70px;
	}
}
header .container {
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between
}

.header-container-right {
	display: flex;
	flex-flow: column nowrap;
	align-items: flex-end;
}
@media (max-width: 1023px) {
	.header-container-right {
		display: flex;
		flex-flow: row nowrap;
	}	
	.header-container-right .logo img {
		height: 20px !important;
		width: auto !important;
	}	
}
@media (max-width: 479px) {
	.header-container-right .logo {
		display: none;
	}
}

.top-lang {
	margin-top: 25px;
}
@media (min-width: 1024px) {
	.mobile-lang {
		display: none;
	}
}
@media (max-width: 1023px) {
	.top-lang {
		display: none;
	}
}
.top-lang select,
.mobile-lang select {
	cursor: pointer;
	font-family: var(--ff);
	font-size: var(--fz);
	border: 0 none;
	padding: 0;
	background-color: transparent;
	background: url(../data/i/caret.png) right center no-repeat;
	border-radius: 0;
	-webkit-appearance: none;
       -moz-appearance: none;
	    appearance: none;	
}
.mobile-lang select {
	font-size: 16px;
	font-weight: bold;
	width: 100%;
	padding: 15px 10px 15px 15px;
}
.top-lang select {
	width: 50px;
}

.top-lang-selector .langSelectorInner {
	display: flex;
	flex-flow: column nowrap;
	text-align: right;
	position: absolute;
	right: 0;
	top: 60px;
	z-index: 1;
}
.top-lang-selector a {
	font-weight: normal;
	color: #000000;
	font-size: 14px;
	white-space: nowrap;
}
.top-lang-selector a:hover,
.top-lang-selector a:focus {
	text-decoration: none;
}
.top-lang-selector .separator {
	display: none;
}
.top-lang-selector .activeLang {
	order: 1;
	padding: 5px 15px;
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	justify-content: flex-end;
}
.top-lang-selector .activeLang:hover,
.top-lang-selector .activeLang:focus,
body.open-lang-dropdown .top-lang-selector .activeLang {
	color: #005cb9;
}
.top-lang-selector .activeLang::after {
	content: '';
	display: inline-block;
	width: 11px;
	height: 7px;
	background: var(--sprite) no-repeat -100px -25px;
	margin-left: 7px;
	transition: transform 0.1s;
}
.top-lang-selector .activeLang:hover::after,
.top-lang-selector .activeLang:focus::after,
body.open-lang-dropdown .top-lang-selector .activeLang::after {
	background-position: -125px -25px;
}
body.open-lang-dropdown .top-lang-selector .activeLang::after {
	transform: rotate(180deg);
}
.top-lang-selector .inactiveLang {
	display: none;
	order: 2;
	background-color: #fff;
	padding: 5px 15px;
	background-color: #f3f3f3;
	border-bottom: 1px solid #e7e7e7;
	box-shadow: 3px 3px 3px rgba(0,0,0,0.05);
}
.top-lang-selector .inactiveLang:hover {
	color: #005cb9;
}
body.open-lang-dropdown .top-lang-selector .inactiveLang {
	display: inline-block;
}
@media (max-width: 1023px) {
	.top-lang-selector {
		display: none;
	}
}


/* =CONTENT */
/* ---------------------------------------------------------------------------------------------------------------- */

body.fullwidth main .container {
	width: 100%;
	max-width: 100%;
	padding: 0;
}
body.fullwidth .cms-content > *:not(section),
body.fullwidth .cms-content > section > table {
	width: 1270px;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding: 0 15px;
}
body.fullwidth .cms-content > section::before,
body.fullwidth .cms-content > section::after {
	display: none;
}

.cms-content img {
	max-width: 100%;
	height: auto !important;
}
h3.bg-blue,
h3.bg-light-grey {
	background-color: #005cb9;
	color: #fff;
	padding: 30px 50px 30px 0px;
	display: inline-block;
	position: relative;
	text-shadow: 3px 3px 3px rgba(0,0,0,0.2);
	max-width: 50%;
}
h3.bg-light-grey {
	background-color: #f3f3f3;
	color: #000000;
}
h3.bg-blue::before,
h3.bg-light-grey::before {
	content: '';
	display: block;
	position: absolute;
	height: 100%;
	width: 100px;
	width: calc((100vw - 1240px)/2);
	right: 100%;
	top: 0;
	background-color: #005cb9;
}
h3.bg-light-grey::before {
	background-color: #f3f3f3;
}
h3.bg-blue a {
	color: #fff;
}
body.fullwidth h3.bg-blue::before, 
body.fullwidth h3.bg-light-grey::before {
	display: none;
}
body.fullwidth h3.bg-blue, 
body.fullwidth h3.bg-light-grey {
	padding: 50px;
	padding-left: calc((100vw - 1255px)/2);
	width: auto;
}
@media (max-width: 1299px) {
	body.fullwidth h3.bg-blue, 
	body.fullwidth h3.bg-light-grey {
		padding-left: 50px;
		max-width: calc(100% - 50px);
	}
}
@media (max-width: 767px) {
	body.fullwidth h3.bg-blue, 
	body.fullwidth h3.bg-light-grey {
		padding: 15px 25px;
	}
}

/* ipop customization START */
/* ----------------------------------------------------------------------- */
div.iPopBlock {
    z-index: 4004;
}
div.iPopBlock .iPopCloseBtn {
	background-image: none;
	width: 20px;
	height: 20px;
    transition: all 0.2s ease-in-out;
}
div.iPopBlock .iPopCloseBtn::before {
    content: '';
	background-image: var(--sprite);
    background-repeat: no-repeat;
    background-position: -50px -25px;
    display: inline-block;
    width: 15px;
    height: 15px;
}
div.iPopBlock.styled .iPopBox {
	background-color: #fff;
}
div.iPopBlock .iPopBox h1:first-child,
div.iPopBlock .iPopBox h2:first-child,
div.iPopBlock .iPopBox h3:first-child,
div.iPopBlock .iPopBox h4:first-child,
div.iPopBlock .iPopBox h5:first-child,
div.iPopBlock .iPopBox h6:first-child {
	margin-top: 10px;
	padding-top: 0px;
}

@keyframes spin {
    from {transform:rotate(0deg);}
    to {transform:rotate(360deg);}
}
html.system-curtain-active body > *:not(#iPopStack):not(.system-curtain),
html.iPopActive body > *:not(#iPopStack):not(.system-curtain) {
    filter:blur(0px);
    -o-filter:blur(0px);
    -ms-filter:blur(0px);
    -moz-filter:blur(0px);
    -webkit-filter:blur(0px);
}

.iPopBlock.iframeType.loading,
.cmsTabBlock .loading {
	background-color: rgba(0,0,0,0.5) !important;
	background-image: none !important;
	color: #fff;
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100% !important;
	height: 100% !important;
	transform: scale(0);
	transition:
		opacity 0.5s linear,
		transform 0s linear 0.5s;
	opacity: 1;
	font-size: 50px;
	z-index: 9999;
	transform: scale(1);
	display: flex;
	flex-flow: column nowrap;
	justify-content: center;
	align-items: center;
}
.iPopBlock.iframeType.loading::before,
.cmsTabBlock .loading::before {
	content: '';
	width: 50px;
	height: 50px;
	display: inline-block;
	background-repeat: no-repeat;
	background-image: url(../data/i/spinner.png);
	animation: spin 2s linear;
    animation-iteration-count: infinite;
	background-color: transparent;
	padding: 0px;
	margin: 0;
}
.cmsTabBlock .loading b {
	font-size: var(--fz);
	font-family: var(--ffHeading);
	font-weight: normal;
	display: inline-block;
	margin-top: 10px;
}
html[lang="ja-JP"] .cmsTabBlock .loading b  {
	font-family: var(--ffJa);
}
.iPopBlock.iframeType.loading::after {
	content: 'loading';
	color: #fff;
	margin-top: 15px;
	font-family: var(--ff);
	font-size: 14px;
}
.iPopBlock.iframeType.loading .iPopClose {
	display: none;
}
.iPopBlock.iframeType.loading .iPopBox {
	opacity: 0;
	transition: all 0.3s;
}
.ipop-popup-form.iPopBlock .iPopCloseBtn::before {
    background-position: -75px -25px;
    width: 18px;
    height: 18px;
}
.ipop-popup-form.iPopBlock .iPopCloseBtn {
	right: 34px;
	top: 34px;	
}
@media (min-width: 1025px) {
	.ipop-popup-form.iPopBlock .iPopBox {
		padding: 30px;
	}	
	.ipop-popup-form.iPopBlock .iPopCloseBtn {
		right: 64px;
		top: 44px;
	}	
}
/* ipop customization END */
/* ----------------------------------------------------------------------- */

.cms-content section {
	padding: 50px 0;
	position: relative;
}
@media (max-width: 767px) {
	.cms-content section {
		padding: 25px 0;
	}
}
.cms-content section::before,
.cms-content section::after {
	content: '';
	display: block;
	position: absolute;
	height: 100%;
	width: 100px;
	width: calc((100vw - 1256px)/2);
	right: 100%;
	top: 0;	
}
.cms-content section::after {
	right: auto;
	left: 100%;	
}
section.bg-light-grey {
	background-color: #f3f3f3;
}
section.bg-light-grey::before,
section.bg-light-grey::after {
	background-color: #f3f3f3;
}

section.no-padding-top {
	padding-top: 0;
}
section.no-padding-bottom {
	padding-bottom: 0;
}

@media (min-width: 980px) {
	.border-between tr > * {
		padding: 30px 50px;
	}
	.border-between tr > *:first-child {
		padding-left: 0;
		border-right: 1px solid #000;
	}
	.border-between td:last-child {
		padding-right: 0;
	}	
}
@media (max-width: 979px) {
	.border-between tr {
		flex-flow: column wrap;
	}
	.border-between tr > * {
		padding: 0;
	}
	.border-between tr > *:first-child {
		border-bottom: 1px solid #000;
		padding: 0 0 20px;
	}
	.border-between td:last-child {
		border-bottom: 1px solid #000;
		padding: 20px 0 0;
	}
}

.border-left td {
	padding: 30px 50px;
}
.border-left td:first-child {
	border-left: 1px solid #000;
	padding-left: 50px;
}
@media (max-width: 767px) {
	.border-left td {
		padding: 15px 30px;
	}
	.border-left td:first-child {
		padding-left: 30px;
	}	
}

.checkoutError,
.error {
	color: #b94a48;
}
.global-login-form .checkoutError {
	margin: 0 0 15px;
}

/* custom geo content START */
/* ----------------------------------------------------------------------- */
.geo-warning-active {
	background-image: url(../data/i/geo.png);
	background-position: center top;
	background-repeat: no-repeat;
	font-size: 36px;
	line-height: 1.3em;
	color: #444444;
	text-align: center;
	min-height: 300px;
	padding-top: 50px;
	margin-top: 50px;
}
.col-content .geo-warning-active::before {
	display: block;
	content: '';
	background-image: var(--sprite);
	background-position: -375px -50px;
	background-repeat: no-repeat;
	color: #e49900;
	font-size: 43px;
	margin: 0 auto 15px;
	width: 43px;
	height: 41px;
}

/* taskId.16820138 */
.geo-warning-full-page.geo-warning-active {
	min-height: 100vh;
	min-width: 100vw;
	display: flex;
	flex-flow: column nowrap;
	justify-content: center;
	align-items: center;
	text-align: center;
	background-position: center center;
	padding: 50px 15px 15px;
	background: url(../data/i/geo.png) center center no-repeat white;
	font-family: var(--ff);
	font-size: 36px;
	line-height: 1.3em;
	color: #444444;
	margin: 0;
}
.geo-warning-full-page.geo-warning-active::before {
	content: '';
	width: 44px;
	height: 41px;
	background: var(--sprite) no-repeat -375px -33px;
	display: block;
	margin: 0 0 15px;
}
@media (max-width: 767px) {
	.geo-warning-full-page.geo-warning-active {
		font-size: 24px;
	}
}

/* custom geo content END */
/* ----------------------------------------------------------------------- */


/* taskId.16820144 2022/08/05 list content START */
/* ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ */
@media (min-width: 1024px) {
	.nav-list-content-table-container {
		display: flex;
		flex-flow: row nowrap;
	}
	.nav-list-content {
		width: 250px;
		display: flex;
		flex-flow: column nowrap;
		padding: 0;
		margin: 0;
		list-style-type: none;
	}
	.nav-list-content li {
		padding: 10px 15px 10px 0px;
		margin: 0;
		cursor: pointer;
		text-align: right;
		display: flex;
		flex-flow: column nowrap;
		justify-content: center;
		flex: 0 1 auto;
		border-right: 1px solid #333;
		display: flex;
		flex-flow: row nowrap;
	}
	.nav-list-content li::after {
		height: 100%;
		content: '';
		width: 5px;
		background-color: #333;
		background-color: #005cb9;
		display: block;
		margin-left: auto;
		transform: translateX(18px);
		transition: opacity 0.3s;
		opacity: 0;
	}
	.nav-list-content li:not(.active):hover::after {
		background-color: #333;
		opacity: 1;
	}
	.nav-list-content li.active::after {
		opacity: 1;
	}
	.nav-list-content li a {
		text-decoration: none;
		text-align: right;
	}
	.nav-list-content li.active a {

	}
	.nav-list-content-table-container .tab-content {
		width: calc(100% - 250px);
		padding: 0 0 0 30px;
	}
	.nav-list-content-table-content {
		display: none;
	}
	.nav-list-content-table-content.active {
		display: block;
	}
	.nav-list-content-table-content .h2 {
		display: none;
	}	
}
@media (max-width: 1023px) {
	.nav-list-content {
		display: none;
	}
	.nav-list-content-content {
		display: none;
	}	
	.nav-list-content-table-content.active .nav-list-content-content {
		display: block;
	}
	.nav-list-content-table-content.active[mobile-collapsed] .nav-list-content-content {
		display: none;
	}
	.nav-list-content-table-container .tab-content {
		border-bottom: 1px solid #e7e7e7;
	}
	.nav-list-content-table-content {
		border: 1px solid #e7e7e7;
		border-bottom: 0 none;
		padding: 15px;
		background-color: #f7f7f7;
	}
	.nav-list-content-table-content.active {
		background-color: transparent;
	}
	.nav-list-content-table-content.active[mobile-collapsed] {
		background-color: #f7f7f7;
	}
	.nav-list-content-table-content .h2 {
		display: flex;
		flex-flow: row nowrap;
		justify-content: space-between;
		margin: 0;
		padding: 0;
		cursor: pointer;
		font-size: 20px;
	}
	.nav-list-content-table-content.active .h2 {
		color: #005cb9;
		margin: 0 0 15px;
	}
	.nav-list-content-table-content.active[mobile-collapsed] .h2 {
		color: #000000;
		margin: 0;
	}
	.nav-list-content-table-content .h2::after {
		content: '';
		background: var(--sprite) no-repeat -125px -125px;
		width: 12px;
		height: 18px;
		transform: rotate(90deg);
		display: block;
	}
	.nav-list-content-table-content.active .h2::after {
		transform: rotate(-90deg);
		background-position: -100px -125px;
		flex: 0 0 auto;
	}
	.nav-list-content-table-content.active[mobile-collapsed] .h2::after {
		transform: rotate(90deg);
		background-position: -125px -125px;
	}
}
@media (max-width: 767px) {
	.nav-list-content-table-content .h2 {
		font-size: 16px;
	}
}

.list-content-boxes,
.list-content-boxes tr,
.list-content-boxes td,
.list-content-boxes th {
	display: block;
	border: 0 none;
	padding: 0;
	margin: 0;
}
.list-content-boxes tbody {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
}
.list-content-boxes tbody::after {
	content: '';
	width: calc(33.3333% - 20px);
}
.list-content-boxes tr {
	width: calc(33.3333% - 20px);
	box-shadow: 0 0 10px rgba(0,0,0,0.1);
	position: relative;
	margin: 0 0px 30px 0;
	overflow: hidden;
	transition: all 0.3s;
}
@media (max-width: 1199px) {
	.list-content-boxes tr {
		width: calc(50% - 15px);
	}
	.list-content-boxes tbody::after {
		display: none;
	}
	
	.questionEvident {
	    display:none;
	}
	
}
@media (max-width: 479px) {
	.list-content-boxes tr {
		width: 100%;
		margin: 0 0 15px;
	}
}
.list-content-boxes tr:hover {
	box-shadow: 0 0 15px rgba(0,0,0,0.3);
}
.list-content-boxes td {
	position: absolute;
	background-color: rgba(255,255,255,0.95);
	bottom: 0;
	left: 0;
	width: calc(100% - 50px);
	padding: 10px;
	font-size: 13px;
}
.list-content-boxes h4 {
	margin: 0;
}
.list-content-boxes p {
	margin: 0;
}
.list-content-boxes img {
	width: 100%;
	transition: all 0.5s;
}
.list-content-boxes tr:hover img {
	transform: scale(1.1);
}
.list-content-boxes a:hover,
.list-content-boxes a:focus {
	text-decoration: none;
}	
.list-content-boxes td p {
	display: none;
}
.list-content-boxes td p:last-child a {
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	font-size: 14px;
}
.list-content-boxes td p:last-child a::after {
	content: '';
	display: inline-block;
	width: 30px;
	height: 10px;
	background: var(--sprite) -111px 0;
	flex: 0 0 auto;
	margin: 0 0 0 10px;
	transition: all 0.3s;
	transform: translateX(0px);
}
.list-content-boxes td p:last-child a:hover::after {
	transform: translateX(5px);
}

@media (max-width: 1024px) {
	/* on mobile devices there is no mouseover */
	.list-content-boxes tr {
		display: flex;
		flex-flow: column nowrap;
		box-shadow: 0 0 0 transparent;
	}
	.list-content-boxes td {
		flex: 1 1 auto;
		position: static;
		background-color: #f3f3f3;
		width: 100%;
		display: flex;
		flex-flow: column nowrap;
	}
	.list-content-boxes td p {
		display: block !important;
	}
	.list-content-boxes td > *:last-child {
		margin-top: auto;
	}
	.questionEvident {
	    display:none;
	}
}

.questionEvident {
    display:none;
}
/* taskId.16820144 2022/08/05 list content END */
/* ↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑ */


/* =FOOTER */
/* ---------------------------------------------------------------------------------------------------------------- */
footer {
	text-align: center;
	padding: 100px 0;
	background-color: #fff;
	position: relative;
}
@media (max-width: 1024px) {
	footer {
		padding: 50px 0;
	}
}
@media (max-width: 767px) {
	footer {
		padding: 25px 0;
	}
}
footer p {
	margin: 10px 0;
}
footer a {
	font-weight: normal;
	color: #000000;
}
footer ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
}
footer li {
	margin: 0 15px;
}
footer li button {
	background-color: transparent;
	padding: 0;
	margin: 0;
	box-shadow: none;
	border: 0 none;
	font-size: var(--fz);
	font-family: var(--ff);
	line-height: var(--lh);
	cursor: pointer;
}
.footer-social {
	margin: 20px 0 0;
}
.footer-social ul li {
	margin: 0 15px;
}
.footer-social ul span {
	display: none;
}
.footer-social ul a {
	background: var(--sprite) no-repeat -475px 0;
	display: inline-block;
	width: 25px;
	height: 25px;
}
.footer-social ul a[href*="twitter"] {background-position: -475px 0;}
.footer-social ul a[href*="facebook"] {background-position: -450px 0;}
.footer-social ul a[href*="instagram"] {background-position: -425px 0;}
.footer-social ul a[href*="linkedin"] {background-position: -400px 0;}
.footer-social ul a[href*="youtube"] {background-position: -375px 0;}

@media (min-width: 1300px) {
	.footer-banner {
		position: absolute;
		right: 15px;
		top: 0;
	}
}
@media (max-width: 1299px) {
	.footer-banner {
		margin-top: 15px;
	}
}

/*** END evident/global/common.css ***/

/*** START evident/global/navigation.css ***/
.main-navbar {
	margin-top: 30px;
}
.main-navbar ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
.main-navbar li {
	padding: 0;
	margin: 0;
}
.main-navbar li a {
	color: #000000;
	font-size: 16px;
	font-weight: bold;
}
.main-navbar li a:hover,
.main-navbar li a:focus {
	text-decoration: none;
}
.main-navbar li a:hover {
	color: #005cb9;
}
.main-navbar > ul > li > a {
	z-index: 4;
	position: relative;
}

.main-navbar > ul {
	display: flex;
	flex-flow: row nowrap;
}
.main-navbar > ul > li {
	margin-right: 40px;
}

@media (min-width: 1024px) {
    .main-navbar li[data-page-class="mobile-link"] {
        display: none !important;
    }
}
@media (max-width: 1023px) {
    .main-navbar li[data-page-class="desktop-link"] {
        display: none !important;
    }
}

/* menu toggle button START */
.main-nav-toggle {
	margin: 0;
	padding: 0;
	box-shadow: none;
	outline: none;
	border: 0 none;
	border-radius: 0px;
	display: block;
	color: transparent;
	font-size: 0;
	cursor: pointer;
	position: absolute;
	right: 15px;
	z-index: 11;
	background-color: transparent;
	transition: all 0.2s;
}
.main-navbar .main-nav-toggle {
	position: absolute;
	right: 100%;
	top: 0;
	background-color: #f3f3f3;
}
@media (min-width: 1024px) {
	.main-nav-toggle {
		display: none;
	}
}
body.show-main-nav .main-nav-toggle {
	background-color: transparent;
}
.main-nav-toggle span {
	width: 40px;
	height: 3px;
	margin-bottom: 6px;
	display: block;
	background-color: #000;
	transition: all 0.2s ease-in-out;
	border-radius: 10px;
}
.main-nav-toggle span:last-child {
	margin-bottom: 0;
}
body.show-main-nav .main-nav-toggle span {
	transitoin: all 0.3s;
}
body.scrolled-bit:not(.show-main-nav) .main-nav-toggle span {
	box-shadow: 1px 1px 0px rgba(0,0,0,0.3)
}

body.show-main-nav .main-nav-toggle span:nth-child(1) {
	transform: 
		rotate(45deg) 
		translate(7px,7px);
}
body.show-main-nav .main-nav-toggle span:nth-child(2) {
	opacity: 0;
	transition: all 0.2s;
}
body.show-main-nav .main-nav-toggle span:nth-child(3) {
	transform: 
		rotate(-45deg)
		translate(6px,-6px);
}
/* menu toggle button END */

/* desktop dropdown START */
@media (min-width: 1024px) {
	.main-navbar > ul > li:not([data-page-class="megamenu-container"]) {
		position: relative;
	}
	.main-navbar > ul > li:not([data-page-class="megamenu-container"]) > ul.dropdown-menu {
		opacity: 0;
		z-index: -1;
		transition: opacity 0.5s ease-in-out;
		box-shadow: 3px 3px 3px rgba(0,0,0,0.05);
		position: absolute;
		top: calc(100% + 5px);
		left: 0;	
		pointer-events: none;
	}
	body.show-megamenu .main-navbar > ul > li:not([data-page-class="megamenu-container"]) > ul.dropdown-menu {
		transition: opacity 0.5s ease-in-out 0.2s;
	}
	.main-navbar > ul > li.open:not([data-page-class="megamenu-container"]) > ul.dropdown-menu {
		display: block;
		opacity: 1;
		z-index: 1;
		pointer-events: auto;
	}
	.main-navbar > ul > li:not([data-page-class="megamenu-container"]) > ul.dropdown-menu a {
		padding: 10px 15px;
		background-color: var(--light-grey);
		border-bottom: 1px solid #e7e7e7;
		display: block;
		font-weight: normal;
		font-size: 14px;
		white-space: nowrap;
	}
	.main-navbar > ul > li:not([data-page-class="megamenu-container"]) > ul.dropdown-menu a:hover {
		color: var(--blue);
	}	
}
/* desktop dropdown END */


/* mobile navigation START */
@media (max-width: 1023px) {
	.main-navbar {
		position: fixed;
		right: 0;
		top: 70px;
		height: calc(100vh - 70px);
		width: 500px;
		/* full screen option, remove width above if confirmed */
		width: 100%;
		background-color: #fff;
		z-index: -1;
		transform: translateX(1023px);
		opacity: 0;
		transition: all 0.2s ease-in-out;
		margin: 0;
	}
	.main-navbar::before {
		content: '';
		display: block;
		height: 5px;
		width: 100%;
background: rgb(239,239,239);
background: -moz-linear-gradient(top,  rgba(239,239,239,1) 0%, rgba(255,255,255,1) 100%);
background: -webkit-linear-gradient(top,  rgba(239,239,239,1) 0%,rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom,  rgba(239,239,239,1) 0%,rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#ffffff',GradientType=0 );
	
	}
	/*@media (max-width: 767px) {
		.main-navbar {
			width: calc(100vw - 250px);
		}
	}
	@media (max-width: 575px) {
		.main-navbar {
			width: calc(100vw - 60px);
		}
	}*/
	body.show-main-nav .main-navbar {
		z-index: 10;
		opacity: 1;
		transform: translateX(0);
		overflow-y: auto;
		padding-bottom: 50px;
	}
	.main-navbar ul {
		display: block;
	}
	.main-navbar ul a {
		border-bottom: 1px solid #e7e7e7;
		text-decoration: none;
		display: block;
		padding: 15px 15px;
		font-size: 16px;
		line-height: 1.3em;
		display: flex;
		flex-flow: row nowrap;
		align-items: center;	
		transition: all 0.2s;
	}
	.main-navbar ul ul a {
		border-bottom: 0 none;
		padding: 15px 15px 15px 35px;
		font-weight: normal;
	}
	.main-navbar ul ul ul a {
		padding: 5px 15px 5px 55px;
		font-size: 14px;
	}
	.header-container-right .main-nav-toggle {
		position: static;
		margin-left: 30px;
	}
	.main-navbar > ul > li {
		margin: 0;
	}
}
/* mobile navigation END */

/* megamenu START */
@media (min-width: 1024px) {
	.main-navbar > ul {
		position: relative;
	}
	.main-navbar > ul > li[data-page-class="megamenu-container"] > ul {
		display: block;
		position: fixed;
		left: 0;
		top: -100vh;
		width: 100%;
		max-width: 100%;
		padding: 55px calc((100vw - 1245px)/2);
		max-height: calc(100vh - 148px);
		overflow-y: auto;
		background-color: #fff;
		z-index: -1;
		transition: opacity 0.5s ease-out, top 0.5s ease-out 0.3s;
		opacity: 0;
		
		-webkit-column-count: 4;
			-moz-column-count: 4;
				column-count: 4;		
		-webkit-column-gap: 30px;
			-moz-column-gap: 30px;
				column-gap: 30px;
	}
	body.show-megamenu .main-navbar > ul > li[data-page-class="megamenu-container"] > ul {
		opacity: 1;
		z-index: 3;
		top: 127px;
		transition: opacity 0.5s ease-out 0.3s, top 0.5s ease-out;
	}
	body.show-megamenu .main-navbar > ul > li[data-page-class="megamenu-container"] > a {
		color: #005cb9;
	}
	.main-navbar > ul > li[data-page-class="megamenu-container"] > ul > li {
		margin: 0 0 30px;
		-webkit-column-break-inside: avoid;
			page-break-inside: avoid;
				break-inside: avoid;	
	}
	.main-navbar > ul > li[data-page-class="megamenu-container"] > ul > li > a {
		color: #005cb9;
	}
	.main-navbar > ul > li[data-page-class="megamenu-container"] > ul > li > ul > li > a {
		font-weight: normal;
	}
	.main-navbar .mobile-caret {
		display: none;
	}
	body::after {
		content: '';
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		display: block;
		background-color: rgba(0,0,0,0.5);
		z-index: -1;
		position: fixed;
		opacity: 0;
		transition: all 0.5s ease-in-out;
	}
	body.show-megamenu::after {
		opacity: 1;
		z-index: 2;
	}
}
@media (min-width: 1024px) and (max-width: 1370px) {
	.main-navbar > ul > li[data-page-class="megamenu-container"] > ul {
		width: 100%;
		left: 0;
	}
}
@media (min-width: 1024px) and (max-width: 1270px) {
	.main-navbar > ul > li[data-page-class="megamenu-container"] > ul {
		padding: 15px;
	}
}

@media (min-width: 1024px) and (max-height: 699px) {
	.main-navbar > ul > li[data-page-class="megamenu-container"] > ul {
		padding: 15px;
	-webkit-column-gap: 15px;
		-moz-column-gap: 15px;
			column-gap: 15px;		
	}
	.main-navbar > ul > li[data-page-class="megamenu-container"] > ul > li {
		line-height: 1.3em;
		margin: 0 0 15px;
	}
	.main-navbar > ul > li[data-page-class="megamenu-container"] > ul a {
		font-size: 13px;
	}
}
@media (min-width: 1024px) and (max-height: 499px) {
	.main-navbar > ul > li[data-page-class="megamenu-container"] > ul {
		padding: 10px;
	-webkit-column-gap: 10px;
		-moz-column-gap: 10px;
			column-gap: 10px;		
	}
	.main-navbar > ul > li[data-page-class="megamenu-container"] > ul > li {
		line-height: 1.1em;
	}
}
@media  (max-width: 1023px) {
	.main-navbar ul ul {
		display: none;
	}
    .main-navbar ul li.open-menu > ul {
        display: block;
    }	
    .main-navbar a.dropdown-toggle {
        padding-top: 10px;
        padding-bottom: 10px;
        display: flex;
        flex-flow: row nowrap;
        justify-content: space-between;
        align-items: center;
    }
    .main-navbar li.open-menu > a.dropdown-toggle {
        color: #005cb9;
    }
    .main-navbar a.dropdown-toggle .link-text {
        flex: 1 1 auto;
        padding-right: 10px;
    }
    .main-navbar a.dropdown-toggle .mobile-caret {
        display: block;
        width: 30px;
        height: 30px;
        background-image: var(--sprite);
        background-position: -50px -50px;
        flex: 0 0 auto;
    }
    .main-navbar li.open-menu > a.dropdown-toggle .mobile-caret {
        background-position: 0px -50px;
    }
    .main-navbar a.dropdown-toggle .mobile-caret i {
        display: none;
    }
}
@media (min-width: 1370px) {
	body#page1.show-megamenu .section-video .video-desc {
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0.9) 60%, rgba(255,255,255,0.9) 100%);
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0.9) 60%,rgba(255,255,255,0.9) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0.9) 60%,rgba(255,255,255,0.9) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e6ffffff',GradientType=0 );
	}	
}

/* content */
ul.products-navigation-content {
	-webkit-column-count: 4;
		-moz-column-count: 4;
			column-count: 4;		
	-webkit-column-gap: 30px;
		-moz-column-gap: 30px;
			column-gap: 30px;	
}
ul.products-navigation-content li {
	padding: 0;
	margin: 0;
	-webkit-column-break-inside: avoid;
		page-break-inside: avoid;
			break-inside: avoid;		
}
ul.products-navigation-content,
ul.products-navigation-content ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
ul.products-navigation-content > li {
	margin: 0 0 30px;
}
ul.products-navigation-content ul a {
	color: #000000;
	font-weight: normal;
}
@media (max-width: 1023px) {
	ul.products-navigation-content {
		-webkit-column-count: 3;
			-moz-column-count: 3;
				column-count: 3;		
		-webkit-column-gap: 15px;
			-moz-column-gap: 15px;
				column-gap: 15px;	
	}	
}
@media (max-width: 767px) {
	ul.products-navigation-content {
		-webkit-column-count: 2;
			-moz-column-count: 2;
				column-count: 2;
	}	
}
@media (max-width: 479px) {
	ul.products-navigation-content {
		-webkit-column-count: 1;
			-moz-column-count: 1;
				column-count: 1;
	}	
}
/* megamenu END */
/*** END evident/global/navigation.css ***/

/*** START evident/global/buttons.css ***/
.btn {
	background-color: #005cb9;
	color: #ffffff;
	border: 2px solid #005cb9;
	display: inline-block;
	padding: 10px 30px;
	border-radius: 30px;
	font-weight: bold;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	transition: box-shadow 0.3s;
	line-height: 1.8em;
	cursor: pointer;
}
@media (max-width: 767px) {
	.btn {
		padding: 6px 20px;
	}
}
.btn:hover,
.btn:focus {
	text-decoration: none;
	background-color: #005cb9;
	color: #ffffff;
	border-color: #005cb9;
	box-shadow: 5px 5px 5px rgba(0,0,0,0.3);
}
html[lang="ja-JP"] .btn {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Osaka", "Arial", "Helvetica", Sans-serif;
}

.btn-inline-arrow,
.btn-inline-arrow-back {
	color: #000000;
	padding: 0;
	background-color: transparent;
	border: 0 none;
	font-weight: bold;
	font-size: 18px;
}
.btn-inline-arrow:hover,
.btn-inline-arrow:focus,
.btn-inline-arrow-back:hover,
.btn-inline-arrow-back:focus {
	background-color: transparent;
	border-color: transparent;
	color: #000000;
	box-shadow: none;
	text-decoration: none;
}
.btn-inline-arrow::after,
.btn-inline-arrow-back::before {
	content: '';
	background: var(--sprite) -100px 0 no-repeat;
	width: 41px;
	height: 10px;
	display: inline-block;
	transition: transform 0.3s;
	margin-left: 15px;
}
.btn-inline-arrow-back::before {
	margin: 0 15px 0 0;
	transform: scaleX(-1);
}
.btn-inline-arrow:hover::after,
.btn-inline-arrow:focus::after {
	transform: translateX(10px) scaleX(1);
}
.btn-inline-arrow-back:hover::before,
.btn-inline-arrow-back:focus::before {
	transform: translateX(-10px) scaleX(-1);
}

#ot-sdk-btn.ot-sdk-show-settings, 
#ot-sdk-btn.optanon-show-settings {
	background-color: transparent !important;
	border: 0 none !important;
	padding: 0 !important;
	font-size: 16px !important;
	line-height: 1.8em !important;
	color: #000000 !important;
}
/*** END evident/global/buttons.css ***/

/*** START evident/global/forms.css ***/
/* Forms */
input[disabled], select[disabled], textarea[disabled] {
	cursor: not-allowed;
}
.formRequired {
	color: var(--red);
}
.xform input[type="text"], 
.xform input[type="email"], 
.xform input[type="number"], 
.xform input[type="password"], 
.xform select, 
.xform textarea {
	background-color: var(--light-grey);
	padding: 10px 15px;
	border: 0 none;
	font-family: var(--ff);
	font-size: 13px;
	line-height: var(--lh);
}
.xform select {
	background-image: url(../data/i/caret.png);
	background-repeat: no-repeat;
	background-position: right center;
	padding: 10px 30px 10px 15px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
html[lang="ja-JP"] .xform :is(select, textarea) {
	font-family: var(--ffJa);
}
.xform select::-ms-expand {
	display: none; /* Hide the default arrow in Internet Explorer 10 and Internet Explorer 11 */
}

html.noiframe .popup-form {
	width: 600px;
	max-width: 100%;
}

div.radio {
	position: relative;
	padding: 0;
}
div.radio input {
	position: absolute;
	left: 0;
	top: 3px;
	padding: 0;
	margin: 0;
	opacity: 0;
	cursor: pointer;
}
div.radio input ~ span {
	display: flex;
	flex-flow: row nowrap;
	align-items: flex-start;
	cursor: pointer;
}
div.radio input ~ span::before {
	content: '';
	width: 13px;
	height: 13px;
	display: block;
	margin: 3px 10px 0 0;
	flex: 0 0 auto;
	background-image: url(../data/i/radio.png);
	background-repeat: no-repeat;
}
div.radio:hover input ~ span::before {
	background-position: -26px 0;
}
div.radio input:checked ~ span::before {
	background-position: -13px 0;
}

.checkbox-container {
	position: relative;
	margin: 10px 0 0;
}
.checkbox-container input {
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	cursor: pointer;
}
.checkbox-container input ~ label {
	display: flex;
	flex-flow: row nowrap;
	align-items: flex-start;
	cursor: pointer;
	line-height: 1.2em;
}
.checkbox-container input ~ label::before {
	content: '';
	width: 17px;
	height: 17px;
	display: inline-block;
	background: var(--sprite) 0 -25px;
	cursor: pointer;
	margin: 0 10px 0 0;
	flex: 0 0 auto;
}
.checkbox-container input:checked ~ label::before {
	background-position: -25px -25px;
}

.submit-container {
	text-align: right;
	padding: 20px 0;
}

/* =dymamic placeholders START */
/* --------------------------------------------------------------------------------------- */
.dynamic-placeholders-box {
	max-width: 100%;
	width: 400px;
}
.dynamic-placeholders > div {
	position: relative;
	margin-bottom: 5px;
	display: flex;
	align-items: center;
	/* custom for olympus */
	x-width: 100%;
}
@media (max-width: 479px) {
	.dynamic-placeholders > div:empty {
		display: none;
	}	
}
.dynamic-placeholders input[type="text"], 
.dynamic-placeholders input[type="email"], 
.dynamic-placeholders input[type="password"], 
.dynamic-placeholders select, 
.dynamic-placeholders textarea {
	height: 45px;
	padding: 15px 10px 0px;
}

.dynamic-placeholders input[type="text"]:focus, 
.dynamic-placeholders input[type="email"]:focus, 
.dynamic-placeholders input[type="password"]:focus, 
.dynamic-placeholders select:focus, 
.dynamic-placeholders textarea:focus {
	outline: none;
	box-shadow: none;
}
.dynamic-placeholders textarea {
	height: 150px;
	width: 100%;
	padding-left: 10px;
	padding-right: 15px;
	padding-top: 20px;
	padding-bottom: 0px;
}
.dynamic-placeholders span.selectWrapper {
	display: block;
	width: 100%;
}
.dynamic-placeholders select {
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 15px;
	padding-bottom: 0px;
}
.dynamic-placeholders input[type="checkbox"], 
.dynamic-placeholders input[type="radio"] {
	margin: 0;
	padding: 0;
	margin-right: 10px;
}
.dynamic-placeholders label {
	margin: 0;
	position: absolute;
	left: 20px;
	top: 12px;
	transition: all 0.2s;
	pointer-events: none;
	color: var(--c);
	font-weight: normal;
	font-size: 14px;
}
.popup-form .dynamic-placeholders label {
	left: 10px;
}
.popup-form .dynamic-placeholders > div {
	margin-bottom: 10px;
}
.popup-form .dynamic-placeholders input[type="text"],
.popup-form .dynamic-placeholders input[type="email"],
.popup-form .dynamic-placeholders input[type="password"] {
	width: 100%;
}
.dynamic-placeholders input:focus ~ label, 
.dynamic-placeholders .filled ~ label, 
.dynamic-placeholders select ~ label, 
.dynamic-placeholders .selectWrapper ~ label, 
.dynamic-placeholders textarea:focus ~ label {
	font-size: 11px;
	top: 1px;
	opacity: 0.7;
}
.dynamic-placeholders input[type="checkbox"] ~ label {
	opacity: 1 !important;
}
.dynamic-placeholders input.filled:invalid ~ label, 
.dynamic-placeholders input.clicked:invalid ~ label {
	color: var(--red);
}
.dynamic-placeholders input.not-valid, 
.dynamic-placeholders .not-valid select {
	border-color: var(--red);
	background-color: #f9eded;
}
.dynamic-placeholders .not-valid ~ label, 
.dynamic-placeholders .not-valid, 
.dynamic-placeholders .not-valid select {
	color: var(--red);
}
.alert-danger {
	background-color: #f9eded;
}
.dynamic-placeholders input[type="checkbox"] ~ label, 
.dynamic-placeholders input[type="radio"] ~ label {
	pointer-events: inherit;
	font-size: var(--fz);
	position: static;
	color: var(--c);
	display: inline;
	cursor: pointer;
}
.dynamic-placeholders input[type="checkbox"].filled:invalid ~ label, 
.dynamic-placeholders input[type="radio"].filled:invalid ~ label {
	color: var(--c);
}
/* set of checkboxes/radio buttons */
.dynamic-placeholders > div > div.radio, 
.dynamic-placeholders > div > span.enumList {
	order: 2;
	padding: 0;
	margin: 0;
	/* remove width 100% if want options to float */
	width: 100%;
}
.dynamic-placeholders > div > div.radio label, 
.dynamic-placeholders > div > div.radio + label, 
.dynamic-placeholders > div > span.enumList label, 
.dynamic-placeholders > div > span.enumList + label {
	pointer-events: inherit;
	font-size: var(--fz);
	position: static;
	color: var(--c);
	display: inline;
	cursor: pointer;
}
.dynamic-placeholders > div > div.radio + label, 
.dynamic-placeholders > div > span.enumList + label {
	order: 1;
	width: 100%;
	font-weight: bold;
	margin-bottom: 3px;
}
.dynamic-placeholders > div > div.radio > label, 
.dynamic-placeholders > div > span.enumList > label {
	display: flex;
	align-items: center;
}
/* file */
.dynamic-placeholders > div > .fmFileUpload, 
.dynamic-placeholders > div > input[type="file"] {
	width: 100%;
	font-weight: normal;
	order: 2;
}
.dynamic-placeholders > div > .fmFileUpload + label, 
.dynamic-placeholders > div > input[type="file"] + label {
	position: static;
	font-size: var(--fz);
	width: 100%;
	order: 1;
	font-weight: bold;
	margin-bottom: 5px;
}
/* remove placeholders */
.dynamic-placeholders ::-webkit-input-placeholder {
	color: transparent;
}
.dynamic-placeholders ::-moz-placeholder {
	color: transparent;
}
.dynamic-placeholders :-ms-input-placeholder {
	color: transparent;
}
.dynamic-placeholders :-moz-placeholder {
	color: transparent;
}
.dynamic-placeholders .form-error {
	display: none;
}
.dynamic-placeholders > div.company-division-field, 
.dynamic-placeholders > div.city-field {
	display: none;
}
/* =dymamic placeholders END */
/* --------------------------------------------------------------------------------------- */


/* float form */
@media (min-width: 480px) {
	.popup-form-float .dynamic-placeholders {
		display: flex;
		flex-flow: row wrap;
		justify-content: space-between;
	}
	.popup-form-float .dynamic-placeholders > div {
		width: calc(50% - 5px);
	}
}
.popup-form-float .dynamic-placeholders > div.fullwidth {
	width: 100%;
}
.popup-form-float *[required] ~ label::after,
.popup-form-float *[data-required="true"] label::after {
	content: '*';
	color: #b94a48;
	margin: 0 0 0 5px;
}
.popup-form-float .xFormError {
	display: none;
}
.popup-form-float .xFormError ~ input {
	background-color: #F9EDED;
	border-color: #F9EDED;
}
.popup-form-float .xFormError ~ label {
	color: #b94a48;
}
.newsletter-choose-message {
	color: #b94a48;
}
.popup-form-float .dynamic-placeholders select {
	width: 100%;
}

/* old agree START */
.agree-block {
	position: relative;
	padding-top: 10px;
	padding-bottom: 20px;
}
.cover-agree {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: rgba(255, 255, 255, 0.4);
	text-decoration: none;
	padding-top: 15px;
}
.cover-agree:is(:hover,:focus) {
	text-decoration: none;
}
.cover-agree span {
	display: none;
	background-color: #999;
	background-color: rgba(0, 0, 0, 0.7);
	color: #fff;
	font-size: 14px;
	padding: 3px 10px;
	height: 100%;
}
.agree-block input[type="checkbox"] {
	display: block;
}
.cover-agree:hover span {
	display: block;
	display: flex;
	flex-flow: column nowrap;
	justify-content: center;
	align-items: center;
}
.statementBox {
	border: 1px solid #D5D5D5;
	font-size: 11px;
	height: 150px;
	overflow: auto;
	padding: 0 10px 10px;
	line-height: 1.5em;
	
	-webkit-overflow-scrolling: touch;
	/* padding-left: 0px !for(ipad iphone android); */
	/* padding-right: 0px !for(ipad iphone android); */
	/* border: 0 none !for(ipad iphone android); */
	/* height: auto !for(ipad iphone android); */
}
.statementBox :is(ol,ul) {
    padding-left: 10px;
}
#cover-agree {
	/* display: none !for(ipad iphone android); */
}
.statementBox :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6) {
	margin: 10px 0 5px;
	font-weight: normal;
	font-size: 14px;
}
@media (max-width: 767px) {
	.statementBox {
		padding-left: 0px;
		padding-right: 0px;
		border: 0 none;
		height: auto;
	}
}
/* old agree END */

/* taskId.16820572 */
html[lang="ko-KR"] form#C73 :is(.container-zip,.placeholder) {display: none !important;}

/* apop START */
:root {
	--i-close: '\2716';
}
.apop {
	position: fixed;
	left: 0;
	top: 0;
	width: 100vw;
	height: 100vh;
	display: flex;
	flex-flow: column nowrap;
	justify-content: center;
	align-items: center;
	z-index: 9999;	
}
.apop .popup-overlay {
	background-color: rgba(0,0,0,0.5);
	position: fixed;
	left: 0;
	top: 0;
	width: 100vw;
	height: 100vh;
	animation: fadein 2s;
}
@keyframes fadein {
	0% {opacity: 0;}
	100% {opacity: 1;}
}
.apop .popup-container {
	width: 680px;
	max-width: 100%;
	position: relative;
	z-index: 1;
	padding: 20px;
	animation: scrolldown 2s;
	background-color: #fff;
}
@keyframes scrolldown {
	0% {transform: translateY(-100vh);}
	100% {transform: translateY(0);}
}
.apop .popup-container-in {
	width: calc(100% - 40px);
	margin-left: 20px;
	position: relative;
}
@media (max-width: 767px) {
	.apop .popup-container-in {
		margin-left: 0;
		width: 100%;
	}
}
.apop .popup-close {
	font-size: 0;
	color: transparent;
	color: #fff;
	z-index: 2;
	position: relative;
	text-align: right;
	line-height: 1em;
	margin: 0 0 15px;
}
.apop .popup-close::before {
	content: var(--i-close);
	font-size: 24px;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	background: var(--sprite) no-repeat -75px -25px;
	width: 18px;
	height: 18px;
	content: '';
}
.apop iframe {
	max-height: calc(100vh - 60px);
	transition: all 0.5s;
	z-index: 1;
	position: relative;
}
.apop .lds-dual-ring {
	display: inline-block;
	width: 80px;
	height: 80px;
	position: absolute;
	top: calc(50% - 40px);
	left: calc(50% - 40px);
	z-index: 0;
}
.apop .lds-dual-ring::after {
	content: " ";
	display: block;
	width: 64px;
	height: 64px;
	margin: 8px;
	border-radius: 50%;
	border: 6px solid var(--light-grey);
	border-color: var(--light-grey) transparent var(--light-grey) transparent;
	animation: lds-dual-ring 1.2s linear infinite;
}
@keyframes lds-dual-ring {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}
.apop .timer {
	position: absolute;
	left: calc(50% - 19px);
	top: calc(50% - 10px);
}
.apop.default-height :is(.popup-container, .popup-container-in, iframe.default-height) {
	overflow: hidden;
}
/* apop END */
/*** END evident/global/forms.css ***/

/*** Skipping CSS Section homepage (autoinclude=false) ***/
/*** Skipping CSS Section subpages (autoinclude=false) ***/
/*** Skipping CSS Section news (autoinclude=false) ***/
/*** START evident/global/faq.css ***/
.page-faq .cms-content table,
table.faq {
	margin-top: 50px;
	font-size: 14px;
	line-height: 1.6em;
}
@media (max-width: 767px) {
	.page-faq .cms-content table,
	table.faq {
		margin-top: 15px;
	}
}
.page-faq .cms-content tbody,
table.faq tbody {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
}
.page-faq .cms-content tr,
table.faq tr {
	position: relative;
	width: 100%;
}
.page-faq .cms-content td,
table.faq td {
	box-shadow: 0 0 10px rgba(0,0,0,0.2);
	margin: 0 0 30px;
	padding: 0;
	display: flex;
	flex-flow: column nowrap;
}
@media (max-width: 1023px) {
	.page-faq .cms-content td,
	table.faq td {
		margin: 0 0 15px;
	}
}
@media (min-width: 1200px) {
	.page-faq .cms-content tr:nth-child(-n+3) {
		width: calc(33.3333% - 25px);
	}
}
@media (min-width: 1024px) and (max-width: 1199px) {
	.page-faq .cms-content tr:nth-child(-n+2) {
		width: calc(50% - 25px);
	}
}

.page-faq .cms-content table a,
table.faq a {
	font-weight: normal;
}

.page-faq .cms-content td > *,
table.faq td > * {
	display: flex;
	flex-flow: row nowrap;
	margin: 0;
	padding: 0 15px 0 0;
}
.page-faq .cms-content td > *:first-child,
table.faq td > *:first-child {
	align-items: center;
	font-size: var(--fz);
	line-height: 1.3em;
}
.page-faq .cms-content td > *:nth-child(2):not(:last-child) span,
table.faq td > *:nth-child(2):not(:last-child) span {
	margin-top: 10px;
}
.page-faq .cms-content td p:not(:last-child) span,
table.faq td p:not(:last-child) span {
	margin-bottom: 10px;
}
.page-faq .cms-content td > *:not(:first-child),
table.faq td > *:not(:first-child) {
	flex: 1 1 auto;
}
.page-faq .cms-content td > *::before,
table.faq td > *::before {
	width: 70px;
	content: '';
	background-color: var(--light-grey);
	display: block;
	flex: 0 0 auto;
	font-size: 36px;
	font-weight: bold;
	padding: 25px 0;
	text-align: center;
	margin-right: 15px;
	height: 100%;
}
.page-faq .cms-content td > *:last-child::before,
table.faq td > *:last-child::before {
	padding: 20px 0;
}
.page-faq .cms-content td > *:not(:first-child)::before,
table.faq td > *:not(:first-child)::before {
	padding-bottom: 0;
}
.page-faq .cms-content td > *:first-child::before,
table.faq td > *:first-child::before {
	content: 'Q';
	background-color: var(--blue);
	color: #fff;
}
.page-faq .cms-content td > *:nth-child(2)::before,
table.faq td > *:nth-child(2)::before {
	content: 'A';
}
.page-faq h3.bg-blue,
.page-faq h3.bg-light-grey {
	font-weight: normal;
	text-shadow: none;
}
.page-faq h3.bg-blue a,
.page-faq h3.bg-light-grey a {
	font-weight: normal;
}

.page-faq .cms-content td > .image-container {
	position: absolute;
	left: calc(100% + 30px);
	top: 50%;
	width: 500px;
}
.page-faq .cms-content td > .image-container img {
	/* width: 450px !important !for(ie); */
}

@media (min-width: 1200px) {
	.page-faq .cms-content tr:nth-child(n+4):nth-child(-n+6) {
		width: calc(100% - 500px);
	}
	.page-faq .cms-content td > .image-container::before {
		display: none;
	}
}
@media (max-width: 1199px) {
	.page-faq .cms-content td > .image-container {
		position: static;
	}
}
@media (max-width: 767px) {
	.page-faq .cms-content td > .image-container {
		display: none;
	}
}

/*** END evident/global/faq.css ***/

/*** Skipping CSS Section careers (autoinclude=false) ***/
/*** Skipping CSS Section landingdirectory (autoinclude=false) ***/
/*** Skipping CSS Section landing-custom-styles (autoinclude=false) ***/
/*** Skipping CSS Section nagano (autoinclude=false) ***/
/*** Skipping CSS Section content-slideshow (autoinclude=false) ***/
/*** Skipping CSS Section sitemap (autoinclude=false) ***/
/*** Skipping CSS Section globalstyles (autoinclude=false) ***/
/* TIME: 0.011065006256104 */