body {
	font-family: Source Han Sans JP,'メイリオ', 'ヒラギノ角ゴ Pro W3', Meiryo, Verdana, 'Hiragino Kaku Gothic Pro', Osaka, 'ＭＳ Ｐゴシック','Source Han Sans JP' sans-serif;
	margin: unset;
}

/* common */
body {
	min-width: 900px;
	position: relative;
}

img {
	vertical-align: middle;
	max-width: 100%;
}

ul.clearfix {
	padding: 0;
	margin: 0;
	list-style: none;
}

a {
	text-decoration: none;
}

a:hover {
	opacity: 0.7;
}

.clearfix::after {
	content: "";
	display: block;
	clear: both;
}

span.title{
	font-weight: bold;
}

table.clearfix{
	border: none;
}

br.clearfix{
	clear: both;
}
/* END: common */


/*line top	*/
.line-top {
	margin: 0;
	border-bottom: 2px solid #e94b22;
	border-top: 2px solid #e94b22;
	background-color: #e94b22;
}

.index{
	min-width: 1000px;
	margin: 0 auto;
}

/*header*/

.headerarea{
	max-width: 1000px;
	margin: 0 auto;
	position: relative;
}
.top-header{
	position: relative;
	min-width: 900px;
	width: 1000px;
}

.header{
	display: block;
	padding: 0;
	height: 75px;
	min-width: 900px;
	width: auto;
	border-bottom: 1px solid #e6e6e6;
}

.line-top.incorpo{
	margin-top:19px; 
}

#corporation_header{
	position: fixed;
	top: 0;
	min-width: 900px !important;
}

.logo{
	float: left;
	padding: 0;
	padding-left: 25px;
	height: 75px;
	line-height: 75px;
	width: 200px;
}

/*body-menu*/
.body-menu{
	display: block;
	float: right;
}

/*menu-top*/
.menu{
	display: block;
	float: left;
	height: 70px;
	margin-right: 20px;
}

.menu-top{
	display: block;
	text-align: right;
	height: 30px;
	line-height: 30px;
}


.menu-top .list-menu-top .item-menu-top{
	display: inline-block;
	margin: 0 15px;
	position: relative;
}

.menu-top .list-menu-top .item-menu-top .link-menu-top{
	color: #333333;
	font-size: 11px;
	display: block;
}

.menu-top .list-menu-top .search-btn a::before{
	content: url('/top_common/images/svg/search-icon.svg');
	opacity: 0.7;
	position: relative;
	top: 5px;
	left: -10px;
}

.menu-top .list-menu-top .search-btn.active::after{
	content: url('/top_common/images/svg/tri.svg');
	position: absolute;
    top: 25px;
    left: 30px;
}

/*global-menu*/
.global-menu{
	display: block;
}

.global-menu .list-global-menu .item-global-menu{
	display: inline-block;
	height: 45px;
	line-height: 45px;
	padding: 0 5px;
	margin-right: 15px;
	position: relative;
}

.global-menu .list-global-menu .item-global-menu a::after{
	content: url('/top_common/images/icon-more-top.png');
	position: relative;
	left: 5px;
}

.global-menu .list-global-menu .item-global-menu .link-global-menu{
	color: #333333;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	transition:0.5s;
}

.item-global-menu.active a.link-global-menu{
	text-decoration: none;
	cursor: pointer;
}

.global-menu .list-global-menu .item-global-menu.active a::after{
	content: url('/top_common/images/arrow-up.png');
}

.global-menu .list-global-menu .item-global-menu.active::after{
	content: "";
    display: block;
    left: 0;
    right: 0;
    height: 3px;
    position: absolute;
    background: #E94B22;
    bottom: 0px;
}

/*panel-content-global-menu*/
.panel-content-global-menu{
	position: relative;
	padding: 0;
	width: 1000px;
	min-width: 900px;
	margin: 0 auto;	
}

.panel-content-global-menu .tab-panel{
	position: absolute;
	width: 100%;
	padding: 30px 100px 50px 100px;
	z-index: 2;
	display: none;
	background-color: #ffffff;
	text-align: center;
	box-shadow: 0px 1px 0px #00000029;
	border-left: 1px solid #e6e6e6;
	border-right: 1px solid #e6e6e6;
}

.panel-content-global-menu .tab-panel.active{
	display: block;
}

/*.tab-panel*/
.tab-panel .content-panel-gl{
	display: flex;
}

.tab-panel .content-panel-gl .nav-header{
	display: flex;
	width: 100%;
}

.tab-panel .content-panel-gl .nav-header .item-nav-header{
	text-align: left;
	width: 30%;
	margin-right: 40px;
}

.item-nav-header h5{
	color: #333333;
	font-size: 13px;
	border-bottom: 1px solid #666666;
	height: 50px;
	line-height: 50px;
}

.item-nav-header h5.center{
	line-height: 22px;
}

.item-nav-header ul.quick-links li{
	padding: 5px 15px;
	position: relative;
}

.item-nav-header ul.quick-links li:after{
	content: url(/top_common/images/icon-link.png);
    position: absolute;
    top: 50%;
    left: 2px;
    height: 15px;
    transform: translate(-50%, -50%);
}


.item-nav-header ul.quick-links li a{
	color: #333333;
	font-size: 13px;
	transition: 0.5s;
}

.item-nav-header ul.quick-links li a:hover{
	color: #E94B22
}

.item-nav-header ul.quick-links-redirect li{
	padding: 20px 0;
	border-bottom: 1px solid #666666;
	position: relative;
}

.item-nav-header ul.quick-links-redirect li a:after{
	content: url(/top_common/images/icon-link-redirect.png);
    position: absolute;
    top: 50%;
    right: 10px;
    height: 15px;
    transform: translate(-50%, -50%);
}

.item-nav-header ul.quick-links-redirect li a{
	color: #333333;
	font-size: 13px;
	display: block;
}

.item-nav-header ul.quick-links-redirect li a:hover{
	color: #E94B22
}

.tab-panel .menu-tab-gl{
	width: 30%;
}

.tab-panel span.close-tab-panel{
	position: absolute;
	top: 20px;
	right: 20px;
	color: #ffffff;
	cursor: pointer;
}

.tab-panel .title{
	text-align: left;
}

.tab-panel .title p{
	color: #333333;
	font-size: 23px;
}

/*menu-tab-gl*/
.menu-tab-gl p.p-title{
	font-size: 23px;
	font-weight: normal;
	color: #ffffff;
	padding-top: 80px;
	padding-left: 15px;
}

.menu-tab-gl .title .a-link{
	padding: 3px 10px;
	border: 1px solid #ffffff;
	border-radius: 50px;
	margin-left: 40px;
	height: 30px;
	margin-top: 80px;
}

.menu-tab-gl .title .a-link a{
	font-size: 10px;
	color: #ffffff;
}

.menu-tab-gl .title a img{
	margin-left: 10px;
}

.menu-tab-gl .title{
	display: flex;
}

.menu-tab-gl ul{
	padding: 30px 0;
	text-align: left;
}

.menu-tab-gl ul li{
	padding: 0 30px;
	color: white;
	height: 50px;
	line-height: 50px;
	position: relative;
	display: block;
}

.menu-tab-gl ul li::after{
	content: url('/top_common/images/arrow-link-white-top.png');
	position: absolute;
	top: 50%;
	right: 30px;
	height: 40px;
	transform: translateY(-50%);
}

.menu-tab-gl ul li.active{
	background-color: #c33d1a;
}


.menu-tab-gl ul li.active::after{
	right: 15px;
}


.menu-tab-gl ul li a{
	color: #ffffff;
	font-size: 14px;
	font-weight: bold;
	display: block;
}

.menu-tab-gl ul li.active a{
	text-decoration: none;
}


/*content-tab-tranning*/
.tab-panel .content-tab-gl{
	width: 70%;
	float: left;
}

.content-tab-gl{
	padding: 20px 20px 20px 0;
}

.content-tab-gl .tab-content-gl{
	background-color: #ffffff;
	padding: 40px 25px;
}

.tab-content-gl h1.title{
	color: #1A1A1A;
	font-size: 14px;
	font-weight: bold;
	padding-left: 20px;
	padding-bottom: 20px;
	text-align: left;
}

.tab-content-gl .flex-item-ct{
	display: flex;
}

.content-tab-tranning .tab-content-tranning{
	display: none;
}

.content-tab-tranning .tab-content-tranning.active{
	display: block;
}

.flex-item-ct .item-gl-ct a{
	display: block;
	color: #1A1A1A;
	font-size: 11px;
	opacity: 1;
}

.flex-item-ct .item-gl-ct a:hover{
	text-decoration: none;
}

.flex-item-ct .item-gl-ct a .icon-item{
	padding-right: 20px;
	float: left;
}	

.flex-item-ct .item-gl-ct a span{
	font-weight: bold;
}

.flex-item-ct .item-gl-ct{
	width: 50%;
	height: 50px;
	line-height: 50px;
	border: 1px solid #EAEAEA;
	background-color: #F5F9FF;
	border-radius: 5px;
	margin-bottom: 10px;
	margin-left: 10px;
	text-align: left;
	padding: 0 20px;
}

.flex-item-ct .item-gl-ct.child-nav-hide {
	border: none;
	background-color: inherit;
}

/*panel person*/

.content-tab-person .tab-content-person{
	display: none;
}

.content-tab-person .tab-content-person.active{
	display: block;
}


/*nav-user*/
.nav-user{
	/* display: flex; */
	width: 150px;
	float: right;
}

.nav-user .nav-icon-user{
	width: 75px;
	text-align: center;
	height: 75px;
	background-color: #77777A;
	color: #FFFFFF;
	font-size: 10px;
	padding-top: 20px;
	float: left;
	transition:0.5s;
}

.nav-user .nav-icon-user span{
	color: #FFFFFF;
	font-size: 10px;
	font-weight: normal;
}

.nav-user .nav-icon-user img {
	display: block;
	margin: auto;
	margin-bottom: 6px;
}

.nav-user .cart-menu{
	border-left: 1px solid #ffffff;
}


/*block search*/
.block-search {
	display: none;
	padding-top: 30px;
	background-color: #FFFFFF;
	position: absolute;
	z-index: 2;
	left: 150px;
	top: 50px;
	width: 710px;
	border: 5px solid #DEDEDE;
	padding: 50px 70px 0px 80px;
}

.block-search.active {
	display: block;
}

.block-search .close-search-panel{
	position: absolute;
	top: 10px;
	right: 10px;
	cursor: pointer;
}

.list-tab-search {
	width: 100%;
	/* display: flex; */
	border-bottom: 1px solid #B0B0B0;
}

.list-tab-search .tablinks.active {
	background-color: #ffffff;
}
.list-tab-search .tablinks-left {
	margin-left: 15px;
}
.list-tab-search .tablinks {
	cursor: pointer;
	width: 140px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	border: 1px solid #B0B0B0;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom: none;
	margin-bottom: -1px;
	background-color: #F7F6F6;
	float: left;
}

.list-tab-search .tablinks a {
    display: block;
    color: #333333;
    font-size: 15px;
    text-decoration: none;
}

.list-tab-search .tablinks a:active{
	text-decoration: none;
}

.search-form 
{
    padding: 0;
    text-align: left;
}
.search-frm-top
{
    display: flex;
}
.search-form .input-box,.search-form .btn-box
{
    position:relative;
}
.input-box::after {
    position: absolute;
    content: '\26B2';
    top: 5px;
    left: 15px;
    font-size: 27px;
    color: #3333;
    transform: rotate(-45deg);
}
.btn-box::after {
    position: absolute;
    content: '\26B2';
    left: 100px;
    top: 5px;
    font-size: 27px;
    color: #fff;
    transform: rotate(-45deg);
}
.search-form .txt-input-search {
    height: 47px;
    width: 465px;
    border: 1px solid #ccc;
    border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    color: #333333;
    font-size: 17px;
    text-indent: 30px;
    line-height: 18px;
    background-color: #F7F6F6;
}

.search-form .txt-input-search::placeholder{
	color: #333333;
    font-size: 17px;
    opacity: 0.48;
}

.lbl-radio {
    display: inline-block;
    position: relative;
    margin-right: 10px;
}

/* Hide the browser's default radio button */
.lbl-radio input {
  	display: none;
}

.lbl-radio input:empty ~ label {
	cursor: pointer;
	padding-left: 30px;
	margin-left: 15px;
	height: 26px;
	line-height: 26px;
	font-size: 15px;
	color: #333333;
    font-weight: 500;
}
.lbl-radio-top input:empty ~ label {

	color: #000000;
}

.lbl-radio input:empty ~ label::before {
	content: url('/top_common/images/svg/search-checkbox1.svg');
	position: absolute;
	top: 0;
	left: 7px;
}

.lbl-radio input:checked ~ label::before {
	content: url('/top_common/images/svg/search-checkbox-checked1.svg');
}

.search-form .btn-search {
    color: #ffffff;
    background-color: #E94B22;
    width: 70px;
    height: 47px;
    border: 1px solid #E94B22;
    border-radius: 5px;
    font-size: 18px;
}

.google-search-form {
    /* padding-left: 30px; */
}

.google-search-form label {
    font-size: 14px;
    font-weight: 400;
    display: block;
}

.google-search-form .google-input {
    height: 47px;
    width: 465px;
    border: 1px solid #666666;
    border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    color: #333333;
    font-size: 18px;
    text-indent: 10px;
    line-height: 18px;
    background-color: #F7F6F6;
}

.google-search-form .google-submit {
    line-height: 23px;
    color: #ffffff;
    background-color: #E94B22;
    width: 70px;
    height: 47px;
    border: 1px solid #E94B22;
    border-radius: 5px;
    font-size: 18px;
}

.tabsearchcontent {
    display: none;
    padding: 40px 0;
    background-color: #ffffff;
}

.tabsearchcontent.active{
	display: block;
	text-align: left;
}

/*main*/
.main{
	padding: 0;
	margin: 0 auto;
	width: 1000px;
	min-width: 900px;
	
}

/*topic-recomend*/
.topic-recomend{
	width: 100%;
	background-color: rgba(239, 236, 236, 0.5);
	text-align: center;
}

.topic-recomend .img-recomend a{
	display: block;
	opacity: 1;
	transition: 0.5s;
}
.topic-recomend .img-recomend a:hover
{
    opacity:0.7;
}
.topic-recomend .img-recomend a img {
	width: 100%;
}


/*cov-noti*/
.cov-noti
{
	text-align: center;
	
}

.cov-noti .cov-content
{
	background-color: #efc3be;
    border: 1px solid #edaa9b;
    width: fit-content;
    display: inline-block;
    padding: 10px 30px 0 30px;
    color: #333;
	font-weight: bold;
	text-decoration: none;
}

.cov-content .link-noti
{
	display: block;
	padding: 0 20px 10px 30px;
	color: #333;
}

.cov-content .link-noti:visited
{
	color: #333;
}

/*slide-topic*/
.slide-topic{
	background-color: #FFFFFF;
	padding: 25px;
}
.slide-topic img
{
    border-radius: 5px;
}
.slide-topic .heading{
	display: block;	
}

.heading-title{
	float: left;
	padding-bottom: 17px;
}
.heading-decoration
{
    border-bottom:solid 2px #E94B22;
    padding:19px 0px;
}
.heading-title p{
	color: #333333;
	font-size: 18px;
	font-weight: bold;
}

.heading-next-links
{
    display:flex;
	float: right;
}
.heading-next-links a::after
{
    position: absolute;
    content: '\276F';
    right: 8px;
}
.heading-next-links a:nth-child(1) 
{
  color:#000000;
  background: #E7E7E7;
  transition:0.5s;
}
.heading-next-links a:nth-child(2) 
{
  color:#ffffff;
  background-color: #E94B22;
  margin-left:10px;
  transition:0.5s;
}
.heading-next-links a
{
    position:relative;
	font-size: 14px;
    width: 232px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    border-radius: 16px;
}
.heading-next-links a:hover
{
    text-decoration:none;
}

.arrow-link.orange-icon a::after{
	content: ">";
    position: relative;
    
    left: 2px;
}

/*slide-banner*/
.slide-banner{
	display: flex;
}

.slide-banner .left-banner{
	width: 50%;
	padding-right: 40px;
}

.slide-banner .left-banner .banner{
	opacity: 1;
	transition: 0.5s;
}
.slide-banner .left-banner .banner:hover
{
    opacity:0.7;
}
.slide-banner .left-banner .banner img{
	border-radius: 10px;
}

.text-details-banner{
	padding-top: 15px;
	text-align: left;
}

.text-details-banner span.lbl-title{
	font-weight: bold;
	color: #333333;
	font-size: 22px;
}

.text-details-banner p{
	color: #333333;
	font-size: 13px;
	opacity: 0.9;
	margin-top: 30px;
}


/*list-right-banner*/
.slide-banner .list-right-banner{
	width: 50%;
	position: relative;
	min-height: 400px;
}

.banner-right .item-banner-right{
	display: flex;
	margin-bottom: 15px;
}

.banner-right .item-banner-righ .img-banner-right{
	width: 160px;
}

.banner-right .item-banner-right .item-content-right{
	padding-left: 20px;
	width: 315px;
}
.banner-right .item-banner-right .img-banner-right a
{
    transition:0.5s;
}
.item-content-right span.title{
	color: #333333;
	font-size: 15px;
	font-weight: bold;
}

.item-content-right p{
	color: #333333;
	font-size: 13px;
	opacity: 0.9;
	margin-top: 20px;
}

.icon-change-slide{
	width: 100%;
	display: flex;
	justify-content: center;
	position: absolute;
	bottom: 0;
}

.icon-change-slide a {
	position: static;
	opacity: 1 !important;
}

/* The dots/bullets/indicators */
.dot{
	cursor: pointer;
	height: 13px !important;
	width: 13px !important;
	margin: 0 5px !important;
	background-color: #e6e6e6 !important;
	display: inline-block;
	transition: background-color 0.6s ease;
}

.list-dot .dot.active {
	background-color: gray !important;
}

.list-dot{
	text-align: center;
	width: 90% !important;
	position: static !important;
	padding: 5px 0;
	margin-left: 0 !important;
}

/*nav-traning*/
.nav-traning{
	background-color: #ffffff;
	padding: 20px 25px;
	border:solid 2px #F3F3F3;
}

.nav-traning .heading{
	display: block;
}

/* block-header-traning-tab */
.block-header-traning-tab{
	margin-top: 20px;
	text-align: center;
}
.block-header-traning-tab::after {
	content: "";
	display: block;
	clear: both;
}
.block-header-traning-tab ul {
	padding: 0;
}
.block-header-traning-tab ul li {
	position: relative;
	text-align: left;
	display: inline-block;
	padding-right: 40px;
}

.block-header-traning-tab ul li a {
	display: inline-block;
	color: #333333;
	position: relative;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
}

.block-header-traning-tab ul li a span.no-bold{
	color: #333333;
	font-size: 16px;
	font-weight:normal;
}

.block-header-traning-tab ul li a span{
	color: #333333;
	font-size: 16px;
	font-weight: bold;
}

.block-header-traning-tab ul li.active a::after {
	content: "";
	display: block;
	left: 0;
	right: 0;
	height: 3px;
	position: absolute;
	background: #E94B22;
	bottom: -10px;
}

.block-header-traning-tab ul li.active a span{
	color: #E94B22;
}

.block-header-traning-tab ul li.active a {
	color: #E94B22;
	text-decoration: none;
}

.block-header-traning-tab ul li a:hover {
	opacity: 1;
}

/*block-traning-tab-content*/
.block-traning-tab-content{
	padding-top: 30px;
}

.block-traning-tab-content .tabcontent-traning{
	text-align: center;
}

.tabcontent-traning .flex-item{
	display: flex;
}

.flex-item .item-traning-content{
	width: 300px;
	height: 50px;
	line-height: 50px;
	border: 1px solid #EAEAEA;
	background-color:#FDECE0 ;
	border-radius: 5px;
	margin-bottom: 20px;
	text-align: left;
	padding: 0 20px;
}

.flex-item.flex-50 .item-traning-content {
	width: 50%;
}

.flex-item.flex-50 .item-traning-content.left {
	margin-right: 5px;
}

.flex-item.flex-50 .item-traning-content.right {
	margin-left: 5px;
}

.flex-item .item-traning-content.center{
	margin: 0 20px;
}

.flex-item .item-traning-content a{
	display: inline-flex;
	color: #707070;
	font-size: 14px;
	width: 100%;
}

.flex-item .item-traning-content a span{
	font-weight: bold;
}


.tabcontent-traning .item-traning-content .icon-item{
	padding-right: 15px;
}

.icon-item.icon-5{
	padding-right: 20px !important;
}

.block-traning-tab-content .tabcontent-traning{
	display: none;
}

.block-traning-tab-content .tabcontent-traning.active{
	display: block;
}

/*hr-dev*/

.txt-hr-dev{
	text-align: left;
	padding-top: 15px;
}

.hr-dev{
	background-color: #F7F7F7;
	padding: 25px !important;
}

.hr-dev .row-hr-dev{
	margin: 0 !important;
}
.row-hr-dev
{
    margin-bottom:50px;
   }
.txt-hr-dev h1{
	font-size: 23px;
	color: #333333;
	font-weight: 500;
}

.txt-hr-dev p.title{
	color: #333333;
	font-size: 12px;
	opacity: 0.6;
	padding-top: 30px;
	padding-right: 20px;
	padding-bottom: 30px;
}

.txt-hr-dev p.content{
	color: #333333;
	opacity: 0.9;
	font-size: 12px;
	padding-bottom: 40px;
	padding-right: 10px;
	padding-top: 30px;
}

.txt-hr-dev a{
	margin-bottom: 30px;
	background-color: #e94b22;
	height: 50px;
	padding: 15px 25px;
	color: #FFFFFF !important;
	font-size: 14px;
	margin-top: 40px;
}

.txt-hr-dev a:visited{
	color: #FFFFFF !important;
}

/*banner-hr-dev*/

.banner-hr-dev{
	padding: 15px;
	margin-top: 80px;
}

.banner-hr-dev .item-banner-hr-dev{
	position: relative;
	width: 280px;
	height: 165px;
	float: left;
	text-align: center;
	padding: 10px;
	margin-left: 15px;
	background-color: #ffffff;
	border: 1px solid #E2E2E3;
	border-radius: 5px; 
	box-shadow: 0px 1px 0px #00000029;
}

.banner-hr-dev .item-banner-hr-dev .img-hr-dev{
	background-color: #333333;
}

.item-banner-hr-dev .img-hr-dev img{
	width: 100%;
}

.item-banner-hr-dev .text-img{
	color: #333333;
	font-size: 14px;
	opacity: 1;
	padding-top: 10px;
}

.noti-hr-dev{
	padding: 0 29px;
	margin-top: 15px;
}

.noti-hr-dev .top-noti{
	min-width: 500px;
	position: relative;
	background-color: #ffffff;
	border: 1px solid #E2E2E3;
	border-radius: 5px;
	box-shadow: 0px 1px 0px #00000029;
	display: flex;
	padding: 10px 0;
}

.noti-hr-dev .top-noti table tr td{
	vertical-align: middle;
}

.noti-hr-dev .top-noti .top-noti-img{
	padding-left: 15px;
	width: 50px;
}

.noti-hr-dev .top-noti .top-noti-title{
	width: 220px;
	color: #333333;
	font-size: 14px;
	padding: 0 15px;
}

.top-noti-title p{
	margin: 0;
}

.noti-hr-dev .top-noti .top-noti-content{
	padding-right: 20px;
}

.noti-hr-dev .top-noti .top-noti-content p{
	margin: 0;
	color: #333333;
	opacity: 0.9;
	font-size: 11px;
}

/*slide-hr-dev*/
.slide-hr-dev {
	padding: 0px 10px;
	text-align: left;
}

.heading-slide-hr-dev .title-slide-hr-dev{
	color: #707070;
	font-size: 23px;
	float: left;
	padding-right:20px;
	padding-bottom:30px;
	font-weight:500;
}

.heading-slide-hr-dev .heading-next-links-slide-hr-dev{
	float: left;
	line-height:34px;
	color: #E94B22;
	font-size: 12px;
}

.heading-slide-hr-dev .heading-next-links-slide-hr-dev a{
	color: #E94B22;
}

.heading-slide-hr-dev .heading-next-links-slide-hr-dev a:visited{
	color: #E94B22;
}

/* carousel multiple items*/
.carousel-inner
{
    border-radius:10px;
}
.multi-item-carousel .carousel-inner .item .box-item{
	padding: 5px 13px;
}

.multi-item-carousel .carousel-inner .item .item-img{
	box-shadow: 0px 2px 2px #00000029;
}
.multi-item-carousel .carousel-inner .item .item-img a
{
    transition:0.5s;
}
.multi-item-carousel .carousel-inner .item .item-img a img
{
	height: 192px;
	border-radius: 5px 5px 0 0;
	transition:0.5s;
}
.multi-item-carousel .carousel-inner .item .item-img a:hover
{
    text-decoration:none;
}
.multi-item-carousel .carousel-inner .item .item-img a:hover img
{
   opacity:0.7;
}
.multi-item-carousel .carousel-inner .item img{
	width: 100%;
}

.multi-item-carousel .carousel-inner .item .item-ct
{
    position:relative;
	background-color: #ffffff;
	padding: 30px 18px;
	height: 210px;
	border-radius: 0 0 5px 5px;
	overflow:hidden;
}

.item-ct .head-title {
	color: #707070;
	font-size: 14px;
	text-align:center;
	
}
.item-ct .head-title span
{
    border-radius: 13px;
    background: #E7E7E7;
    padding: 5px 15px; 
}
.title-ct
{
    font-weight:bold;
    margin: 20px 0;
    font-size: 16px ;
    color: #E94B22;
}
.item-ct span{
	color: #707070;
	font-size: 14px;
	line-height: 24px;
}

.icon-change-slide-hr-dev{
	position: absolute;
	top: 50%;
	display: block;
	width: 100%;
}

.icon-change-slide-hr-dev a {
	position: static;
	opacity: 1 !important;
}

.icon-change-slide-hr-dev .prev-hr-dev{
	margin-left: -40px;
}

.icon-change-slide-hr-dev .next-hr-dev{
	float: right;
	margin-right: -40px;
	text-align: right;
}

/*link-next-hr-dev*/
.link-next-hr-dev{
	text-align: center;
	padding-top: 30px;
}
.link-next-hr-dev a{
	color: #E94B22 !important;
	font-size: 18px;
	display: block;
	position: relative;
}

.link-next-hr-dev a:visited{
	color: #E94B22 !important;
}

/*advanced*/
.advanced{
	background-color: #ffffff;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	display: flex;
	min-width: 900px;
}

.advanced .advanced-left{
	position: relative;
	padding: 0;
	width: 330px;
	float: left;
	text-align: left;
}

.advanced .advanced-left img{
	width: 100%;
	height: 100%;
}

.advanced .advanced-left .txt-image{
	position: absolute;
	width: 270px;
	top: 10px;
	left: 25px;
	padding-right: 20px;
	text-align: left;
}

.advanced-left .txt-image h1{
	color: #333333;
	font-size: 23px !important;
	margin-bottom: 10px;
	font-weight: normal;
}

.advanced-left .txt-image p{
	font-size: 12px;
	color: #333333;
	opacity: 0.9;
	margin-top: 40px;
	text-align: justify;
}

/*adv-r-gray*/
.advanced .adv-r-gray{
	background-color: #F7F7F7;
}

.advanced .advanced-right{
	position: relative;
	padding: 0;
	float: left;
	width: 670px;
}

/*adv-item*/
.advanced .adv-item{
	padding: 20px 40px 20px 40px;
	height: 250px;
	width: 335px;
	float: left;
}

.advanced .adv-item h1.title{
	text-align: left;
	padding-top: 20px;
	color: #3B3B3B;
	font-size: 16px;
}

.advanced .adv-item ul{
	padding-top: 20px;
	padding-bottom: 60px;
}

.advanced .adv-item ul li{
	text-align: left;
	color: #3B3B3B;
	font-size: 13px;
	position: relative;
	padding-left: 10px;
}

.advanced .adv-item ul li::before{
	content: "・ ";
	position: absolute;
	left: -5px;

}


/*btn-next-link*/
.btn-next-link{
	text-align: center;
	position: absolute;
	left: 25px;
	bottom: 60px;
	font-size: 14px;
}

.btn-next-link a{
	background-color: #e94b22;
	color: #ffffff !important;
	padding: 10px 30px;
	font-size: 14px;

}

.btn-next-link a:visited{
	color: #ffffff !important;
}

/*advanced-2*/
.advanced-2{
	background-color: #EDEDED;
	padding:40px 25px 80px 25px;
}
.advanced-2 .heading-advanced2{
	text-align: center;
}

.advanced-2 .heading-advanced2 h1.title{
	padding-top: 20px;
	padding-bottom: 10px;
	color: #e94b22;
	font-size: 23px;
	font-weight: 600;
}

.advanced-2 .heading-advanced2 p{
	color: #333333;
	font-size: 16px;
	opacity: 0.9;
	margin: 0;
}

.advanced-2 .list-img-adv-2{
	padding: 25px;
}

.list-img-adv-2 .item-adv-2{
	background-color: #77777A;
	padding: 20px 0;
	height: 210px;
}

.item-adv-2 .ul-list-adv{
	padding-top: 50px;
}

.item-adv-2 .ul-list-adv li{
	margin-bottom: 10px;
	text-align: center;
}

.item-adv-2 .ul-list-adv .item-list-adv{
	width: 270px;
	text-align: left;
	margin: auto;
}

.ul-list-adv .item-list-adv span {
	font-size: 16px;
	font-weight: bold;
	opacity: 0.9;
	color: #FFFFFF;
}

.ul-list-adv .item-list-adv span::before {
	padding-right: 10px;
	content: url("/top_common/images/checked.png");
	width: 15px;
	position: relative;
	top: 2px;
}

.list-img-adv-2 .item-img-adv-2{
	padding: 0;
	border: 1px solid #ffffff;
}

.list-img-adv-2 .item-img-adv-2 img{
	height: 210px;
	width: 100%;
}

.btn-adv{
	display: block;
	text-align: center;
}

.btn-adv a {
    background-color: #E94B22;
    padding: 10px 20px;
    color: #FFFFFF !important;
    font-size: 14px;
}

/*info-news*/
.info-news{
	padding: 25px !important;
	background-color: #ffffff;
	position: relative;
}

.info-news .btn-info-news{
	text-align: left;
}

.info-news .btn-info-news h1.title{
	color: #333333;
	font-size: 23px;
	font-weight: normal;
	margin-bottom: 40px;
}

.info-news .list-info-news .item-info-news{
	border-bottom: 1px solid #e3e3e3;
	padding: 15px 0;
}

.info-news .list-info-news .item-info-news a{
	color: #1A1A1A;
	font-size: 14px;
	opacity: 0.9;
}

.item-info-news td{
	padding: 10px 0;
}

.item-info-news td span a{
	color: #1A1A1A;
	font-size: 17px;
	opacity: 0.9;
	font-weight: bold;
}

.item-info-news td p{
	margin:  0;
	text-align: left;
	padding-left: 20px; 
	font-size: 16px;
	color: #1A1A1A;
	opacity: 0.9;
}

.item-info-news .inforlist-details{
	width: 100%;
}

.btn-news{
	position: absolute;
	bottom: 30px;
}

.btn-news a{
	background-color: #E94B22;
	padding: 10px 20px;
	color: #FFFFFF !important;
	font-size: 14px;
}

.btn-news a:visited{
	color: #FFFFFF !important;
}

/*footer*/
.footer{
	clear: both;
	background-color: #77777a;
}

.footer {
	padding: 20px 0;
}

.nav-footer{
	display: flex;
    padding-left: 30px;
}

.nav-footer .item-nav-footer-l {
    width: 30%;
	text-align: left;
	margin-right: 25px;
}
.nav-footer .item-nav-footer {
    width: 20%;
    text-align: left;
}

.footer h5{
	padding-bottom: 6px;
	margin-bottom: 20px;
	color:#FFFFFF;
	font-size: 18px;
}

.footer a {
	color: #ffffff;
	font-size: 13px;
}

.footer ul.quick-links li p{
	font-size: 15px;
	color: #ffffff;
	margin: 0;
}

.footer ul.quick-links li {
	color:#ffffff;
	padding-bottom: 10px;
}

.footer ul.quick-links li a{
	opacity: 0.7;
	color:#ffffff;
	font-size: 11px;
}

.footer ul.quick-links li p a{
	font-size: 15px;
	opacity: 1;
}

/*inline-links*/
.inline-links{
	text-align: center;
	padding: 40px 0 10px 0;
	display: inline-flex;
	justify-content: center;
}

.inline-links ul li{
	display: inline-block;
	color: #ffffff;
	padding: 0 14px;
	border-left: 1px solid #ffffff;
}

.inline-links ul li.no-border{
	border: none;
}

.inline-links ul li a, .inline-links ul li a:visited {
	color: #ffffff !important;
}

/*logo-footer*/

.footer .footer-content{
	padding: 0 25px;
	min-width: 900px;
	width:1000px;
}

.footer .logo-footer{
	text-align: center;
	padding: 20px;
}

.footer .logo-footer img{
	width: 30%;
}

.text-white{
	color: #ffffff;
	opacity: 0.75;
	font-size: 12px;
}

.text-white p{
	margin: 0;
}
a.none-after::after
{
	display:none;
}
#TopMainVisual .carousel-control
{
	background-image:none !important;
}
.topic-recomend #TopMainVisual
{
	background-color:White;
	margin-bottom:10px;
}
#TopMainVisual a.carousel-control
{
	color:White;
	
}
.topic-recomend .img-recomend #TopMainVisual a img
{
	width:auto;
}
#TopMainVisual .list-dot
{
	width:auto !important;
	margin:5px 0 0 0 !important;
	padding:0 !important;
}
.topic-recomend #TopMainVisual .dot {
	width: 14px !important;
	height: 13px !important;
	background: #c8c8c8;
}
	.topic-recomend #TopMainVisual .dot.active {
		background-color: #787878 !important;
	}
.rotateimg180 {
  -webkit-transform:rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

.topic-recomend #TopMainVisual .control-carousel-list a
{
	display:none;
	position:absolute;
	width:11px;
	top: 50%;
}
.content-container {
    padding: 50px 20px 80px 20px;
    margin: 30px 0px 0px 0px;
}
.bg-contain
{
    background:#F7F7F7;
}
.content-container .header-content {
    margin-bottom: 20px;
    clear: left;
}

.header-content .title-head {
    font-weight: 600;
    color: #707070;
    font-size: 20px;
    color: #e94b22;
}

.header-content .text-head {
    color: #707070;
    font-size: 14px;
    margin:5px 0;
}

.content-container .list-content {

    display: flex;
    flex-direction: row;    
    justify-content: space-between;
}
.content-container a
{
    transition:0.5s;
}
.list-content .item-content {
    float: left;
    border-radius: 5px;
    max-width: 31%;
    height: 221px;
    position: relative;
    overflow: hidden;
    transition:0.3s;
    background:#fff;
}
.list-content .item-content:hover
{
    opacity:0.7;
}
.list-content .item-content::before {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 0;
    height: 0;
    border-bottom: 14px solid #e94b22;
    border-left: 14px solid transparent;
}
.list-content .item-content a:hover
{
    text-decoration:none;
}
.item-content .title-item {
    font-size: 18px;
    text-align: center;
    color: #ffffff;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    position:absolute;
    z-index:1;
    width: 100%;
    height:100px
    
}
.item-content .icon-item
{
    position:relative;
    text-align: center;
    height:54.308%;
}

.item-content .icon-item img
{
    position: absolute;
    left: 0;
    height: 100px;
    width: 100%;
    object-fit: cover;
}
.item-content .text-item {
    font-size: 13px;
    color: #707070;
    word-break: break-all;
    padding: 0px 37px;
    line-height:24px;
}

.image-content {
    max-width: 31%;
    float: left;
}
.image-content1 {
    width: 68%;
    float: left;
}
.img-hover:hover
{
    opacity:0.7;
}
.title-content, .title-image {
    padding: 20px 0px;
    font-size: 20px;
    text-align: center;
    color: #e94b22;
    clear: left;
    font-weight: 600;
}

.banner-content {
    margin-bottom: 50px;
}

.list-content .item2-content {
    float: left;
    width: 33%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    min-height: 240px;
}

.border-item {

    border-right: solid 0.128rem #D4D4D4;
}

.title2-item,
.baner-item {
    text-align: center;
    letter-spacing: 2px;
}

.title2-item {
    font-size: 20px;
    padding-top: 20px;
    color: #e94b22;
    font-weight: 600;
}

.list-text 
{
    margin-top:20px;
    color: #707070;
    font-size: 13px;         
}
.list-text ul li
{
    margin-top:7px;
}
.box-degist
{
    display: flex;
    flex-direction: column;
    align-items: center;  
    justify-content: center;      
    border-radius: 5px;
    text-align: right;
    position: relative;
    min-height:120px;
    overflow: hidden;
    transition:0.3s;
}

.box-degist img
{
    position: absolute;
    z-index: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.box-degist:hover
{
    opacity:0.7;
}
.title-degist, .text-degist
{   letter-spacing:2px;
    z-index: 3;         
    color: #ffffff !important;
    font-size:18px;
    font-weight:600;
}

.box-degist::before {
    content: "";
    position: absolute;
    z-index:2;
    bottom: 0;
    right: 0;
    width: 0;
    height: 0;
    border-bottom: 14px solid #e94b22;
    border-left: 14px solid transparent;
}
.link-banner{
    text-align: right;               
}
.link-banner a{
    font-size: 12px;
    color: #e94b22 !important;
    text-decoration:underline !important;
}
.link-banner a:hover
{
   
    color:#e94b22;
}
.link-banner a:visited
{
    color:#e94b22;
}
.image-give{
    display: flex;
}
.image-give > div{
    width: 50%;
    float: left;
}
.image-give .text-image-give{
    font-size: 14px;
    color: #707070;
    margin-left:-15px;
}
.show-logo-top20
{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.show-logo
{
    display:flex; 
    flex-flow: wrap;
}
.show-logo a
{
    width:25%;
    text-align:center;
}
.banner-content img
{
    width:100%;
    height: 140px;
    object-fit: none;
}
.mgl-15
{
    margin-left:15px
}
.content-container >a:hover
{
    text-decoration:none;
}
/*20220816*/
/* tagline */
.tagline {
	min-width: 1000px;
	display: flex;
	justify-content: center;
	background: linear-gradient(45deg, rgba(180, 25, 15, 1), rgba(233, 75, 34, 1));
	padding: 20px 0 0;
}

/* searchwindow */
.searchwindow {
	min-width:1000px;
	background: url(../images/firstview_7.png) no-repeat;
	background-size: cover;
	padding: 60px 0;
	margin: 60px 0;
}

	.searchwindow .title-search {
		color: #fff;
		border-bottom: 2px solid #fff;
	}
.title-search {
	font-size: 20px;
	color: #E94B22;
	font-weight: 500;
	border-bottom: 2px solid #E94B22;
	padding-bottom: 5px;
	font-weight: 600;
}

/* radio */
.radio-2 {
	display: flex;
	flex-wrap: wrap;
	gap: .3em 2em;
	border: none;
	margin: 20px 0 10px;
}

	.radio-2 label {
		display: flex;
		align-items: center;
		gap: 0 .5em;
		position: relative;
		cursor: pointer;
		color: #fff;
		font-size: 16px;
		font-weight: bold;
	}

		.radio-2 label::before, .radio-2 label::after {
			border-radius: 50%;
			content: '';
		}

		.radio-2 label::before {
			width: 25px;
			height: 25px;
			box-sizing: border-box;
			background: #fff;
		}

		.radio-2 label::after {
			position: absolute;
			top: 50%;
			left: 12px;
			transform: translate(-50%, -50%);
			width: 15px;
			height: 15px;
			background-color: #E6E6E6;
		}

		.radio-2 label:has(:checked)::after {
			background-color: #E94B22;
			animation: anim-radio-2 .3s linear;
		}

@keyframes anim-radio-2 {
	0% {
		box-shadow: 0 0 0 1px transparent;
	}

	50% {
		box-shadow: 0 0 0 10px #2589d033;
	}

	100% {
		box-shadow: 0 0 0 10px transparent;
	}
}

.radio-2 input {
	display: none;
}

/* search-form-2 */
.search-form-2 {
	display: flex;
}

	.search-form-2 input {
		width: 800px;
		height: 50px;
		padding: 5px 15px;
		border: none;
		border-radius: 100px 0 0 100px;
		box-sizing: border-box;
		background-color: #fff;
		font-size: 18px;
		font-weight: normal;
		outline: none;
	}

		.search-form-2 input::placeholder {
			color: #c8c8c8;
		}

	.search-form-2 button {
		position: relative;
		display: flex;
		justify-content: center;
		align-items: center;
		width: 200px;
		height: 50px;
		border: none;
		background-color: #E94B22;
		cursor: pointer;
		border-radius: 0 100px 100px 0;
		color: #fff;
		font-size: 24px;
		font-weight: bold;
		padding-left: 20px;
	}

		.search-form-2 button::after {
			position: absolute;
			width: 24px;
			height: 24px;
			background-image: url(../images/firstview_6.png);
			background-size: cover;
			content: '';
			left: 50px;
		}

/*search by popular put*/
.content-search-popular
{
    padding: 30px 0px 0px 20px;
    display:flex;
    justify-content: center;
    align-items: start;
}
.list-search-popular
{    
    width:50%;
}
.title-training
{
    color:#707070;
    font-size:18px;
    text-align:center;
    font-weight:600;
    width: 450px;
    height: 40px;
    line-height:40px;
    background: #F5F5F5 0% 0% no-repeat padding-box;
    margin-bottom: 10px;
    border-radius: 5px;
}
.item-popular
{
    position:relative;
    padding: 10px 0px 10px 30px;
}
.item-popular a
{
    font-size:13px;
    color:#707070 !important;
    font-weight:600;
    transition:0.5s;
}

.item-popular a:visited
{
    color:#707070;
}
.item-popular a:hover
{
    color:#707070;
    }
.item-top1 a::before
{
    content: url(/top_common/images/top1.svg);
    position: absolute;
    top: 10px;
    left: 0px;
    
}
.item-top2 a::before
{
    content: url(/top_common/images/top2.svg);
    position: absolute;
    top: 10px;
    left: 0px;
    
}
.item-top3 a::before
{
content: url(/top_common/images/top3.svg);
position: absolute;
top: 10px;
left: 0px;

}
.item-top4 a::before
{
content: "4";
font-size: 16px;
font-weight: 600;
color:#707070;
position: absolute;
top: 10px;
left: 5px;

}
.item-top5 a::before
{
content: "5";
font-size: 16px;
color:#707070;
font-weight: 600;
position: absolute;
top: 10px;
left: 5px;

}
.btn-show-all
{
    position:relative;
    margin: 30px 25px 0px 0px;
    float: right;
    background-color: #E94B22;
    color: #FFFFFF !important;
    text-align: center;
    font-size: 13px;
    line-height: 40px;   
    border-radius: 20px;
    width: 300px;
    transition:0.5s;
}
.btn-show-all::after {
    position: absolute;
    content: '\276F';
    font-size: 13px;
    line-height: 40px;
    right: 8px;
    top:0;
    font-weight: 100;
}
.btn-show-all a
{
    color: #FFFFFF !important;
    display:block;
    
}
.btn-show-all:hover
{
    opacity:0.7;
}
.btn-show-all a:hover
{
    text-decoration:none;
    color: #FFFFFF !important;
    opacity:1;
}
/*end search by popular*/

/* search by field*/
.title-search-field
{
    font-size:18px;
    color:#333333;
    padding:20px 0px;
    font-weight: bold;
}
.list-search-field
{
    display: flex;   
    justify-content: space-around;
    flex-wrap: wrap;
}
.item-search
{
    overflow-x: hidden;
    width: 188px;
    /*border: #F3F3F3 1px solid;*/
    margin: 5px;
    border-radius: 5px; 
    background: #f5f5f5;      
}
.item-search:hover
{
    background: #d2d2d2;
}
.item-search a
{
    transition:0.5s;
}
.item-search a:hover
{
    text-decoration:none;
    opacity:0.7;
}

.item-text, .item-text1, .item-text2
{
    position:relative;
    height: 60px;
	display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: center;
}
.item-search .item-text:hover, .item-text1:hover, .item-text2:hover
{
    background:#F7F7F7;
}
.item-text::before, .item-text1::before, .item-text2::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 10px;
	display: block;
    transition: 0.3s;
}
.item-text::before {
	background-color: #e94b22;
	border-radius: 5px 0 0 5px;
}
.item-text1::before {
	background-color: #F38F1C;
	border-radius: 5px 0 0 5px;
}
.item-text2::before {
	background-color: #F5C234;
	border-radius: 5px 0 0 5px;
}
.item-text:hover::before, .item-text1:hover::before, .item-text2:hover::before {
	/*width: 15px;*/
}
.item-text::after, .item-text1::after, .item-text2::after{
    position: absolute;
    content: '\276F';
    right: 5px;
}
.item-text::after
{
    color:#e94b22;
}
.item-text1::after
{
    color:#F38F1C;
}
.item-text2::after
{
    color:#F5C234;
}
.text, .text1, .text2
{
    font-size:15px;
    color:#707070;
    transition: all .3s ease;
    white-space: nowrap;
	text-align: center;
	/*width: calc(100% - 30px);*/
	margin-left: 20px;
}
.item-search .item-text:hover .text,
.item-text1:hover .text1,
.item-text2:hover .text2
{
    width: 0;
}
/*end search by field*/

/* search by topic*/
.content-search-topic
{
    display:flex;
    justify-content: space-around;
    align-items: center;
    margin-bottom:50px;
}
.content-search-topic a
{
    transition:0.5s;
}
.content-search-topic img
{
    border-radius: 10px;
}
.title-topic
{
    margin:20px 0 20px 0;
    position:relative;
}
.title-topic span
{
    font-size:18px;
    font-weight:bold;
    color:#333333;
}

    /*end search by topic*/
    
.content-box-info
{
	position:relative;
}
.bg-image-blur
{
	height: 380px;
	background-image: url("/top_common/images/lounge.jpg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
}
.content2-img
{
	display:flex;
	position: absolute;
	top:0;
	width:100%;
	gap: 18px;
}

.note-box
{
    position:relative;
    background-image: linear-gradient(to right,#F38F1C,#FFE13C, #F38F1C);
    text-align:center;
    height:60px;
    line-height:60px;
    color:#754C24;
}
.note-box::before
{
    content:'';
    width:100%;
    height:1px;
    background:#fff;
    position:absolute;
    top:5px;
    left:0;
}
.note-box::after
{
     content:'';
    width:100%;
    height:1px;
    background:#fff;
    position:absolute;
    bottom:5px;
    left:0;
}
.note-box span:nth-child(1),.note-box span:nth-child(3)
{
    font-size:16px;
    font-weight: 600;
}
.note-box span:nth-child(2){
    
     font-size:26px;
     font-weight: 600;
}
.content-box-img
{
    padding:0 50px 20px 50px;
}
.bg-img-box
{
    padding: 20px 100px;
    display:flex;
    justify-content: center;
    background: #fff;
    box-shadow: 0px 2px 2px #00000029;
    flex-direction: column;
    align-items: end;
}

.btn-box
{
    position:relative;
    text-align: center;
    background:#fff;
}
.btn-box2::before{
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 0;
    height: 0;
    border-bottom: 125px solid #F7F7F7;
    border-left: 450px solid transparent;
}
.btn-box2::after{
   content: "";
    position: absolute;
    top: -2px;
    left: 0px;
    width: 0;
    height: 0;
    border-bottom: 178px solid #F7F7F7;
    border-right: 450px solid transparent;
    transform: rotateX(45deg);
}
a.btn-link1
{
    position: relative;
    color: #ffffff !important;
    background: #e94b22;
    border-radius: 24px;
    /* padding: 10px 50px; */
    width: 300px;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    padding:0;
    text-align:center;
    transition:0.5s;
    z-index:1;
}
a.btn-link1::after
{
    position: absolute;
    content: '\276F';
    right: 8px;
}
a.btn-link1:hover
{
    background: #e94b22;
    opacity:0.7;
    color:#ffffff;
    text-decoration:none;
}
.item-img
{
    box-shadow:unset !important;
}
.multi-item-carousel .carousel-inner .item .item-ct::after
{
        content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 0;
    height: 0;
    border-bottom: 14px solid #e94b22;
    border-left: 14px solid transparent;
}

.title-hr-dev-custom
{
    color: #e94b22;
    text-align:center;
    font-size:18px;
    font-weight: 600;
    letter-spacing: 2px;
}
.btn-box1
{
    text-align:center;
    padding:30px 0 50px 0;
}
.btn-box2
{position: relative;
    text-align: center;
    padding-top: 20px;
    background: #fff;
    height: 150px;
}
.item-ct-custom
{
    border-radius: 0 0 5px 5px;
    padding-left:25px !important;
    padding-right:25px !important;
}
.item-ct-custom p
{
    color: #e94b22;
    text-align:center;
}
.item-adv-bdlt
{
    border-radius: 10px 0 0 0;
}
.item-adv-bdtr
{
     border-radius: 0 10px 0 0;
}
.item-adv-bdlb
{
     border-radius: 0 0 0 10px;
}
.item-adv-bdbr
{
     border-radius: 0 0 10px 0;
}
.img-box-custom
{
   display: flex;
    flex-direction: column; 
}
.img-box-custom .img1
{
    width: 100%;
    height: 160px;
    object-fit: cover;
    border-radius: 5px; 
}
.top20
{
    display: flex;
    position: relative;
    height: 85px; 
}
.top20 .img-top20
{
    width: 70px;
    position: absolute;
    top: -20px; 
    left:10px;
}
.top20 .txt-top20
{
    position: absolute;
    top: 10px;
    right: 15px;
    font-size: 14px;
    font-weight: 600;
    color: #e94b22;
}
.list-part
{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: stretch;
    height: 310px;
}
.list-part .link-part
{
    width:24%;
}
.list-part .item-part
{
    position:relative;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
    width: 100%;
    border:1px solid #F5F5F5;
    height:150px;
    border-radius: 5px;
    overflow: hidden;

}
.list-part .item-part::after
{
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 0;
    height: 0;
    border-bottom: 14px solid #e94b22;
    border-left: 14px solid transparent;
}
.link-part-box
{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    height: 80px;
}
.link-part-box .note-part
{
    color: #707070;
    margin: 10px 0 0 0;
}
.number-box
{
	width: 40.647%;
	padding-top: 97.2px;
	padding-left: 85px;
	height: 329.95px;
	display: flex;
	gap: 20.4px;
	flex-direction: column;
	align-items: center;
}
.number-svg
{
	display: flex;
	width: 224.02px;
	justify-content: space-evenly;
	align-items: center;
}
.number-svg .number1
{
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 115.4px;
}
.number-svg .number1 .p1
{
    color: #754C24;
    margin: 6px 0 6px 0;
    font-weight: 600;
}
.number-svg .number1 .p2
{
	color:#E94B22;
	font-weight: 600;
	display: flex;
	align-items: flex-end;
}
.number-svg .number1 .p2 span:nth-child(1)
{
	font-size: 14px;
	line-height: 14px;
}
.number-svg .number1 .p2 span:nth-child(2)
{
	font-size: 45px;
	line-height: 35px;
}
.number-svg .number1 .p2 span:nth-child(3)
{
	font-size: 14px;
	line-height: 14px;
}
.number-svg.number-sgv-custom .number1 .p2 span:nth-child(1)
{
	font-size: 12px;
	line-height: 12px;
}
.number-svg.number-sgv-custom .number1 .p2 span:nth-child(2)
{
	font-size: 35px;
	line-height: 25px;
}
.number-svg.number-sgv-custom .number1 .p2 span:nth-child(3)
{
	font-size: 12px;
	line-height: 12px;
}
.banner-number-box
{
	height: 380px;
	display: flex;
	justify-content: end;
	align-items: start;
	flex-direction: column;
}
.number-svg-bot
{
	display: flex;
	width: 321.47px;
	gap: 22.1px;
}
.number-sgv-custom .number1
{
	height: 66.95px;
}
.number-sgv-custom .number1 .p1
{
	font-size: 12px;
	margin: 10px 0px 8px 0px;
}
.number-box .number-box-date {
	line-height: 9px;
	font-size: 11px;
}