@charset "UTF-8";.c-slide_area{width:100%;height:100%;position:absolute;top:0;left:0;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-ms-flex-direction:column;flex-direction:column;padding:36px 0;overflow:hidden;color:#fff;font-size:16px;font-size:1rem;line-height:inherit;font-weight:700;text-align:center;text-shadow:0 0 5px rgba(0,0,0,.4)}
.c-slide_area>.c-slide_block{width:70%;overflow:hidden}
.c-slide_area>.c-slide_block .c-slide_title{font-size:2.5em;line-height:1.5}
@media only screen and (max-width:640px){.c-slide_area>.c-slide_block .c-slide_title{font-size:1.9em}
}
.c-slide_area>.c-slide_block .c-slide_body{line-height:1.9}
@media only screen and (max-width:640px){.c-slide_area>.c-slide_block{width:100%;padding:0 32px}
}
.c-slide_area.mouse{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";background-color:transparent;transition:all .3s ease-in}
.c-slide_area.mouse:hover{opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";background-color:rgba(0,0,0,.5)}
.navctl{position:absolute;top:50%;transform:translate(0,-50%);cursor:pointer}
.navctl>polygon{transition:all .2s ease-in}
.navctl.white>polygon{fill:rgba(255,255,255,.6);box-shadow:0 0 3px rgba(0,0,0,.3)}
@media only screen and (max-width:640px){.navctl.white>polygon{fill:white}
}
.navctl.white:hover>polygon{fill:white}
.navctl.black>polygon{fill:rgba(0,0,0,.5)}
@media only screen and (max-width:640px){.navctl.black>polygon{fill:rgba(0,0,0,.9)}
}
.navctl.black:hover>polygon{fill:rgba(0,0,0,.9)}
@media only screen and (max-width:640px){.navctl{width:32px;height:32px}
}
.prevNav{left:0}
.prevNav.mouse{visibility:hidden}
@media only screen and (max-width:640px){.prevNav.mouse{visibility:visible}
}
.prevNav.mouse:hover{visibility:visible}
.nextNav{right:0}
.nextNav.mouse{visibility:hidden}
@media only screen and (max-width:640px){.nextNav.mouse{visibility:visible}
}
.nextNav.mouse:hover{visibility:visible}
.boat:hover~.prevNav.mouse,.boat:hover~.nextNav.mouse{visibility:visible}
.blockNav{position:absolute;left:50%;overflow:hidden;white-space:nowrap;transform:translate(-50%,0);-moz-transform:translate(-50%,0);-ms-transform:translate(-50%,0);bottom:0}
.blockNav.bar{max-width:550px;height:34px}
@media only screen and (max-width:640px){.blockNav.bar{max-width:298px}
}
.blockNav.dot{max-width:288px;height:36px}

.blockNav .block{display:inline-block;cursor:pointer;position:relative;transition:.2s left}

.blockNav .block.bar{width:60px;height:34px}

.blockNav .block.bar:not(:last-child){margin-right:1px}

.blockNav .block.bar:before{content:'';display:block;position:absolute;width:100%;height:6px;top:14px;left:0;transition:background-color .2s linear}

.blockNav .block.bar.white:before{background-color:rgba(255,255,255,.6);box-shadow:0 0 3px rgba(0,0,0,.3)}

.blockNav .block.bar.white:hover:before,.blockNav .block.bar.white.on:before{background-color:white}

.blockNav .block.bar.black:before{background-color:rgba(0,0,0,.5)}

.blockNav .block.bar.black:hover:before,.blockNav .block.bar.black.on:before{background-color:rgba(0,0,0,.9)}

@media only screen and (max-width:640px){.blockNav .block.bar{width:32px}
}
.blockNav .block.dot{width:32px;height:36px}
.blockNav .block.dot:before,.blockNav .block.dot:after{content:'';display:block;position:absolute;width:12px;height:12px;top:12px;left:10px;border-radius:100%}
.blockNav .block.dot:after{transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);transform-origin:50% 50%;transition:transform .3s ease}
.blockNav .block.dot:hover:after,.blockNav .block.dot.on:after{transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1)}
.blockNav .block.dot.white:before{border:2px solid rgba(255,255,255,.6);box-shadow:0 0 3px rgba(0,0,0,.3),inset 0 0 2px rgba(0,0,0,.3)}
.blockNav .block.dot.white:after{background-color:white}
.blockNav .block.dot.white:hover:before,.blockNav .block.dot.white.on:before{box-shadow:0 0 3px rgba(0,0,0,.3)}
.blockNav .block.dot.black:before{border:2px solid rgba(0,0,0,.5)}
.blockNav .block.dot.black:after{background-color:rgba(0,0,0,.9)}
.bd-slide-crossover{position:relative;width:100%;overflow:hidden}
.bd-slide-crossover .images.dir{margin-left:40px;margin-right:40px}
.bd-slide-crossover .images.slide .image{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";transform:translateY(40%);transform-origin:center bottom;transition-property:transform,opacity;transition-timing-function:ease-out}
.bd-slide-crossover .images .image{text-align:center;overflow:hidden;transition-property:none}
.bd-slide-crossover .images .image img{height:100%;-o-object-fit:cover;object-fit:cover}
.bd-slide-crossover .images .image.on{opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";transform:translateY(0)}
.bd-slide-crossover .titles-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden}
.bd-slide-crossover .titles-overlay>.titles{height:100%;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap}
.bd-slide-crossover .titles-overlay>.titles .comment{position:relative;padding:40px;height:100%}
.bd-slide-crossover .titles-overlay>.titles .comment .comment-innner{position:relative;height:100%;width:100%;display:-ms-flexbox;display:flex}
.bd-slide-crossover .titles-overlay>.titles .comment .comment-innner .patchwork{position:absolute;top:0;bottom:0;overflow:hidden}
.bd-slide-crossover .titles-overlay>.titles .comment .comment-innner .patchwork.left{left:0}
.bd-slide-crossover .titles-overlay>.titles .comment .comment-innner .patchwork.center .text>div{color:white;mix-blend-mode:difference}
.bd-slide-crossover .titles-overlay>.titles .comment .comment-innner .patchwork.right{right:0}
.bd-slide-crossover .titles-overlay>.titles .comment .comment-innner .patchwork .text{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:100%}
.bd-slide-crossover .titles-overlay>.titles .comment .comment-innner .patchwork .text>div{font-size:4em !important;font-weight:700;font-family:inherit;line-height:1.25;text-align:center;width:100%;max-height:100%;overflow:hidden}
.bd-slide-crossover.sp .images.slide .image{opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"}
.bd-slide-crossover.sp .images.dir{margin-left:36px;margin-right:36px}
.bd-slide-crossover.sp .titles-overlay>.titles .comment{padding:36px}
.bd-slide-crossover.sp .titles-overlay>.titles .comment .comment-innner .patchwork .text>div{font-size:4em;line-height:1.5}