@charset "utf-8";
.greet {background: url(../images/sub/sv1-bg.jpg)50% 0% no-repeat; background-size: cover;}
.greet .contain .con {display:flex; padding-top: 190px;}
.greet .point {width: 7.93%; opacity: .5; writing-mode:vertical-lr; padding-right: 63px; font-family: bressay, serif; font-size:100px; color: #bea47f; line-height: 1.2em;}
.greet .text {margin-left: 180px; margin-top: 130px;}
.greet .text .tit {margin-bottom: 60px; font-family: bressay, serif; color: #111; font-weight: 400; font-size:60px; line-height: 1.333em; letter-spacing: -0.015em;}
.greet .text .txt {color: #242424; font-weight: 400; font-size:18px; line-height: 1.778em; letter-spacing: -0.015em;}
.greet .contain .con:nth-of-type(even) {flex-direction: row-reverse}
.greet .contain .con:nth-of-type(even) .text {margin-left: 0; margin-right: 180px;}
.greet .contain .con:nth-of-type(even) .point {padding-right: 0; padding-left: 28px;}

.Philosophy .con1 {padding: 190px 0;}
.Philosophy .con1 .contain {position: relative; display:flex; align-items: center; justify-content: flex-end;}
.Philosophy .con1 {background: url(../images/sub/Philosophy-bg1.jpg)50% 0 no-repeat; background-size: cover;}
.Philosophy .con2 {position: relative; height: 1020px;background: url(../images/sub/Philosophy-bg2.jpg)50% 50% no-repeat; background-size: cover;}
.Philosophy .con2 .contain {height: 100%;}
.Philosophy .con1 .text {position: absolute; left: 30px; margin-left: 60px;}
.Philosophy .con1 .text .tit {color: #111; font-weight: 500; font-size:60px; line-height: 1.333em; letter-spacing: 0em;}
.Philosophy .con1 .text .txt {color: #111; font-weight: 400; font-size:20px; line-height: 1.8em; letter-spacing: -0.015em;}
.Philosophy .con2 .items {display:flex; flex-wrap:wrap; margin: 0 -25px; height: 100%; align-items:center;}
.Philosophy .con2 .items .item {width: 33.3333333%; padding: 0 25px;}
.Philosophy .con2 .items .item .text {position: relative; height: 500px; background-color: #a39383; padding: 50px; margin-top: 100px;}
.Philosophy .con2 .items .item .text .num {margin-bottom: 50px; color: #fff; font-weight: 700; font-size:20px; line-height: 1.333em; letter-spacing: 0em;}
.Philosophy .con2 .items .item .text .tit {margin-bottom: 40px; color: #fff; font-weight: 700; font-size:30px; line-height: 1.333em; letter-spacing: -0.015em;}
.Philosophy .con2 .items .item .text .txt {color: #fff; font-weight: 400; font-size:18px; line-height: 1.778em; letter-spacing: -0.015em;}
.Philosophy .con2 .items .item .text .icon {position: absolute; right: 50px; bottom: 50px;}

.history {margin-top: 190px;}
.history .group:nth-of-type(4) .value {background: url(../images/sub/value4.jpg);}
.history .group:nth-of-type(3) .value {background: url(../images/sub/value3.jpg);}
.history .group:nth-of-type(2) .value {background: url(../images/sub/value2.jpg);}
.history .group .value {height: 489px; background: url(../images/sub/value1.jpg)50% 50% no-repeat; background-size: cover !important;}

.history .value .contain {height: 100%; max-width:1340px; padding: 98px 30px; display: flex; flex-direction: column; justify-content: space-between;} 
.history .value .tt {margin-bottom: 40px; opacity: .8; text-align: center; font-family: 'neue-kabel', sans-serif; font-weight: 500; font-size:30px; letter-spacing: 0; color: #fff;} 
.history .value .tit {text-align: center; font-weight: 700; font-size:50px; letter-spacing: -0.015em; color: #fff;}
.history .value ul {display:flex; flex-wrap:Wrap;}
.history .value ul li {padding-bottom: 40px; width: 25%; text-align: center; position: relative; border-bottom:2px solid #fff;}
.history .value ul li:first-of-type {text-align: left;}
.history .value ul li:last-of-type {text-align: right;}
.history .value ul li a:before {position: absolute; content:""; width: 20px; height: 20px;  border:3px solid #ddd; background-color: transparent; border-radius:100%; bottom: -54px; left: 50%; transform:translateX(-50%);}
.history .value ul li a {position: relative; font-family: 'neue-kabel', sans-serif; font-weight: 500; font-size:22px; letter-spacing: 0; color: #fff; opacity: 0.4;}
.history .value ul li:hover a, .history .value ul li.active a {opacity: 1;}
.history .value ul li:hover a:before, .history .value ul li.active a:before {background-color: #fff; border:none;}
.history .value ul li:first-of-type a:before {left: 25px;}
.history .value ul li:first-of-type a {margin-left: -25px;}
.history .value ul li:last-of-type a:before {left: auto; right: 40px;}
.history .value ul li:last-of-type a {left: auto; margin-right: -57px;}
.history .value ul li:nth-of-type(2) a {margin-right: 110px;}
.history .value ul li:nth-of-type(3) a {margin-left: 110px;}

.history .text {margin-top: 100px;}
.history .text .contain {max-width:1340px;}
.history .text .con {display:flex; margin-bottom: 100px;}
.history .text .year {width: 30%; color: #3f3f3f; font-weight: 600; font-size:70px; line-height: 1em; letter-spacing: 0em;}
.history .text .cnt {flex:1 1 auto; min-width: 0; width: 1%;}
.history .text .cnt ul {border-top:2px solid #222; padding: 46px 40px 0 40px;}
.history .text .cnt li {display:flex; padding-left: 14px; position: relative; margin-bottom: 42px; color: #242424; font-weight: 400; font-size:18px; line-height: 1.333em; letter-spacing: -0.015em;}
.history .text .cnt li .num {margin-right: 40px; font-weight: 600;}
.history .text .cnt li .tt {margin-bottom: 4px;}
.history .text .cnt li .tt:last-of-type {margin-bottom: 0;}
.history .text .cnt li:before {content:""; position: absolute; width: 7px; height: 7px; background-color: #bea47f; border-radius:100%;	top:8px; left: 0;}
.history .text .cnt li:last-of-type {margin-bottom: 0;}

.brochure .con {padding: 190px 0; display:flex; align-items: center;}
.brochure .con .img {width: 50%;}
.brochure .con .text {width: 50%; display:flex; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.brochure .con .text .tit {margin-bottom: 100px; color: #111; font-weight: 700; font-size:54px; line-height: 1.333em; letter-spacing: -0.015em;}
.brochure .con .text a {display: flex; align-items: center; justify-content: center; width: 123px; height: 123px; border-radius:50%; border:1px solid #0a0a0a; font-size:16px; font-weight: 400; color:#000; text-indent: -0.015em;} 
.brochure .con .text a:hover {background-color: #0a0a0a; color: #fff;} 
.brochure .con2 .items {position: relative; margin: 0 -20px;}
.brochure .con2 .items .item {position: relative; padding:0 20px;}
.brochure .con2 .slick-slide:first-child { display: none;}
/* .brochure .con2 .slick-slide[data-slick-index="4"] { display: none;} */
.brochure .con2 .items .item:before {content:""; position: absolute; width: 100%; height: 1px; background-color: #ddd; top: 106px;}
.brochure .con2 .items .item:after {content:""; position: absolute; top:96px; left: 0; width: 20px; height: 20px; background-color: #fff; border:3px solid #ddd; border-radius:100%;}
.brochure .con2 .items:before {content:""; position: absolute; top:95px; right: 0; width: 20px; height: 20px; background-color: #fff; border:3px solid #ddd; border-radius:100%; z-index: 101;} 
.brochure .con2 .item .year {padding-bottom: 40px; text-align: center; color: #3f3f3f; font-weight: 600; font-size:50px; line-height: 1.333em; letter-spacing: -0.015em;}
.brochure .con2 .item .groups {margin: -30px 0; padding-top: 60px;}
.brochure .con2 .item .group {position: relative; display:flex; padding: 30px 0;}
.brochure .con2 .item .group:before {content:""; position: absolute; width: 1px; height: 100%; background-color: #ddd; left: 40%;} 
.brochure .con2 .item .group .company {padding-left: 40px; width: 40%; color: #242424; font-weight: 400; font-size:22px; line-height: 1.333em; letter-spacing: -0.015em;}
.brochure .con2 .item .group ul {flex:1 1 auto; min-width: 0; width: 1%;}
.brochure .con2 .item .group ul li {padding-left: 30px; margin-bottom: 12px; color: #242424; font-weight: 400; font-size:16px; line-height: 1.333em; letter-spacing: -0.015em;}
.brochure .con2 .item .group ul li:last-of-type {margin-bottom: 0;}

.brochure .con2 .slick-arrow {z-index: 101 !important; position:absolute; top:13px; width:41px; height:41px; background-color:transparent; background-position:50% 50%; background-repeat:no-repeat; border:0; overflow:hidden; text-indent:-9999em;}
.brochure .con2 .slick-prev {left:20px; background-image:url("../images/sub/slide_prev.png");}
.brochure .con2 .slick-next {right:20px; background-image:url("../images/sub/slide_next.png");}

.brochure .con3 {margin-top: 190px;}
.brochure .con3 .items {display:flex; flex-wrap: wrap;}
.brochure .con3 .items .item {width: 20%;}
.brochure .con3 .items .item .img {height: 150px; display:flex; align-items: center; justify-content: center;}

.brand {margin-top: 190px;}
.brand .groups {}
.brand .groups .group {display:flex; flex-wrap: wrap; margin-bottom: 190px;}
.brand .groups .group:last-of-type {margin-bottom: 0;}
.brand .tap {width: 28.75%;}
.brand .tap .tit {margin-right: 100px; border-bottom:2px solid #222; font-family: 'neue-kabel', sans-serif; padding-bottom: 20px; color: #111; font-weight: 500; font-size:24px; line-height: 1.333em; letter-spacing: 0;}
.brand .tap .txt ul {margin: 25px 0;}
.brand .tap .txt ul li {margin-bottom: 15px; font-family: 'neue-kabel', sans-serif; color: #454545; font-weight: 400; font-size:18px; line-height: 1.333em; letter-spacing: 0;}
.brand .tap .txt ul li:last-of-type {margin-bottom: 0;}
.brand .site {flex:1 1 auto; min-width: 0; width: 1%;}
.brand .site .items {display:flex; flex-wrap:wrap; margin: 28px -5px 0; }
.brand .site .items .item {position: relative; width: 33.33333%; padding: 0 5px;}
.brand .site .items .item p {display:none; position: absolute; top:50%; left: 50%; transform:translate(-50%, -50%);}
.brand .site .items .item a.img-a {position: relative; display:block;}
.brand .site .items .item a.img-a .img.Nhover {display:block}
.brand .site .items .item a.img-a .img.Yhover {display:none;}
.brand .site .items .item a.img-a:hover .img.Nhover {display:none}
.brand .site .items .item a.img-a:hover .img.Yhover {display:block;}

/* .brand .site .items .item a.img-a:hover .img {filter: blur(2px);} */
/* .brand .site .items .item a:before {display:none; content:""; position: absolute; background-color: #bea47f; width: 100%; height: 100%; left: 0; right: 0;} */
/* .brand .site .items .item a.img-a:hover:before {display:block;} */
.brand .site .items .item a.img-a:hover p {display:block; font-family: 'neue-kabel', sans-serif; color: #fff; font-weight: 500; font-size:20px; line-height: 1.8em; letter-spacing: 0;}
.brand .site .items .item a.arrow-a .arrow {opacity: .5; position: absolute; top: -37px; right: 0;}
.brand .site .items .item a.arrow-a .arrow img {vertical-align: middle; margin-left: 15px;}
.brand .site .items .item a.arrow-a:hover .arrow {opacity: 1;}

.portfolio {padding: 190px 0 100px;}
.portfolio .items {display:flex; flex-wrap:wrap; margin: 0 -33px;}
.portfolio .items .item {width: 33.333333%; padding: 0 33px;}
.portfolio .items .item a {border:1px solid #ddd; display: flex; padding: 100px 0; flex-direction: column; align-items: center;}
.portfolio .items .item .tit {text-align: center; margin-bottom: 100px; color: #111; font-weight: 700; font-size:44px; line-height: 1.8em; letter-spacing: -0.015em;}
.portfolio .items .item .btn {text-align: center; border-radius:100%; width: 123px; height: 123px; display:flex; align-items: center; justify-content: center; border:1px solid #ddd; color: #000; font-weight: 400; font-size:16px; line-height: 1.8em; letter-spacing: -0.015em;}
.portfolio .items .item:hover .btn {background-color: #0a0a0a; color: #fff; border:1px solid #0a0a0a;}
.portfolio .items .item:hover .tit {color: #fff;}
.portfolio .items .item:nth-of-type(1):hover a {background: url(../images/sub/portfolio1.jpg); background-size: cover;}
.portfolio .items .item:nth-of-type(2):hover a {background: url(../images/sub/portfolio2.jpg); background-size: cover;}
.portfolio .items .item:nth-of-type(3):hover a {background: url(../images/sub/portfolio3.jpg); background-size: cover;}

.show-room {padding: 150px 0 50px;}
.show-room .con1 {text-align: center;}
.show-room .con2 .items {display:flex; flex-wrap: wrap; margin: 0 -18px;}

.show-room .con2 .items .item {width: 25%; padding: 0 18px;}
.show-room .con2 .items .item a {height: 320px; border:1px solid #ddd; display:flex; align-items: center; justify-content: center;}
.show-room .con2 .items .item:hover a {border:1px solid #bea47f;}
.show-room .con3 {padding-bottom: 80px;}
.show-room .show-btn {z-index: 100 !important; position:absolute; top: 50%; transform:translateY(-50%); width:70px; height:70px; background-color:transparent; background-position:50% 50%; background-repeat:no-repeat; border:0; overflow:hidden; text-indent:-9999em;}
.show-room .show-prev {left:70px; opacity: .3; background-image:url("../images/sub/show_prev.png");}
.show-room .show-next {right: 70px; opacity: .3; background-image:url("../images/sub/show_next.png");}

.show-room .show-prev:hover {opacity: 1;}
.show-room .show-next:hover {opacity: 1;}
.show-room .swiper-scrollbar {position: absolute; width: 100%; right: 0 !important; opacity: 1 !important; left: auto !important; bottom: 0 !important; height: 4px !important; background: #ddd !important;}
.show-room .swiper-scrollbar-drag {height: 4px !important; background: #222222 !important;}

.contact .group {margin-bottom: 190px;}
.contact .group:last-of-type {margin-bottom: 0;}
.contact .group h2 {margin-bottom: 30px; font-family: 'neue-kabel', sans-serif; color: #111; font-weight: 500; font-size:26px; line-height: 1.333em; letter-spacing: 0;}
.contact .group .con {display:flex; flex-wrap:wrap; align-items: center;}
.contact .group .con .img {width: 52.14%;}
.contact .group .con .text {flex:1 1 auto; min-width: 0; width: 1%; padding-left: 70px;}
.contact .group .con .text .tit {margin-bottom: 50px; color: #111; font-weight: 700; font-size:36px; line-height: 1.667em; letter-spacing: -0.015em;}
.contact .group table {width:100%; border-collapse:collapse;}
.contact .group table tr {border-top:1px solid #ddd;}
.contact .group table tr:first-of-type {border-top:2px solid #0a0a0a;}
.contact .group table th {text-align: left; padding: 15px 0 15px 20px; color: #686868; font-weight: 400; font-size:16px; line-height: 1.333em; letter-spacing: 0;}
.contact .group table td {padding: 15px 0; color: #242424; font-weight: 400; font-size:16px; line-height: 1.333em; letter-spacing: -0.015em;}
.contact .group:nth-of-type(2) {display:flex; flex-wrap:wrap; margin: 0 -30px;}
.contact .group .gro {width: 50%; padding: 0 30px;}
.contact .group .gro .table {margin-top: 30px;}