/*	.slider
============================== */
.slider { text-align:left; position:relative;}
.slider .outer { position:relative; overflow-x: hidden;}
.slider .outer ul { display: flex; flex-wrap: nowrap; /**/ -webkit-transform: translateZ(0); transform: translateZ(0); /**/ width:fit-content;}
.slider.slider-off .outer ul { justify-content: center; width:auto;}
.slider .outer ul li { display:flex; flex-direction: column; position:relative; padding-bottom:10px;}
.slider .outer ul li a,
.slider .outer ul li span, .slider .outer ul li img { display:block;}
.slider .outer ul li a { text-decoration:none; background-color: rgba(255, 255, 255, .75); /**/ -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; /**/ overflow:hidden; box-shadow: 2px 7px 10px 0 rgba(0, 0, 0, .2); display:flex; flex-direction: column; flex-grow: 1; border: 1px solid rgba(0, 39, 122, 1);}
.slider .outer ul li a:hover { opacity:0.8;}
.slider .outer ul li a span.thumb { position:relative; height:0; padding-top: -webkit-calc(9 / 16 * 100%); padding-top: calc(9 / 16 * 100%); background-size:cover; background-position:center center; background-repeat:no-repeat; overflow:hidden;}
.slider .outer ul li a span.thumb.slazy-done { -webkit-animation: fadeIn 800ms; animation: fadeIn 800ms;}
.slider .outer ul li a span img { position: absolute; left:0; top:0; width:100%; height:100%;}
.slider .outer ul li a span.txt-area { display:flex; flex-direction: column; flex-grow: 1;}
.slider .outer ul li a span.title { /**/ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; /**/ flex-grow: 1; /**/ font-weight:400; line-height:1.4; margin-bottom:0.25em;}
.slider .outer ul li a span.date { line-height:1.3; margin-bottom:0.25em; letter-spacing: .1em;}
.slider .outer ul li a span.category { line-height:1.3; text-align:right;}
.slider .outer ul li a span.category { display: none;}
.slider .outer ul li a span.date { font-family: "oswald", sans-serif; font-weight: 700; font-style: normal; color: rgba(24, 43, 119, 1);}
.slider ul.ctrl { display:none;}

@media all and (max-width: 991.98px) {
.slider .outer { margin-left:5.3333333333vw; margin: 15px 0;}
.slider .outer ul li { width:220px; max-width: 220px; min-width: 220px;}
.slider .outer ul li:not(:last-child) { margin-right:16px;}
.slider .outer ul li a { padding: 0px;}
.slider .outer ul li a span.thumb { margin-bottom:4px;}
.slider .outer ul li a span.txt-area { margin:0; padding: 10px;}
.slider .outer ul li a span.title { font-size:0.9em;}
.slider .outer ul li a span.date { font-size:1em;}
}

@media all and (min-width: 992px) {
.slider { text-align:center; padding-left: 10px; padding-bottom: 2em;}
.slider .outer { margin:0 60px 20px; text-align: left;}
.slider .outer ul li { max-width: 320px; width: 300px; min-width: 300px;}
.slider .outer ul li:not(:last-child) { margin-right: 24px;}
.slider .outer ul li a { padding: 0px;}
.slider .outer ul li a span.thumb { margin-bottom:6px;}
.slider .outer ul li a span.txt-area { margin:0; padding: 10px 15px 15px 15px;}
.slider .outer ul li a span.title { font-size:0.8em;}
.slider .outer ul li a span.date { font-size:1em;}
.slider .outer ul li a span.category { font-size:0.75em;}
.slider .outer { max-width: 960px; margin: 0 auto;}
}

/*for_W1080-*/
@media all and (min-width: 1080px) { 
.slider { width: 1080px; margin: 0 auto;}
.slider ul.ctrl.ctrl-off { display:none;}
.slider ul.ctrl li { position:absolute; top:50%; margin-top:-20px;}
.slider ul.ctrl li.ctrl-lef { left:0;}
.slider ul.ctrl li.ctrl-rig { right:0;}
.slider ul.ctrl li a { display:inline-flex; align-items:center; justify-content:center; width:40px; height:40px; border-radius:50%; background:rgba(0, 39, 122, 1); text-decoration:none; /**/ -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; /**/}
.slider ul.ctrl li a.off { opacity:0.25; cursor:default;}
.slider ul.ctrl li a > span { display:inline-block; position:relative; width:16px; height:16px;}
.slider ul.ctrl li a > span:after { content: ''; display: inline-block; line-height: 1; width: 99%; height: 3px; background-color: #fff; position:absolute; top:50%; left:0; margin-top:-1.6px;}
.slider ul.ctrl li a > span:before { content: ''; width: 80%; height: 80%; border: 3px solid #fff; border-bottom: 0; position: absolute; top: 50%; box-sizing: border-box;}
.slider ul.ctrl li.ctrl-rig a > span:before { border-left: 0; transform: rotate(45deg); transform-origin: top right; right: -1px;}
.slider ul.ctrl li.ctrl-lef a > span:before { border-right: 0; transform: rotate(-45deg); transform-origin: top left; left: -1px;}}
.slider ul.ctrl { display:block;}
}