@charset "UTF-8";

/* ------------------------------
main page
------------------------------ */
/* ----- main visual ----- */
.main-visual {position:relative;min-width:1170px;}
.main-visual .bntit {display:flex;justify-content:center;align-items:center;position:absolute;top:0;left:0;right:0;bottom:0;}
.main-visual .bntit .bntit-wrap {position:relative;min-width:1170px;max-width:1400px;padding:32px 0 0 0;}
.main-visual .bntit .bntit-wrap::before {content:'';display:block;position:absolute;top:0;left:0;width:100px;height:2px;background:#fff;font-size:0;line-height:0;}
.main-visual .bntit .bntit-wrap .bn-brand {margin:0 0 10px 0;font-size:18px;line-height:1.4;color:#fff;font-weight:600;}
.main-visual .bntit .bntit-wrap .bn-copy {font-size:56px;line-height:68px;color:#fff;font-weight:700;text-shadow:0 0 2px rgba(0, 0, 0, 0.3);/*text-shadow:-1px -1px 0 #808080,1px -1px 0 #808080,-1px  1px 0 #808080,1px  1px 0 #808080;*/}
.main-visual .bntit .bntit-wrap .bn-copy-sub {margin:30px 0 0 0;font-size:16px;line-height:1.4;color:#fff;font-weight:400;}

/* ----- main contents ----- */
.main-cont {}

/* brand intro */
.brand-intro {position:relative;min-width:1170px;max-width:1400px;margin:0 auto;padding:186px 0 0 0;}
.brand-intro::before {content:'';display:block;position:absolute;top:160px;left:0;width:80px;height:2px;background:#121212;font-size:0;line-height:0;}
.brand-intro .intro-tit {margin:0 0 100px 0;font-size:56px;line-height:80px;color:#121212;font-weight:700;}
.brand-intro .intro-list {display:flex;flex-direction:column;row-gap:140px;}
.brand-intro .intro-list li {display:flex;flex-wrap:nowrap;justify-content:space-between;column-gap:60px;}
.brand-intro .intro-list li .intro-img {width:57.14%;height:550px;}
.brand-intro .intro-list li .intro-img img {width:100%;height:100%;object-fit:cover;}
.brand-intro .intro-list li .intro-exp {width:38.57%;min-width:490px;}
.brand-intro .intro-list li .intro-exp .exp-category {margin:0 0 12px 0;font-size:20px;line-height:1.4;color:#999;font-weight:600;}
.brand-intro .intro-list li .intro-exp .exp-tit {font-size:40px;line-height:1.3;color:#121212;font-weight:700;}
.brand-intro .intro-list li .intro-exp .exp-descript {margin:20px 0 0 0;font-size:18px;line-height:1.5;color:#484848;font-weight:400;}

/* digital catalog */
.digital-catalog {padding:100px 0 0 0;}
.digital-catalog .catalog-wrap {min-width:1170px;padding:100px 0 100px 0;background:#f7f7f7;}
.digital-catalog .catalog-wrap .catalog-cont {display:flex;flex-wrap:nowrap;justify-content:space-between;column-gap:60px;position:relative;min-width:1170px;max-width:1400px;margin:0 auto;}
.digital-catalog .catalog-wrap .catalog-cont .catalog-tit {display:block;position:relative;padding:34px 0 0 0;width:500px;font-size:40px;line-height:1.3;color:#121212;font-weight:700;}
.digital-catalog .catalog-wrap .catalog-cont .catalog-tit::before {content:'';display:block;position:absolute;top:0;left:0;width:60px;height:2px;background:#121212;font-size:0;line-height:0;}
.digital-catalog .catalog-wrap .catalog-cont .catalog-view {flex:1;min-width:610px;max-width:840px;height:580px;}



/* ----- mobile device media query ----- */
@media (max-width:768px) {
	/* ----- main visual ----- */
	.main-visual {min-width:auto;}
	.main-visual .bntit .bntit-wrap {min-width:100%;max-width:none;padding:4vw 4vw 0 4vw;}
	.main-visual .bntit .bntit-wrap::before {left:4vw;width:10%;}
	.main-visual .bntit .bntit-wrap .bn-brand {margin:0 0 2vw 0;font-size:3.6vw;}
	.main-visual .bntit .bntit-wrap .bn-copy {font-size:6.6vw;line-height:1.4;}
	.main-visual .bntit .bntit-wrap .bn-copy-sub {margin:5vw 0 0 0;font-size:3.2vw;}

	/* brand intro */
	.brand-intro {min-width:auto;max-width:none;padding:90px 16px 0 16px;}
	.brand-intro::before {top:70px;left:16px;width:12%;}
	.brand-intro .intro-tit {margin:0 0 40px 0;font-size:28px;line-height:1.4;}
	.brand-intro .intro-list {row-gap:60px;}
	.brand-intro .intro-list li {flex-wrap:wrap;flex-direction:column;justify-content:normal;column-gap:0;row-gap:20px;}
	.brand-intro .intro-list li:nth-child(2n) {flex-direction:column-reverse;}
	.brand-intro .intro-list li .intro-img {width:100%;height:auto;}
	.brand-intro .intro-list li .intro-exp {width:100%;min-width:auto;}
	.brand-intro .intro-list li .intro-exp .exp-category {margin:0 0 10px 0;font-size:16px;}
	.brand-intro .intro-list li .intro-exp .exp-tit {font-size:28px;}
	.brand-intro .intro-list li .intro-exp .exp-descript {margin:16px 0 0 0;font-size:16px;}

	/* digital catalog */
	.digital-catalog {padding:40px 0 0 0;}
	.digital-catalog .catalog-wrap {min-width:auto;padding:40px 0 40px 0;}
	.digital-catalog .catalog-wrap .catalog-cont {flex-wrap:wrap;justify-content:normal;flex-direction:column;column-gap:0;min-width:auto;max-width:none;}
	.digital-catalog .catalog-wrap .catalog-cont .catalog-tit {margin:0 0 40px 0;padding:16px 16px 0 16px;width:100%;font-size:28px;}
	.digital-catalog .catalog-wrap .catalog-cont .catalog-tit::before {left:16px;width:12%;}
	.digital-catalog .catalog-wrap .catalog-cont .catalog-view {flex:1;width:100%;min-width:auto;max-width:none;height:auto;padding:0 0 0 16px;}
}