@charset "utf-8";
.pb0 {padding-bottom: 0;} 

.doc-txt {text-align: center; padding-bottom: 60px;}
.doc-txt .contain {max-width:1020px; padding: 0 30px; margin: 0 auto;}
.doc-txt:nth-of-type(even) {background-color: #f4f4f4; padding-bottom: 80px;}
.doc-txt .ko {text-align: center; margin-bottom: 40px; color:#454545; font-size:19px; font-weight:400; line-height:1.579em; letter-spacing:-0.02em;}
.doc-txt2 .ko {margin-bottom: 25px;}
.doc-txt2 .ko span {font-weight: 600; font-size:20px; line-height: 1.667em;}
.doc-txt .en {text-align: center;  color:#454545; font-size:19px; font-weight:400; line-height:1.579em; letter-spacing:-0.02em;}
.doc-txt:nth-of-type(even) .en {padding-bottom: 50px;}

.doc-title {text-align: center;	padding: 50px 0 40px; color:#242424; font-size:25px; font-weight:600; line-height:1.579em; letter-spacing:-0.02em;}

.award {margin-bottom: 15px; display:flex; align-items: center; justify-content: flex-end;}
.award .tt {margin-right: 15px; color:#242424; font-size:19px; font-weight:500; line-height:1.3em; letter-spacing:-0.02em;}

.map .items {margin-top: 50px; display:flex; flex-wrap:wrap;}
.map .items .item {width: 33.33333%; text-align: center;}
.map .items .item:before {content:""; position: absolute; width: 1px; height: 70px; background-color: #ddd; right: 0; top: 50%; transform:translateY(-50%);} 
.map .items .item:last-of-type:before {display:none;}
.map .items .item .tit {margin-top: 20px; margin-bottom: 10px; color:#242424; font-size:20px; font-weight:600; line-height:1.3em; letter-spacing:-0.03em;}
.map .items .item .txt {color:#454545; font-size:16px; font-weight:400; line-height:1.25em; letter-spacing:-0.03em;}

.portfoilo .grid-sizer {width: 8.33333333%;}
.portfoilo .grid-item {position: relative; width: 25%; float: left; padding: 1px;}
.portfoilo .grid-item--width2 {width: 33.33333333%;}
.portfoilo .grid-item--width2-1 {width: 66.6666667%;}
.portfoilo .grid-item--width3 {width: 50%;}
.portfoilo .grid-item--width4 {width: 100%;}

.portfoilo .grid-item .img {position:relative; padding-bottom: 100%; overflow:hidden;}
.portfoilo .grid-item .img:after {content:""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border:1px solid #ddd;}
.portfoilo .grid-item.grid-item--height2 .img {padding-bottom: 57.97%;}
.portfoilo .grid-item.grid-item--height3 .img {padding-bottom: 32.13%;}
.portfoilo .grid-item.grid-item--height4 .img {padding-bottom: 48.7%;}
.portfoilo .grid-item .img img {position:absolute; top:50%; left:0; transition:.4s ease-in-out; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100%; height:auto !important; max-width:100%; min-height:100%; object-fit:cover;}

.portfoilo .grid-item a {position: relative; display:block;}
.portfoilo .grid-item .text {opacity: 0; background-color: rgba(0,0,0,.5); position: absolute; width: 100%; height: 100%; display:flex; top: 0; left: 0; align-items: center; justify-content: center; flex-direction: column;}
.portfoilo .grid-item .text .tit {font-size:25px; color: #fff; font-weight: 700; margin-bottom: 20px; letter-spacing: -0.02em; line-height: 1.4em;}
.portfoilo .grid-item:hover .text {opacity: 1;}