@charset "utf-8";

/*--
-------------------------------------------------- */	
.mag0{margin:0px;}
.mag6{margin:6px;}
.mag12{margin:12px;}
.mag24{margin:24px;}
.mag36{margin:36px;}
.mag48{margin:48px;}

.magTop0{margin-top:0px;}
.magTop6{margin-top:6px;}
.magTop12{margin-top:12px;}
.magTop24{margin-top:24px;}
.magTop36{margin-top:36px;}
.magTop48{margin-top:48px;}

.magBot0{margin-bottom:0px;}
.magBot6{margin-bottom:6px;}
.magBot12{margin-bottom:12px;}
.magBot24{margin-bottom:24px;}
.magBot36{margin-bottom:36px;}
.magBot48{margin-bottom:48px;}

.magLeft0{margin-left:0px;}
.magLeft12{margin-left:12px;}
.magLeft16{margin-left:16px;}
.magLeft24{margin-left:24px;}
.magLeft36{margin-left:36px;}
.magLeft48{margin-left:48px;}

.magRight0{margin-right:0px;}
.magRight12{margin-right:12px;}
.magRight16{margin-right:16px;}
.magRight24{margin-right:24px;}
.magRight36{margin-right:36px;}
.magRight48{margin-right:48px;}

.pad0{padding:0px;}
.pad10{padding:10px;}
.pad12{padding:12px;}
.pad24{padding:24px;}
.pad36{padding:36px;}
.pad48{padding:48px;}

.padTop0{padding-top:0px;}
.padTop10{padding-top:10px;}
.padTop12{padding-top:12px;}
.padTop24{padding-top:24px;}
.padTop36{padding-top:36px;}
.padTop48{padding-top:48px;}

.padBot0{padding-bottom:0px;}
.padBot10{padding-bottom:10px;}
.padBot12{padding-bottom:12px;}
.padBot24{padding-bottom:24px;}
.padBot36{padding-bottom:36px;}
.padBot48{padding-bottom:48px;}

.padLeft0{padding-left:0px;}
.padLeft10{padding-left:10px;}
.padLeft12{padding-left:12px;}
.padLeft24{padding-left:24px;}
.padLeft36{padding-left:36px;}
.padLeft48{padding-left:48px;}

.padRigh0{padding-right:0px;}
.padRigh10{padding-right:10px;}
.padRigh12{padding-right:12px;}
.padRigh24{padding-right:24px;}
.padRigh36{padding-right:36px;}
.padRigh48{padding-right:48px;}

.magLR12{margin:0 12px;}
.padLR12{padding:0 12px;}

.fLeft{float:left;}
.fRight{float:right;}
.cb{clear:both;}

.blockCenter,
.aligncenter{
	margin:0 auto;
}

.txtaligncenter{
	text-align:center;
}

.w100{width:100%;}
.w50{width:50%;}
.w64{width:64%;}
.w32{width:32%;}
.w25{width:25%;}

.font60{font-size:60%;}
.font80{font-size:80%;}
.font90{font-size:90%;}
.font100{font-size:100%;}
.font120{font-size:120%;}
.font140{font-size:140%;}
.font160{font-size:160%;}
.font180{font-size:180%;}
.font200{font-size:200%;}
.font240{font-size:240%;}

.fontColorOrange{color:#ff742d;}
.fontColorRed{color:#C00;}
.fontColorGreen{color:#090;}
.fontColorBlue{color:#06F;}
.fontColorPink{color:#cb8aa3;}
.fontColorYellow{color:#ffcf2d;}

.fontThemeColor{color:#58a0ea;}
.fontColorDrakNavy{color:#004185;}

.fontBold{font-weight:bold;}
.fontNorm{font-weight:normal;}

.em3H{height:3em;}

.border1gray{border:1px solid #ccc;}
.padding1{padding:1px;}

.smSup{
	vertical-align: super;
	font-size: 70%;
}
/*---------------------------------------------------- */	


#page_cont_box.search {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    overflow: hidden;
}


/* ===============================================
   filter
=============================================== */
.filter_wrapper {
    width: 100%;
    aspect-ratio: 1040 / 70;
    background-color: var(--color-main);
    border-radius: 0 0 clamp(3px, 0.4vw, 5px)  clamp(3px, 0.4vw, 5px);
    display: flex;
    justify-content: center;
    align-items: center;
}

.filter_form {
    display: flex;
    align-items: center;
    gap: clamp(0px, 1.7vw, 20px);
}

.filter_select,
.filter_button {
    height: clamp(0px, 3.3vw, 40px);
    font-size: clamp(12px, 1.4vw, 16px);
    font-weight: var(--font-w-sb);
    border: 1px solid var(--color-main);
    border-radius: clamp(3px, 0.4vw, 5px);
    position: relative;
    cursor: pointer;
}

.filter_select {
    color: var(--color-main);
    text-align: left;
    padding: 0 1em;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image:  url("../img/select_arrow.svg");
    background-position: right 0.5em center;
    background-repeat: no-repeat;
    background-size: clamp(0px, 1vw, 12px);
}

.filter_select::-ms-expand {
    display: none;
}

.select_category {
    aspect-ratio: 230 / 40;
}

.select_year,
.select_month {
    aspect-ratio: 110 / 40;
}

.filter_button {
    aspect-ratio: 130 / 40;
    background-color: var(--color-main);
    color: #fff;
    border: 1px solid #fff;
    text-align: center;
    padding-right: clamp(0px, 1.7vw, 20px);
    margin-left: clamp(0px, 3.3vw, 40px);
    transition: color 0.4s, background 0.4s;
}

.filter_button::before {
    content: "";
    width: clamp(0px, 1.7vw, 20px);
    height: 100%;
    background: url("../img/arrow_white2.svg") no-repeat center center / contain;
    position: absolute;
    top: 0;
    right: 5%;
    pointer-events: none;
}

.filter_button:hover {
    color: var(--color-main);
    background-color: #fff;
}

@media screen and (max-width: 768px) {
    .filter_wrapper {
        aspect-ratio: 360 / 125;
        border-radius: 0 0 clamp(2px, 1.3dvw, 5px)  clamp(2px, 1.3dvw, 5px);
    }

    .filter_form {
        justify-content: center;
        flex-wrap: wrap;
        gap: clamp(0px, 3.8dvw, 15px);
    }

    .filter_select,
    .filter_button {
        height: clamp(0px, 10.3dvw, 40px);
        font-size: clamp(0px, 4.4dvw, 17px);
        border-radius: clamp(2px, 1.3dvw, 5px);
    }

    .filter_select {
        background-size: clamp(0px, 3.1dvw, 12px);
        background-position: right 0.3em center;
    }

    .select_category {
        letter-spacing: 0;
        text-align: center;
        aspect-ratio: 212 / 40;
        padding: 0 1em 0 0;
    }

    .select_year,
    .select_month {
        aspect-ratio: 102 / 40;
    }

    .filter_button {
        aspect-ratio: 212 / 40;
        padding-right: clamp(0px, 5.1dvw, 20px);
        margin-left: 0;
    }

    .filter_button::before {
        width: clamp(0px, 5.1dvw, 20px);
    }
}


/* ===============================================
   post
=============================================== */
.post_list {
    width: 900px;
    max-width: 87%;
    margin: clamp(0px, 5vw, 60px) auto 0;
}

.post_item {
    display: flex;
    align-items: center;
    padding: clamp(0px, 1.3vw, 15px) 0;
    border-bottom: 1px solid var(--color-main);
    position: relative;
}

.post_item:hover {
    background-color: #DCF3F8;
}

.post_item:nth-of-type(1) {
  border-top: 1px solid var(--color-main);
}

.post_item::after {
    content: "";
    width: clamp(0px, 1vw, 12px);
    height: 100%;
    background: url("../img/arrow_blue.svg") no-repeat center center / contain;
    position: absolute;
    top: 0;
    right: 0;
}

.post_category {
    width: clamp(0px, 14vw, 160px);
    aspect-ratio: 160 / 30;
    font-size: clamp(10px, 1.2vw, 14px);
    font-weight: var(--font-w-sb);
    color: #fff;
    border-radius: clamp(3px, 0.4vw, 5px);
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: clamp(0px, 2.1vw, 25px);
    white-space: nowrap;
}

.post_category.cat_marketing { background-color: #c88cbe; }
.post_category.cat_survey { background-color: #a0a0aa; }

.post_category.cat_event { background-color: #ff760a; }
.post_category.cat_abroad { background-color: #8296dc; }
.post_category.cat_sdgs { background-color: #32bc3c; }
.post_category.cat_report { background-color: #f07882; letter-spacing: 0; } 

.post_category.cat_update { background-color: #00cccc; }
.post_category.cat_ouentai { background-color: #c23e94; }
.post_category.cat_newpackage { background-color: #08dd26; letter-spacing: 0; }
.post_category.cat_comic { background-color: #ff71d4; }
.post_category.cat_note { background-color: #63d200; }
.post_category.cat_info { background-color: #7a8589; }

.post_categorypost_category { background-color: #7a8589; }

.post_date {
    font-size: clamp(12px, 1.4vw, 16px);
    width: 7em;
}

.post_title {
    width: 100%;
    flex: 1;
    font-size: clamp(12px, 1.4vw, 16px);
    padding-right: clamp(0px, 1.7vw, 20px);
    overflow: hidden; 
    text-overflow: ellipsis;
    white-space: nowrap; 
}

.no_post {
    text-align: center;
    margin: clamp(0px, 5vw, 60px) auto 0;
}

@media screen and (max-width: 768px) {
    .post_list {
        width: 320px;
        max-width: 89%;
        margin: clamp(0px, 7.7dvw, 30px) auto 0;
    }

    .post_item {
        flex-wrap: wrap;
        padding: clamp(0px, 2.6dvw, 10px) 0;
    }

    .post_item::after {
        width: clamp(0px, 2.6dvw, 10px);
    }

    .post_category {
        width: clamp(0px, 41dvw, 160px);
        aspect-ratio: 160 / 24;
        font-size: clamp(0px, 3.3dvw, 13px);
        border-radius: clamp(2px, 1.3dvw, 5px);
        margin-right: clamp(0px, 2.6dvw, 10px);
    }

    .post_date {
        font-size: clamp(0px, 4.4dvw, 17px);
    }

    .post_title {
        width: 100%;
        flex: initial;
        font-size: clamp(0px, 4.4dvw, 17px);
        padding-right: clamp(0px, 3.1dvw, 12px);
        margin: 1em 0 0.4em;
    }
}


/* ===============================================
   pagination
=============================================== */
.pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: clamp(0px, 0.8vw, 10px);
    margin-top: clamp(0px, 5vw, 60px);
}

.page_link {
    width: clamp(0px, 3.3vw, 40px);
    aspect-ratio: 1 / 1;
    border-radius: clamp(3px, 0.4vw, 5px);
    border: 1px solid var(--color-main);
    font-size: clamp(12px, 1.4vw, 16px);
    font-weight: var(--font-w-sb);
    color: var(--color-main);
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}

.page_link.current,
.page_link:hover {
    background-color: var(--color-main);
    color: #fff;
}

.page_link.current {
    pointer-events: none;
}

.page_link.prev,
.page_link.next {
    width: clamp(0px, 1.7vw, 20px);
    aspect-ratio: 1 / 1;
    background-image: url("../img/arrow_blue2.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: none;
}

.page_link.prev {
    transform: rotate(180deg);
    margin-right: clamp(0px, 0.8vw, 10px);
}

.page_link.next {
    margin-left: clamp(0px, 0.8vw, 10px);
}

.page_link.prev span,
.page_link.next span {
    display: none;
}

.page_link.prev:hover,
.page_link.next:hover {
    background-image: url("../img/arrow_white2.svg");
    background-color: transparent;
}

.dots {
    font-size: 1.4em;
    color: var(--color-main);
    font-weight: bold;
    border: none;
    background: none;
    pointer-events: none;
}

@media screen and (max-width: 768px) {
    .pagination {
        gap: clamp(0px, 2.6dvw, 10px);
        margin-top: clamp(0px, 15.4dvw, 60px);
    }

    .page_link {
        width: clamp(0px, 10.3dvw, 40px);
        border-radius: clamp(0px, 1.3dvw, 5px);
        font-size: clamp(0px, 4.1dvw, 16px);
    }
    
    .page_link.prev,
    .page_link.next {
        width: clamp(0px, 5.1dvw, 20px);
    }

    .page_link.prev {
        margin-right: clamp(0px, 2.6dvw, 10px);
    }

    .page_link.next {
        margin-left: clamp(0px, 2.6dvw, 10px);
    }
}


/* ===============================================
   article
=============================================== */
.article {
    width: 900px;
    max-width: 87%;
    margin: clamp(0px, 5vw, 60px) auto 0;
}

@media screen and (max-width: 768px) {
    .article {
        width: 320px;
        max-width: 89%;
        margin: clamp(0px, 7.7dvw, 30px) auto 0;
    }
}


.article {
    font-size: clamp(14px, 1.4vw, 16px);
}

.article p {
    margin-bottom: 1.5em;
    line-height: 1.6;
}

@media screen and (max-width: 768px) {
    .article,
    .article p {
        font-size: 14px;
    }
}

.article h1, 
.article h2, 
.article h3, 
.article h4, 
.article h5, 
.article h6 {
	/*color:#004185;*/
	line-height:1.4;
	clear:both;
}

.article h1 small, 
.article h2 small, 
.article h3 small, 
.article h4 small, 
.article h5 small, 
.article h6 small {
    color:#3589df;
    padding-left:1em;
    font-size:60%;
}

.article h1{
	position:relative;
	font-size:180%;
	padding:0 0.3em 0.3em;
	margin-bottom:20px;
	border-bottom: 4px solid #b0d4f9;
	font-weight:bold;
}

.article h1::after {
	position: absolute;
	bottom: -4px;
	left: 0;
	z-index: 2;
	content: '';
	width: 20%;
	height: 4px;
	background-color:#58a0ea;
}

.article h2{
	font-size:140%;
	margin:1em 0;
	color:#004185;
	font-weight:bold;
}

.article h3{
	font-size:110%;
	margin:0 0 0.4em 0;
	color:#3589df;
	font-weight:bold;
}

.article h4{
	font-size:100%;
	margin:0 0 0.4em 0;
	font-weight:bold;
	color: #333;
}

.article h5{
	font-size:100%;
	margin:0;
	color:#000;
	font-weight:bold;
}

.article h6{
	font-size:140%;
	margin:0 0 1em 0;
	color:#004185;
	font-weight:bold;
}

.article ul {
/*    list-style: disc;
    margin: 0 0 1.5em 3em;*/
    line-height: 1.6;
}

/* Alignment */
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto;
}

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
	
img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.alignright {
	padding: 4px;
	margin: 12px 0 12px 24px;
	display: inline;
}

img.alignleft {
	padding: 4px;
	margin: 12px 24px 12px 0;
	display: inline;
}

/*-- SNS --*/
ul#SNSButtonsPC{
	width:100%;
	margin:12px 0;
	padding:0;
}

ul#SNSButtonsPC li{
	display:inline-block;
	text-align:center;
	margin:0;
}

ul#SNSButtonsPC li a{
	display:block;
	padding:4px;
}

/* =link
----------------------------------------------- */
.article a {
    display: inline-block;
    word-break: break-all;
    overflow-wrap: anywhere;
    white-space: normal;
}
.article a:link,
.article a:visited{color:#3589df;}
.article a:hover,
.article a:active{color:#ff8d53;}
.article a:hover {
    text-decoration: underline;
}
.article a:focus, *:focus { outline:none; }

 /* ------FONT------ */
.small{font-size:80%;}
.big{font-size:120%;}

.fs10{font-size:10px;}
.fs11{font-size:11px;}
.fs12{font-size:12px;}

/* ------COLOR------ */
.red{color:#ce0124;}
.red2{color:#FF3300;}
.blue{color:#36a9de;}
.blue2{color:#009ADF;}
.orange{color:#FF6001;}
.ligray{color:#7f7f7f;}
.liblue{color:#319dd5;}
.fc_blue{color:#3366CC;}
.black{color:#000000;}

/* ------MARGIN------ */
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}

.mr10{margin-right:10px;}
.mr15{margin-right:15px;}
.mr20{margin-right:20px;}
.mr25{margin-right:25px;}
.mr30{margin-right:30px;}

.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb25{margin-bottom:25px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}
.mb60{margin-bottom:60px;}
.mb70{margin-bottom:70px;}
.mb100{margin-bottom:100px;}

.ml10{margin-left:10px;}
.ml20{margin-left:20px;}
.ml30{margin-left:30px;}
.ml40{margin-left:40px;}
.ml200{margin-left:200px;}
.pt20{padding-top:20px;}

.margin0{margin:0;}

.width20{width:20%;}
.width25{width:25%;}
.width33{width:33%;}
.width50{width:50%;}
.width100{width:100%;}

.w100{width:100px;}
.w150{width:150px;}
.inner10{margin:0 10px;}
.inner30{margin:0 30px;}
.center{text-align:center;}

.fl{float:left;}
.fr{float:right;}
.fc{text-align:center;}
.txtl{text-align:left;}
.txtr{text-align:right;}
.fcy{color:#FFFF00;}
.fcr{color:#FF5354;}
.fcg{color:#2DFB03;}
.fcp{color:#FF93FD;}
.fcb{color:#74D8FC;}
.fco{color:#FE9E00;}

/*--
-------------------------------------------------- */	
.mag0{margin:0px;}
.mag6{margin:6px;}
.mag12{margin:12px;}
.mag24{margin:24px;}
.mag36{margin:36px;}
.mag48{margin:48px;}

.magTop0{margin-top:0px;}
.magTop6{margin-top:6px;}
.magTop12{margin-top:12px;}
.magTop24{margin-top:24px;}
.magTop36{margin-top:36px;}
.magTop48{margin-top:48px;}

.magBot0{margin-bottom:0px;}
.magBot6{margin-bottom:6px;}
.magBot12{margin-bottom:12px;}
.magBot24{margin-bottom:24px;}
.magBot36{margin-bottom:36px;}
.magBot48{margin-bottom:48px;}

.magLeft0{margin-left:0px;}
.magLeft12{margin-left:12px;}
.magLeft16{margin-left:16px;}
.magLeft24{margin-left:24px;}
.magLeft36{margin-left:36px;}
.magLeft48{margin-left:48px;}

.magRight0{margin-right:0px;}
.magRight12{margin-right:12px;}
.magRight16{margin-right:16px;}
.magRight24{margin-right:24px;}
.magRight36{margin-right:36px;}
.magRight48{margin-right:48px;}

.pad0{padding:0px;}
.pad10{padding:10px;}
.pad12{padding:12px;}
.pad24{padding:24px;}
.pad36{padding:36px;}
.pad48{padding:48px;}

.padTop0{padding-top:0px;}
.padTop10{padding-top:10px;}
.padTop12{padding-top:12px;}
.padTop24{padding-top:24px;}
.padTop36{padding-top:36px;}
.padTop48{padding-top:48px;}

.padBot0{padding-bottom:0px;}
.padBot10{padding-bottom:10px;}
.padBot12{padding-bottom:12px;}
.padBot24{padding-bottom:24px;}
.padBot36{padding-bottom:36px;}
.padBot48{padding-bottom:48px;}

.padLeft0{padding-left:0px;}
.padLeft10{padding-left:10px;}
.padLeft12{padding-left:12px;}
.padLeft24{padding-left:24px;}
.padLeft36{padding-left:36px;}
.padLeft48{padding-left:48px;}

.padRigh0{padding-right:0px;}
.padRigh10{padding-right:10px;}
.padRigh12{padding-right:12px;}
.padRigh24{padding-right:24px;}
.padRigh36{padding-right:36px;}
.padRigh48{padding-right:48px;}

.magLR12{margin:0 12px;}
.padLR12{padding:0 12px;}

.fLeft{float:left;}
.fRight{float:right;}
.cb{clear:both;}

.blockCenter,
.aligncenter{
	margin:0 auto;
}

.txtaligncenter{
	text-align:center;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

section:before,
section:after {
    content: " ";
    display: table;
}

section:after {
    clear: both;
}

.article b, .article strong {
    font-weight: bold;
}

.article section{
	margin:30px 0;
}

html :where(img[class*=wp-image-]) {
    height: auto;
    max-width: 100%;
}


/* bootstrap.css
----------------------------------------------- */
.row {
  margin-right: -15px;
  margin-left: -15px;
}
.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 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left;
}
.col-xs-12 {
  width: 100%;
}
.col-xs-11 {
  width: 91.66666667%;
}
.col-xs-10 {
  width: 83.33333333%;
}
.col-xs-9 {
  width: 75%;
}
.col-xs-8 {
  width: 66.66666667%;
}
.col-xs-7 {
  width: 58.33333333%;
}
.col-xs-6 {
  width: 50%;
}
.col-xs-5 {
  width: 41.66666667%;
}
.col-xs-4 {
  width: 33.33333333%;
}
.col-xs-3 {
  width: 25%;
}
.col-xs-2 {
  width: 16.66666667%;
}
.col-xs-1 {
  width: 8.33333333%;
}
.col-xs-pull-12 {
  right: 100%;
}
.col-xs-pull-11 {
  right: 91.66666667%;
}
.col-xs-pull-10 {
  right: 83.33333333%;
}
.col-xs-pull-9 {
  right: 75%;
}
.col-xs-pull-8 {
  right: 66.66666667%;
}
.col-xs-pull-7 {
  right: 58.33333333%;
}
.col-xs-pull-6 {
  right: 50%;
}
.col-xs-pull-5 {
  right: 41.66666667%;
}
.col-xs-pull-4 {
  right: 33.33333333%;
}
.col-xs-pull-3 {
  right: 25%;
}
.col-xs-pull-2 {
  right: 16.66666667%;
}
.col-xs-pull-1 {
  right: 8.33333333%;
}
.col-xs-pull-0 {
  right: auto;
}
.col-xs-push-12 {
  left: 100%;
}
.col-xs-push-11 {
  left: 91.66666667%;
}
.col-xs-push-10 {
  left: 83.33333333%;
}
.col-xs-push-9 {
  left: 75%;
}
.col-xs-push-8 {
  left: 66.66666667%;
}
.col-xs-push-7 {
  left: 58.33333333%;
}
.col-xs-push-6 {
  left: 50%;
}
.col-xs-push-5 {
  left: 41.66666667%;
}
.col-xs-push-4 {
  left: 33.33333333%;
}
.col-xs-push-3 {
  left: 25%;
}
.col-xs-push-2 {
  left: 16.66666667%;
}
.col-xs-push-1 {
  left: 8.33333333%;
}
.col-xs-push-0 {
  left: auto;
}
.col-xs-offset-12 {
  margin-left: 100%;
}
.col-xs-offset-11 {
  margin-left: 91.66666667%;
}
.col-xs-offset-10 {
  margin-left: 83.33333333%;
}
.col-xs-offset-9 {
  margin-left: 75%;
}
.col-xs-offset-8 {
  margin-left: 66.66666667%;
}
.col-xs-offset-7 {
  margin-left: 58.33333333%;
}
.col-xs-offset-6 {
  margin-left: 50%;
}
.col-xs-offset-5 {
  margin-left: 41.66666667%;
}
.col-xs-offset-4 {
  margin-left: 33.33333333%;
}
.col-xs-offset-3 {
  margin-left: 25%;
}
.col-xs-offset-2 {
  margin-left: 16.66666667%;
}
.col-xs-offset-1 {
  margin-left: 8.33333333%;
}
.col-xs-offset-0 {
  margin-left: 0;
}
@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-pull-11 {
    right: 91.66666667%;
  }
  .col-sm-pull-10 {
    right: 83.33333333%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-8 {
    right: 66.66666667%;
  }
  .col-sm-pull-7 {
    right: 58.33333333%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-5 {
    right: 41.66666667%;
  }
  .col-sm-pull-4 {
    right: 33.33333333%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-2 {
    right: 16.66666667%;
  }
  .col-sm-pull-1 {
    right: 8.33333333%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-push-11 {
    left: 91.66666667%;
  }
  .col-sm-push-10 {
    left: 83.33333333%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-8 {
    left: 66.66666667%;
  }
  .col-sm-push-7 {
    left: 58.33333333%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-5 {
    left: 41.66666667%;
  }
  .col-sm-push-4 {
    left: 33.33333333%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-2 {
    left: 16.66666667%;
  }
  .col-sm-push-1 {
    left: 8.33333333%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-0 {
    margin-left: 0;
  }
}
@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-pull-11 {
    right: 91.66666667%;
  }
  .col-md-pull-10 {
    right: 83.33333333%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-8 {
    right: 66.66666667%;
  }
  .col-md-pull-7 {
    right: 58.33333333%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-5 {
    right: 41.66666667%;
  }
  .col-md-pull-4 {
    right: 33.33333333%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-2 {
    right: 16.66666667%;
  }
  .col-md-pull-1 {
    right: 8.33333333%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-push-11 {
    left: 91.66666667%;
  }
  .col-md-push-10 {
    left: 83.33333333%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-8 {
    left: 66.66666667%;
  }
  .col-md-push-7 {
    left: 58.33333333%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-5 {
    left: 41.66666667%;
  }
  .col-md-push-4 {
    left: 33.33333333%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-2 {
    left: 16.66666667%;
  }
  .col-md-push-1 {
    left: 8.33333333%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-md-offset-0 {
    margin-left: 0;
  }
}
@media (min-width: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-11 {
    width: 91.66666667%;
  }
  .col-lg-10 {
    width: 83.33333333%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-8 {
    width: 66.66666667%;
  }
  .col-lg-7 {
    width: 58.33333333%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-5 {
    width: 41.66666667%;
  }
  .col-lg-4 {
    width: 33.33333333%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-2 {
    width: 16.66666667%;
  }
  .col-lg-1 {
    width: 8.33333333%;
  }
  .col-lg-pull-12 {
    right: 100%;
  }
  .col-lg-pull-11 {
    right: 91.66666667%;
  }
  .col-lg-pull-10 {
    right: 83.33333333%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-8 {
    right: 66.66666667%;
  }
  .col-lg-pull-7 {
    right: 58.33333333%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-5 {
    right: 41.66666667%;
  }
  .col-lg-pull-4 {
    right: 33.33333333%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-2 {
    right: 16.66666667%;
  }
  .col-lg-pull-1 {
    right: 8.33333333%;
  }
  .col-lg-pull-0 {
    right: auto;
  }
  .col-lg-push-12 {
    left: 100%;
  }
  .col-lg-push-11 {
    left: 91.66666667%;
  }
  .col-lg-push-10 {
    left: 83.33333333%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-8 {
    left: 66.66666667%;
  }
  .col-lg-push-7 {
    left: 58.33333333%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-5 {
    left: 41.66666667%;
  }
  .col-lg-push-4 {
    left: 33.33333333%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-2 {
    left: 16.66666667%;
  }
  .col-lg-push-1 {
    left: 8.33333333%;
  }
  .col-lg-push-0 {
    left: auto;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-lg-offset-0 {
    margin-left: 0;
  }
}


/*table*/
.article table.tableStyle01{
	border:1px solid #ccc;
	border-collapse: collapse;
	width:100%;
}

.article table.tableStyle01 th,
.article table.tableStyle01 td{
	border:1px solid #ccc;
	border-collapse: collapse;
	padding:0.8em;
}

.article table.tableStyle02{
	border:2px solid #FFF;
	background:#e6eaf2;
	font-size:10px;
	border-collapse: collapse;
	width:100%;
}

.article table.tableStyle02 th{
	border:2px solid #FFF;
	background:#c8d8f9;
	font-weight:bold;
	border-collapse: collapse;
	padding:0.8em;
}
.article table.tableStyle02 td{
	border:2px solid #FFF;
	background:#e6eaf2;
	border-collapse: collapse;
	padding:0.8em;
}

.article table.tableLayout5{
	line-height:180%;
	border-collapse:collapse;
	margin-bottom:10px;
}

.article table.tableLayout5 th{
	border:1px #FFF solid;
	background:#319dd5;
	color:#FFF !important;
	padding:0.5em 1em;
	font-weight:normal;
	text-align:center;
	width:20%;
}

.article table.tableLayout5 td{
	border:1px #FFF solid;
	background:#F8F5F5;
	padding:0.5em 1em;
	width:80%;
	
}

.article table.tableLayout5 .bgh{background:#EBEDF3;}

@media screen and (max-width: 768px) {
    .article table.tableStyle02{
        font-size: 8px;
        line-height: 1.5em;
    }
}

/*list*/
ul.ulStyle01{
	margin:1em 0;
	padding-left:1.5em;
	overflow:visible;
	list-style-type:disc;
	list-style-position:outside;
}

ul.ulStyle01 li{
	padding-left:0.5em;
	display: list-item;
	overflow:visible;
	list-style-type:disc;
	list-style-position:outside;
	float:none;
}


ul.newsList{
	margin:0 0 24px 0;
	padding:0;
	overflow:visible;
	list-style:none;
}

ul.newsList li{
	padding:0.8em 1em;
	display:list-item;
	overflow:visible;
	float:none;
	border-bottom:1px dotted #999;
}

ul.newsList li a {
	display:inline-block;
	text-decoration:none;
	padding:0 0 0 15px;
}

ul.newsList li a:hover {
	text-decoration:underline;
}

@media (max-width: 480px) {
	#contentRight{
		background-color:#fff;
		padding:12px;
		border:none;
		border-radius:0px;
		margin-bottom:30px;
	
		min-height:380px;
	}
}






/* Text meant only for screen readers */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
}

.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;/* Above WP toolbar */
} 

/* Clearing */
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: '';
	display: table;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

.row-eq-height {
	display: flex;
	flex-wrap: wrap;
}