.list .thumb:after { display: block; clear: both; content: ''; }

/** common, layout */
footer { margin-top: 0; }

.bus_section { position: relative; max-width: none; min-height: 100vh; }

.bus_section .bus_section_inner { position: relative; max-width: calc(1466px + 24vw); margin: 0 auto; padding: 0 12vw; }

.bus_section .full_height { position: relative; min-height: 100vh; border: 2px solid lightgray; }

.bus_section.dark { background-color: #000; }

.bus_section.dark * { color: #fff; }

.title_big { font-size: 5vw; font-weight: 700; letter-spacing: -.025em; }

.sub_title span { display: block; font-weight: 500; }

.sub_title span + span { margin-top: 65px; }

.pos_center { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); width: 100%; text-align: center; }

.text_box { position: absolute; top: 50%; transform: translateY(-50%); max-width: 30vw; text-align: left; }

.text_box .text_k1 { margin-top: 60px; }

.text_box.right { right: 0; }

.list { top: 0; }

.list .thumb { padding-top: 176px; }

.list .thumb .thumb_inner { width: 34vw; height: 38vw; float: left; }

.list .thumb .thumb_inner img { width: 100%; }

.list .thumb .text_box { position: relative; top: 0; float: right; padding-top: 250px; transform: none; }

.list .thumb .text_box .text_box_inner { margin-bottom: 240px; }

.list .thumb .text_box .text_box_inner .caption { font-size: 26px; font-weight: 500; letter-spacing: -.025em; }

.list .thumb .text_box .text_box_inner .title { font-size: 56px; font-weight: 700; letter-spacing: -.025em; }

/** intro */
.intro { margin-bottom: 238px; }

.intro .text { position: relative; height: 100vh; }

.intro .text .caption { font-size: 3vw; font-weight: 500; letter-spacing: -.025em; color: #999999; }

.intro .fill_text .fill { display: inline-block; position: relative; color: #fff; -webkit-text-stroke: 1px #000; text-stroke: 1px #000; /* for IE text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; */ }

.intro .fill_text .fill:before { content: attr(data-text); position: absolute; overflow: hidden; top: 0; bottom: 0; left: 0; right: 0; width: 0; color: #000; transition: 0.1s; }

.intro .fill_text .fill.on:before { width: 100%; }

.intro .scroll { position: absolute; left: 50%; transform: translateX(-50%); bottom: 15vh; text-align: center; }

.intro .thumb { position: relative; text-align: center; }

.intro .thumb .thumb_inner { display: inline-block; height: 723px; margin-top: -10vh; }

.intro .thumb img { height: 100%; }

/** section1 */

/*# sourceMappingURL=common.css.map */