@font-face {
    font-family: 'Neue Montreal';
    src: url('/font/neuemontreal-light.otf') format('opentype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Neue Montreal';
    src: url('/font/neuemontreal-lightitalic.otf') format('opentype');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

/* Neue Montreal Regular */
@font-face {
    font-family: 'Neue Montreal';
    src: url('/font/neuemontreal-regular.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Neue Montreal';
    src: url('/font/neuemontreal-italic.otf') format('opentype');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

/* Neue Montreal Medium */
@font-face {
    font-family: 'Neue Montreal';
    src: url('/font/neuemontreal-medium.otf') format('opentype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Neue Montreal';
    src: url('/font/neuemontreal-mediumitalic.otf') format('opentype');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Neue Montreal';
    src: url('/font/neuemontreal-bold.otf') format('opentype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'Proxima Nova';
    src: url('/font/ProximaNovaA-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('/font/Roboto-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}


.ProximaNova{font-family:"Proxima Nova";}
.Roboto{font-family:"Roboto";}

/* 
	basic setting 
*/

*{box-sizing: border-box; letter-spacing:-1px;}
.hide{display:none !important;}
.show{display: block !important;}
.img_descrip{display: none !important;}

.hidden1720{}
.visible1720{display:none;}
.hidden1440{}
.visible1440{display:none;}
.hidden1280{}
.visible1280{display:none;}
.hidden1024{}
.visible1024{display:none;}
.hidden820{}
.visible820{display:none;}
.hidden570{}
.visible570{display:none;}
.hidden480{}
.visible480{display:none;}

@media screen and (max-width:1440px){
	.hidden1440{display:none;}
	.visible1440{display:block;}
}
@media screen and (max-width:1280px){
	.hidden1280{display:none;}
	.visible1280{display:block;}
}
@media screen and (max-width:1024px){
	.hidden1024{display:none;}
	.visible1024{display:block;}
    
    .hidden1024.mo{display:none !important;}
    
}
@media screen and (max-width:820px){
	.hidden820{display:none;}
	.visible820{display:block;}
}
@media screen and (max-width:570px){
	.hidden570{display:none;}
	.visible570{display:block;}
}
@media screen and (max-width:480px){
	.hidden480{display:none;}
	.visible480{display:block;}
}

.talign__left{text-align:left;}
.talign__center{text-align:center;}
.talign__right{text-align:right;}
.img__wr > img{width:100%;}
.hv100{height:100vh;}
.h100{height:100%;}

.inner__full{position:relative; width:100%; margin: 0 auto; max-width:1920px;}
.inner__cen768{position:relative; width:90%; max-width:768px; margin: 0 auto;}
.inner__cen910{position:relative; width:90%; max-width:910px; margin: 0 auto;}
.inner__cen1120{position:relative; width:90%; max-width:1120px; margin: 0 auto;}
.inner__cen1330{position:relative; width:90%; max-width:1330px; margin: 0 auto;}
.inner__cen1440{position:relative; width:90%; max-width:1440px; margin: 0 auto;}
.inner__cen1526{position:relative; width:90%; max-width:1526px; margin: 0 auto;}
.inner__cen1550{position:relative; width:82%; max-width:1558px; margin: 0 auto;}
.inner__cen1640{position:relative; width:90%; max-width:1640px; margin: 0 auto;}
.inner__cen1760{position:relative; width:90%; max-width:1760px; margin: 0 auto;}
.inner__cen1840{position:relative; width:95%; max-width:1840px; margin: 0 auto;}

@media screen and (min-width:1921px){
	.inner__full{max-width:1550px;}
	.footer{max-width:1550px; margin:0 auto;}
	
	#de01__portfolio__visual__wr .inner__full {max-width: 100%;}
	#de01__portfolio__visual__wr .footer {max-width: 100%;}
		
}/* 768px */


@media screen and (max-width:1840px){
    .inner__cen1840{width:90%;}
}

:root {
    --text-color: #F4F3EF;
    --text-color02: #C3C5C8;
    --main-color: #E53935;  

}