.yat{margin:auto 30px;position:relative}@media screen and (max-width:1023px){.yat{margin:auto}}.yat.editing .yat-arrow,.yat.editing .yat-container:before,.yat.editing li.yati .yati-wrapper:after,.yat.editing ul li:after{display:none}.yat.editing .yat-container{max-width:100%;overflow-x:unset;white-space:normal}.yat.editing ul{grid-gap:20px;display:grid;grid-template-columns:repeat(3,1fr);height:auto}.yat.editing ul li:nth-child(2n){top:0}.yat.active .yati-body,.yat.active .yati-thumbnail{transform:scale(1.01)}.yat-arrow{color:#db011c;cursor:pointer;height:100%;position:absolute;top:0;z-index:2}.yat-arrow .icon{font-size:70px;font-weight:700;position:relative;top:44%}.yat-arrow__prev{left:0;transform:rotate(180deg)}@media screen and (max-width:767px){.yat-arrow__prev{left:-18px}}.yat-arrow__next{right:0}.yat-container{-ms-overflow-style:none;margin:auto;max-width:calc(100vw - 180px);overflow-x:scroll;scroll-behavior:smooth;scrollbar-width:none;white-space:nowrap}.yat-container::-webkit-scrollbar{display:none}@media screen and (max-width:1023px){.yat-container{max-width:calc(100vw - 90px)}}@media screen and (max-width:767px){.yat-container{max-width:calc(100vw - 50px)}}.yat-container:before{background-color:#c4c4c4;border-top:1px solid #000;content:"";position:absolute;top:50%;transform:translateY(-50%);width:calc(100vw - 180px)}@media screen and (max-width:1023px){.yat-container:before{width:calc(100vw - 90px)}}@media screen and (max-width:767px){.yat-container:before{width:calc(100vw - 65px)}}.yat ul{display:flex;font-size:0;height:500px;margin:50px 0;overflow:hidden;padding:0;position:relative;transition:all 1s}.yat ul li:after{background:#c4c4c4;border-radius:50%;bottom:-59px;content:"";height:18px;left:76px;position:absolute;width:18px}@media screen and (max-width:767px){.yat ul li:after{left:48px}}.yat ul li:nth-child(2n){top:300px}.yat ul li:nth-child(2n):after{bottom:unset;left:unset;right:128px;top:-59px}@media screen and (max-width:767px){.yat ul li:nth-child(2n):after{right:107px}}.yat ul li:nth-child(2n) .yati-wrapper{flex-direction:row-reverse}.yat ul li:nth-child(2n) .yati-wrapper:after{bottom:unset;left:unset;right:136px;top:-50px}@media screen and (max-width:767px){.yat ul li:nth-child(2n) .yati-wrapper:after{right:115px}}.yat ul li:nth-child(2n) .yati-wrapper .yati-thumbnail{align-self:baseline;padding-right:0}.yat ul li:nth-child(2n) .yati-wrapper .yati-body{margin-left:0;margin-right:20px}@media screen and (max-width:767px){.yat ul li:nth-child(2n) .yati-wrapper .yati-body{margin-right:8px}}li.yati{height:200px;list-style-type:none;position:relative}li.yati h1,li.yati h2,li.yati h3,li.yati h4,li.yati h5{font-weight:700;line-height:1;margin:0 auto}li.yati .yati-wrapper{display:flex;margin:0 50px 0 0}li.yati .yati-wrapper:after{background-color:#000;bottom:-50px;content:"";height:130px;left:84px;position:absolute;width:2px}@media screen and (max-width:767px){li.yati .yati-wrapper:after{left:56px}}li.yati .yati-title{font-size:24px;max-height:28px;overflow:hidden}@media screen and (max-width:767px){li.yati .yati-title{font-size:18px}li.yati .yati-title span{display:none}}li.yati .yati-thumbnail{max-height:180px;max-width:180px;z-index:2}@media screen and (max-width:767px){li.yati .yati-thumbnail{max-height:130px;max-width:130px;padding-right:8px}}li.yati .yati-body{word-wrap:break-word;font-size:14px;height:200px;hyphens:auto;margin-left:20px;min-width:250px;overflow:hidden;white-space:normal}@media screen and (max-width:767px){li.yati .yati-body{margin-left:8px;min-width:150px}li.yati .yati-body p{line-height:1.2;margin-top:10px}}