@charset "utf-8";

.sub-tab {margin-bottom:60px;}
.sub-tab ul {justify-content:center;}
.sub-tab ul li {margin-right:5px; width:auto;}
.sub-tab ul li:last-child {margin-right:5px;}
.sub-tab ul li a {border-radius:var(--radius24); border:1px solid #e0e0e0; font-size:var(--fz15); font-weight:400; letter-spacing:0; line-height:1.33em; color:#787878; padding:0 33px; display:flex; align-items:center; justify-content:center; text-align:center; height:48px;}
.sub-tab ul li.active a {border-color:var(--color-primary); background:var(--color-primary); color:#fff;}

.greeting-top {background:url('/images/sub/greeting-txt.png') no-repeat right 120px bottom -3px; padding-bottom:190px;}
.greeting-top h2 {font-size:var(--fz44); font-weight:500; letter-spacing:-.03em; line-height:1.23em;}
.greeting-top h2 span {color:var(--color-primary);}

.greeting-cnt {padding:175px 0; position:relative; padding-left:45.55%; font-size:var(--fz24);font-weight:300; letter-spacing:-.03em; line-height:1.63em; color:#505050;}
.greeting-cnt:before {z-index:-1; background:url('/images/sub/greeting-bg.jpg') no-repeat 50% 50% / cover; content:''; position:absolute; left:50%; transform:translateX(-50%); height:100%; top:0; width:100vw;}
.greeting-cnt p + p {margin-top:27px;}

.brand-intro {margin-bottom:150px; text-align:center;}
.brand-intro h2 {margin-bottom:52px;}
.brand-intro p {font-size:var(--fz24); font-weight:500; letter-spacing:-.03em; line-height:1.64em;}
.brand-intro p + p {margin-top:35px;}

.brand-content {margin-bottom:140px;}
.brand-content .row {display:flex;}
.brand-content .img {width:50%;}
.brand-content .img img {width:100%;}
.brand-content .cnt {width:50%; display:flex; align-items:center; justify-content:center;}
.brand-content .cnt p {text-align:center; font-size:var(--fz24); font-weight:500; letter-spacing:-.03em; line-height:1.64em;}
.brand-content .cnt p + p {margin-top:35px;}
.brand-content .row:nth-child(even) {flex-direction:row-reverse;}

.brand-slogan {text-align:center; padding:0 80px;}

.history-wrap {margin-bottom:160px; display:flex;}
.history-wrap .img {margin-right:100px; width:800px;}
.history-wrap .img img {border-radius:var(--radius24);}
.history {flex:1 1 auto; min-width:0; width:1%; border-top:1px solid #aaa;}
.history .row {border-bottom:1px solid #ddd; padding:36px 0; display:flex; align-items:center;}
.history .row .year {min-width:175px; font-size:var(--fz40); font-weight:600; letter-spacing:-.03em; line-height:1.3em; color:var(--color-primary);}
.history .row ul li {margin-bottom:13px; font-weight:300; letter-spacing:-.03em; line-height:1.4em; color:#505050;}
.history .row ul li:last-child {margin-bottom:0;}

.history-bnr .marquee ul {display:flex;}
.history-bnr .marquee:after {content:" "; display:block; clear:both;}
.history-bnr .marquee ul li {padding:0 140px;}

.location-map {margin-bottom:80px; overflow:hidden; height:800px; border-radius:var(--radius24);}
.location-map iframe {width:100%; height:100%;}

.contact {display:flex;}
.contact h2 {width:50%;}
.contact .info {flex:1 1 auto; min-width:0; width:1%;}
.contact .info dl {padding:30px 0; border-bottom:1px solid #ddd; display:flex;}
.contact .info dl:first-child {padding-top:0;}
.contact .info dl:last-child {border-bottom:0; padding-bottom:0;}
.contact .info dl dt {min-width:120px; font-weight:600; letter-spacing:0; line-height:1.4em; color:var(--color-primary);}
[lang=es] .contact .info dl dt {min-width: 230px;}
.contact .info dl dd {font-weight:300; letter-spacing:-.03em; line-height:1.4em; color:#505050;}