@charset "UTF-8";

/***** CSS reset *****/
html, body{
	scroll-behavior: smooth;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,address,figure{
	margin:0;
	padding:0;
}
body{
	color:#333;
	font-family:
		"ヒラギノ角ゴ Pro W3",
		"Hiragino Kaku Gothic Pro",
		"HiraKakuPro-W3",
		Osaka,
		"ＭＳ Ｐゴシック",
		"MS PGothic",
		Sans-Serif;.ir-description:hover
	line-height: 1.5;
}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;vertical-align:bottom;}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym {border:0;}
/* a:link		{color:#01a369;}
a:visited	{color:#01a369;} */
a:link		{color:#000000;}
a:visited	{color:#000000;}
a:hover,a:visited:hover	{text-decoration:none;color:#000000;}
.clear{clear:both;}
.clearfix:before,.clearfix:after {content: " ";display: table;}
.clearfix:after {clear: both;}
/* IE6/7 support */
.clearfix {*zoom: 1;}

hr{
	height:0;
	border-top: 1px solid #ddd;
}

.fw-bold{
	font-weight: bold;
}

.text-center{
	text-align: center !important;
}

.text-start{
	text-align: left !important;
}

.text-end{
	text-align: right !important;
}

.float-left{
	float: left;
}

.float-right{
	float: right;
}

.d-flex{
	display: flex;
}

.justify-content-center{
	justify-content: center;
}

.align-items-center{
	align-items: center;
}

.flex-1{
	flex: 1;
}

.flex-row-reverse{
	flex-direction: row-reverse;
}

.w-100{
	width: 100%;
}

.h-100{
	height: 100% !important;
}

.m-0{
	margin: 0 !important;
}

.pt-1{
	padding-top: .5rem;
}
.pt-2{
	padding-top: 1rem;
}
.pt-3{
	padding-top: 1.5rem;
}
.pb-1{
	padding-bottom: .5rem;
}
.pb-2{
	padding-bottom: 1rem;
}
.pb-3{
	padding-bottom: 1.5rem;
}
.ml-0{
	margin-left: 0 !important;
}
.mt-1{
	margin-top: .5rem;
}
.mt-2{
	margin-top: 1rem;
}
.mt-3{
	margin-top: 1.5rem;
}
.mb-1{
	margin-bottom: .5rem;
}

.mb-2{
	margin-bottom: 1rem;
}
.mb-3{
	margin-bottom: 1.5rem;
}

.my-2{
	margin-top: 1rem;
	margin-bottom: 1rem;
}

.bg-grey{
	background-color: #FAF9F9;
}

.rounded{
	border-radius: 5px !important;
}

/***** img *****/
.btn:hover{opacity:0.8;}
.img_blank{vertical-align:middle; margin:0 5px;}

/***** font *****/
.red{color:#a50918;}
.green{color:#01a369;}
.orange{color:#ef8d00}
.white{color:#fff;}
.bold{font-weight:bold;}
.font_normal{font-weight:normal;}
.f115{font-size:115%;}
.f130{font-size:130%;}

@font-face{
  font-family: 'mplus-1p-regular';
  src: url('../images/fonts/mplus-1p-regular.eot');
  src: url('../images/fonts/mplus-1p-regular.eot?#iefix') format('embedded-opentype'),
       url('../images/fonts/mplus-1p-regular.woff') format('woff'),
       url('../images/fonts/mplus-1p-regular.ttf') format('truetype');
}
h2,h3,h4{
	font-family: 'mplus-1p-regular';
}

/***** p style *****/
.pad10{padding:0 10px;}
p.text_right{text-align:right; padding-right:10px;}

/***** arrow *****/
ul.arrow li{
	position:relative;
	padding-left:15px;
	margin-bottom:5px;
}
ul.arrow li:before{
	content:'';
	height:0;
	width:0;
	display:block;
	border:5px transparent solid;
	border-right-width:0;
	border-left-color:#aaa;
	position:absolute;
	top:8px;
	left:8px;
}
ul.arrow li:after{
	content:'';
	height:2px;
	width:10px;
	display:block;
	background:#aaa;
	position:absolute;
	top:12px;
	left:0px;
}

/***** btn_link *****/
p.btn_link{
	width:230px;
	height:40px;
	margin:0 auto 20px auto;
}
p.btn_link a{
	display:block;
	width:100%;
	height:100%;
	color:#fff;
	font-size:110%;
	font-weight:bold;
	text-align:center;
	vertical-align:middle;
	text-decoration:none;
	padding-top:13px;
	background:#ff8400;
	border:4px solid #ffd4a5;
	border-radius:5px;
}
p.btn_link a:hover{
	background:#ff6c00;
	color:#fff;
}

p.btn_link input{
	display:block;
	width:100%;
	height:60px;
	color: var(--clr-primary);
	font-size:110%;
	font-weight:bold;
	text-align:center;
	vertical-align:middle;
	text-decoration:none;
	background: #fff;
	border: 1px solid var(--clr-primary) !important;
	border-radius:5px;
}
p.btn_link input:hover{
}

p.btn_link_back{
	width:230px;
	height:40px;
	margin:0 auto 30px auto;
}
p.btn_link_back input{
	display:block;
	width:100%;
	height:60px;
	font-size:110%;
	font-weight:bold;
	text-align:center;
	vertical-align:middle;
	text-decoration:none;
	border:4px solid #ccc;
	border-radius:5px;
}
p.btn_link_back input:hover{
	background:#888;
}

/***** news PDF link *****/
a[href$=".pdf"] {
	/* background: url(../images/pdficon_small.png) no-repeat 100% 50%; */
	/* padding-right:15px; */
}
* html a.pdf{
	background: url(../images/pdficon_small.png) no-repeat 100% 50%;
	padding-right:15px;
}
div.pdf_box{
	display:none;
}

/***** target="_blank" link *****/
.menu a[href^="http"]	{
	/* background: url(../images/icon_blank.png) no-repeat 100% 50%; */
	padding-right:10px;
}
* html a.external	{
	background: url(../images/icon_blank.png) no-repeat 100% 50%;
	padding-right:15px;
}
a.no_blank[href^="http"]	{
	background:none !important;
	padding:0 !important;
}
ul.dropmenu li a[href^="http"] {
	background-image:none !important;
}
ul.group_slide li a[href^="http"] {
	background:none !important;
}
ul.about_box li a[href^="http"] {
	background:none !important;
	padding:0 !important;
}


/***** youtube *****/
.youtube {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
	margin-bottom:50px;
}
.youtube iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}
/***** customize *****/
.cus-a{
	background: url(../images/pdficon_small.png) no-repeat 100% 50%  !important;;
	padding-right:15px;
}
.clear-link{
	background: none !important;
	padding-right:0px !important;
}
.wp-block-file {
	margin-bottom: 0px !important;
}

.ir-description {
		position: relative;
		display: inline-block;
		color: inherit;
		text-decoration: none;
		color: black;
		width: fit-content;
}
/* 
.ir-description a:hover,
a:visited {
	color: #000000 !important;
} */

.ir-description::after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	bottom: -2px;
	width: 100%;	
	height: 2px;
	background: #01A369;
	transform: scaleX(0);
	transform-origin: left;
	transition: transform 0.3s ease;
}

.ir-description:hover::after {
	transform: scaleX(1);
}

.ir-description:hover {
	color: #000000 !important;
}

.news-topic .description {
	position: relative;
	display: inline-block;
}

.news-topic .description a {
	position: relative;
	color: inherit;
	text-decoration: none;
}

/* thay đổi trang newstopic theo yêu cầu no 43  */
.news-topic .description a::after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	bottom: -2px;
	width: 100%;
	height: 2px;
	background: #01A369;
	transform: scaleX(0);
	transform-origin: left;
	transition: transform 0.3s ease;
}

.news-topic .description a:hover::after {
	transform: scaleX(1);
}

.news-topic .description a:hover {
	color: #01A369 !important;
}
/* end start */


.ir-text {
	text-align: left;
    /* font: normal normal normal 20px / 29px Noto Serif JP; */
    letter-spacing: 0px;
    color: #01A369;
    opacity: 1;
    margin-bottom: 25px;
}

.text-back {
	padding-right: 40px;
}

.text-next {
	padding-right: 0.125rem;
}

@media screen and (max-width: 767px) {
    .wrapper .header-bg .text-h1, .wrapper .header-bg .text-h2 {
        font-size: 20px !important;
		padding: 3px !important;
		margin: 4px auto;
		font-size: small;
		width: fit-content;
    }
}