@charset "UTF-8";
html, body{-webkit-touch-callout: none;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;} /* Disable user select */
/* -----------------------------------------------
Table of Contents (common css)
--------------------------------------------------
[1. Foundation]
		1-1. Reset
		1-2. Config
[2. Object]
		2-1. Utility
				 2-1-1. clearfix [ModernType]
				 2-1-2. margin,padding [mb10,pt20]
				 2-1-3. Object-Oriented CSS [OOCSS]
				 2-1-4. Grid System [grid-***]
				 2-1-5. CSS Animation [act-***]
		2-2. WebFont
		2-3. State [is-***]
		2-4. Component a.k.a Module
				 2-4-1. Wrapper     [wrp-***]
				 2-4-2. Headings [hdg-lv*]
				 2-4-3. Text     [txt-***]
				 2-4-4. Button   [btn-***]
				 2-4-5. Anchor   [acr-***]
				 2-4-6. Icon     [icn-***]
				 2-4-7. Label    [lbl-***]
				 2-4-8. List     [lst-***]
				 2-4-9. Table    [tbl-***]
				 2-4-10. Nav      [nav-***]
				 2-4-11. Box      [box-***]
				 2-4-12. Panel    [pnl-***]
				 2-4-13. Media    [mda-***]
				 2-4-14. Form     [frm-***]
				 2-4-15. Error    [err-***]
				 2-4-16. UI
[3. Layout]
		3-1. #l-document
		3-2. #l-header
		3-3. #l-container
				 3-3-1. #l-main
				 3-3-2. #l-sub
		3-4. #l-footer
		3-4. OverLayerConfig [z-index]
		3-5. Project
[4. Print Style]


-------------------------------------------------- */

/* -----------------------------------------------
*> [1. Foundation]
-------------------------------------------------- */
/* Webkit (Chrome, Safari, Opera) */
::-webkit-scrollbar {
	width: 0.8rem; /* Chiều rộng của thanh cuộn */
}
::-webkit-scrollbar-thumb {
	background-color: #F47629; /* Màu sắc của nút cuộn */
	border-radius: 0.4rem; /* Bo góc của nút cuộn */
}
/* Firefox */
::-moz-scrollbar {
	width: 0.8rem;
}
::-moz-scrollbar-thumb {
	background-color: #F47629;
	border-radius: 0.4rem;
}
/* Internet Explorer/Edge */
::-ms-scrollbar {
	width: 0.8rem;
}
::-ms-scrollbar-thumb {
	background-color: #F47629;
	border-radius: 0.4rem;
}


/*>> 1-1. Reset
-------------------------------------------------- */
html{
	font-family: sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}
body{
	margin: 0;
	padding: 0;
}
a{
	background-color: transparent;
}
a:focus{
	outline: thin dotted;
}
a:active,
a:hover{
	outline-width: 0;
}
html,div,span,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,code,del,em,img,strong,
dl,dt,dd,ol,ul,li,
fieldset,form,label,
table,caption,tbody,tfoot,thead,tr,th,td{
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}
pre{
	font-family: monospace, monospace;
	font-size: 1em;
}
code,
kbd,
samp{
	font-family: monospace, monospace;
	font-size: 1em;
}
article,aside,footer,header,small,nav,section,figure,figcaption,main{
	margin: 0;
	padding: 0;
	display: block;
	list-style: none;
	background-color: transparent;
	outline: none;
}
small{
	font-size: 80%;
}
audio,canvas,progress,video{
	display: inline-block;
}
audio:not([controls]){
	display: none;
	height: 0;
}
progress{
	vertical-align: baseline;
}
template,
[hidden]{
	display: none;
}
ul,ol{
	list-style-type: none;
}
table{
	border: none;
	border-collapse: collapse;
	border-spacing: 0;
}
img{
	line-height: 1;
	vertical-align: baseline;
	outline: none;
	border-style: none;
}
a img{
	border: none;
	outline: none;
}
sub,sup{
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sub{
	bottom: -0.25em;
}
sup{
	top: -0.5em;
}
hr{
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}
abbr[title]{
	border-bottom: none;
	text-decoration: underline;
	text-decoration: underline dotted;
}
dt,dd,li,
th,td,
input,textarea{
	text-align: left;
	vertical-align: top;
}
button{
	border: none;
}
input,textarea,button{
	margin: 0;
	padding: 0;
}
input{
	border: 0.1rem solid #dad7d3;
	height: auto;
	padding: 0.2rem 0.5rem;
}
textarea{
	border: 0.1rem solid #dad7d3;
	height: 7.8rem;
	resize: none;
	overflow: auto;
}
button,label{
	background-color: transparent;
	cursor: pointer;
}
button,select{
	text-transform: none;
}
[type="checkbox"],
[type="radio"]{
	box-sizing: border-box;
	padding: 0;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button{
	height: auto;
}
[type="search"]{
	-webkit-appearance: textfield;
	outline-offset: -0.2rem;
}
[type="search"]::-webkit-search-decoration{
	-webkit-appearance: none;
}
::-webkit-file-upload-button{
	-webkit-appearance: button;
	font: inherit;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"]{
	-webkit-appearance: button;
	cursor: pointer;
}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner{
	border-style: none;
	padding: 0;
}
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring{
	outline: 0.1rem dotted ButtonText;
}
button[disabled],
input[disabled]{
	cursor: default;
}
input[type="checkbox"],
input[type="radio"]{
	box-sizing: content-box;
	padding: 0;
}
input[type="search"]{
	-webkit-appearance: textfield;
	box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration{
	-webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner{
	padding: 0;
	border: 0;
}
textarea{
	overflow: auto;
	vertical-align: top;
}
:focus{
	outline: none;
}
fieldset{
	padding: 0.35em 0.75em 0.625em;
}
legend{
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}
details{
	display: block;
}
summary{
	display: list-item;
}
audio,
canvas,
iframe,
img,
svg,
video{
	vertical-align: middle;
}
main{
	display: block;
}
h1{
	margin: 0.67em 0;
}
h1,h2,h3,h4,h5,h6{
	font-size: 100%;
	font-weight: bold;
}
table{
	width: 100%;
}
button,
input,
optgroup,
select,
textarea{
	font-family: inherit;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
}
button,
input{
	overflow: visible;
}
button,
select{
	text-transform: none;
}
b,
strong,
em{
	font-weight: bolder;
}
hr{
	display: block;
	height: 0.1rem;
	border: 0;
	border-top: 0.1rem solid #ccc;
	margin: 1em 0;
	padding: 0;
}

/* p + p{
	margin-top: 1rem;
} */

/*>> 1-2. Config
-------------------------------------------------- */
@font-face {font-family: 'RobotoBold';src: url('../webfonts/RobotoBold.eot');src: url('../webfonts/RobotoBold.eot') format('embedded-opentype'),url('../webfonts/RobotoBold.html') format('woff2'),url('../webfonts/RobotoBold.woff') format('woff'),url('../webfonts/RobotoBold.ttf') format('truetype'),url('../webfonts/RobotoBold.svg#RobotoBold') format('svg');font-display: block;}
@font-face {font-family: 'RobotoRegular';src: url('../webfonts/RobotoRegular.eot');src: url('../webfonts/RobotoRegular.eot') format('embedded-opentype'),url('../webfonts/RobotoRegular.html') format('woff2'),url('../webfonts/RobotoRegular.woff') format('woff'),url('../webfonts/RobotoRegular.ttf') format('truetype'),url('../webfonts/RobotoRegular.svg#RobotoRegular') format('svg');font-display: block;}
@font-face {font-family: 'RobotoMedium';src: url('../webfonts/RobotoMedium.eot');src: url('../webfonts/RobotoMedium.eot') format('embedded-opentype'),url('../webfonts/RobotoMedium.html') format('woff2'),url('../webfonts/RobotoMedium.woff') format('woff'),url('../webfonts/RobotoMedium.ttf') format('truetype'),url('../webfonts/RobotoMedium.svg#RobotoMedium') format('svg');font-display: block;}
@font-face {font-family: 'OswaldBold';src: url('../webfonts/OswaldBold.eot');src: url('../webfonts/OswaldBold.eot') format('embedded-opentype'),url('../webfonts/OswaldBold.html') format('woff2'),url('../webfonts/OswaldBold.woff') format('woff'),url('../webfonts/OswaldBold.ttf') format('truetype'),url('../webfonts/OswaldBold.svg#OswaldBold') format('svg');font-display: block;}
@font-face {font-family: 'OswaldRegular';src: url('../webfonts/OswaldRegular.eot');src: url('../webfonts/OswaldRegular.eot') format('embedded-opentype'),url('../webfonts/OswaldRegular.html') format('woff2'),url('../webfonts/OswaldRegular.woff') format('woff'),url('../webfonts/OswaldRegular.ttf') format('truetype'),url('../webfonts/OswaldRegular.svg#OswaldRegular') format('svg');font-display: block;}

html{
	overflow-x: hidden;
	overflow-y: scroll;
	font-size: 10px;
	height: 100%;
	--scroll-behavior: smooth;
	scroll-behavior: smooth;
}
body{
	font-size: 1.4rem;
	color: #333;
	background-color: #fff;
	line-height: 1.4;
	letter-spacing: 0;
	font-family: "RobotoRegular", sans-serif;
	font-feature-settings : "palt";
	height: 100%;
}
a{
	color: #336699;
	text-decoration: none;
}
a:focus{
	outline: none;
}
.no-touchevents a:hover{
	color: #336699;
	text-decoration: underline;
}
a[href="tel"]{
	color: #a4002c;
}
::-moz-selection{
	background: #b3d4fc;
	text-shadow: none;
}
::selection{
	background: #b3d4fc;
	text-shadow: none;
}
h1,h2,h3,h4,h5,h6{
	line-height: 1.4;
	font-family: "RobotoBold", sans-serif;
}
p{
	line-height: 1.6;
}
dt,dd,li,
th,td,
input,
textarea,
button{
	line-height: 1.6;
}
input{
	font-size: 1.6rem;
	box-sizing: border-box;
}
/* For Firefox */
input[type='number'] {
	-moz-appearance:textfield;
}
/* Webkit browsers like Safari and Chrome */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
}
select{
	display: block;
}
textarea{
	width: 100%;
	display: block;
	font-size: 1.6rem;
	box-sizing: border-box;
}
.seo-optimizer{
	overflow:hidden;
	height: 0px;
	visibility: hidden;
	font-size: 0
}


/* -----------------------------------------------
*> [2. Object]
-------------------------------------------------- */

/*>> 2-1. Utility
-------------------------------------------------- */
/*>>> 2-1-1. clearfix [ModernType]*/
#l-header:after, #l-container:after, #l-main:after, #l-sub:after, #l-footer:after, .grid-row:after,
.clearfix:after{
	display: block;
	clear: both;
	content: "";
}


/*>>> 2-1-2. margin,padding [mb10,pt20]*/
/* margin  */.m0{margin:0!important;}.m5{margin: 0.5rem!important;}.m10{margin: 1rem!important;}.m15{margin: 1.5rem!important;}.m20{margin: 2rem!important;}.m25{margin: 2.5rem!important;}.m30{margin: 3rem!important;}.m35{margin: 3.5rem!important;}.m40{margin: 4rem!important;}.m45{margin: 4.5rem!important;}.m50{margin: 5rem!important;}.m55{margin: 5.5rem!important;}.m60{margin: 6rem!important;}.m65{margin: 6.5rem!important;}.m70{margin: 7rem!important;}.m75{margin: 7.5rem!important;}.m80{margin: 8rem!important;}.m85{margin: 8.5rem!important;}.m90{margin: 9rem!important;}.m95{margin: 9.5rem!important;}.m100{margin: 10rem!important;}/* margin-top */.mt0{margin-top:0!important;}.mt5{margin-top: 0.5rem!important;}.mt10{margin-top: 1rem!important;}.mt15{margin-top: 1.5rem!important;}.mt20{margin-top: 2rem!important;}.mt25{margin-top: 2.5rem!important;}.mt30{margin-top: 3rem!important;}.mt35{margin-top: 3.5rem!important;}.mt40{margin-top: 4rem!important;}.mt45{margin-top: 4.5rem!important;}.mt50{margin-top: 5rem!important;}.mt55{margin-top: 5.5rem!important;}.mt60{margin-top: 6rem!important;}.mt65{margin-top: 6.5rem!important;}.mt70{margin-top: 7rem!important;}.mt75{margin-top: 7.5rem!important;}.mt80{margin-top: 8rem!important;}.mt85{margin-top: 8.5rem!important;}.mt90{margin-top: 9rem!important;}.mt95{margin-top: 9.5rem!important;}.mt100{margin-top: 10rem!important;}/* margin-right */.mr0{margin-right:0!important;}.mr5{margin-right: 0.5rem!important;}.mr10{margin-right: 1rem!important;}.mr15{margin-right: 1.5rem!important;}.mr20{margin-right: 2rem!important;}.mr25{margin-right: 2.5rem!important;}.mr30{margin-right: 3rem!important;}.mr35{margin-right: 3.5rem!important;}.mr40{margin-right: 4rem!important;}.mr45{margin-right: 4.5rem!important;}.mr50{margin-right: 5rem!important;}.mr55{margin-right: 5.5rem!important;}.mr60{margin-right: 6rem!important;}.mr65{margin-right: 6.5rem!important;}.mr70{margin-right: 7rem!important;}.mr75{margin-right: 7.5rem!important;}.mr80{margin-right: 8rem!important;}.mr85{margin-right: 8.5rem!important;}.mr90{margin-right: 9rem!important;}.mr95{margin-right: 9.5rem!important;}.mr100{margin-right: 10rem!important;}/* margin-bottom */.mb0{margin-bottom:0!important;}.mb5{margin-bottom: 0.5rem!important;}.mb10{margin-bottom: 1rem!important;}.mb15{margin-bottom: 1.5rem!important;}.mb20{margin-bottom: 2rem!important;}.mb25{margin-bottom: 2.5rem!important;}.mb30{margin-bottom: 3rem!important;}.mb35{margin-bottom: 3.5rem!important;}.mb40{margin-bottom: 4rem!important;}.mb45{margin-bottom: 4.5rem!important;}.mb50{margin-bottom: 5rem!important;}.mb55{margin-bottom: 5.5rem!important;}.mb60{margin-bottom: 6rem!important;}.mb65{margin-bottom: 6.5rem!important;}.mb70{margin-bottom: 7rem!important;}.mb75{margin-bottom: 7.5rem!important;}.mb80{margin-bottom: 8rem!important;}.mb85{margin-bottom: 8.5rem!important;}.mb90{margin-bottom: 9rem!important;}.mb95{margin-bottom: 9.5rem!important;}.mb100{margin-bottom: 10rem!important;}/* margin-left */.ml0{margin-left:0!important;}.ml5{margin-left: 0.5rem!important;}.ml10{margin-left: 1rem!important;}.ml15{margin-left: 1.5rem!important;}.ml20{margin-left: 2rem!important;}.ml25{margin-left: 2.5rem!important;}.ml30{margin-left: 3rem!important;}.ml35{margin-left: 3.5rem!important;}.ml40{margin-left: 4rem!important;}.ml45{margin-left: 4.5rem!important;}.ml50{margin-left: 5rem!important;}.ml55{margin-left: 5.5rem!important;}.ml60{margin-left: 6rem!important;}.ml65{margin-left: 6.5rem!important;}.ml70{margin-left: 7rem!important;}.ml75{margin-left: 7.5rem!important;}.ml80{margin-left: 8rem!important;}.ml85{margin-left: 8.5rem!important;}.ml90{margin-left: 9rem!important;}.ml95{margin-left: 9.5rem!important;}.ml100{margin-left: 10rem!important;}.mb200{margin-bottom: 20rem!important;}
/* padding */.p0{padding:0!important;}.p5{padding: 0.5rem!important;}.p10{padding: 1rem!important;}.p15{padding: 1.5rem!important;}.p20{padding: 2rem!important;}.p25{padding: 2.5rem!important;}.p30{padding: 3rem!important;}.p35{padding: 3.5rem!important;}.p40{padding: 4rem!important;}.p45{padding: 4.5rem!important;}.p50{padding: 5rem!important;}.p55{padding: 5.5rem!important;}.p60{padding: 6rem!important;}.p65{padding: 6.5rem!important;}.p70{padding: 7rem!important;}.p75{padding: 7.5rem!important;}.p80{padding: 8rem!important;}.p85{padding: 8.5rem!important;}.p90{padding: 9rem!important;}.p95{padding: 9.5rem!important;}.p100{padding: 10rem!important;}/* padding-top */.pt0{padding-top:0!important;}.pt5{padding-top: 0.5rem!important;}.pt10{padding-top: 1rem!important;}.pt15{padding-top: 1.5rem!important;}.pt20{padding-top: 2rem!important;}.pt25{padding-top: 2.5rem!important;}.pt30{padding-top: 3rem!important;}.pt35{padding-top: 3.5rem!important;}.pt40{padding-top: 4rem!important;}.pt45{padding-top: 4.5rem!important;}.pt50{padding-top: 5rem!important;}.pt55{padding-top: 5.5rem!important;}.pt60{padding-top: 6rem!important;}.pt65{padding-top: 6.5rem!important;}.pt70{padding-top: 7rem!important;}.pt75{padding-top: 7.5rem!important;}.pt80{padding-top: 8rem!important;}.pt85{padding-top: 8.5rem!important;}.pt90{padding-top: 9rem!important;}.pt95{padding-top: 9.5rem!important;}.pt100{padding-top: 10rem!important;}/* padding-right */.pr0{padding-right:0!important;}.pr5{padding-right: 0.5rem!important;}.pr10{padding-right: 1rem!important;}.pr15{padding-right: 1.5rem!important;}.pr20{padding-right: 2rem!important;}.pr25{padding-right: 2.5rem!important;}.pr30{padding-right: 3rem!important;}.pr35{padding-right: 3.5rem!important;}.pr40{padding-right: 4rem!important;}.pr45{padding-right: 4.5rem!important;}.pr50{padding-right: 5rem!important;}.pr55{padding-right: 5.5rem!important;}.pr60{padding-right: 6rem!important;}.pr65{padding-right: 6.5rem!important;}.pr70{padding-right: 7rem!important;}.pr75{padding-right: 7.5rem!important;}.pr80{padding-right: 8rem!important;}.pr85{padding-right: 8.5rem!important;}.pr90{padding-right: 9rem!important;}.pr95{padding-right: 9.5rem!important;}.pr100{padding-right: 10rem!important;}/* padding-bottom */.pb0{padding-bottom:0!important;}.pb5{padding-bottom: 0.5rem!important;}.pb10{padding-bottom: 1rem!important;}.pb15{padding-bottom: 1.5rem!important;}.pb20{padding-bottom: 2rem!important;}.pb25{padding-bottom: 2.5rem!important;}.pb30{padding-bottom: 3rem!important;}.pb35{padding-bottom: 3.5rem!important;}.pb40{padding-bottom: 4rem!important;}.pb45{padding-bottom: 4.5rem!important;}.pb50{padding-bottom: 5rem!important;}.pb55{padding-bottom: 5.5rem!important;}.pb60{padding-bottom: 6rem!important;}.pb65{padding-bottom: 6.5rem!important;}.pb70{padding-bottom: 7rem!important;}.pb75{padding-bottom: 7.5rem!important;}.pb80{padding-bottom: 8rem!important;}.pb85{padding-bottom: 8.5rem!important;}.pb90{padding-bottom: 9rem!important;}.pb95{padding-bottom: 9.5rem!important;}.pb100{padding-bottom: 10rem!important;}/* padding-left */.pl0{padding-left:0!important;}.pl5{padding-left: 0.5rem!important;}.pl10{padding-left: 1rem!important;}.pl15{padding-left: 1.5rem!important;}.pl20{padding-left: 2rem!important;}.pl25{padding-left: 2.5rem!important;}.pl30{padding-left: 3rem!important;}.pl35{padding-left: 3.5rem!important;}.pl40{padding-left: 4rem!important;}.pl45{padding-left: 4.5rem!important;}.pl50{padding-left: 5rem!important;}.pl55{padding-left: 5.5rem!important;}.pl60{padding-left: 6rem!important;}.pl65{padding-left: 6.5rem!important;}.pl70{padding-left: 7rem!important;}.pl75{padding-left: 7.5rem!important;}.pl80{padding-left: 8rem!important;}.pl85{padding-left: 8.5rem!important;}.pl90{padding-left: 9rem!important;}.pl95{padding-left: 9.5rem!important;}.pl100{padding-left: 10rem!important;}
@media only screen and (max-width: 959px){.pl5-sp{padding-left: 0.5rem!important;}}

/*>>> 2-1-3. Object-Oriented CSS [OOCSS]*/
.no-display{
	display: none;
}
.no-br{
	white-space: nowrap;
}
.no-line-height{
	line-height: 1!important;
}
.pull-left{
	float: left!important;
}
.pull-right{
	float: right!important;
}
.right{
	text-align: right!important;
}
.center{
	text-align: center!important;
}
.left{
	text-align: left!important;
}
.top{
	vertical-align: top!important;
}
.middle{
	vertical-align: middle!important;
}
.bottom{
	vertical-align: bottom!important;
}
.block{
	display: inline-block;
}
/* for RWD */
.fluid-image{
	max-width: 100%;
	height: auto;
}

/* width */
.w1per{ width:1% !important;}.w2per{ width:2% !important;}.w3per{ width:3% !important;}.w4per{ width:4% !important;}.w5per{ width:5% !important;}.w6per{ width:6% !important;}.w7per{ width:7% !important;}.w8per{ width:8% !important;}.w9per{ width:9% !important;}.w10per{ width: 10% !important;}.w11per{ width: 11% !important;}.w12per{ width: 12% !important;}.w13per{ width: 13% !important;}.w14per{ width: 14% !important;}.w15per{ width: 15% !important;}.w16per{ width: 16% !important;}.w17per{ width: 17% !important;}.w18per{ width: 18% !important;}.w19per{ width: 19% !important;}.w20per{ width: 20% !important;}.w21per{ width: 21% !important;}.w22per{ width: 22% !important;}.w23per{ width: 23% !important;}.w24per{ width: 24% !important;}.w25per{ width: 25% !important;}.w26per{ width: 26% !important;}.w27per{ width: 27% !important;}.w28per{ width: 28% !important;}.w29per{ width: 29% !important;}.w30per{ width: 30% !important;}.w31per{ width: 31% !important;}.w32per{ width: 32% !important;}.w33per{ width: 33% !important;}.w34per{ width: 34% !important;}.w35per{ width: 35% !important;}.w36per{ width: 36% !important;}.w37per{ width: 37% !important;}.w38per{ width: 38% !important;}.w39per{ width: 39% !important;}.w40per{ width: 40% !important;}.w41per{ width: 41% !important;}.w42per{ width: 42% !important;}.w43per{ width: 43% !important;}.w44per{ width: 44% !important;}.w45per{ width: 45% !important;}.w46per{ width: 46% !important;}.w47per{ width: 47% !important;}.w48per{ width: 48% !important;}.w49per{ width: 49% !important;}.w50per{ width: 50% !important;}.w51per{ width: 51% !important;}.w52per{ width: 52% !important;}.w53per{ width: 53% !important;}.w54per{ width: 54% !important;}.w55per{ width: 55% !important;}.w56per{ width: 56% !important;}.w57per{ width: 57% !important;}.w58per{ width: 58% !important;}.w59per{ width: 59% !important;}.w60per{ width: 60% !important;}.w61per{ width: 61% !important;}.w62per{ width: 62% !important;}.w63per{ width: 63% !important;}.w64per{ width: 64% !important;}.w65per{ width: 65% !important;}.w66per{ width: 66% !important;}.w67per{ width: 67% !important;}.w68per{ width: 68% !important;}.w69per{ width: 69% !important;}.w70per{ width: 70% !important;}.w71per{ width: 71% !important;}.w72per{ width: 72% !important;}.w73per{ width: 73% !important;}.w74per{ width: 74% !important;}.w75per{ width: 75% !important;}.w76per{ width: 76% !important;}.w77per{ width: 77% !important;}.w78per{ width: 78% !important;}.w79per{ width: 79% !important;}.w80per{ width: 80% !important;}.w81per{ width: 81% !important;}.w82per{ width: 82% !important;}.w83per{ width: 83% !important;}.w84per{ width: 84% !important;}.w85per{ width: 85% !important;}.w86per{ width: 86% !important;}.w87per{ width: 87% !important;}.w88per{ width: 88% !important;}.w89per{ width: 89% !important;}.w90per{ width: 90% !important;}.w91per{ width: 91% !important;}.w92per{ width: 92% !important;}.w93per{ width: 93% !important;}.w94per{ width: 94% !important;}.w95per{ width: 95% !important;}.w96per{ width: 96% !important;}.w97per{ width: 97% !important;}.w98per{ width: 98% !important;}.w99per{ width: 99% !important;}.w100per{ width: 100% !important;}.wauto { width: auto !important; }
@media only screen and (max-width: 959px){ /* SP */
	.w1per-sp{width:1% !important;}.w2per-sp{width:2% !important;}.w3per-sp{width:3% !important;}.w4per-sp{width:4% !important;}.w5per-sp{width:5% !important;}.w6per-sp{width:6% !important;}.w7per-sp{width:7% !important;}.w8per-sp{width:8% !important;}.w9per-sp{width:9% !important;}.w10per-sp{ width: 10% !important;}.w11per-sp{ width: 11% !important;}.w12per-sp{ width: 12% !important;}.w13per-sp{ width: 13% !important;}.w14per-sp{ width: 14% !important;}.w15per-sp{ width: 15% !important;}.w16per-sp{ width: 16% !important;}.w17per-sp{ width: 17% !important;}.w18per-sp{ width: 18% !important;}.w19per-sp{ width: 19% !important;}.w20per-sp{ width: 20% !important;}.w21per-sp{ width: 21% !important;}.w22per-sp{ width: 22% !important;}.w23per-sp{ width: 23% !important;}.w24per-sp{ width: 24% !important;}.w25per-sp{ width: 25% !important;}.w26per-sp{ width: 26% !important;}.w27per-sp{ width: 27% !important;}.w28per-sp{ width: 28% !important;}.w29per-sp{ width: 29% !important;}.w30per-sp{ width: 30% !important;}.w31per-sp{ width: 31% !important;}.w32per-sp{ width: 32% !important;}.w33per-sp{ width: 33% !important;}.w34per-sp{ width: 34% !important;}.w35per-sp{ width: 35% !important;}.w36per-sp{ width: 36% !important;}.w37per-sp{ width: 37% !important;}.w38per-sp{ width: 38% !important;}.w39per-sp{ width: 39% !important;}.w40per-sp{ width: 40% !important;}.w41per-sp{ width: 41% !important;}.w42per-sp{ width: 42% !important;}.w43per-sp{ width: 43% !important;}.w44per-sp{ width: 44% !important;}.w45per-sp{ width: 45% !important;}.w46per-sp{ width: 46% !important;}.w47per-sp{ width: 47% !important;}.w48per-sp{ width: 48% !important;}.w49per-sp{ width: 49% !important;}.w50per-sp{ width: 50% !important;}.w51per-sp{ width: 51% !important;}.w52per-sp{ width: 52% !important;}.w53per-sp{ width: 53% !important;}.w54per-sp{ width: 54% !important;}.w55per-sp{ width: 55% !important;}.w56per-sp{ width: 56% !important;}.w57per-sp{ width: 57% !important;}.w58per-sp{ width: 58% !important;}.w59per-sp{ width: 59% !important;}.w60per-sp{ width: 60% !important;}.w61per-sp{ width: 61% !important;}.w62per-sp{ width: 62% !important;}.w63per-sp{ width: 63% !important;}.w64per-sp{ width: 64% !important;}.w65per-sp{ width: 65% !important;}.w66per-sp{ width: 66% !important;}.w67per-sp{ width: 67% !important;}.w68per-sp{ width: 68% !important;}.w69per-sp{ width: 69% !important;}.w70per-sp{ width: 70% !important;}.w71per-sp{ width: 71% !important;}.w72per-sp{ width: 72% !important;}.w73per-sp{ width: 73% !important;}.w74per-sp{ width: 74% !important;}.w75per-sp{ width: 75% !important;}.w76per-sp{ width: 76% !important;}.w77per-sp{ width: 77% !important;}.w78per-sp{ width: 78% !important;}.w79per-sp{ width: 79% !important;}.w80per-sp{ width: 80% !important;}.w81per-sp{ width: 81% !important;}.w82per-sp{ width: 82% !important;}.w83per-sp{ width: 83% !important;}.w84per-sp{ width: 84% !important;}.w85per-sp{ width: 85% !important;}.w86per-sp{ width: 86% !important;}.w87per-sp{ width: 87% !important;}.w88per-sp{ width: 88% !important;}.w89per-sp{ width: 89% !important;}.w90per-sp{ width: 90% !important;}.w91per-sp{ width: 91% !important;}.w92per-sp{ width: 92% !important;}.w93per-sp{ width: 93% !important;}.w94per-sp{ width: 94% !important;}.w95per-sp{ width: 95% !important;}.w96per-sp{ width: 96% !important;}.w97per-sp{ width: 97% !important;}.w98per-sp{ width: 98% !important;}.w99per-sp{ width: 99% !important;}.w100per-sp{ width: 100% !important;}.wauto-sp{width: auto !important;}
}


/*>>> 2-1-4. Grid System [grid-***] */
.grid-row{
	margin-right: -1rem;
	margin-left: -1rem;
	display: flex;
	flex-wrap: wrap;
}
.grid-col,
.grid-col--1,
.grid-col--2,
.grid-col--3,
.grid-col--4,
.grid-col--5,
.grid-col--6,
.grid-col--7,
.grid-col--8,
.grid-col--9,
.grid-col--10,
.grid-col--11,
.grid-col--12{
	position: relative;
	min-height: 0.1rem;
	padding-right: 1rem;
	padding-left: 1rem;
	box-sizing: border-box;
}
.grid-col--1{width: 8.33333333333%}
.grid-col--2{width: 16.6666666667%;}
.grid-col--3{width: 25%;}
.grid-col--4{width: 33.3333333333%;}
.grid-col--5{width: 41.6666666667%;}
.grid-col--6{width: 50%;}
.grid-col--7{width: 58.3333333333%;}
.grid-col--8{width: 66.6666666667%;}
.grid-col--9{width: 75%;}
.grid-col--10{width: 83.3333333333%;}
.grid-col--11{width: 91.6666666667%;}
.grid-col--12{width: 100%;}

@media only screen and (max-width:599px){
	.grid-row{
		margin-left: -0.5rem;
		margin-right: -0.5rem;
	}
	.grid-col--1, .grid-col--2, .grid-col--3, .grid-col--4, .grid-col--5, .grid-col--6, .grid-col--7, .grid-col--8, .grid-col--9, .grid-col--10, .grid-col--11, .grid-col--12{
		width: 100%;
		padding-right: 0.5rem;
		padding-left: 0.5rem;
	}
	.grid-col--3.__isSP,
	.grid-col--4.__isSP,
	.grid-col--6.__isSP{
		width: 50%;
	}
}/* endMedia */


@media only screen and (min-width:600px) and (max-width:959px){
	.grid-row{
		margin-left: -1rem;
		margin-right: -1rem;
	}
	.grid-col--1, .grid-col--2, .grid-col--3, .grid-col--4, .grid-col--5, .grid-col--6, .grid-col--7, .grid-col--8, .grid-col--9, .grid-col--10, .grid-col--11, .grid-col--12{
		width: 100%;
		padding-right: 1rem;
		padding-left: 1rem;
	}
	.grid-col--3.__isTablet,
	.grid-col--4.__isTablet,
	.grid-col--6.__isTablet{
		width: 50%;
	}
}/* endMedia */



/*>>> 2-1-5. CSS Animation [act-***] */
.act-underline{
	position: relative;
	display: inline-block;
}
.act-underline::after{
	content: '';
	position: absolute;
	width: 100%;
	transform: scaleX(0);
	height: 1px;
	bottom: 0;
	left: 0;
	background-color: #F47629;
	transform-origin: bottom right;
	transition: transform 0.25s ease-out;
}
.act-underline:hover::after{
	transform: scaleX(1);
	transform-origin: bottom left;
}

.slick-animation {
	animation: zoomIn 10s linear forwards;
}
@keyframes zoomIn {
	from {
		transform: scale(1.1) translate(0px);
	}
	to {
		transform: scale(1) translate(0px);
	}
}

/*>> 2-2. WebFont [is-***]
-------------------------------------------------- */
.is-robotoBold{
	font-family: "RobotoBold", sans-serif;
}
.is-robotoMedium{
	font-family: "RobotoMedium", sans-serif;
}
.is-oswaldBold{
	font-family: "OswaldBold", sans-serif;
}
.is-oswaldRegular{
	font-family: "OswaldRegular", sans-serif;
}
.en--serif{
	font-family: 'OswaldBold', serif;
}


/*>> 2-3. State [is-***]
-------------------------------------------------- */
.is-error{
	background-color: #f9eceb;
}
.is-disabled{
	opacity: 0.3;
	pointer-events: none;
	cursor: default;
}
.is-inline-block span{
	margin-bottom: 1rem;
	display: inline-block;
}
.is-visiblePc{
	display: block!important;
}
.is-visibleSp{
	display: none!important;
}
.is-visibleTablet{
	display: none!important;
}
@media only screen and (max-width:959px){
	.is-visiblePc{
		display: none!important;
	}
	.is-visibleTablet{
		display: none!important;
	}
	.is-visibleSp{
		display: block!important;
	}
}
@media only screen and (min-width:600px) and (max-width:959px){
	.is-visibleTablet{
		display: block!important;
	}
}
.-is-seo{
	font-size: 0;
	visibility: hidden;
	opacity: 0;
	width: 0;
	height: 0;
}
.-isOrange{
	color: #F47629!important;
}
.-isRed{
	color: #F47629!important;
}
.-isBlue{
	color: #0058ba!important;
}
.-isBlack{
	color: #000!important;
}
.-isBold{
	font-weight: bold!important;
}


/*>> 2-4. Component a.k.a Module
-------------------------------------------------- */
/*>>> 2-4-1.  Wrapper     [wrp-***]*/
.wrp-container{
	max-width: 130rem;
	margin: 0 auto;
	padding: 0 1rem;
}
.wrp-container:after{
	content: "";
	display: block;
	clear: both;
}

@media only screen and (min-width: 1380px){
	.wrp-container{
		margin: 0 auto;
	}
}/* endMedia */

.wrp-button{
	text-align: center;
}
.wrp-button .btn{
	margin: 2rem 1rem 0;
}

.wrp-video{
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 3rem;
	height: 0;
	overflow: hidden;
}
.wrp-video iframe,
.wrp-video object,
.wrp-video embed{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}


/*>>> 2-4-2.  Headings [hdg-lv*] */
.hdg-lv2{
	font-size: 2.4rem;
	border-bottom: 0.1rem solid #ddd;
	margin: 3.5rem 0 1rem;
	padding: 0 0 0.8rem 0;
	color: #0058ba;
	position: relative;
}
.hdg-lv3{
	font-size: 1.8rem;
	margin: 4rem 0 1.5rem;
	color: #0058ba;
	position: relative;
	border-bottom: solid 1px #e9e9e9;
	padding-bottom: 1rem;
}
.hdg-lv4{
	font-size: 1.6rem;
	margin: 2rem 0 1rem;
	color: #0058ba;
}


/*>>> 2-4-3.  Text     [txt-***]*/
.txt{
	font-size: 1.6rem;
	line-height: 2;
	color: #333;
}
.txt + .txt{
	margin-top: 2.4rem;
}

.txt-copyright{
	letter-spacing: 0.1em;
	text-align: center;
	font-size: 1.2rem;
	color: #999;
}
.txt-copyright a{
	color: #fff;
	transition: all .3s ease-in-out;
}
.no-touchevents .txt-copyright a:hover{
	color: #F47629;
}
.txt-copyright small{
	font-size: 100%;
}
.txt-note{
	color: #666;
	font-size: 1.2rem;
	text-indent: -1em;
	padding-left: 1em;
	margin-top: 0.5rem;
}
.txt-note:before{
	content: "※";
}

/*>>> 2-4-4.  Button   [btn-***]*/
.btn{
	background-color: #424242;
	border-radius: 2rem;
	border: 0;
	box-sizing: border-box;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-size: 1.4rem;
	line-height: 1;
	padding: 1.5rem;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
	overflow: hidden;
	min-width: 28rem;
}
.no-touchevents .btn:hover{
	text-decoration: none;
	color: #fff;
	opacity: 0.7;
}
.btn--primary{
	background-color: #f44336;
}
.btn--secondary{
	background-color: #fff;
	border: 0.1rem solid #000;
	color: #000;
}

.btn-animate{
	display: flex;
	justify-content: center;
	margin-top: 3rem;
}
.btn-animate__link{
	position: relative;
	background: #F47629;
	color: #fff;
	width: 28rem;
	height: 6rem;
	font-size: 1.6rem;
}
.btn-animate__link::after{
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	width: 0%;
	height: 100%;
	background: #ed6009;
	transition: all 500ms ease-in-out;
}
.btn-animate__text{
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	height: 100%;
	width: 100%;
	padding: 0 4rem 0 1.5rem;
	box-sizing: border-box;
	z-index: 1;
}
.btn-animate__text::after{
	content: "\f178";
	font-family: "Font Awesome 5 Pro";
	font-weight: 300;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 1rem;
	transition: all .5s ease;
}
.no-touchevents .btn-animate__link:hover{
	text-decoration: none;
	color: #fff;
}
.no-touchevents .btn-animate__link:hover::after{
	left: 0;
	right: auto;
	width: 100%;
}
.no-touchevents .btn-animate__link:hover .btn-animate__text::after{
	right: 0;
}

/*>>> 2-4-5.  Anchor   [acr-***]*/
.arc-primary{
	font-weight: bold;
	color: #f44336;
}
.link{
	font-size: 1.4rem;
	color: #0058ba;
}
.link::after{
	content: "\f178";
	font-family: "Font Awesome 5 Pro";
	margin-left: 0.5rem;
}
.no-touchevents .link:hover{
	text-decoration: none;
}

/*>>> 2-4-6. Icon     [icn-***]*/

/*>>> 2-4-7. Label    [lbl-***]*/

/*>>> 2-4-8. List     [lst-***]*/
/* lst-note */
.lst-note{
	margin-top: 4rem;
	color: #727272;
}
.lst-note li{
	font-size: 1.6rem;
	padding-left: 2.5rem;
	position: relative;
}
.lst-note li::before{
	content: "※";
	color: #f44336;
	position: absolute;
	top: 0;
	left: 0;
}
.lst-note li + li{
	margin-top: 1.5rem;
}
.lst-note + .txt,
.txt + .lst-note{
	margin-top: 2rem;
}

/* .lst-contactInfo */
.lst-contactInfo{

}
.lst-contactInfo li{

}
.lst-contactInfo li + li{
	margin-top: 1.5rem;
}
.lst-contactInfo__content,
.lst-contactInfo__link{
	display: flex;
	color: #fff;
	font-size: 1.6rem;
}
.lst-contactInfo__icon{
	display: inline-block;
	width: 3rem;
	font-size: 1.5rem;
	color: #F47629;
	flex-shrink: 0;
}
.lst-contactInfo__text{}
.lst-contactInfo__map{
	margin-left: 3.1rem;
	color: #F47629;
	font-size: 1.4rem;
}
.no-touchevents .lst-contactInfo__map:hover,
.no-touchevents .lst-contactInfo__link:hover{
	text-decoration: none;
	color: #fff;
}

.lst-blog-wrp{
	margin-top: 6rem;
}
.lst-blog{
	margin: 0 -1rem;
}
.lst-blog{}
.lst-blog .slick-dots{
	margin-top: 1.5rem;
}
.lst-blog__item{
	padding: 0 1rem;
	color: #333;
	transition: all .3s ease-out;
}
.no-touchevents .lst-blog__item:hover{
	text-decoration: none;
	color: #F47629;
}
.no-touchevents a.lst-blog__item:hover .box-img img{
	transform: none;
}
.lst-blog-wrp__button{
	display: flex;
	justify-content: center;
	margin-top: 3rem;
}
.lst-blog-wrp__button .btn{
	background-color: #F47629;
}
@media only screen and (max-width:959px){
	.lst-blog{
		margin: 0 -1rem;
	}
	.lst-blog__item{
		padding: 0 0.5rem;
	}
}


/* lst-product */
.lst-product-wrp{}
.lst-product{
	display: flex;
	flex-wrap: wrap;
	margin: 0 -2rem;
}
.lst-product__item{
	width: 25%;
	padding: 0 2rem;
	margin-bottom: 4rem;
	box-sizing: border-box;
}
.lst-product__content{
	display: block;
	color: #333;
	border-radius: 1rem;
	overflow: hidden;
	transition: 0.4s;
	-webkit-transition: 0.4s;
}
.section .lst-product__content{
	background: #f5f5f5;
	-webkit-box-shadow: -0.8rem -0.8rem 1.6rem 0 rgba(255, 255, 255, 0.9), 0.8rem 0.8rem 1.6rem 0 rgba(208, 211, 220, 0.5);
	box-shadow: -0.8rem -0.8rem 1.6rem 0 rgba(255, 255, 255, 0.9), 0.8rem 0.8rem 1.6rem 0 rgba(208, 211, 220, 0.5);
}
.section.-is-gray .lst-product__content{
	background: #e6e8eb;
	-webkit-box-shadow: -0.8rem -0.8rem 1.6rem 0 rgba(255, 255, 255, 0.7), 0.8rem 0.8rem 1.6rem 0 rgba(166, 171, 189, 0.4);
	box-shadow: -0.8rem -0.8rem 1.6rem 0 rgba(255, 255, 255, 0.7), 0.8rem 0.8rem 1.6rem 0 rgba(166, 171, 189, 0.4);
}
.lst-product__content .box-img{
	position: relative;
}
.lst-product__content .box-img img{
	width: 100%;
}
.lst-product__info{
	padding: 2.4rem 1.6rem 2.4rem;
}
.lst-product__title{
	text-align: center;
	margin-bottom: 1.5rem;
	font-size: 1.4rem;
	text-transform: uppercase;
}
.lst-product__content .box-img figcaption{
	width: 4.8rem;
	height: 4.8rem;
	background: #F47629;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	bottom: 0rem;
	right: 0rem;
	opacity: 0;
	-webkit-transform: scale(0) rotate(360deg);
	transform: scale(0) rotate(360deg);
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
}
.lst-product__content .box-img figcaption::after{
	content: '\f178';
	font-family: "Font Awesome 5 Pro";
	font-size: 1.4rem;
}
.no-touchevents .section .lst-product__content:hover{
	color: #F47629;
	text-decoration: none;
	-webkit-box-shadow: -0.2rem -0.2rem 0.4rem 0 rgba(255, 255, 255, 0.45), 0.2rem 0.2rem 0.4rem 0 rgba(208, 211, 220, .25);
	box-shadow: -0.2rem -0.2rem 0.4rem 0 rgba(255, 255, 255, 0.45), 0.2rem 0.2rem 0.4rem 0 rgba(208, 211, 220, .25);
	background: #fbfbfb;
	-webkit-transition: 0.2s;
	transition: 0.2s;
}
.no-touchevents .section.-is-gray .lst-product__content:hover{
	color: #F47629;
	text-decoration: none;
	-webkit-box-shadow: -0.2rem -0.2rem 0.4rem 0 rgba(255, 255, 255, 0.3), 0.2rem 0.2rem 0.4rem 0 rgba(166, 171, 189, 0.2);
	box-shadow: -0.2rem -0.2rem 0.4rem 0 rgba(255, 255, 255, 0.3), 0.2rem 0.2rem 0.4rem 0 rgba(166, 171, 189, 0.2);
	background: #ebedef;
	-webkit-transition: 0.2s;
	transition: 0.2s;
}
.no-touchevents .section .lst-product__content:hover .box-img figcaption{
	opacity: 1;
	-webkit-transform: scale(1) rotate(0);
	transform: scale(1) rotate(0);
}
@media only screen and (max-width:959px){
	.lst-product{
		margin: 0 -0.5rem;
	}
	.lst-product__item{
		width: 50%;
		padding: 0 0.5rem;
		margin-bottom: 2rem;
	}
	.lst-product__info{
		padding: 1.6rem 0.8rem 1.6rem;
	}
	h4.lst-product__title{
		text-transform: capitalize;
		font-size: 1.4rem;
		font-family: 'RobotoRegular', sans-serif;
		font-weight: normal;
		text-align: left;
		margin-bottom: 0.8rem;
	}
}


/*>>> 2-4-9. Table    [tbl-***]*/
.tbl-base{
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	margin-top: 2.5rem;
}
.tbl-base th{
	padding: 0.7rem 1rem;
	box-sizing: border-box;
	color: #313538;
	font-weight: 600;
}
.tbl-base td{
	padding: 0.7rem 1rem;
	box-sizing: border-box;
	color: #464749;
}
.tbl-base tbody tr:nth-child(odd){
	background: #fff;
}
.tbl-base tbody tr:nth-child(even){
	background: #f4f3ef;
}

/*>>> 2-4-10. Nav      [nav-***]*/
.nav{
	/* height: 5.8rem; */
}
.nav-main{
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.nav-main > li{}
.nav-main > li:not(:last-child){
	margin-right: 3rem;
}
.nav-main__category{
	display: inline-flex;
	font-family: "RobotoBold", sans-serif;
	color: #fff;
	font-size: 1.6rem;
	padding: 3rem 0;
	cursor: pointer;
	transition: all 0.3s linear;
}
/* .pageTop .nav-main__category{
	color: #fff;
} */
.mega-opened .nav-main__category,
.l-header.is-sticky .nav-main__category{
	color: #333;
}
.nav-main__category.-arrow span{
	display: flex;
	align-items: center;
}
.nav-main__category.-arrow span::after{
	content: "\f107";
	font-family: "Font Awesome 5 Pro";
	margin-left: 0.5rem;
	transition: all .3s;
	display: inline-block;
	line-height: 1;
}
.nav-main > li .act-underline::after{
	height: 2px;
	bottom: -6px;
}
.no-touchevents .nav-main .nav-main__category:hover{
	text-decoration: none;
	color: #F47629;
}
.nav-main > li.active .nav-main__category{
	color: #F47629;
}
.no-touchevents .nav-main__category.-arrow:hover span::after{
	transform: rotate(180deg);
}
.nav__cat{
	position: relative;
	display: inline-flex;
	align-items: center;
	font-family: "RobotoBold", sans-serif;
	color: #fff;
	font-size: 1.6rem;
	padding: 3rem 0;
	cursor: pointer;
	transition: all 0.3s linear;
}
.nav-main > li .act-underline::before,
.nav__cat > span::before{
	background-color: #fff;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	transform: scale(0);
	position: absolute;
	content: "";
	right: 0;
	left: 0;
	top: -8px;
	margin-left: auto;
	margin-right: auto;
	transition: transform .25s cubic-bezier(.23,1,.32,1);
}
.mega-opened .nav-main > li .act-underline::before,
.is-sticky .nav-main > li .act-underline::before,
.is-sticky .nav__cat > span::before{
	background-color: #2e3192;
}
.nav-main > li.current .act-underline::before,
.nav__cat.current > span::before{
	transform: scale(1);
}
.nav__cat::after{
	content: "\f107";
	font-family: "Font Awesome 5 Pro";
	margin-left: 0.5rem;
	transition: all .3s;
	display: inline-block;
	line-height: 1;
}
.nav__cat:hover::after,
.nav__cat.active::after{
	transform: rotate(180deg);
}
.mega-opened .nav__cat,
.l-header.is-sticky .nav__cat{
	color: #333;
}
.mega-opened .nav__cat.active,
.l-header.is-sticky .nav__cat.active,
.no-touchevents .nav__cat:hover{
	color: #F47629;
}
.nav-main > li.active .act-underline::after,
.nav__cat.active .act-underline::after{
	transform: scaleX(1);
}
.no-touchevents .nav__cat:hover .act-underline::after{
	transform: scaleX(1);
	transform-origin: bottom left;
}
@media only screen and (min-width:960px) and (max-width:1199px){
	.nav-main > li:not(:last-child){
		margin-right: 1.5rem;
	}
	.nav-main__category{
		font-size: 1.4rem;
	}
}
@media only screen and (max-width:959px){
	.nav{
		height: auto;
	}
	.nav-main{
		display: none;
	}
}

/* mega menu */
.nav-sub{
	position: absolute;
	min-width: 25rem;
	width: 60%;
	background-color: #fff;
	top: 100%;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	z-index: 101;
	padding: 3rem 3rem 5rem;
	-webkit-box-shadow: inset 0 0 0 1px #eaeaea, 0 0.5rem 2rem rgb(0 0 0 / 15%);
	box-shadow: inset 0 0 0 1px #eaeaea, 0 0.5rem 2rem #000;
	box-shadow: 0 0 3px #000;
	opacity: 0;
	visibility: hidden;
	transition: .25s ease-in-out;
	pointer-events: none;
}
.nav-main > li:hover .nav-sub{
	opacity: 1;
	visibility: visible;
	pointer-events: all;
}
.nav-sub__inner{}
.nav-sub__list{}
.nav-sub__item{

}
.nav-sub__link{
	display: flex;
	padding: 1.5rem 0;
	border-bottom: solid 1px #f5f5f5;
	color: #333;
	transition: all .3s ease-in-out;
	font-size: 1.5rem;
}
.no-touchevents .nav-sub__link:hover{
	text-decoration: none;
	color: #F47629;
}
.nav-sub__link span{
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.nav-sub__link span::after{
	content: "\f105";
	font-family: "Font Awesome 5 Pro";
	display: inline-block;
	line-height: 1;
	margin-left: 1.5rem;
}
@media only screen and (min-width:960px) and (max-width:1200px){
	.nav-sub{
		width: 90%;
	}
}
@media only screen and (max-width:959px){
	.nav-sub{
		display: none;
	}
}

.nav-footer{}
.nav-footer ul{}
.nav-footer ul li{}
.nav-footer ul li + li{
	margin-top: 1.5rem;
}
.nav-footer ul li a{
	font-size: 1.6rem;
	color: #fff;
	display: inline-flex;
}
.nav-footer ul li a::before{
	content: "\f178";
	font-family: "Font Awesome 5 Pro";
	font-weight: 300;
	color: #fff;
	transition: all .3s ease-out;
	position: relative;
}
.nav-footer ul li a span{
	padding-bottom: 0.5rem;
	margin-left: 1.5rem;
}
.no-touchevents .nav-footer ul li a:hover{
	text-decoration: none;
	color: #fff;
}
.no-touchevents .nav-footer ul li a:hover::before{
	color: #F47629;
	transform: translateX(0.4rem);
}

/*Menu button*/
.menu-button{
	width: 4rem;
	height: 4rem;
	display: none;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	position: absolute;
	top: 50%;
	left: 1rem;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.menu-button span{
	display: block;
	width: 100%;
	height: 1px;
	margin: 0.5rem 0;
	background: #332F2C;
}
.menu-button span:nth-of-type(1){
	transition: transform .3s ease-in-out;
}
.menu-button span:nth-of-type(2){
	transition: all .3s ease-in-out;
}
.menu-button span:nth-of-type(3){
	transition: transform .3s ease-in-out;
}

/*Menu button*/

@media only screen and (max-width:959px){
	.menu-button{
		display: flex;
	}
}

/*Footer navi*/
.nav-contentinfo {
	text-align: center;
}
.nav-contentinfo ul{
	display: inline-flex;
	margin: 0 auto;
}
.nav-contentinfo ul li a{
	padding: 1rem;
	display: block;
}

/*Back to Top*/
.nav-backtotop{
	position: absolute;
	right: 1rem;
	top: -4rem;
	z-index: 10;
}
.nav-backtotop__content{
	color: #F47629;
	background: #e6e8eb;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 8rem;
	height: 8rem;
	border-radius: 0.5rem;
	-webkit-box-shadow: -3px -3px 6px 0 rgba(255, 255, 255, 0.7), 3px 3px 6px 0 rgba(240, 240, 240, .4);
	box-shadow: -3px -3px 6px 0 rgba(255, 255, 255, 0.7), 3px 3px 6px 0 rgba(240, 240, 240, .4);
	transition: all 0.4s;
	-webkit-transition: all 0.4s;
	cursor: pointer;
}
.no-touchevents .nav-backtotop__content:hover{
	background: #ebedef;
	-webkit-box-shadow: -1px -1px 2px 0 rgba(255, 255, 255, .35), 1px 1px 2px 0 rgba(240, 240, 240, .2);
	box-shadow: -1px -1px 2px 0 rgba(255, 255, 255, .35), 1px 1px 2px 0 rgba(240, 240, 240, .2);
	transition: 0.2s;
	-webkit-transition: 0.2s;
	text-decoration: none;
	color: #F47629;
}
.nav-backtotop__content i{
	font-size: 1.6rem;
}
.nav-backtotop__content span{
	font-size: 1.2rem;
	margin-top: 0.5rem;
}
@media only screen and (max-width:959px){
	.nav-backtotop{
		top: -3rem;
	}
	.nav-backtotop__content{
		width: 6rem;
		height: 6rem;
	}
}

/*>>> 2-4-11. Box      [box-***]*/
.box-noscript{
	border: 0.2rem solid red;
	padding: 2rem;
	margin: 1rem;
}

/* box-image */
.box-img{
	overflow: hidden;
}
.box-img picture{
	display: block;
	font-size: 0;
	text-align: center;
}
.box-img img{
	transition: all .5s;
}
.no-touchevents a:hover .box-img img{
	transform: scale(1.15);
}
.txt + .box-img,
.box-img + .txt{
	margin-top: 2.5rem;
}

/* MV */
.box-mv{
	position: relative;
}
.box-mv figure{
	height: 100vh;
	position: relative;
}
.box-mv figure::before{
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	pointer-events: none;
	background: rgba(23, 26, 41, 0.5);
}
.box-mv figure img{
	height: 100%;
	width: 100%;
	object-fit: cover;
}
.box-mv .slick-dots{
	position: absolute;
	bottom: 3rem;
}
.box-mv .progress-bar{
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
}
.progress-bar{
	height: 0.3rem;
	background: rgba(255, 255, 255, .4);
}
.progress-bar__line{
	height: 0.3rem;
	background: rgba(244, 118, 41, 1);
}
.box-mv__content{
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	color: #fff;
	width: 96rem;
	text-align: center;
	z-index: 1;
}
.box-mv__title{
	font-size: 6rem;
	font-family: "OswaldBold", sans-serif;
	opacity: 0;
	transform: translateY(5rem);
	transition: all 1000ms ease;
}
.slick-active .box-mv__title{
	opacity: 1;
	transform: translateY(0);
	transition: all 1000ms ease;
}
.box-mv__text{
	font-size: 1.8rem;
	margin-top: 3rem;
	color: #f3f3f3;
	opacity: 0;
	transform: translateY(5rem);
	transition: all 1500ms ease;
}
.slick-active .box-mv__text{
	opacity: 1;
	transform: translateY(0);
	transition: all 1500ms ease;
}
.box-mv__button{
	margin-top: 3rem;
	opacity: 0;
	transform: translateY(5rem);
	transition: all 2000ms ease;
}
.slick-active .box-mv__button{
	opacity: 1;
	transform: translateY(0);
	transition: all 2000ms ease;
}
.box-mv__button .btn{
	background: transparent;
	border: solid 1px #fff;
	color: #fff;
	min-width: 18rem;
	transition: all .3s ease-in-out;
}
.box-mv .box-img picture{
	height: 100%;
}
.box-mv .slick-next{
	right: 1rem;
}
.box-mv .slick-prev{
	left: 1rem;
}
.no-touchevents .box-mv__button .btn:hover{
	background: #F47629;
	border-color: #F47629;
	opacity: 1;
}
@media only screen and (min-width:960px){
	.box-mv .slick-next,
	.box-mv .slick-prev{
		opacity: 0;
		visibility: hidden;
	}
	.box-mv:hover .slick-next,
	.box-mv:hover .slick-prev{
		opacity: 1;
		visibility: visible;
	}
}
@media only screen and (max-width:959px){
	.box-mv figure{
		height: calc(100vh - 6rem);
	}
	.box-mv__content{
		width: 90%;
	}
	.box-mv__title{
		font-size: 4rem;
	}
	.box-mv__text{
		font-size: 1.6rem;
	}
	.box-mv .slick-next,
	.box-mv .slick-prev{
		display: none;
		opacity: 0;
		visibility: hidden;
	}
}

/* .box-sns */
.box-sns{
	margin-top: 3rem;
}
.box-sns__list{
	display: flex;
	align-items: center;
}
.box-sns__item:not(:last-child){
	margin-right: 2.5rem;
}
.box-sns__link{
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	width: 4rem;
	height: 4rem;
	border-radius: 50%;
	border: solid 1px #fff;
	font-size: 2rem;
	line-height: 1;
	transition: all .3s ease-in-out;
	overflow: hidden;
}
.box-sns__link img{
	transition: all .3s ease;
}
.no-touchevents .box-sns__link:hover{
	opacity: 1;
	color: #fff;
	background: #F47629;
	border-color: #F47629;
}
.no-touchevents .box-sns__link:hover img{
	transform: scale(1.1);
}
.box-sns__link.-noBorder{
	border: 0;
}
@media only screen and (max-width:959px){
	.box-sns{
		display: none;
	}
}

/* .box-heading */
.box-heading{}
.box-heading__inner{
	margin-bottom: 6rem;
}
.box-heading__subtitle{
	display: flex;
	align-items: center;
	font-size: 1.2rem;
	font-weight: bold;
}
.box-heading__subtitle::before{
	content: "";
	width: 3rem;
	height: 0.2rem;
	display: inline-block;
	background: #F47629;
	margin-right: 1rem;
}
.box-heading .hdg-lv2{
	margin: 1rem 0 0;
	border: 0;
	color: #0058ba;
	padding: 0;
	font-size: 3rem;
}
.box-heading .txt,
.box-heading02 + .txt{
	color: #555;
}
@media only screen and (max-width:959px){
	.box-heading .hdg-lv2{
		font-size: 2.4rem;
	}
}

.box-heading02{
	text-align: center;
	color: #0058ba;
	margin: 0 0 6rem;
}
.box-heading02__subtitle{
	font-size: 1.4rem;
	line-height: 1;
	margin-bottom: 0.5rem;
	display: block;
}
.box-heading02__title{
	font-size: 2.4rem;
	margin-bottom: 1.5rem;
}
.box-heading02__decor{
	color: #F47629;
	font-size: 1rem;
	display: flex;
	align-items: center;
	justify-content: center;
}
.box-heading02__decor span{
	margin: 0 1rem;
	display: inline-block;
}
.box-heading02__decor::before,
.box-heading02__decor::after{
	content: "";
	height: 1px;
	width: 3rem;
	display: inline-block;
	background: #F47629;
}
.box-heading02__decor .fas.-center{
	font-size: 1.4rem;
	margin: 0 0.5rem;
}

.box-blog{
	position: relative;
}
.box-blog__img{
	position: relative;
}
.box-blog__img::before,
.box-blog__img::after,
.box-blog__img .box-img::before,
.box-blog__img .box-img::after{
	content: "";
	background: linear-gradient(transparent,#F47629);
	height: 100%;
	width: 25%;
	transform: translateY(-100%);
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	transition: all .4s;
}
.box-blog__img::after{
	left: 25%;
}
.box-blog__img .box-img::before{
	left: 50%;
}
.box-blog__img .box-img::after{
	left: 75%;
}
.no-touchevents .lst-blog__item:hover .box-blog__img::before,
.no-touchevents .lst-blog__item:hover .box-blog__img::after,
.no-touchevents .lst-blog__item:hover .box-blog__img .box-img::before,
.no-touchevents .lst-blog__item:hover .box-blog__img .box-img::after{
	transform: translateY(0);
}
.no-touchevents .lst-blog__item:hover .box-blog__img::before{
	transition-delay: .225s
}
.no-touchevents .lst-blog__item:hover .box-blog__img::after{
	transition-delay: 75ms
}
.no-touchevents .lst-blog__item:hover .box-blog__img .box-img::before{
	transition-delay: .15s
}
.no-touchevents .lst-blog__item:hover .box-blog__img .box-img::after{
	transition-delay: 0s;
}
.box-blog__img .box-img figcaption{
	width: 4.8rem;
	height: 4.8rem;
	border-radius: 50%;
	background: #F47629;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 1rem;
	right: 1rem;
	opacity: 0;
	-webkit-transform: scale(0) rotate(360deg);
	transform: scale(0) rotate(360deg);
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
}
.box-blog__img .box-img figcaption::after{
	content: '\f178';
	font-family: "Font Awesome 5 Pro";
	font-size: 1.4rem;
}
.no-touchevents a:hover .box-blog__img .box-img figcaption{
	opacity: 1;
	-webkit-transform: scale(1) rotate(0);
	transform: scale(1) rotate(0);
}
.box-blog__img img{
	width: 100%;
}
.box-blog__detail{
	display: flex;
	background: #f2f2f2;
}
.pageBlogDetail .box-blog__detail{
	background: #fff;
}
.box-blog__date{
	width: 6.4rem;
	padding: 2rem 0;
	background: #F47629;
	color: #fff;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	flex-shrink: 0;
	text-transform: uppercase;
}
.box-blog__date span{
	font-size: 2rem;
}
.box-blog__date em{
	font-style: normal;
	font-weight: normal;
	letter-spacing: 0.02em;
}
.box-blog__title{
	display: flex;
	align-items: center;
	padding: 1rem 2rem;
	font-size: 1.5rem;
}

/* .box-bottom-sticky */
.box-bottom-sticky{
	display: none;
	position: fixed;
	bottom: -10rem;
	left: 0;
	width: 100%;
	z-index: 99;
	transition: bottom 0.5s ease-in-out;
}
.box-bottom-sticky.show {
	bottom: 0;
}
.box-bottom-sticky__list{
	display: flex;
	align-items: center;
}
.box-bottom-sticky__list li{
	width: 25%;
}
.box-bottom-sticky__list li a{
	color: #fff;
	height: 5rem;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.box-bottom-sticky__list li a.-home{
	background: #F47629;
}
.box-bottom-sticky__list li a.-call{
	background: #d52121;
}
.box-bottom-sticky__list li a.-zalo{
	background: #0573ff;
}
.box-bottom-sticky__list li a.-facebook{
	background: #0866ff;
}
.box-bottom-sticky__list li a i{
	font-size: 1.4rem;
}
.box-bottom-sticky__list li a span{
	font-size: 1.2rem;
	line-height: 1;
	display: block;
	margin-top: 0.6rem;
}
@media only screen and (max-width:959px){
	.box-bottom-sticky{
		display: block;
	}
}

/* .box-category */
.box-category{
	padding: 10rem 0;
	background: url("../img/common/bg_noized_beige_ora.webp");
	overflow: hidden;
	position: relative;
}
.box-category .slick-list{
	overflow: initial;
}
.box-category .slick-dots{
	margin-top: 2rem;
}
.box-category__list{
	margin-top: 6rem;
}
.box-category__slider{
	margin: 0 -1rem;
	position: relative;
}
/* .box-category__slider::before{
	content: "";
	width: 100vw;
	height: 100%;
	background: url("../img/common/bg_noized_beige_ora.webp");
	position: absolute;
	top: 0;
	right: 100%;
	z-index: 1;
} */
.box-category__item{
	padding: 0 1rem;
	box-sizing: border-box;
}
.box-category__link{
	position: relative;
	display: block;
}
.box-category__link::before{
	content: '';
	width: 100%;
	height: 54%;
	background: linear-gradient(180deg,transparent 0%,#000000 100%);
	opacity: 0;
	visibility: hidden;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 2;
	transition: 0.25s all ease-in-out;
}
.box-category__title{
	position: absolute;
	bottom: 8.4rem;
	left: 0;
	right: 0;
	z-index: 5;
	opacity: 0;
	visibility: hidden;
	transform: scale(0);
	transition: 0.25s all ease-in-out;
	text-align: center;
	margin-bottom: 0px;
	font-size: 1.8rem;
	color: #fff;
	padding: 0px 2rem 0px 2rem;
	display: block;
}
.box-category__counter{
	position: absolute;
	bottom: 4rem;
	left: 0;
	right: 0;
	z-index: 5;
	opacity: 0;
	visibility: hidden;
	transform: scale(0);
	transition: 0.25s all ease-in-out;
	text-align: center;
	font-size: 1.4rem;
	color: #fff;
	display: block;
}
.box-category__shape1{
	position: absolute;
	top: -10%;
	right: 0;
	animation: tptranslateX2 4s infinite alternate;
	pointer-events: none;
}
.box-category__shape2{
	position: absolute;
	top: -4rem;
	left: 0;
	pointer-events: none;
}
@media only screen and (min-width:960px){
	.box-category__link:hover::before{
		opacity: .52;
		visibility: visible;
	}
	.box-category__link:hover .box-category__title,
	.box-category__link:hover .box-category__counter{
		opacity: 1;
		visibility: visible;
		transform: scale(1);
	}
}
@media only screen and (max-width:959px){
	.box-category{

	}
	.box-category__slider{
		margin: 0 -0.5rem;
	}
	/* .box-category__slider::before{
		display: none;
	} */
	.box-category__item{
		padding: 0 0.5rem;
	}
	.box-category__link::before{
		opacity: 0.7;
		visibility: visible;
	}
	.box-category__title,
	.box-category__counter{
		opacity: 1;
		visibility: visible;
		transform: none;
	}
	.box-category__title{
		font-size: 1.4rem;
		bottom: 5rem;
	}
	.box-category__counter{
		font-size: 1.2rem;
		bottom: 1rem;
	}
	.box-category__shape1{
		top: auto;
		bottom: 0;
	}
}

/* .box-price */
.box-price{
	text-align: center;
}
.box-price span{
	color: #F47629;
	font-size: 1.6rem;
	font-weight: bold;
}
.box-price span sup{
	font-size: 1.2rem;
	font-weight: normal;
}
.box-price del{
	color: #666;
	font-size: 1.4rem;
	margin-left: 1rem;
}
.box-price del sup{
	font-size: 1.2rem;
}
@media only screen and (max-width:959px){
	.box-price span{
		font-size: 1.4rem;
	}
	.box-price del{
		font-size: 1.2rem;
		margin-left: 0.8rem;
	}
}

/* box-call */
.box-call{}
.box-call__num{
	font-size: 3.2rem;
	color: #F47629;
	line-height: 1;
	display: flex;
	align-items: center;
}
.box-call__num i{
	font-size: 2.4rem;
}
.box-call__num span{
	letter-spacing: 0.03em;
	margin-left: 1rem;
}
.box-call__open{
	font-size: 1.2rem;
	color: #444;
}

/* box-search */
.box-search{

}
.box-search__close{
	display: none;
}
.box-search__form{
	position: relative;
	width: 40rem;
	border-radius: 0.5rem;
	border: solid 1px #f3f3f3;
	padding-right: 4.5rem;
	box-sizing: border-box;
	overflow: hidden;
}
.box-search__form .frm-control{
	border-radius: 0;
	border: 0;
}
.box-search__button{
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 0.2rem;
	color: #F47629;
	width: 4.5rem;
	height: 4.5rem;
	display: flex;
	justify-content: center;
	align-items: center;
}
@media only screen and (max-width:959px){
	.box-search,
	.box-search__form{
		width: 100%;
	}
	.box-search__form{
		border-color: #F47629;
	}
	.box-search__form .frm-control{
		background: transparent;
	}
	.box-search__close{
		width: 5rem;
		height: 5rem;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		cursor: pointer;
		position: absolute;
		top: 1rem;
		right: 2rem;
		z-index: 2;
	}
	.box-search__close span{
		display: block;
		height: 1px;
		width: 100%;
		background: #7e7e7e;
		margin: 0.5rem 0;
		position: relative;
		transition: all .5s ease-out;
	}
	.box-search__close span:nth-of-type(1){
		transform: rotate(45deg);
		top: 0.5rem;
	}
	.box-search__close span:nth-of-type(2){
		transform: rotate(-45deg);
		top: -0.6rem;
	}
}

/* box-breadcrumb */
.box-breadcrumb{
	position: relative;
	padding: 24rem 0 12rem;
	/* background-image: url("../img/common/bg-breadcurmb.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	object-fit: cover;
	background-position: bottom; */
}
.box-breadcrumb::before{
	content: "";
	width: 100%;
	height: 100%;
	background: rgba(22, 23, 26, 0.75);
	position: absolute;
	top: 0;
	left: 0;
	pointer-events: none;
}
.box-breadcrumb__bg{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
}
.box-breadcrumb__bg img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.box-breadcrumb__inner{
	display: flex;
	flex-direction: column;
	position: relative;
}
.box-breadcrumb__heading{
	color: #fff;
}
.box-breadcrumb__heading p{
	font-size: 1.6rem;
	font-family: "OswaldRegular", sans-serif;
	letter-spacing: 0.04em;
	margin-bottom: 1rem;
}
.box-breadcrumb__heading h1{
	font-size: 3rem;
	margin: 0;
	text-transform: uppercase;
}
.box-breadcrumb__list{
	margin-top: 2rem;
}
.box-breadcrumb__list ol{
	display: flex;
	justify-content: flex-end;
	flex-wrap: wrap;
	color: #fff;
}
.box-breadcrumb__list ol li{}
.box-breadcrumb__list ol li:not(:last-child)::after{
	content: "\f105";
	font-family: "Font Awesome 5 Pro";
	display: inline-block;
	line-height: 1;
	margin: 0 0.7rem;

}
.box-breadcrumb__list ol li a{
	color: #fff;
	transition: all .3s ease;
}
.no-touchevents .box-breadcrumb__list ol li a:hover{
	text-decoration: none;
	color: #F47629;
}
.box-breadcrumb__list ol li > span{
	color: #999;
}
@media only screen and (max-width:959px){
	.box-breadcrumb{
		padding: 12rem 0 10rem;
	}
	.box-breadcrumb__inner{
		flex-direction: column;
		justify-content: flex-start;
		align-items: flex-start;
	}
	.box-breadcrumb__heading h1{
		font-size: 2.4rem;
	}
	.box-breadcrumb__list{
		margin-top: 2rem;
	}
}

/* .box-paging */
.box-paging{
	margin-top: 3rem;
}
.box-paging__list{
	display: flex;
	justify-content: center;
}
.box-paging__item{
	margin: 0 0.5rem;
}
.box-paging__page{
	background: #ddd;
	color: #333;
	display: flex;
	transition: all .3s ease-out;
}
.box-paging__page.-disable{
	pointer-events: none;
	opacity: 0.4;
}
.no-touchevents .box-paging__page:hover{
	text-decoration: none;
	background: #F47629;
	color: #fff;
}
.box-paging__page.is-active{
	background: #F47629;
	color: #fff;
	pointer-events: none;
}
.box-paging__page span{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 4rem;
	height: 4rem;
}
/* custom paging bootstrap */
.box-paging .pagination{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.box-paging .pagination .page-item{
	margin: 0 0.5rem 1rem;
}
.box-paging .pagination .page-item .page-link{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 4rem;
	height: 4rem;
	background: #ddd;
	color: #333;
	display: flex;
	transition: all .3s ease-out;
}
.box-paging .pagination .page-item.disabled .page-link{
	pointer-events: none;
	opacity: 0.4;
}
.box-paging .pagination .page-item.active .page-link{
	background: #F47629;
	color: #fff;
	pointer-events: none;
}
.box-paging .pagination .page-item[aria-label="« Previous"] .page-link,
.box-paging .pagination .page-item .page-link[rel="prev"]{
	font-size: 0;
}
.box-paging .pagination .page-item[aria-label="Next »"] .page-link,
.box-paging .pagination .page-item .page-link[rel="next"]{
	font-size: 0;
}
.box-paging .pagination .page-item[aria-label="« Previous"] .page-link::before,
.box-paging .pagination .page-item .page-link[rel="prev"]::before{
	content: "\f177";
	font-family: 'Font Awesome 5 Pro';
	font-weight: 300;
	font-size: 14px;
}
.box-paging .pagination .page-item[aria-label="Next »"] .page-link::before,
.box-paging .pagination .page-item .page-link[rel="next"]::before{
	content: "\f178";
	font-family: 'Font Awesome 5 Pro';
	font-weight: 300;
	font-size: 14px;
}
.no-touchevents .box-paging .pagination .page-item .page-link:hover{
	text-decoration: none;
	background: #F47629;
	color: #fff;
}

/* .box-partner */
.box-partner{
	padding: 6rem 0;
	background: url("../img/common/bg_noized_beige_ora.webp");
	position: relative;
	z-index: 1;
}
.box-partner__list{}
.box-partner__item{
	padding: 0 1rem;
}
.box-partner__link{
	display: flex;
	justify-content: center;
}
.no-touchevents a.box-partner__link:hover .box-img img{
	transform: scale(1.07);
}
.box-partner .slick-dots{
	margin-top: 2rem;
}
.box-partner .slick-prev{
	left: -4.5rem;
}
.box-partner .slick-next{
	right: -4.5rem;
}
@media only screen and (min-width:960px) and (max-width:1400px){
	.box-partner .slick-prev{
		left: 0;
	}
	.box-partner .slick-next{
		right: 0;
	}
}
@media only screen and (max-width:959px){
	.box-partner{
		padding: 4rem 0;
	}
	.box-partner .slick-arrow{
		width: 2.4rem;
		height: 2.4rem;
		border-color: transparent;
		background: rgba(255, 255, 255, 0.4);
	}
	.box-partner .slick-arrow::before{
		font-size: 1.2rem;
	}
	.box-partner .slick-prev{
		left: 2.7rem;
	}
	.box-partner .slick-next{
		right: 2.7rem;
	}
}


/*>>> 2-4-12. Panel    [pnl-***]*/

/*>>> 2-4-13. Media    [mda-***]*/

/*>>> 2-4-14. Form     [frm-***]*/
.frm-control{
	display: block;
	width: 100%;
	height: 5rem;
	padding: 1rem 1.5rem;
	font-size: 1.6rem;
	font-weight: 400;
	line-height: 1.5;
	color: #333;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #ced4da;
	border-radius: 0.5rem;
}

/*>>> 2-4-15. Error    [err-***]*/

/*>>> 2-4-16. UI*/
.slick-dotted.slick-slider{
	margin-bottom: 0;
}
.slick-dots{
	position: relative;
	bottom: auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}
.slick-dots li{
	width: 1.4rem;
	height: 1.4rem;
	border-radius: 50%;
	border: solid 1px transparent;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: all .5s ease-out;
	margin-bottom: 0.5rem;
}
.slick-dots li button{
	width: 0.6rem;
	height: 0.6rem;
	background: #bbb;
	border-radius: 50%;
	padding: 0;
	transition: all .5s ease-out;
}
.slick-dots li.slick-active{
	border-color: #F47629;
}
.slick-dots li.slick-active button{
	background: #F47629;
}
.slick-dots li button::before{
	display: none;
}

.slick-arrow{
	width: 4.8rem;
	height: 4.8rem;
	font-size: 0;
	background: transparent;
	border: solid 1px #F47629;
	color: #F47629;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	z-index: 1;
	transition: all .3s ease;
}
.no-touchevents .slick-next:hover,
.no-touchevents .slick-prev:hover{
	background: #F47629;
	color: #fff;
}
.slick-next{
	right: 0;
}
.slick-prev{
	left: 0;
}
.slick-next::before,
.slick-prev::before{
	color: #F47629;
	transition: all .3s ease;
}
.no-touchevents .slick-next:hover::before,
.no-touchevents .slick-prev:hover::before{
	color: #fff;
}
.slick-arrow::before{
	font-family: "Font Awesome 5 Pro";
	font-weight: 100;
	opacity: 1;
	font-size: 1.6rem;
}
.slick-prev::before{
	content: "\f177";
}
.slick-next::before{
	content: "\f178";
}
.slick-arrow.slick-disabled{
	cursor: initial;
}


/* -----------------------------------------------
*> [3. Layout]
-------------------------------------------------- */

/*>> 3-1. #l-document
-------------------------------------------------- */
#l-document{
	min-height: 100%;
	box-sizing: border-box;
	position: relative;
}
@media only screen and (max-width:959px){
	#l-document{

	}
}/* endMedia */

/*>> 3-2. #l-header
-------------------------------------------------- */
.l-header{
	/* -webkit-box-shadow: rgba(68, 118, 150, .1) 1rem 1rem 2rem;
	box-shadow: rgba(68, 118, 150, .1) 1rem 1rem 2rem; */
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 11;
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	box-sizing: border-box;
	transition: background-color 0.35s ease;
}
/* .pageTop .l-header{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
} */
.l-header__logo{
	position: relative;
}
.l-header__logo img{
	height: 6rem;
}
.l-header__logo a{
	display: flex;
	transition: all .3s ease-in-out;
}
.header__holiday{
	position: absolute;
	top: 0rem;
	right: -5rem;
}
.header__holiday img {
	width: 5rem;
	height: auto;
}
.l-header__nav{
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 2rem;
}
.l-header.is-sticky{
	background: #fff;
	border-bottom: 0;
	position: fixed;
	top: 0;
	-webkit-box-shadow: 0 0 1.6rem 0 rgba(0, 0, 0, 0.07);
	box-shadow: 0 0 1.6rem 0 rgba(0, 0, 0, 0.07);
	animation: sticky 1s;
	width: 100%;
}
.mega-opened .l-header{
	background-color: #fff;
}
@-webkit-keyframes sticky {
	0% {
		transform: translateY(-100%);
	}
	100% {
		transform: translateY(0%);
	}
}

@keyframes sticky {
	0% {
		transform: translateY(-100%);
	}
	100% {
		transform: translateY(0%);
	}
}
.l-header__search{
	color: #fff;
	font-size: 2rem;
	line-height: 1;
	cursor: pointer;
	transition: all .3s linear;
	width: 3.5rem;
	height: 3.5rem;
	display: inline-flex;
	justify-content: center;
	align-items: center;
}
.l-header__search .act-underline::after{
	height: 2px;
	bottom: -6px;
}
/* .pageTop .l-header__search{
	color: #fff;
} */
.l-header.is-sticky .l-header__search,
.mega-opened .l-header__search{
	color: #333;
}
.no-touchevents .l-header__search:hover,
.no-touchevents .l-header.is-sticky .l-header__search:hover{
	color: #F47629;
}
.l-header__searchModal{
	width: 100%;
	height: 100%;
	overflow: hidden;
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 121;
	background: rgba(0, 0, 0, 0.9);
}
.l-header__searchInner{
	position: relative;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.l-header__searchClose{
	position: absolute;
	top: 4rem;
	right: 4rem;
	cursor: pointer;
}
.l-header__searchClose i{
	color: #fff;
	font-size: 4rem;
	line-height: 1;
	font-weight: 100;
	transition: all 0.3s linear;
	display: inline-block;
}
.l-header__searchClose:hover i{
	transform: rotate(180deg);
	color: #F47629;
}
.l-header__searchContent{
	width: 50%;
}
.l-header__searchForm{
	position: relative;
}
.l-header__searchSubmit{
	position: absolute;
	right: 0.5rem;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.l-header__searchSubmit i{
	color: #fff;
	font-size: 2.4rem;
	line-height: 1;
	cursor: pointer;
	font-weight: 100;
	transition: all .3s linear;
}
.no-touchevents .l-header__searchSubmit:hover i{
	color: #F47629;
}
.l-header__searchInput{
	background-color: transparent;
	border: none;
	height: 7rem;
	font-size: 1.6rem;
	font-family: "OswaldRegular", sans-serif;
	text-align: center;
	letter-spacing: 0.06em;
	padding: 0 4rem;
	color: #fff;
	border-bottom: solid 2px #898989;
}
.l-header__searchInput::-webkit-input-placeholder {
	color: #fff;
}
.l-header__searchInput:-moz-placeholder, textarea:-moz-placeholder {
	color: #fff;
}
.l-header__searchInput::-moz-placeholder, textarea::-moz-placeholder {
	color: #fff;
}
.l-header__searchInput:-ms-input-placeholder {
	color: #fff;
}
@media only screen and (max-width:959px){
	.l-header{
		position: fixed;
		height: 6rem;
		background: #fff;
		-webkit-box-shadow: 0 0 1.6rem 0 rgba(0, 0, 0, 0.07);
		box-shadow: 0 0 1.6rem 0 rgba(0, 0, 0, 0.07);
	}
	.l-header__logo img{
		height: 5rem;
	}
	.l-header__nav{
		height: 100%;
		justify-content: center;
		padding: 0 1rem;
	}
	.l-header__search{
		color: #333;
		position: absolute;
		right: 1rem;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	.l-header__searchContent{
		width: 90%;
	}
	.l-header__searchClose i{
		font-size: 2.8rem;
	}
	.l-header__searchSubmit i{
		font-size: 2rem;
	}
	.l-header__searchInput{
		height: 6rem;
		font-size: 1.6rem;
		padding: 0 1.5rem;
		border-width: 1px;
		text-align: left;
	}
	/* .pageTop .l-header{
		position: fixed;
	} */
}

.menu-mobile{
	display: none;
}

/* .mega-menu */
.mega-menu{
	position: relative;
}
.mega-opened .mega-menu{
	opacity: 1;
	visibility: visible;
	pointer-events: all;
}
.mega-menu__item{
	padding: 2.4rem 6rem 8.8rem;
	box-sizing: border-box;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	visibility: hidden;
	opacity: 0;
	transition: opacity .3s ease .3s;
	pointer-events: none;
}
.mega-menu__item.active{
	visibility: visible;
	opacity: 1;
	pointer-events: all;
}
.mega-menu__itemClose{
	display: flex;
	justify-content: flex-end;
}
.mega-menu__itemClose span{
	width: 4.8rem;
	height: 4.8rem;
	border-radius: 50%;
	border: solid 1px #ddd;
	color: #999;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: all .3s ease-in-out;
}
.no-touchevents .mega-menu__itemClose span:hover{
	color: #F47629;
	border-color: #F47629;
}
.mega-menu__bg{
	background: #fff;
	border-top: 1px solid #e7e7e7;
	height: 0;
	left: 0;
	opacity: 0;
	pointer-events: none;
	position: absolute;
	top: 0;
	transition: height 0.5s ease, opacity 0.5s ease;
	width: 100%;
}
.mega-menu__itemOverlay{
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: -1;
	cursor: pointer;
}
.mega-menu__itemLink{
	display: inline-flex;
	align-items: center;
}
.mega-menu__itemText{
	font-size: 2rem;
	font-weight: bold;
	color: #333;
	margin-right: 1.6rem;
	transition: all .125s ease-in-out;
}
.mega-menu__itemIcon{
	width: 6rem;
	height: 6rem;
	border: solid 1px #ddd;
	border-radius: 50%;
	color: #ddd;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all .3s ease-in-out;
	box-sizing: border-box;
}
.mega-menu__itemSubCat{
	margin-top: 3.2rem;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	column-gap: 40px;
	row-gap: 48px;
}
.mega-menu__itemSubCatItem > a{
	display: flex;
	align-items: center;
	padding-bottom: 1.6rem;
	overflow: hidden;
	font-size: 1.6rem;
	font-weight: bold;
	color: #333;
	position: relative;
	transition: color .125s ease-out;
}
.mega-menu__itemSubCatItem > a::before,
.mega-menu__itemSubCatItem > a::after{
	content: "";
	height: 1px;
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
}
.mega-menu__itemSubCatItem > a::before{
	background-color: #e7e7e7;
}
.mega-menu__itemSubCatItem > a::after{
	background-color: #F47629;
	transform: scaleX(0);
	transform-origin: bottom right;
	transition: transform 0.25s ease-out;
}
.mega-menu__itemSubCatItem > a > .icon{
	width: 1.6rem;
	height: 1.6rem;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}
.mega-menu__itemSubCatItem > a > .icon::before{
	content: "\f178";
	font-family: "Font Awesome 5 Pro";
	font-weight: 300;
	color: #F47629;
	font-size: 1.4rem;
	line-height: 1;
	position: absolute;
	top: 0;
	left: 0;
	transform: scaleX(0);
	transform-origin: bottom right;
	transition: transform 0.25s ease-out;
}
.mega-menu__itemSubSubCat{
	margin-top: 2.4rem;
}
.mega-menu__itemSubSubCat li + li{
	margin-top: 1.6rem;
}
.mega-menu__itemSubSubCatItem a{
	color: #333;
	font-size: 1.6rem;
	display: flex;
	align-items: center;
	transition: color .125s ease-out;;
	position: relative;
}
.mega-menu__itemSubSubCatItem a .text{
	display: flex;
	align-items: center;
}
.mega-menu__itemSubSubCatItem a .text::before{
	content: "";
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #ddd;
	display: block;
	margin-right: 1.6rem;
	transition: background .125s ease-out;
}
.mega-menu__itemSubSubCatItem a .icon{
	width: 1.6rem;
	height: 1.6rem;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}
.mega-menu__itemSubSubCatItem a .icon::before{
	content: "\f178";
	font-family: "Font Awesome 5 Pro";
	font-weight: 300;
	color: #F47629;
	font-size: 1.4rem;
	line-height: 1;
	position: absolute;
	top: 0;
	left: 0;
	transform: scaleX(0);
	transform-origin: bottom right;
	transition: transform 0.25s ease-out;
}
.no-touchevents .mega-menu__itemLink:hover{
	text-decoration: none;
}
.no-touchevents .mega-menu__itemLink:hover .mega-menu__itemText{
	color: #F47629;
}
.no-touchevents .mega-menu__itemLink:hover .mega-menu__itemIcon{
	border-color: #F47629;
	color: #F47629;
}
.no-touchevents .mega-menu__itemSubCatItem > a:hover{
	text-decoration: none;
	color: #F47629;
}
.no-touchevents .mega-menu__itemSubCatItem > a:hover::after{
	transform: scaleX(1);
	transform-origin: bottom left;
}
.no-touchevents .mega-menu__itemSubCatItem > a:hover > .icon::before{
	transform: scaleX(1);
	transform-origin: bottom left;
}
.no-touchevents .mega-menu__itemSubSubCatItem a:hover{
	text-decoration: none;
	color: #F47629;
}
.no-touchevents .mega-menu__itemSubSubCatItem a:hover .icon::before{
	transform: scaleX(1);
	transform-origin: bottom left;
}
.no-touchevents .mega-menu__itemSubSubCatItem a:hover .text::before{
	background: #F47629;
}
@media only screen and (max-width:959px){
	.mm-opened .menu-button span:nth-of-type(1){
		transform: rotate(45deg);
		top: 1rem;
	}
	.mm-opened .menu-button span:nth-of-type(2){
		opacity: 0;
		width: 0;
	}
	.mm-opened .menu-button span:nth-of-type(3){
		transform: rotate(-45deg);
		top: -1.2rem;
	}
	.menu-button span{
		position: relative;
	}
	.mega-menu{
		display: none;
	}
}


/*>> 3-3. #l-container
-------------------------------------------------- */
#l-container{

}

/*>>> 3-3-1. #l-main
-------------------------------------------------- */
#l-main{

}
@media only screen and (max-width:959px){
	#l-main{
		margin-top: 6rem;
	}
	.mm-opened #l-main{
		margin-top: 0;
	}
}

/*>>> 3-3-2. #l-sub
-------------------------------------------------- */


/*>> 3-4. #l-footer
-------------------------------------------------- */
.l-footer{
	background: url("../img/common/bg-footer.webp") center/cover no-repeat;
	color: #fff;
	position: relative;
}
.l-footer__middle{
	padding: 12rem 0 12rem;
}
.l-footer__title{
	font-size: 2.4rem;
	font-family: "OswaldRegular", sans-serif;
	margin-bottom: 3rem;
	display: flex;
	flex-direction: column;
	letter-spacing: 0.04em;
}
.l-footer__title::after{
	content: "";
	width: 3rem;
	height: 1px;
	background: #F47629;
	display: block;
	margin-top: 1rem;
}
.l-footer__bigtitle{
	font-size: 2.8rem;
	font-family: "OswaldBold", sans-serif;
	margin-bottom: 3rem;
}
.l-footer__bottom{
	padding: 4rem 0;
	border-top: solid 1px rgba(255, 255, 255, 0.1);
}
@media only screen and (max-width:959px){
	.l-footer{
		padding-bottom: 5rem;
	}
	.l-footer__middle{
		padding: 6rem 0;
	}
	.l-footer__bottom{
		padding: 2rem 0;
	}
	.l-footer__title.line{
		border-top: solid 1px rgba(255, 255, 255, 0.1);
		margin-top: 3rem;
		padding-top: 3rem;
	}
}


/*>> 3-4. OverLayerConfig [z-index]
-------------------------------------------------- */
.nav-global-menu {
}
.nav-global{
}
#l-header{
}
/*>> 3-5. Project
-------------------------------------------------- */
.section{
	padding: 12rem 0;
	background: #f5f5f5;
	position: relative;
}
.section__shape{
	width: 15rem;
	position: absolute;
	bottom: 5rem;
	left: 3rem;
	animation: tptranslateX2 4s infinite alternate;
}
.section__shape.-isRight{
	width: 10rem;
	bottom: auto;
	left: auto;
	top: 0;
	right: 0;
	animation: jumpTwo 4s infinite alternate;
}
@keyframes jumpTwo {
	0% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
	40% {
		-webkit-transform: translate3d(0, 2rem, 0);
		transform: translate3d(0, 4rem, 0)
	}
	100% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}
.section.-is-gray{
	background: #e6e8eb;
}
.section.-is-white{
	background: #fff;
}
.section__heading{
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	padding: 0 0 2rem;
	border-bottom: solid 1px #fff;
	margin: 0 0 6rem;
}
.section__cat{
	font-size: 2.4rem;
	color: #0058ba;
	font-family: "OswaldBold", sans-serif;
	display: flex;
	flex-direction: column;
}
.section__cat::before{
	content: '';
	height: 1px;
	width: 5rem;
	background: #F47629;
	display: inline-block;
	margin-bottom: 0.2rem;
}
.section__cat span{
	text-transform: uppercase;
	display: flex;
	flex-direction: column;

}
.section__cat span::before{
	content: '';
	height: 1px;
	width: 2rem;
	background: #0058ba;
	display: inline-block;
	margin-bottom: 1rem;
}
.section__right{
	flex-shrink: 0;
	display: flex;
	align-items: center;
}
.section__right .link{
	padding-right: 1rem;
	margin-right: 1rem;
	border-right: solid 1px #ddd;
	display: inline-block;
	line-height: 1;
}
@media only screen and (max-width:959px){
	.section{
		padding: 6rem 0;
	}
	.section__shape{
		display: none;
	}
	.section__heading{
		flex-direction: column;
	}
	.section__right{
		justify-content: space-between;
		margin-top: 2.5rem;
	}
}

.link-dropdown{
	position: relative;
}
.link-dropdown__trigger{
	font-size: 1.6rem;
	line-height: 1;
	font-weight: bold;
	display: inline-flex;
	align-items: center;
	cursor: pointer;
	transition: all .3s ease-out;
}
.link-dropdown__trigger::after{
	content: "\f107";
	font-family: "Font Awesome 5 Pro";
	margin-left: 0.5rem;
	transition: all .3s ease-out;
}
.link-dropdown.open .link-dropdown__trigger::after{
	transform: rotate(180deg);
}
.no-touchevents .link-dropdown__trigger:hover{
	color: #0058ba;
}
.link-dropdown__content{
	position: relative;
}
.link-dropdown__list{
	height: 0;
	font-size: 0;
	visibility: hidden;
	opacity: 0;
	pointer-events: none;
	width: 30rem;
	position: absolute;
	top: 3rem;
	right: 0;
	background: #fff;
	padding: 2rem 2rem 3rem;
	border: solid 1px #ddd;
	z-index: 5;
	box-sizing: border-box;
}
.link-dropdown.open .link-dropdown__list{
	height: 30rem;
	overflow-y: auto;
	font-size: 1.4rem;
	visibility: visible;
	opacity: 1;
	pointer-events: all;
}
.link-dropdown__item{
	border-bottom: solid 1px #f5f5f5;
	display: flex;
	justify-content: space-between;
}
.link-dropdown__item + .link-dropdown__item{
	margin-top: 1rem;
}
.link-dropdown__url{
	width: 100%;
}
.link-dropdown__url::after{
	content: "\f178";
	font-family: "Font Awesome 5 Pro";
}
.link-dropdown__url{
	color: #333;
	display: flex;
	justify-content: space-between;
	padding: 1rem 0;
}
.no-touchevents .link-dropdown__url:hover{
	text-decoration: none;
	color: #F47629;
}
@media only screen and (max-width:959px){
	.link-dropdown__list{
		top: 2rem;
	}
	.section__right .link{
		padding-right: 0;
		margin-right: 0;
		border-right: 0;
	}
}

/* icon support */
.support-content {
	display: none;
}
.support-online {
	position: fixed;
	z-index: 999;
	left: 0;
	bottom:0px;
}
.support-online .btn-support {
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	margin: 2rem 2rem;
	text-align: left;
	width: 4rem;
	height: 4rem;
}
.support-online a {
	position: relative;
	margin: 2rem 2rem;
	text-align: left;
	width: 4rem;
	height: 4rem;
}
.support-online i {
	width: 4rem;
	height: 4rem;
	background: #43a1f3;
	color: #fff;
	border-radius: 100%;
	font-size: 2rem;
	text-align: center;
	line-height: 1.9;
	position: relative;
	z-index: 999;
}
.support-online a span {
	border-radius: 2px;
	text-align: center;
	background: #F47629;
	padding: 9px;
	display: none;
	width: 180px;
	margin-left: 10px;
	position: absolute;
	color: #ffffff;
	z-index: 999;
	top: 0px;
	left: 4rem;
	transition: all 0.2s ease-in-out 0s;
	-moz-animation: headerAnimation 0.7s 1;
	-webkit-animation: headerAnimation 0.7s 1;
	-o-animation: headerAnimation 0.7s 1;
	animation: headerAnimation 0.7s 1;
}
.support-online a:hover span {
	display: block;
}
.support-online a {
	display: block;
}
.support-online a span:before {
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 10px 10px 0;
	border-color: transparent  #F47629 transparent transparent;
	position: absolute;
	left: -10px;
	top: 10px;
}
.kenit-alo-circle-fill {
	width: 6rem;
	height: 6rem;
	top: -1.2rem;
	right: -1.2rem;
	position: absolute;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	border: 2px solid transparent;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
	background-color: rgba(0, 175, 242, 0.5);
	opacity: .75;
}
.kenit-alo-circle {
	width: 5rem;
	height: 5rem;
	top: -0.7rem;
	right: -0.7rem;
	position: absolute;
	background-color: transparent;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	border: 2px solid rgba(30, 30, 30, 0.4);
	opacity: .1;
	border-color: #0089B9;
	opacity: .5;
}
.sms i{
	background: #F47629;
}
.mes i{
	background: #F47629;
}
.call-now i{
	background: #008000;
}
@media only screen and (max-width:959px){
	.support-online {
		display: none;
	}
}

.l-footer__shape1{
	position: absolute;
	top: 0;
	right: 3rem;
	animation: tptranslateY2 2.5s infinite alternate;
}
@keyframes tptranslateY2{
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
	100% {
		-webkit-transform: translateY(-4rem);
		transform: translateY(-4rem);
	}
}
@media only screen and (max-width:959px){
	.l-footer__shape1{
		top: 0;
		right: 2rem;
	}
}

.l-footer__shape2{
	position: absolute;
	top: 0;
	left: 25%;
	animation: tptranslateX2 2.5s infinite alternate;
}
@keyframes tptranslateX2{
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
	100% {
		-webkit-transform: translateX(-4rem);
		transform: translateX(-4rem);
	}
}
@media only screen and (max-width:959px){
	.l-footer__shape2{
		width: 24rem;
		top: auto;
		left: auto;
		right: 0;
		bottom: 10%;
	}
}

/* banner category */
.bnr-cat{
	margin-top: 2rem;
}
.bnr-cat__link{
	display: block;
	position: relative;
}
.bnr-cat__link .btn-animate{
	margin-top: 0;
	position: absolute;
	right: 1rem;
	bottom: 1rem;
}
.bnr-cat__link .btn-animate__link{
	height: 4.8rem;
	width: 19.6rem;
	background: transparent;
	border: solid 1px #F47629;
	box-sizing: border-box;
	color: #F47629;
}
@media only screen and (max-width:959px){
	.bnr-cat__link .btn-animate__link{
		height: 4rem;
		width: 16rem;
	}
}

/* -----------------------------------------------
About Page
--------------------------------------------------*/
.box-about{
	margin-top: 10rem;
}
.box-about__img{
	padding-right: 8rem;
	position: relative;
	box-sizing: border-box;
}
.box-about__photo{
	position: relative;
	text-align: right;
}
.box-about__thumb{
	position: relative;
	overflow: hidden;
	display: inline-block;
}
.box-about__thumb::before{
	content: "";
	width: 50%;
	height: 100%;
	position: absolute;
	top: 0;
	left: -80%;
	background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
	transform: skewX(-25deg);
	z-index: 1;
}
.no-touchevents .box-about__photo:hover .box-about__thumb::before{
	-webkit-animation: shine 1s;
	animation: shine 1s;
}
.box-about__thumbSm{
	position: absolute;
	left: 0;
	bottom: -8.5rem;
	z-index: 1;
	overflow: hidden;
}
.box-about__thumbSm img{
	transition: .7s;
}
.no-touchevents .box-about__photo:hover .box-about__thumbSm img{
	transform: scale(1.1);
}
.box-about__shape{
	position: absolute;
	top: -3rem;
	right: -3rem;
}
.box-about__exp{
	width: 31rem;
	padding: 2rem 2rem;
	padding-left: 11.5rem;
	box-shadow: 0.4rem 0.7rem 4rem 0 rgba(18, 14, 14, 0.06);
	background: url("../img/about/bg-exp.jpg") center/cover no-repeat;
	box-sizing: border-box;
	text-align: left;
	position: absolute;
	bottom: -6rem;
	right: 2rem;
	animation: tp-pulse 1.7s infinite alternate;
	z-index: 1;
}
.box-about__exp p{
	font-size: 4rem;
	font-family: "OswaldBold", sans-serif;
	letter-spacing: 0.08em;
	line-height: 1;
}
.box-about__exp span{
	font-size: 1.6rem;
	color: #727272;
	display: block;
	margin-top: 1.4rem;
}
.box-about__content{}
@keyframes shine {
	100% {
		left: 125%;
	}
}
@keyframes tp-pulse {
	0% {
		-moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
		box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6);
	}
	70% {
		-moz-box-shadow: 0 0 0 45px rgba(255, 255, 255, 0);
		box-shadow: 0 0 0 45px rgba(255, 255, 255, 0);
	}
	100% {
		-moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
		box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
	}
}
@media only screen and (min-width:960px) and (max-width:1199px){
	.box-about__img{
		padding-right: 3rem;
	}
	.box-about__shape{
		top: -2rem;
		right: -1.5rem;
	}
	.box-about__thumb img{
		max-width: 85%;
	}
	.box-about__thumbSm{
		bottom: -10.5rem;
	}
	.box-about__exp{
		width: 26rem;
		padding: 1rem 2rem 1rem 10rem;
		right: 6rem;
	}
	.box-about__exp p{
		font-size: 3rem;
	}
	.box-about__exp span{
		font-size: 1.4rem;
	}
}
@media only screen and (max-width:959px){
	.box-about__img{
		padding-right: 1rem;
	}
	.box-about__thumb{
		display: block;
		margin-bottom: 2rem;
	}
	.box-about__thumb::before{
		display: none;
	}
	.box-about__thumbSm{
		position: relative;
		left: auto;
		bottom: auto;
	}
	.box-about__thumb img,
	.box-about__thumbSm img{
		width: 100%;
	}
	.box-about__shape{
		display: none;
	}
	.box-about__exp{
		position: relative;
		right: auto;
		bottom: auto;
		margin: -6rem auto 0;
	}
	.box-about__content{
		margin: 6rem 0 0;
	}
}

/* box-about-icn */
.box-about-icn{
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-right: 15rem;
	margin-top: 6rem;
	padding-bottom: 2rem;
	border-bottom: solid 1px #fff;
}
.box-about-icn__content{
	display: flex;
	align-items: center;
}
.box-about-icn__icon{
	width: 7.5rem;
	height: 7.5rem;
	background: #fff;
	margin-right: 2rem;
	flex-shrink: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 5rem;
	color: #f44336;
}
.box-about-icn__text{
	color: #000;
	font-size: 1.6rem;
	font-weight: bold;
}
@media only screen and (min-width:960px) and (max-width:1199px){
	.box-about-icn{
		margin-right: 0;
	}
}
@media only screen and (max-width:959px){
	.box-about-icn{
		flex-direction: column;
		justify-content: flex-start;
		margin-right: 0;
	}
	.box-about-icn__item{
		width: 100%;
	}
	.box-about-icn__item +.box-about-icn__item{
		margin-top: 2rem;
	}
}

/* box-about-info */
.box-about-info{
	margin-top: 20rem;
}
@media only screen and (min-width:960px) and (max-width:1199px){
	.box-about-info{
		margin-top: 10rem;
	}
}
@media only screen and (max-width:959px){
	.box-about-info{
		margin-top: 6rem;
	}
}

/* box-why */
.box-why{
	background: #1d1e22;
	padding: 12rem 0 7rem;
	position: relative;
	z-index: 1;
}
.box-why__bg{
	background: url("../img/about/pct-about03.jpg") center/cover no-repeat;
	width: 45.5%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.box-why__shape{
	position: absolute;
	right: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.box-why__shape span{
	display: inline-block;
	width: 1.4rem;
	height: 43rem;
	background: #F47629;
	animation: tpupdown 0.8s infinite alternate;
}
.box-why__text{
	background: #fff;
	padding: 4.5rem 8rem 4.5rem 6rem;
	box-sizing: border-box;
	position: absolute;
	left: 13rem;
	bottom: 13.5rem;
	animation: tp-pulse 1.7s infinite alternate;
}
.box-why__text > span{
	display: block;
	font-size: 2rem;
}
.box-why__text > a{
	color: #F47629;
	display: flex;
	align-items: center;
	font-size: 2.4rem;
	line-height: 1;
	margin-top: 2rem;
	pointer-events: none;
}
.box-why__text > a span{
	font-size: 3rem;
	margin-left: 1rem;
	letter-spacing: 0.08em;
}
.box-why__inner{
	margin-left: 50%;
}
.box-why__content{}
.box-why__support{
	margin-top: 5rem;
}
.box-why__support ul{
	display: flex;
	flex-wrap: wrap;
	margin: 0 -1rem;
}
.box-why__support ul li{
	width: 50%;
	padding: 0 1rem;
	box-sizing: border-box;
}
.box-why__supportItem{
	color: #fff;
	background: #16171a;
	padding: 1.5rem 2rem;
	display: flex;
	align-items: center;
	margin-bottom: 2rem;
}
.box-why__supportItem span{
	flex-shrink: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 6rem;
	height: 6rem;
	border-radius: 50%;
	background: #F47629;
	font-size: 2.5rem;
	margin-right: 1.5rem;
}
.box-why__supportItem p{
	font-size: 1.8rem;
	font-weight: bold;
}
.box-why .box-heading__subtitle{
	color: #9f9f9f;
	font-size: 1.6rem;
}
.box-why .box-heading .hdg-lv2{
	color: #fff;
}
.box-why .box-heading .txt{
	color: #727272;
}
@keyframes tpupdown {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
	100% {
		-webkit-transform: translateY(-2rem);
		transform: translateY(-2rem);
	}
}

@media only screen and (min-width:960px) and (max-width:1199px){
	.box-why__text{
		left: 6rem;
		padding: 3rem 6rem 3rem 4.5rem;
	}
	.box-why__text > a{
		font-size: 2rem;
	}
	.box-why__text > a span{
		font-size: 2.6rem;
	}
}
@media only screen and (max-width:959px){
	.box-why{
		padding: 0 0 6rem;
	}
	.box-why__shape,
	.box-why__text{
		display: none;
	}
	.box-why__bg{
		position: static;
		height: 30rem;
		width: 100%;
		margin-bottom: 5rem;
	}
	.box-why__inner{
		margin: 0;
	}
	.box-why__support ul{
		margin: 0;
	}
	.box-why__support ul li{
		padding: 0;
		width: 100%;
	}
	.box-why__supportItem{
		margin-bottom: 1rem;
	}
	.box-why__supportItem p{
		font-size: 1.6rem;
	}
}

/* -----------------------------------------------
Product Detail Page
--------------------------------------------------*/
/* box-detail-info */
.box-detail-info{
}
.box-detail-info__gallery{}
.box-detail-info__photo{
	position: relative;
}
.box-detail-info__slider{
	-webkit-box-shadow: -0.8rem -0.8rem 1.6rem 0 rgba(245, 245, 245, 0.9), 0.8rem 0.8rem 1.6rem 0 rgba(208, 211, 220, 0.5);
	box-shadow: -0.8rem -0.8rem 1.6rem 0 rgba(245, 245, 245, 0.9), 0.8rem 0.8rem 1.6rem 0 rgba(208, 211, 220, 0.5);
}
.box-detail-info__sliderItem{
	height: 53rem;
}
.box-detail-info__sliderItem img{
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.box-detail-info__thumb{
	margin-top: 1.6rem;
}
.box-detail-info__subSlider{
	margin: 0 -0.5rem;
}
.box-detail-info__subSliderItem{
	padding: 0 0.5rem;
	box-sizing: border-box;
	cursor: pointer;
	height: 6.51vw;
}
.box-detail-info__subSliderItem img{
	border: solid 1px #eee;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.box-detail-info__subSliderItem.slick-current img{
	border-color: #f44336;
}
.box-detail-info .slick-arrow{
	width: 3rem;
	height: 3rem;
	background: rgba(255, 255, 255, 0.4);
}
.box-detail-info .slick-arrow::before{
	font-size: 1.4rem;
	color: #f44336;
}
.box-detail-info .slick-arrow:hover{
	background: rgba(255, 255, 255, 1);
}
.box-detail-info .slick-arrow.slick-disabled{
	pointer-events: none;
}
.box-detail-info .slick-arrow.slick-disabled:hover{
	background: rgba(255, 255, 255, 0.4);
}
.box-detail-info .slick-next{
	right: 0.5rem;
}
.box-detail-info .slick-prev{
	left: 0.5rem;
}
.box-detail-info__content{
	padding-left: 3.125vw;
}
.box-detail-info__title h2{
	font-size: 2rem;
	color: #333;
}
.box-detail-info__price{
	padding: 1.5rem 2rem;
	background: #f9f9f9;
	margin-top: 2rem;
	display: flex;
	align-items: center;
}
.box-detail-info__num{
	display: flex;
	align-items: center;
}
.box-detail-info__num span{
	font-size: 3rem;
	color: #F47629;
}
.box-detail-info__num span sup{}
.box-detail-info__num del{
	font-size: 1.8rem;
	color: #929292;
	margin-right: 1rem;
}
.box-detail-info__num del sup{}
.box-detail-info__percent{
	font-size: 1.2rem;
	line-height: 1;
	color: #fff;
	background: #F47629;
	padding: 0.4rem 0.5rem;
	margin-left: 2rem;
}
.box-detail-info__more{
	margin-top: 2rem;
}
.box-detail-info__moreList{}
.box-detail-info__moreItem{
	display: flex;
	padding: 1.2rem 0;
}
.box-detail-info__moreItem.-column{
	flex-direction: column;
}
.box-detail-info__moreItem + .box-detail-info__moreItem{
	border-top: solid 1px #f5f5f5;
}
.box-detail-info__moreLabel{
	font-size: 1.5rem;
	font-weight: bold;
	color: #757575;
	display: block;
	width: 14rem;
}
.box-detail-info__moreItem.-column .box-detail-info__moreLabel{
	margin-bottom: 1.5rem;
}
.box-detail-info__moreContent{
	font-size: 1.5rem;
}
.box-detail-info__icon{
	width: 6rem;
	height: 6rem;
	/* background: rgba(255, 255, 255, 0.4); */
	border: solid 1px #F47629;
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	bottom: 0;
	right: 0;
	pointer-events: none;
	transition: background .5s ease-in-out;
}
.box-detail-info__icon span{
	width: 2.4rem;
	height: 2.4rem;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
}
.box-detail-info__icon span::before,
.box-detail-info__icon span::after{
	content: "";
	display: inline-block;
	width: 0.1rem;
	height: 100%;
	background: #F47629;
}
.no-touchevents .box-detail-info__photo:hover .box-detail-info__icon span::before,
.no-touchevents .box-detail-info__photo:hover .box-detail-info__icon span::after{
	background: #fff;
}
.box-detail-info__icon span::before{
	transform: rotate(90deg);
}
.no-touchevents .box-detail-info__photo:hover .box-detail-info__icon{
	background: #F47629;
}
.box-detail-content{
	background: #f9f9f9;
	padding: 2.5rem;
	margin-top: 6rem;
	word-wrap: break-word;
}
.box-detail-content__title{
	padding-bottom: 1.5rem;
	font-size: 1.8rem;
	font-weight: bold;
	border-bottom: solid 1px #F47629;
	margin-bottom: 4rem;
}
.box-detail-content img{
	max-width: 100%!important;
	height: auto!important;
}
.box-detail-content ul{
	list-style-type: disc;
	padding-left: 2rem;
}
.box-detail-content ol{
	list-style-type: decimal;
	padding-left: 2rem;
}
@media only screen and (max-width:959px){
	.box-detail-info__content{
		padding: 3rem 0 0;
	}
	.box-detail-content{
		padding: 1.5rem;
	}
	.box-detail-info__sliderItem{
		height: 94.667vw;
	}
	.box-detail-info__subSliderItem{
		height: 21.867vw;
	}
	.box-detail-info__icon{
		width: 4.8rem;
		height: 4.8rem;
	}
	.box-detail-info__icon span{
		width: 1.6rem;
		height: 1.6rem;
	}
}


/* .box-hotline */
.box-hotline{
	margin-top: 2rem;
	display: flex;
}
.box-hotline__item + .box-hotline__item{
	margin-left: 2rem;
}
.box-hotline__block{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 25rem;
	padding: 0.9rem 2rem;
	box-sizing: border-box;
	background: #F47629;
	color: #fff;
	position: relative;
	transition: all 0.5s ease-in-out;
}
.box-hotline__block.blue{
	background: #0866ff;
}
.no-touchevents .box-hotline__block:hover{
	color: #fff;
	text-decoration: none;
}
.no-touchevents .box-hotline__block:hover > *{
	position: relative;
	z-index: 1;
}
.box-hotline__block::after{
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	width: 0%;
	height: 100%;
	background: #000;
	transition: all 500ms ease-in-out;
}
.no-touchevents .box-hotline__block:hover::after{
	left: 0;
	right: auto;
	width: 100%;
}
.box-hotline__icon{
	font-size: 3rem;
	margin-right: 1.5rem;
}
.box-hotline__label{
	font-size: 1.2rem;
	letter-spacing: 0.04em;
	line-height: 1;
	margin-bottom: 0.5rem;
}
.box-hotline__num{
	line-height: 1;
	display: flex;
	align-items: center;
}
.box-hotline__num span{
	font-size: 2rem;
	letter-spacing: 0.06em;
}
.noTouchPc{
	pointer-events: none;
}
@media only screen and (min-width:960px) and (max-width:1199px){
	.box-hotline__block{
		width: 22rem;
	}
	.box-hotline__num span{
		font-size: 1.8rem;
	}
}
@media only screen and (max-width:959px){
	.noTouchPc{
		pointer-events: all;
	}
	.box-hotline{
		flex-direction: column;
	}
	.box-hotline__item + .box-hotline__item{
		margin: 1.5rem 0 0;
	}
	.box-hotline__block{
		width: 100%;
	}
}

/* .box-rating */
.box-rating{
	margin-top: 3rem;
	display: flex;
	align-items: center;
}
.box-rating__star i{
	margin-right: 0.2rem;
	color: #FFB41B;
}
.box-rating__share{
	margin-left: 3rem;
}

.section-details{
}
@media only screen and (max-width:959px){
	.section-details{
		padding-top: 1rem;
	}
}


/* .box-shipper{} */
.box-shipper{
	margin-top: 2rem;
}
.box-shipper__list{
	display: flex;
}
.box-shipper__list li{
	display: flex;
	align-items: center;
}
.box-shipper__list li:not(:last-child){
	margin-right: 2rem;
}
.box-shipper__list li i{
	color: #F47629;
	margin-right: 0.5rem;
}
.box-shipper__list li span{}
@media only screen and (min-width:960px) and (max-width:1199px){
	.box-shipper__list{
		flex-direction: column;
	}
	.box-shipper__list li:not(:last-child){
		margin-right: 0;
	}
	.box-shipper__list li + li{
		margin-top: 1.5rem;
	}
}
@media only screen and (max-width:959px){
	.box-shipper{
		margin-top: 4rem;
	}
	.box-shipper__list{
		flex-direction: column;
	}
	.box-shipper__list li:not(:last-child){
		margin-right: 0;
	}
	.box-shipper__list li + li{
		margin-top: 1.5rem;
	}
}


/* -----------------------------------------------
Blog Page
--------------------------------------------------*/
.blog-list{}
.blog-list__item{
	overflow: hidden;
	display: block;
	color: #333;
	transition: all .3s ease;
	margin-bottom: 2rem;
}
.no-touchevents .blog-list__item:hover{
	text-decoration: none;
	color: #F47629;
}
.no-touchevents .blog-list__item:hover .box-blog__img::before,
.no-touchevents .blog-list__item:hover .box-blog__img::after,
.no-touchevents .blog-list__item:hover .box-blog__img .box-img::before,
.no-touchevents .blog-list__item:hover .box-blog__img .box-img::after{
	transform: translateY(0);
}
.no-touchevents .blog-list__item:hover .box-blog__img::before{
	transition-delay: .225s
}
.no-touchevents .blog-list__item:hover .box-blog__img::after{
	transition-delay: 75ms
}
.no-touchevents .blog-list__item:hover .box-blog__img .box-img::before{
	transition-delay: .15s
}
.no-touchevents .blog-list__item:hover .box-blog__img .box-img::after{
	transition-delay: 0s;
}

/* .blog-detail */
.box-heading03{
	margin: 8rem 0 4rem;
}
.box-heading03:nth-of-type(1){
	margin: 0;
}
.box-heading03__title{
	margin: 0;
	position: relative;
	padding-left: 2.5rem;
	font-size: 2.4rem;
}
.box-heading03__title::before,
.box-heading03__title::after{
	content: '';
	width: 0.3rem;
	height: 100%;
	display: inline-block;
	background: #f44336;
	position: absolute;
	bottom: 0;
	left: 0;
}
.box-heading03__title::after{
	left: 0.5rem;
	height: 75%;
	width: 0.2rem;
	background: #0058ba;
}
@media only screen and (max-width:959px){
	.box-heading03{
		margin: 6rem 0 3rem;
	}
	.box-heading03__title{
		font-size: 2rem;
	}
}

/* box-author */
.box-author{
	margin-top: 1.6rem;
}
.box-author__list{
	display: flex;
	align-items: center;
}
.box-author__item{
	display: flex;
	align-items: center;
}
.box-author__item:not(:last-child){
	margin-right: 2rem;
}
.box-author__icon{
	margin-right: 0.5rem;
	color: #f44336;
}
.box-author__text{
	color: #888;
}
.box-author__text span{
	color: #000;
}
.box-author__share{
	margin-top: 1.6rem;
}
@media only screen and (max-width:959px){
	.box-author__list{
		flex-wrap: wrap;
	}
	.box-author__item{
		margin-bottom: 0.5rem;
	}
}

/* .blog-detail */
.box-bg01{
	padding: 4rem;
	border-radius: 0.4rem;
	background: #f9f9f9;
}
.box-bg01 + .txt{
	margin-top: 3rem;
}
.blog-detail{}
.blog-detail__content{
	margin-top: 6rem;
}
@media only screen and (max-width:959px){
	.box-bg01{
		padding: 3rem 1.5rem;
	}
	.blog-detail__content{
		margin-top: 2.5rem;
	}
}

/* -----------------------------------------------
Contact Page
--------------------------------------------------*/
.box-contact-wrp{}
.box-contact{
	padding: 3rem 1.5rem;
	box-shadow: 0 0.4rem 6rem 0 rgba(22, 23, 26, 0.06);
	text-align: center;
}
.box-contact__icon{
	width: 8rem;
	height: 8rem;
	border-radius: 50%;
	background: #f5f5f8;
	position: relative;
	display: inline-block;
}
.box-contact__icon span{
	font-size: 3.6rem;
	transition: all .3s;
	line-height: 0;
	color: #F47629;
	position: relative;
	display: inline-block;
}
.no-touchevents .box-contact:hover .box-contact__icon span{
	transform: translateY(2.3rem);
}
.box-contact__text{
	margin-top: 5rem;
	display: flex;
	flex-direction: column;
	justify-content: center;
	font-size: 1.6rem;
}
.box-contact__title{
	font-size: 2.4rem;
	margin-bottom: 0.5rem;
}
.box-contact__detail{
	color: #7f7f7f;
	margin-bottom: 1rem;
}
.box-contact__mail{
	margin-bottom: 1rem;
}
.box-contact a{
	color: #7f7f7f;
	transition: all .3s ease;
}
.box-contact__map a{

}
.box-contact__call{
	font-family: 'OswaldRegular', serif;
	letter-spacing: 0.08em;
}
.no-touchevents .box-contact a:hover{
	text-decoration: none;
	color: #F47629;
}
.box-contact-form{
	padding: 10rem;
	border: solid 1px #dcdcdc;
	box-sizing: border-box;
	margin-top: 10rem;
}
.box-contact-form__title{
	font-size: 2.4rem;
	font-weight: bold;
	margin-bottom: 2rem;
}
.box-contact-form__inner{
	margin-top: 1rem;
}
.box-contact-form .frm-control{
	border-color: transparent;
	border-radius: 0;
	background: #f5f5f8;
	height: 6rem;
	transition: all .5s ease;
}
.box-contact-form .frm-control:focus{
	border-color: #F47629;
}
.box-contact-form textarea.frm-control{
	height: 15rem;
}
.box-contact-form .frm-group{
	margin-bottom: 2rem;
}
.box-contact-form__button{
	margin-top: 1rem;
}
.box-map iframe{
	width: 100%;
	height: 60rem;
}
@media only screen and (max-width:959px){
	.box-contact{
		margin-bottom: 3rem;
	}
	.box-contact-form{
		border: 0;
		padding: 0;
		margin-top: 5rem;
	}
	.box-map iframe{
		height: 40rem;
	}
}

/* -----------------------------------------------
Catalogue Page
--------------------------------------------------*/
.box-document{
	margin-top: 8rem;
}
.box-document__list{}
.box-document__item{
	padding: 1.5rem 0;
	border-bottom: solid 1px #e9e9e9;
}
.box-document__item:first-child{
	border-top: solid 1px #e9e9e9;
}
.box-document__inner{
	display: flex;
	align-items: center;
	position: relative;
}
.box-document__logo{
	margin-right: 3rem;
}
.box-document__logo img{
	height: 8rem;
	width: auto;
}
.box-document__info{}
.box-document__text{}
.box-document__title{
	font-size: 1.8rem;
}
.box-document__detail{
	font-size: 1.4rem;
	color: #727272;
	margin-top: 1rem;
}
.box-document__detail ul{
	display: flex;
	align-items: center;
}
.box-document__detail ul li{}
.box-document__detail ul li:not(:last-child){
	margin-right: 2rem;
}
.box-document__detail ul li span{}
.box-document__detail ul li span i{
	margin-right: 0.2rem;
}
.box-document__detail ul li em{
	font-style: normal;
	color: #333;
	font-weight: normal;
}
.box-document__button{
	position: absolute;
	top: 50%;
	right: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	margin-top: 0;
}
.box-document__button .btn-animate__link{
	height: 4rem;
	width: 16rem;
}
.box-document__button .btn-animate__text{
	padding: 0 1.5rem;
}
.box-document__button .btn-animate__text::after{
	display: none;
}
.box-document__button .btn-animate__text{
	display: flex;
	align-items: center;
}
.box-document__button .btn-animate__text i{
	color: #2d3192;
	margin-right: 0.5rem;
	transition: all .5s ease;
}
.no-touchevents .btn-animate__link:hover .btn-animate__text i{
	color: #fff;
}
@media only screen and (max-width:959px){
	.box-document__inner{
		flex-direction: column;
	}
	.box-document__logo{
		margin: 0 0 2rem;
	}
	.box-document__info{
		width: 100%;
	}
	.box-document__detail{
		margin-top: 2rem;
	}
	.box-document__detail ul{
		flex-direction: column;
		align-items: flex-start;
	}
	.box-document__detail ul li:not(:last-child){
		margin-right: 0;
	}
	.box-document__detail ul li{
		margin-bottom: 1rem;
	}
	.box-document__detail ul li span i{
		width: 2rem;
	}
	.box-document__button{
		position: relative;
		top: auto;
		right: auto;
		transform: none;
		width: 100%;
		margin-top: 1rem;
	}
}
/* -----------------------------------------------
404 Page
--------------------------------------------------*/
.box-img.-is404 picture{
	max-width: 50rem;
	margin: 0 auto;
}
.box-img.-is404 + .txt{
	margin-top: 4rem;
}
.box-404-button{
	display: flex;
	justify-content: center;
	margin: 0 -1rem;
}
.box-404-button__item{
	padding: 0 1rem;
	box-sizing: border-box;
}
@media only screen and (max-width:959px){
	.box-404-button{
		flex-direction: column;
		margin: 0;
	}
	.box-404-button__item{
		padding: 0;
	}
	.box-404-button__item .btn-animate{
		margin-top: 1.5rem;
	}
	.txt + .box-404-button{
		margin-top: 1.5rem;
	}
}

.box-sort{
	margin-bottom: 3rem;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
.box-sort__title{
	color: #666;
	margin-right: 1rem;
}
.box-sort__details{
	display: flex;
	align-items: center;
}
.box-sort__item{}
.box-sort__item + .box-sort__item{
	margin-left: 0.5rem;
}
.box-sort__value{
	display: block;
	padding: 0.7rem 1rem;
	border-radius: 5px;
	border: solid 1px #efefef;
	background: #fff;
	color: #666;
	transition: all .3s ease-in-out;
}
.box-sort__value.active{
	background: #F47629;
	color: #fff;
}
.no-touchevents .box-sort__value:hover{
	text-decoration: none;
	background: #F47629;
	color: #fff;
}
@media only screen and (max-width:959px){
	.box-sort{
		flex-direction: column;
		align-items: flex-start;
	}
	.box-sort__title{
		margin: 0 0 1rem 0;
	}
	.box-sort__details{
		flex-wrap: wrap;
		align-items: flex-start;
		margin: 0 -0.5rem;
	}
	.box-sort__item{
		padding: 0 0.4rem;
		margin-bottom: 0.8rem;
	}
	.box-sort__item + .box-sort__item{
		margin: 0;
	}
}

.no-result__text {
	color: #333;
	background: #efefef;
	font-size: 1.6rem;
	padding: 1.5rem 2rem;
	border-left: solid 5px #F47629;
}
.no-result + .lst-product-wrp{
	margin-top: 4rem;
}

.lst-specifications{
	padding-left: 0!important;
	border: solid 1px #eee;
}
.lst-specifications li{
	display: flex;
	align-items: center;
	font-size: 1.5rem;
	border-bottom: solid 1px #eee;
}
.lst-specifications li:last-child{
	border-bottom: 0;
}
.lst-specifications li:nth-child(2n + 1){
	background: #fff;
}
.lst-specifications__label{
	font-weight: bold;
	width: 20%;
	padding: 1.5rem 2rem;
	border-right: solid 1px #eee;
	box-sizing: border-box;
}
.lst-specifications__text{
	width: 80%;
	padding: 1.5rem 2rem;
	box-sizing: border-box;
}
@media only screen and (max-width:959px){
	.lst-specifications li{
		flex-direction: column;
	}
	.lst-specifications__label{
		width: 100%;
		border-right: 0;
	}
	.lst-specifications__text{
		width: 100%;
		background: #fff;
	}
	.lst-specifications li:nth-child(2n + 1){
		background: #f9f9f9;
	}
}

.box-purchase{
	padding: 10rem 0;
	position: relative;
	color: #fff;
	overflow: hidden;
}
.box-purchase__parallax{
	height: 150%;
	width: 100%;
	background-image: url("../img/common/bg-purchase.jpg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: absolute;
	top: -50%;
	left: 0;
}
.box-purchase::before{
	content: "";
	pointer-events: none;
	width: 100%;
	height: 100%;
	display: block;
	background: rgba(22, 23, 26, 0.6);
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}
.box-purchase .box-heading02,
.box-purchase .box-heading02__decor{
	color: #fff;
	position: relative;
	z-index: 2;
}
.box-purchase .box-heading02__decor{
	color: #F47629;
}
.box-purchase .box-heading02__decor::before,
.box-purchase .box-heading02__decor::after{
	background: #F47629;
}
.box-purchase__content{}
.box-purchase__left{
	width: 50%;
	position: relative;
	z-index: 2;
}
.box-purchase__right{
	width: 37.5%;
	position: absolute;
	bottom: 10rem;
	right: 0;
	z-index: 2;
}
.box-purchase__buttons{}
.box-purchase__buttons ul{
	margin: 0 -0.8rem;
	display: flex;
	align-items: center;
}
.box-purchase__buttons ul li{
	padding: 0 0.8rem;
	box-sizing: border-box;
	width: 50%;
}
.box-purchase__buttons ul li a{
	display: block;
	width: 100%;
}
.box-purchase__buttons ul li a.facebook{
	background: #0866ff;
}
.box-purchase__info{
	margin-top: 4.8rem;
	position: relative;
}
.box-purchase__title{
	font-size: 2.4rem;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	font-weight: bold;
}
.box-purchase__add{
	font-size: 1.6rem;
	margin-top: 1.6rem;
}
.box-purchase__add span{
	font-weight: bold;
}
.box-purchase__map{
	margin-top: 0.8rem;
}
.box-purchase__map a{
	color: #fff;
}
.no-touchevents .box-purchase__catalogue a:hover,
.no-touchevents .box-purchase__map a:hover{
	text-decoration: none;
	color: #F47629;
}
.box-purchase__catalogue{
	margin-top: 1.6rem;
}
.box-purchase__catalogue a{
	color: #fff;
	font-size: 1.6rem;
}
.box-purchase__tel{}
.box-purchase__tel + .box-purchase__tel{
	border-top: solid 1px #af724c;
	margin-top: 2.4rem;
	padding-top: 2.4rem;
}
.box-purchase__tel > span{
	font-size: 1.6rem;
	font-style: italic;
}
.box-purchase__tel .tel{
	margin-top: 1.6rem;
}
.box-purchase__tel .tel a{
	pointer-events: none;
	cursor: none;
	color: #fff;
	display: inline-flex;
	align-items: center;
	font-size: 3.2rem;
}
.box-purchase__tel .tel a .icon{
	margin-right: 1.6rem;
	line-height: 1;
}
.box-purchase__tel .tel a .text{
	font-size: 2.4rem;
	letter-spacing: 0.06em;
	line-height: 1;
}
.box-purchase__tel .other{
	color: #d1d1d1;
	margin-top: 0.8rem;
}
.box-purchase__tel .other a{
	color: #d1d1d1;
}
.no-touchevents .box-purchase__tel .other a:hover{
	text-decoration: none;
	color: #F47629;
}
@media only screen and (min-width:960px) and (max-width: 1199px){
	.box-purchase__right{
		width: 44%;
	}
	.box-purchase__add{
		font-size: 1.4rem;
	}
}
@media only screen and (max-width: 959px){
	.box-purchase{}
	.box-purchase__parallax{
		background-image: url("../img/common/bg-purchase-sp.jpg");
		background-position-x: 85%;
		background-repeat: no-repeat;
		background-size: cover;
	}
	.box-purchase__left,
	.box-purchase__right{
		width: 100%;
	}
	.box-purchase__right{
		position: relative;
		bottom: auto;
		right: auto;
		margin-top: 4rem;
	}
	.box-purchase__buttons ul{
		margin: 0;
		flex-direction: column;
	}
	.box-purchase__buttons ul li{
		padding: 0;
		width: 100%;
	}
	.box-purchase__info{
		text-align: center;
	}
	.box-purchase__buttons ul li + li{
		margin-top: 1.6rem;
	}
	.box-purchase__title{
		font-size: 2rem;
	}
	.box-purchase__add{
		font-size: 1.4rem;
	}
	.box-purchase__add span{
		font-weight: normal;
	}
	.box-purchase__tel{
		text-align: center;
	}
	.box-purchase__tel + .box-purchase__tel{
		margin-top: 3.2rem;
		padding-top: 3.2rem;
	}
	.box-purchase__tel .tel a{
		pointer-events: all;
		cursor: pointer;
		display: flex;
		justify-content: center;
		border: solid 1px #F47629;
		padding: 1.3rem 0.8rem;
		box-sizing: border-box;
	}
	.box-purchase__tel .other{
		margin-top: 1.6rem;
	}
	.box-purchase__tel .other a:nth-of-type(2){
		margin-top: 0.8rem;
	}
	.box-purchase__tel .other .pc{
		display: none;
	}
}

.box-scroll{
	position: absolute;
	top: 86vh;
	right: 4rem;
	display: flex;
	flex-direction: column;
	align-items: center;
	z-index: 1;
}
.box-scroll__text {
	writing-mode: vertical-rl;
	text-orientation: mixed;
	text-align: center;
	display: flex;
	align-items: center;
	color: #F47629;
}
.box-scroll__text::after {
	content: "";
	width: 0.6rem;
	height: 0.6rem;
	border-radius: 50%;
	display: inline-block;
	background: #F47629;
	margin-top: 1rem;
}
.box-scroll__progress {
	width: 1px;
	height: 6.4rem;
	margin-top: 0.8rem;
	overflow: hidden;
}
.box-scroll__line {
	width: 100%;
	height: 100%;
	display: block;
	background: linear-gradient(to bottom, #F47629 50%, rgba(255, 255, 255, 0) 50%);
	background-position: 0 -60px;
	background-size: 100% 200%;
	animation: scrolldown 2.2s cubic-bezier(0.76,0,0.3,1) forwards infinite;
}
@media only screen and (max-width: 959px){
	.box-scroll{
		right: 1rem;
		top: 70vh;
	}
}
@keyframes scrolldown {
	0% {
		background-position: 0 -6.4rem;
	}
	75% {
		background-position: 0 0;
	}
	to {
		background-position: 0 6.4rem;
	}
}

.box-youtube-detail{
	margin-top: 6rem;
}
.box-youtube-detail__inner{
	display: block;
	position: relative;
	height: 300px;
	width: 100%;
	overflow: hidden;
}
.box-youtube-detail__bg{
	height: 200%;
	width: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: absolute;
	top: -100%;
	left: 0;
}
.box-youtube-detail__play{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 1;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	color: #fff;
}
.box-youtube-detail__play .text{
	display: block;
	font-size: 4rem;
}
.box-youtube-detail__play .icon{
	width: 9.6rem;
	height: 9.6rem;
	border: solid 1px #fff;
	box-sizing: border-box;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 2.4rem;
	transition: all .5s ease-in-out;
}
.no-touchevents .box-youtube-detail__inner:hover .box-youtube-detail__play .icon{
	background: #F47629;
	border-color: #F47629;
}

/* TET */
.tet_left img, .tet_right img {
	width: 100%;
	height: auto;
}
.tet_left, .tet_right {
	position: fixed;
	top: 8.8rem;
	left: 0;
	z-index: 9;
	width: 19.1rem;
	pointer-events: none;
	transition: top .5s;
}
.tet_right {
	left: auto;
	right: 0;
	width: 19.1rem;
}
.tet_bottom {
	position: fixed;
	bottom: 0;
	left: 8rem;
	z-index: 99;
	width: 32rem;
	pointer-events: none;
}
@media (max-width: 1199px){
	.tet_left, .tet_right{
		display: none;
	}
	.tet_bottom {
		left: 1rem;
		bottom: 0.4rem;
	}
	.showButtons .tet_bottom{
		bottom: 5rem;
	}
}

/* box-snow */
.snow{
	position: absolute;
	top:0;
	left:0;
	width:50px;
	height:50px;
	background: url("../img/noel/icn-snow.png");
	background-size: cover;
	animation: animationSnow 4s ease-in-out infinite;
}
@keyframes animationSnow{
	0%{
		transform: translate(0,0);
		opacity: 0;
	}
	50%{
		opacity: 1;
	}
	100%{
		opacity: 0;
		transform: translate(100px,50vh);
	}
}

/* -----------------------------------------------
*> [4. Print Style]
-------------------------------------------------- */
@media print{
*,
*::before,
*::after{
	background: #fff !important;
	color: #000 !important;
	box-shadow: none !important;
	text-shadow: none !important;
}
a,
a:visited{
	text-decoration: underline;
}
a[href]::after{
	content: " (" attr(href) ")";
}
abbr[title]::after{
	content: " (" attr(title) ")";
}
a[href^="#"]::after,
a[href^="javascript:"]::after{
	content: "";
}
pre{
	white-space: pre-wrap !important;
}
pre,
blockquote{
	border: 0.1rem solid #999;
	page-break-inside: avoid;
}

thead{
	display: table-header-group;
}
tr,
img{
	page-break-inside: avoid;
}
p,
h2,
h3{
	orphans: 3;
	widows: 3;
}
h2,
h3{
	page-break-after: avoid;
}

}/* endMedia */