@charset "UTF-8";
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard-jp.min.css");
@import url("https://cdn.jsdelivr.net/npm/remixicon@4.9.1/fonts/remixicon.css");

:root
{
	--black:#101820;
	--black-dark:#0d131a;
	--black-darker:#0a0e13;
	--black-light:#3E3A39;
	--gray:#4A5561;
	--gray-dark:#3E4852;
	--gray-darker:#363F47;
	--gray-light:#7B8691;
	--white:#FFFFFF;
	--white-dark:#FAFAFA;
	--white-darker:#F0F0F0;
	--placeholder:#CCCCCC;
	--primary:#3188FF;
	--primary-dark:#2f82f3;
	--primary-darker:#2c7ae6;
	--primary-light:#e4efff;
	--primary-bright:#eaf3ff;
	--bg-primary:#F2F8FF;
	--bg-primary-light:#F8FBFF;
	--border:#C6C9D7;
	--border-dark:#9ea1ac;
	--border-darker:#777981;
	--border-light:#E5E5E5;
	--bg-blank:#F8F9FA;
	--bg:#F5F5F5;
	--bg-dark:#E5E5E5;
	--bg-darker:#DADADA;
	--bg-gray:#F2F3F8;
	--bg-gray-light:#F8F9FA;
	--sitewidth:1400px;
	--header-height:80px;
	
	/*
	--black:#222222;
	--black-dark:#11111;
	--black-darker:#000000;
	--primary:#231815;
	--primary-dark:#201613;
	--primary-darker:#1C1311;
	--primary-light:#E3D8D8;
	--bg-primary:#F8F3F3;
	*/
}

@media all and (max-width:1000px)
{
	:root
	{
		--header-height:60px;
	}
}


*{outline:none;-webkit-text-size-adjust:none;}
button,input[type="text"],input[type="email"],input[type="tel"],input[type="number"],input[type="submit"],input[type="reset"]{-webkit-appearance:none;font-family:inherit;}

input,select,textarea{-ms-user-select:auto;-moz-user-select:auto;-webkit-user-select:auto;-khtml-user-select:auto;user-select:auto;}

body{margin:0;padding:0;position:relative;font-family:"Pretendard JP",sans-serif;line-height:1.6;letter-spacing:0;overflow-x:hidden;}
body.fixed{overflow:hidden;}


/*width 1400*/
.sitewidth{width:100%;max-width:calc(var(--sitewidth) + 60px);margin:0 auto;padding:0 30px;box-sizing:border-box;}

@media all and (max-width:1000px)
{
	.sitewidth{padding:0 15px;}
}


#wrap{position:relative;overflow:hidden;}


#header{position:fixed;z-index:10;left:0;top:0;margin:0;padding:0;width:100%;height:var(--header-height);background-color:var(--white);transition:background-color ease 250ms;box-sizing:border-box;}
#header:after{content:"";display:block;position:absolute;z-index:1;left:0;bottom:0;margin:0;padding:0;height:1px;width:100%;background-color:var(--border-light);transition:background-color ease 250ms;}
#header .inner{position:relative;height:100%;display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center;justify-content:space-between;gap:30px;}
#header .inner:before,
#header .inner:after{content:"";display:block;position:absolute;top:0;height:100%;}
#header .inner:before{right:calc(100% - 100px);width:50vw;}
#header .inner:after{left:calc(100% - 100px);width:50vw;}
#header .logo{position:relative;z-index:2;text-decoration:none;}
#header .logo img{position:relative;margin:0;padding:0;display:block;height:40px;}
#header .menu{position:absolute;z-index:0;left:50%;top:0;transform:translateX(-50%);border-bottom:1px solid transparent;width:100vw;height:var(--header-height);background-color:transparent;transition:background-color ease 250ms,height ease 250ms;overflow:hidden;display:flex;flex-wrap:nowrap;flex-direction:row;justify-content:center;}
#header .menu > ul{position:relative;margin:0;padding:0;list-style:none;display:flex;flex-wrap:nowrap;flex-direction:row;gap:60px;}
#header .menu > ul > li{position:relative;margin:0;padding:0;}
#header .menu > ul > li > .item{position:relative;margin:0;padding:0;height:var(--header-height);font-size:18px;font-weight:500;color:var(--black);line-height:1.4;text-align:center;text-decoration:none;white-space:nowrap;transition:background-color ease 250ms,color ease 250ms;display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center;justify-content:center;}
#header .menu > ul > li > .item:hover{color:var(--primary);}
#header .menu > ul > li > .item:hover:after{width:100%;}
#header .menu > ul > li > .item:active{color:var(--primary);}
#header .menu > ul > li > .item.active{color:var(--primary);}
#header .menu > ul ul{position:absolute;z-index:0;left:50%;top:var(--header-height);transform:translateX(-50%);margin:0;padding:30px 0;list-style:none;width:calc(100% + 60px - 10px);display:flex;flex-wrap:nowrap;flex-direction:column;gap:15px;}
#header .menu > ul ul li{position:relative;margin:0;padding:0;}
#header .menu > ul ul li .item{position:relative;display:block;margin:0;padding:0;font-size:16px;font-weight:500;color:var(--black);line-height:1.4;text-align:center;text-decoration:none;word-break:keep-all;transition:color ease 250ms;}
#header .menu > ul ul li .item:hover{color:var(--primary);}
#header .menu > ul ul li .item:active{color:var(--primary);}
#header .menu > ul ul li .item.active{color:var(--primary);}
#header .buttons{position:relative;z-index:2;margin:0;padding:0;display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center;justify-content:flex-end;gap:12px;}
#header .buttons .button{position:relative;margin:0;padding:0;border:0;border-radius:0;-webkit-appearance:none;width:36px;aspect-ratio:1/1;box-sizing:border-box;background-color:transparent;cursor:pointer;display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center;justify-content:center;flex-shrink:0;}
#header .buttons .button:before{content:"";position:relative;display:block;margin:0;padding:0;font-family:"remixicon";font-size:20px;font-weight:100;color:var(--black);line-height:1;transition:color ease 250ms;}
#header .buttons .button:hover:before{color:var(--primary);}
#header .buttons .button.language:before{content:"\EDCF";}
#header .buttons .button.member:before{content:"\F264";}
#header .buttons .popups{position:relative;margin:0;padding:0;}
#header .buttons .popups .button{z-index:0;}
#header .buttons .popups .submenu{position:absolute;z-index:1;top:100%;left:50%;transform:translateX(-50%);margin:0;padding:12px 0;border-radius:12px;background-color:var(--white);box-shadow:0 8px 24px rgba(0,0,0,0.12);opacity:0;visibility:hidden;transition:opacity ease 250ms,visibility ease 250ms;}
#header .buttons .popups .submenu ul{position:relative;margin:0;padding:0;list-style:none;display:flex;flex-wrap:nowrap;flex-direction:column;}
#header .buttons .popups .submenu ul li{position:relative;margin:0;padding:0;}
#header .buttons .popups .submenu .item{position:relative;margin:0;padding:0;display:block;width:100%;margin:0;padding:10px 20px;border:0;border-radius:0;-webkit-appearance:none;font-size:16px;font-weight:400;line-height:1.4;color:var(--black);text-align:center;white-space:nowrap;text-decoration:none;background-color:transparent;box-sizing:border-box;transition:color 250ms,background-color 250ms;}
#header .buttons .popups .submenu .item:hover{color:var(--primary);background-color:var(--bg-primary);}
#header .buttons .popups .submenu .item:active{color:var(--primary);background-color:var(--bg-primary);}
#header .buttons .popups .submenu .item.active{color:var(--primary);}
#header .buttons .popups:hover .button:before{color:var(--primary);}
#header .buttons .popups:hover .submenu{opacity:1;visibility:visible;}
#header .toggle_menu{position:relative;margin:0;padding:0;border:0;border-radius:0;-webkit-appearance:none;width:36px;aspect-ratio:1/1;background-color:transparent;cursor:pointer;display:none;}
#header .toggle_menu span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:22px;height:2px;background-color:var(--black);border-radius:2px;transition:transform 250ms ease,opacity 250ms ease;}
#header .toggle_menu span:nth-child(1){margin-top:-8px;}
#header .toggle_menu span:nth-child(3){margin-top:8px;}
#header.menu_active:after{background-color:var(--border-light);}
#header.menu_active .menu{height:360px;border-bottom-color:var(--border-light);background-color:var(--white);}

@media all and (max-width:1200px)
{
	#header .menu > ul{gap:50px;}
	#header .menu > ul ul{width:calc(100% + 50px - 10px);}
}
@media all and (max-width:1000px)
{
	#header .inner:before,
	#header .inner:after{display:none;}
	#header .logo img{height:30px;}
	#header .menu{position:fixed;left:0;top:var(--header-height);transform:translate(0,0);margin:0 !important;padding:20px 15px calc(20px + env(safe-area-inset-bottom));width:100%;height:calc(100% - var(--header-height)) !important;border-top:1px solid var(--border-light);background-color:var(--white);overflow:auto;box-sizing:border-box;display:none;}
	#header .menu > ul{flex-direction:column;gap:0;}
	#header .menu > ul > li{display:flex;flex-wrap:nowrap;flex-direction:column;gap:15px;}
	#header .menu > ul > li:nth-child(n+2){margin-top:30px;padding-top:30px;border-top:1px solid var(--border-light);}
	#header .menu > ul > li > .item{margin:0;padding:5px 0;height:auto;font-size:18px;font-weight:700;}
	#header .menu > ul ul{position:relative;left:auto;top:auto;transform:translate(0,0);margin:0;padding:0;left:auto;top:auto;transform:translateX(0);border-radius:0;width:auto;gap:10px;}
	#header .menu > ul ul li .item{padding:5px 0;font-size:16px;}
	#header .buttons{gap:4px;}
	#header .buttons .popups .submenu .item{font-size:14px;}
	#header .toggle_menu{display:block;}
	#header.menu_active .menu{display:block;}
	#header.menu_active .toggle_menu span:nth-child(1){transform:translate(-50%,-50%) rotate(45deg);margin:0;}
	#header.menu_active .toggle_menu span:nth-child(2){opacity:0;}
	#header.menu_active .toggle_menu span:nth-child(3){transform:translate(-50%,-50%) rotate(-45deg);margin:0;}
}


#content{position:relative;z-index:1;margin:0;padding:0;margin-top:var(--header-height);}
#content .content_header{position:relative;margin:0;padding:0;}
#content .content_header .header{position:relative;margin:0;padding:0;height:360px;background-color:var(--black);background-size:cover;background-repeat:no-repeat;background-position:center center;display:flex;flex-wrap:nowrap;flex-direction:column}
#content .content_header .header:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.2);}
#content .content_header .header .inner{position:relative;display:flex;flex-wrap:nowrap;flex-direction:column;justify-content:center;flex:1;}
#content .content_header .header .title{position:relative;margin:0;padding:0;font-size:50px;font-weight:700;color:var(--white);line-height:1.4;text-align:center;word-break:keep-all;}
#content .content_header .header.type_about{background-image:url("../img/layout/content_header/about.jpg");}
#content .content_header .header.type_business{background-image:url("../img/layout/content_header/business.jpg");}
#content .content_header .header.type_product{background-image:url("../img/layout/content_header/product.jpg");}
#content .content_header .header.type_partners{background-image:url("../img/layout/content_header/partners.jpg");}
#content .content_header .header.type_news{background-image:url("../img/layout/content_header/news.jpg");}
#content .content_header .header.type_contact{background-image:url("../img/layout/content_header/contact.jpg");}
#content .content_header .submenu{position:relative;margin:0;padding:0;background-color:var(--bg-primary);}
#content .content_header .submenu .inner{padding:0;}
#content .content_header .submenu ul{position:relative;margin:0;padding:0;list-style:none;display:flex;flex-wrap:nowrap;flex-direction:row;}
#content .content_header .submenu ul li{position:relative;margin:0;padding:0;flex:1;}
#content .content_header .submenu .item{position:relative;margin:0;padding:5px 10px;height:65px;font-size:18px;font-weight:500;color:var(--black);line-height:1.3;text-align:center;text-decoration:none;word-break:keep-all;box-sizing:border-box;transition:background-color ease 250ms;display:flex;flex-direction:row;align-items:center;justify-content:center;}
#content .content_header .submenu .item:hover{background-color:var(--primary-bright);}
#content .content_header .submenu .item:active{background-color:var(--primary-light);}
#content .content_header .submenu .item.active{font-weight:700;background-color:var(--primary-light);}
#content .content_body{position:relative;margin:0;padding:0;}
#content .content_body > .btnArea{display:none;}

@media all and (max-width:1000px)
{
	#content .content_header .header{height:250px;}
	#content .content_header .header .title{font-size:30px;}
	#content .content_header .submenu.w2 ul{flex-wrap:wrap;}
	#content .content_header .submenu.w2 ul li{flex-basis:33%;flex-grow:1;}
	#content .content_header .submenu .item{height:50px;font-size:16px;}
	#content .content_header .submenu .item:before{content:"";position:absolute;right:0;top:0;width:1px;height:100%;background-color:var(--primary-bright);}
	#content .content_header .submenu .item:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background-color:var(--primary-bright);}
}
@media all and (max-width:600px)
{	
	#content .content_header .submenu .item{font-size:14px;}
}


#footer{position:relative;margin:0;padding:60px 0;border-top:1px solid var(--border-light);background-color:var(--white);}
#footer .inner{display:flex;flex-wrap:nowrap;flex-direction:row;justify-content:space-between;gap:80px;}
#footer .left{position:relative;margin:0;padding:0;flex-shrink:0;}
#footer .right{position:relative;margin:0;padding:0;display:flex;flex-wrap:nowrap;flex-direction:column;gap:40px;flex-grow:1;}
#footer .logos{position:relative;margin:0;padding:0;display:flex;flex-wrap:nowrap;flex-direction:column;gap:20px;}
#footer .logos .logo{position:relative;margin:0;padding:0;}
#footer .logos .logo img{position:relative;margin:0;padding:0;display:block;height:40px;}
#footer .logos .description{position:relative;margin:0;padding:0;font-size:16px;font-weight:500;line-height:1.4;color:var(--gray);}
#footer .info{position:relative;margin:0;padding:0;font-size:16px;font-weight:400;line-height:1.4;color:var(--gray);font-style:normal;word-break:keep-all;}
#footer .info a{color:inherit;text-decoration:none;}
#footer .info ul{position:relative;margin:0;padding:0;list-style:none;display:flex;flex-wrap:nowrap;flex-direction:column;gap:8px;}
#footer .info ul li{position:relative;margin:0;padding:0;}
#footer .info ul li.icon{padding-left:30px;}
#footer .info ul li.icon:before{content:"";position:absolute;left:0;top:-3px;font-family:"remixicon";font-size:20px;font-weight:400;}
#footer .info ul li.icon.address:before{content:"\EF0A";}
#footer .info ul li.icon.tel:before{content:"\EFEC";}
#footer .info ul li.icon.mail:before{content:"\EEF6";}
#footer .menu{position:relative;margin:0;padding:0;}
#footer .menu ul{position:relative;margin:0;padding:0;list-style:none;display:flex;flex-wrap:nowrap;flex-direction:row;gap:40px;}
#footer .menu ul li{position:relative;margin:0;padding:0;}
#footer .menu .item{position:relative;margin:0;padding:0;font-size:16px;font-weight:500;line-height:1.4;color:var(--gray);text-align:center;text-decoration:none;display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center;justify-content:center;}
#footer .copyright{position:relative;margin:0;padding:0;font-size:14px;font-weight:400;line-height:1.4;color:var(--gray);word-break:keep-all;}

@media all and (max-width:1000px)
{
	#footer{padding:40px 0;}
	#footer .inner{flex-direction:column;gap:30px;}
	#footer .right{gap:30px;}
	#footer .logos{gap:15px;}
	#footer .logos .logo{align-self:center;}
	#footer .logos .logo img{height:30px;}
	#footer .logos .description{font-size:14px;text-align:center;}
	#footer .info{font-size:14px;text-align:center;}
	#footer .info ul li.icon{padding:0;}
	#footer .info ul li.icon:before{position:relative;top:-1px;left:auto;font-size:18px;vertical-align:middle;margin-right:5px;}
	#footer .menu ul{justify-content:center;gap:30px;}
	#footer .menu .item{font-size:14px;}
	#footer .copyright{font-size:13px;text-align:center;}
}
@media all and (max-width:600px)
{
	#footer .menu ul{flex-wrap:wrap;justify-content:initial;gap:10px;}
	#footer .menu ul li{flex-basis:40%;flex-grow:1;}
	#footer .menu .item{padding:5px 10px;border-radius:5px;height:45px;background-color:rgba(0,0,0,0.1);box-sizing:border-box;transition:background-color ease 250ms;}
	#footer .menu .item:hover{background-color:rgba(0,0,0,0.15);}
	#footer .menu .item:active{background-color:rgba(0,0,0,0.2);}
}