@charset "utf-8";
											.CLabEasyI{		 display:block; margin:20px 0 0 0; background-color:#f6f6f6; } .CLabEasyI>.outBox{ margin:20px 0 0 0; padding:20px 0 20px 0; border-top:1px #DCDCDC solid;		 border-bottom:1px #DCDCDC solid; } @media screen and (max-width:768px){ .CLabEasyI{		 display:block; margin:2.42vw 0 0 0; } .CLabEasyI>.outBox{ margin:4.83vw 0 0 0; padding: 8vw 0 calc(100vw * 0.05) 0; } }																.CLabEasyI{		 text-align:center;		 position:relative;		 }		 		 .CLabEasyI .outBox{		 position:relative;		 max-width:1120px;		 margin:0 auto;		 }		 		 .CLabEasyI .title{		 width:100%;		 display:inline-block;		 text-align: left;		 }		 		 .CLabEasyI .title .topLine{		 margin:0 auto;		 width:87px;		 height:3px;		 background-color:#be9664;		 }		 		 .CLabEasyI .title .text{		 /*padding-top:10px;*/		 width:140px;		 height:35px;		 font-size:22px;		 color:#828282;		 background-repeat: no-repeat;		 background-position: center;		 background-size:contain;		 background-image:url(/tw/images/common/timelab_title.svg);		 }		 		 .CLabEasyI .title .textA{		 color:#be9664;		 }		 		 .CLabEasyI .articleBox{		 position:relative;		 display:inline-block;		 vertical-align:top;		 width:270px;		 color:#282828;		 -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;		 }		 		 .CLabEasyI .imageBox{		 position:relative;		 width:100%;		 height:0; padding-top:70.37037%; background-color:#4c3e2e;		 }		 		 .CLabEasyI .image{ width:100%; height:100%;		 background-position:center;		 background-repeat: no-repeat;		 background-size:cover;		 }		 		 .CLabEasyI .image img{		 display:none;		 width:100%;		 height:auto;		 }		 		 .CLabEasyI .unit{		 display:inline-block;		 vertical-align:bottom;		 display:none;		 }		 		 .CLabEasyI .slogan{		 margin-top: 10px; padding: 0 10px; text-align: left; font-size: 18px; display: block; vertical-align: bottom;		 }		 		 .CLabEasyI .slogan span{		 /*color:#FFF;*/		 }		 		 .CLabEasyI .articleBox .alphaMask{		 display:none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; opacity: 0.65; } .CLabEasyI .articleBox:hover .alphaMask{ opacity:0; } .CLabEasyI .articleBox:hover .image{ transform:scale(1); } .CLabEasyI .vAlign{ display:none; vertical-align:bottom; width:1px; height:100%; } .CLabEasyI .vaBox{ position:absolute; top:0; left:0; width:100%; } .CLabEasyI .vaBox .inBox{ width:100%; margin:0 auto; text-align:right; position: relative; padding-top:30px; } .CLabEasyI .vaBox .rmBtn { cursor: pointer; font-size: 14px; color: #787878; position: absolute; top:30px; right: 0; } .CLabEasyI .vaBox .arrowBox { display: inline-block; vertical-align: middle; padding-left: 15px; } .CLabEasyI .vaBox .arrowBoxA { padding-left: 6px !important; } .CLabEasyI .vaBox .arrow { width: 1px; height: 6px; background-color: #1b1c20; } .CLabEasyI .vaBox .arrowU { margin-top: -1px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } .CLabEasyI .vaBox .arrowB { margin-top: -2px; transform: rotate(45deg); -webkit-transform: rotate(45deg); } .CLabEasyI .splide{ width: 100%; margin: 30px auto 0 auto; } .CLabEasyI .splide__arrow { background: transparent; border-radius: 0; cursor: pointer; opacity: 1; width: 40px; height: 210px; background-size: contain; background-repeat: no-repeat; background-position: center; top: calc(50% - 45px); background-size: 15px 30px; background-color: rgba(255,255,255,0); } .CLabEasyI .splide__arrow svg { display: none; } .CLabEasyI .splide__arrow--prev { left: -40px; background-image: url(/tw/images/common/ico_arD5_left_a.svg?20220422_4); } .CLabEasyI .splide__arrow--next { right: -40px; background-image: url(/tw/images/common/ico_arD5_right_a.svg?20220422_4); } .CLabEasyI button:disabled { opacity: 0.1; }		 		 @media screen and (max-width:1120px){ .CLabEasyI .vaBox .inBox{ width:90%; } .CLabEasyI .slogan{ padding: 0 10px 20px 10px; } .CLabEasyI .splide{ width: 100%; margin: 30px auto 0 auto; } .CLabEasyI .splide__arrow{ display: none; } } @media screen and (max-width:768px){ .CLabEasyI .vaBox .rmBtn { top:9vw; } .CLabEasyI .vaBox .inBox{ padding-top: 4.83vw; } .CLabEasyI .image{ width:100%; height:100%; } .CLabEasyI .subBox{ display:block; } .CLabEasyI .title{ width:90vw; text-align:left; } .CLabEasyI .title .text{ width:33.82vw; height:8.45vw;		 } .CLabEasyI .title .textA{ color:#282828; } .CLabEasyI .splide{ width: 100vw; margin: 3vw auto 0 auto; } .CLabEasyI .articleBox{ width:65.217vw; } .CLabEasyI .imageBox{ padding-top:56.25%; } }										 .CLabEasyIA{ border-top: 1px #DCDCDC solid; border-bottom: 1px #DCDCDC solid; } .CLabEasyI .outBox { padding: 30px 0; max-width: 1460px; } .CLabEasyI .slogan{ font-size: 16px; } @media screen and (max-width:1460px){ .CLabEasyI .vaBox .inBox{ width:90vw; } .CLabEasyI .slogan{ padding: 0 10px 20px 10px; } } @media screen and (max-width:768px){ .CLabEasyI .outBox { padding: 4.83vw 0; max-width: 1460px; } .CLabEasyI .slogan{ font-size: 3.86vw; padding: 0 2.42vw 4.84vw 2.42vw; } }