@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@500&display=swap');
#main .main_image{background-repeat:no-repeat;background-position:center top;background-size:100% auto}
#main .main_image .container{position:relative;height:0;padding-bottom:50%}
#main .main_image .title{position:absolute}
#main .main_image .title img{width:100%}
#main .index_section .headline{font-size:2em;font-weight:400}
#main .index_section .headline.headline-en{font-family:Manrope,sans-serif}
#main .index_section.introduction_randd{background-color:#ebebeb}
#main .index_section.introduction_randd .container{padding-top:6.75em;padding-bottom:8.75em}
#main .index_section.introduction_randd .headline{margin-bottom:.75em}
#main .index_section.introduction_randd .lead{margin-bottom:3.35em}
#main .index_section.introduction_randd .item+.item,#main .index_section.introduction_randd .item+.pageBreak+.item{margin-top:4.75em}
#main .index_section.introduction_randd .item .category_name{margin-bottom:1em;padding-bottom:.75em;border-bottom:1px solid #b3b3b3;font-size:1.25em;font-weight:700}
#main .index_section.introduction_randd .item .grid_3col,#main .index_section.introduction_randd .item .grid_4col{margin-top:2.75em}
#main .index_section.introduction_randd .item .col a .name{margin-top:10px;font-weight:400;font-size:100%}
#main .index_section.access{background-color:#f6f6f6;text-align:center}
#main .index_section.access .container{padding-top:4.35em;padding-bottom:0}
#main .index_section.access .headline{margin-bottom:.35em}
#main .index_section.access .address{margin-bottom:2.75em}
#main .index_section.access .address .tel{padding-left:2em}
#main .index_section.access #access_map{border-top:1px solid #ccc;height:640px}
#main .index_section.lab_theme{background-color:#e0e0e0}
#main .index_section.lab_theme .container{padding-top:6.75em;padding-bottom:8.75em}
#main .index_section.lab_theme .thumb{margin-top:2.75em}
#main .thema_list{margin-top:.75em;list-style:none}
#main .thema_list>li{margin-left:0;padding-left:1em;text-indent:-1em}
#main .thema_list>li:before{width:auto;height:auto;text-indent:0;background-color:transparent;color:#888;border-radius:0;content:'●';margin-right:3px}
#main .thema_list>li+li{margin-top:.629em}
.main-content{position:relative;overflow:hidden;font-family:'Noto Sans JP',sans-serif;color:#4a4a4a}
.main-content .main-visual{background:linear-gradient(90deg,#0f5391 0,#1c7fa8 100%);color:#fff}
.main-content .main-visual__sub{font-weight:300;font-family:Manrope,sans-serif;letter-spacing:.16em}
.main-content .main-visual__main{font-weight:400;letter-spacing:.1em}
.main-content .introduction{background-color:#f2f2f2}
.main-content .introduction-img{position:relative}
.main-content .introduction-img:after,.main-content .introduction-img:before{position:absolute;display:block;background:linear-gradient(135deg,var(--gd-color-1) 0,var(--gd-color-2) 100%);pointer-events:none;content:''}
.main-content .introduction-img>img{width:100%}
.main-content .introduction-slider-inner{display:inline-block;width:100%;vertical-align:top;background:center center/cover no-repeat}
.main-content .introduction-slider-inner>img{display:none}
.main-content .director-message-heading{font-weight:400;letter-spacing:.12em}
.main-content .director-message-content{font-weight:300;letter-spacing:.08em}
.main-content .director-message-content>p>a{display:inline-block;text-decoration:none;box-shadow:0 -1px 0 0 #222 inset}
.main-content .director-message-content>p>a:hover{text-decoration:none}
.main-content .director-profile-img>img{width:100%}
.main-content .director-profile-position{font-weight:300;line-height:1.5}
.main-content .director-profile-name{font-weight:300}
.main-content .presentation{overflow-x:hidden;overflow-y:scroll;background-color:#fff;border:1px solid #ddd}
.main-content .presentation-item:not(:first-child){border-top:1px solid #e1e2e3}
.main-content .presentation-item-summary{position:relative;font-weight:700;letter-spacing:.08em}
.main-content .presentation-item-summary:before{position:absolute;display:block;width:10px;height:10px;background-color:#828282;border-radius:5px;pointer-events:none;content:''}
.main-content .presentation-item-detail{font-weight:300;letter-spacing:.08em}
.main-content .movie-banner{position:relative;color:#fff}
.main-content .movie-banner:before{position:absolute;top:5px;right:5px;bottom:5px;left:5px;z-index:1;display:block;border:1px solid rgba(255,255,255,.5);pointer-events:none;content:''}
.main-content .movie-banner:hover{text-decoration:none}
.main-content .movie-banner-img{position:relative}
.main-content .movie-banner-img:before{position:absolute;top:50%;left:50%;z-index:1;display:block;width:24.44444%;height:43.25843%;background:url(/corporate/randd/laboratory/img/icon_play.png) center center/100% 100% no-repeat;transform:translate(-50%,-50%);pointer-events:none;content:''}
.main-content .movie-banner-img>img{width:100%}
.main-content .movie-banner-heading{background:linear-gradient(90deg,#0f5391 0,#1c7fa8 100%)}
.main-content .movie-banner-heading__sub{font-family:Manrope,sans-serif;line-height:1;letter-spacing:.18em}
.main-content .movie-banner-heading__main{letter-spacing:.12em}
.main-content .access-map-address{font-weight:300;text-align:center}
.main-content .access-map-inner{margin-top:25px;border:1px solid #ccc}
.main-content .c-section{position:relative}
.main-content .c-section--gry{background-color:#f2f2f2}
.main-content .c-section:not(:last-of-type)>.container{position:relative}
.main-content .c-section:not(:last-of-type)>.container:after,.main-content .c-section:not(:last-of-type)>.container:before{position:absolute;display:block;background:linear-gradient(135deg,var(--gd-color-1) 0,var(--gd-color-2) 100%);pointer-events:none;content:''}
.main-content .c-section:nth-of-type(2)>.container:after,.main-content .c-section:nth-of-type(5)>.container:after{content:none}
.main-content .c-section-heading{display:flex;font-size:1em;line-height:1;white-space:nowrap;align-items:center}
.main-content .c-section-heading__main{display:block;font-weight:400;letter-spacing:.12em}
.main-content .c-section-heading__sub{display:block;font-weight:400;font-family:Manrope,sans-serif;letter-spacing:.18em}
.main-content .c-section-lead{font-weight:300;letter-spacing:.08em}
.main-content .c-sub-section-heading{font-weight:700;line-height:1;letter-spacing:.1em;border-bottom:1px solid #b3b3b3}
.main-content .c-grid{display:flex;flex-wrap:wrap}
.main-content .c-slider:not(.slick-initialized){display:none}
.main-content .c-slider .slick-track{display:flex}
.main-content .c-slider .slick-arrow{position:absolute;background:linear-gradient(135deg,var(--gd-color-1) 0,var(--gd-color-2) 100%);border-radius:50%}
.main-content .c-slider .slick-arrow:before{position:absolute;top:50%;left:50%;display:block;background:url(/corporate/randd/laboratory/img/arrow_wht.svg) center center/contain no-repeat;pointer-events:none;content:''}
.main-content .c-slider .slick-arrow--prev:before{transform:translate(-50%,-50%) rotate(180deg)}
.main-content .c-slider .slick-arrow--next:before{transform:translate(-50%,-50%)}
.main-content .c-card{display:block}
.main-content .c-card-img>img{width:100%}
.main-content .c-card-summary{letter-spacing:.08em}
.main-content .c-card-summary>img{margin-left:.25em}
.main-content .c-card-summary>.blank-icon{margin-left:10px;width:1em;height:1em;background:url(/corporate/randd/common/img/img_blank_icon.png) center/contain no-repeat;display:inline-block;vertical-align:middle}
.main-content .c-card-date{margin-top:5px;letter-spacing:.08em;color:#757575}
.main-content .c-card-description{font-weight:300;letter-spacing:.08em}
.main-content .c-card-award-mark{text-align:right;margin-top: auto;}
.main-content .c-card-award-mark>img{width:110px;margin-top: 1.75em;}
.main-content .c-more-btn{position:relative;display:flex;align-items:center}
.main-content .c-more-btn:after,.main-content .c-more-btn:before{position:absolute;display:block;pointer-events:none;content:''}
.main-content .c-more-btn:before{bottom:0;left:0;width:100%;height:1px;background:linear-gradient(90deg,var(--gd-color-1) 0,var(--gd-color-2) 100%)}
.main-content .c-more-btn:after{top:50%;right:0;background:url(/corporate/randd/laboratory/img/arrow_blu.svg) center center/contain no-repeat;transform:translateY(-50%)}
.main-content .c-more-btn:hover{text-decoration:none}
.main-content .c-more-btn__text{position:relative;display:block;width:100%;font-family:Manrope,sans-serif;letter-spacing:.28em}
.main-content .u-gd{background:linear-gradient(90deg,var(--gd-color-1) 0,var(--gd-color-2) 100%);color:transparent;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.main-content .u-anm{opacity:0;transform:translateY(50px)}
.main-content .u-anm.is-visibled{animation:1s forwards anm}
#main{--gd-color-1:#066cc7;--gd-color-2:#2ab2ba}
#main .recruit-banner{position:absolute;top:0;height:100%;position:-webkit-sticky;position:sticky;bottom:0;left:0;z-index:100}
#main .recruit-banner>a{position:absolute;bottom:0;left:0;display:block;box-shadow:0 -8px 18px 0 rgba(0,0,0,.1);background:linear-gradient(135deg,#0f5391,#1c7fa8);color:#fff}
#main .recruit-banner>a:hover{text-decoration:none}
#main .recruit-banner.is-fixed>a{position:fixed;box-shadow:0 10px 26px 0 rgba(0,0,0,.25)}
#main .recruit-banner__txt{position:relative}
#main .recruit-banner__txt:before{position:absolute;left:0;background:url(/corporate/randd/laboratory/img/banner_icon.png) center/contain no-repeat;content:''}
#main .recruit-banner__txt--en{font-family:Manrope,sans-serif;letter-spacing:.08em}
#main .recruit-banner__txt--ja{margin-top:2px;letter-spacing:.08em}
#main .modal{position:fixed;top:0;left:0;width:100%;height:100%}
#main .modal:not(.show){z-index:-1;opacity:0;transition:z-index .5s,opacity .5s;pointer-events:none}
#main .modal.show{z-index:9999;transition:opacity .5s}
#main .modal-overlay{position:absolute;top:0;left:0;cursor:pointer;width:100%;height:100%;background-color:rgba(0,0,0,.7)}
#main .modal-container{position:relative;overflow-x:hidden;overflow-y:scroll;height:100%;text-align:center;white-space:nowrap;pointer-events:none}
#main .modal-container:before{display:inline-block;width:0;vertical-align:middle;content:''}
#main .modal-box{position:relative;display:inline-block;width:100%;vertical-align:middle;background-color:#fff;pointer-events:all}
#main .modal-close{position:absolute;top:0;right:0;cursor:pointer;display:block;background:linear-gradient(135deg,var(--gd-color-1) 0,var(--gd-color-2) 100%);border:0;border-radius:50%;transform:translate(50%,-50%)}
#main .modal-close:after,#main .modal-close:before{position:absolute;top:50%;left:50%;display:block;width:35%;height:2px;background-color:#fff;content:''}
#main .modal-close:before{transform:translate(-50%,-50%) rotate(45deg)}
#main .modal-close:after{transform:translate(-50%,-50%) rotate(-45deg)}
#main .modal-content{display:none}
#main .modal-content.current{display:block}
#main .modal-content__movie{position:relative;overflow:hidden;padding-top:56.25%}
#main .modal-content__movie>.video-js,#main .modal-content__movie>iframe,#main .modal-content__movie>video{position:absolute;top:0;left:0;width:100%;height:100%;border:0}
.annotation {margin-top: 6px;}
.annotation-item {font-size: .75rem;position: relative;padding-left: 1.2em;line-height: 1.8;}
.annotation-item span {position: absolute;left: 0;}
@keyframes anm{
0%{opacity:0;transform:translateY(50px)}
100%{opacity:1;transform:translateY(0)}
}
@keyframes slider_design_pc{
0%,28.57143%{background-image:url(/corporate/randd/laboratory/design/img/img_main_01.jpg)}
33.33333%,61.90476%{background-image:url(/corporate/randd/laboratory/design/img/img_main_02.jpg)}
66.66667%,95.2381%{background-image:url(/corporate/randd/laboratory/design/img/img_main_03.jpg)}
100%{background-image:url(/corporate/randd/laboratory/design/img/img_main_01.jpg)}
}
@keyframes slider_design_sp{
0%,28.57143%{background-image:url(/corporate/randd/laboratory/design/img/img_main_01_sp.jpg)}
33.33333%,61.90476%{background-image:url(/corporate/randd/laboratory/design/img/img_main_02_sp.jpg)}
66.66667%,95.2381%{background-image:url(/corporate/randd/laboratory/design/img/img_main_03_sp.jpg)}
100%{background-image:url(/corporate/randd/laboratory/design/img/img_main_01_sp.jpg)}
}
@media print,screen and (min-width:768px){
.corporate-breadcrumb{z-index:1}
.main-content{padding:0;line-height:2.25}
.main-content .main-visual{padding:95px 0 155px;line-height:1.4}
.main-content .main-visual__sub{font-size:2.32713em}
.main-content .main-visual__main{margin-top:15px;font-size:1.8617em}
.main-content .introduction{padding-bottom:120px}
.main-content .introduction-img{box-shadow:10px 10px 26px 0 rgba(0,0,0,.13)}
.main-content .introduction-img:before{right:-11px;bottom:-14px;width:25px;height:25px}
.main-content .introduction-img:after{right:-29px;bottom:-26px;width:15px;height:15px}
.main-content .introduction-img>img{margin-top:-120px}
.main-content .introduction-slider{box-shadow:10px 10px 26px 0 rgba(0,0,0,.13)}
.main-content .introduction-slider-inner{margin-top:-120px;padding-top:38.33049%;animation:16.5s linear infinite slider_design_pc}
.main-content .director{display:flex;margin-top:80px;justify-content:space-between}
.main-content .director.is-reverse{flex-direction:row-reverse}
.main-content .director-message{width:65.58773%}
.main-content .director-message-heading{margin-bottom:30px;font-size:1.8617em;line-height:1.78571}
.main-content .director-message-content{font-size:1.06383em;line-height:2.125}
.main-content .director-message-content>p+p{margin-top:35px}
.main-content .director-message-content>p>a{transition:opacity .3s}
.main-content .director-message-content>p>a:hover{opacity:.7}
.main-content .director-profile{width:30.6644%}
.main-content .director-profile-position{margin-top:25px;font-size:1.06383em}
.main-content .director-profile-name{margin-top:10px;font-size:1.46277em;line-height:1.45455}
.main-content .presentation{height:190px}
.main-content .presentation-list{padding:20px}
.main-content .presentation-item{padding-left:25px;font-size:.79787em;line-height:2}
.main-content .presentation-item:not(:first-child){margin-top:15px;padding-top:15px}
.main-content .presentation-item-summary:before{top:8px;left:-25px}
.main-content .tech--design .c-card{position:relative;z-index:1}
.main-content .tech--design .c-card-summary,.main-content .tech--design .c-card:before{position:absolute;opacity:0;transition:opacity .4s ease-out}
.main-content .tech--design .c-card:before{top:0;left:0;z-index:1;display:block;width:100%;height:100%;background-color:rgba(255,255,255,.8);pointer-events:none;content:''}
.main-content .tech--design .c-card-summary{top:50%;left:0;z-index:2;margin-top:0;width:100%;font-weight:700;text-align:center;transform:translateY(-50%)}
.main-content .tech--design .c-card:hover .c-card-summary,.main-content .tech--design .c-card:hover:before{opacity:1}
.main-content .movie-banner{display:flex;margin:50px auto 0;max-width:900px;flex-direction:row-reverse}
.main-content .movie-banner-img{width:50%}
.main-content .movie-banner-heading{display:flex;padding:0 5%;width:50%;flex-direction:column;justify-content:center}
.main-content .movie-banner-heading__sub{margin-bottom:25px;font-size:1.19681em}
.main-content .movie-banner-heading__main{font-size:1.72872em;line-height:1.61538}
.main-content .access-map{margin:55px 0 -120px;height:640px}
.main-content .access-map-grid{display:flex;margin-top:55px;justify-content:space-between}
.main-content .access-map-column{width:49.40375%}
.main-content .access-map-address{font-size:1.06383em;line-height:2}
.main-content .access-map-inner{height:480px}
.main-content .c-section{padding:120px 0}
.main-content .c-section:not(.c-section--gry)+:not(.c-section--gry){margin-top:-120px}
.main-content .c-section:not(:last-of-type)>.container:after,.main-content .c-section:not(:last-of-type)>.container:before{transform:translateY(-120px)}
.main-content .c-section:not(:last-of-type)>.container:before{width:40px;height:40px}
.main-content .c-section:not(:last-of-type)>.container:after{width:15px;height:15px}
.main-content .c-section:nth-of-type(2)>.container:before{top:-20px;left:-29px}
.main-content .c-section:nth-of-type(3)>.container:before{top:-20px;right:-7px}
.main-content .c-section:nth-of-type(3)>.container:after{top:-36px;right:33px}
.main-content .c-section:nth-of-type(4)>.container:before{top:-17px;left:-39px;width:35px;height:35px;}
.main-content .c-section:nth-of-type(4)>.container:after{top:18px;left:-4px;}
.main-content .c-section:nth-of-type(5)>.container:before{top:-21px;right:-7px;}
.main-content .c-section:nth-of-type(6)>.container:before{top:-21px;left:-29px;}
.main-content .c-section:nth-of-type(6)>.container:after{top:-36px;left:-44px;}
.main-content .c-section:nth-of-type(7)>.container:before{top:-20px;right:-7px}
.main-content .c-section:nth-of-type(7)>.container:after{top:-36px;right:33px}
.main-content .c-section-heading{margin-bottom:55px}
.main-content .c-section-heading__main{font-size:2.65957em}
.main-content .c-section-heading__sub{margin:15px 0 0 30px;font-size:1.19681em}
.main-content .c-section-lead{margin-top:-25px;font-size:1.06383em;line-height:2.25}
.main-content .c-section-lead--pr{padding-right: 200px;}
.main-content .c-sub-section{margin-top:80px}
.main-content .c-sub-section+.c-sub-section{margin-top:72px}
.main-content .c-sub-section-heading{margin-bottom:40px;padding-bottom:25px;font-size:1.32979em}
.main-content .c-grid{margin-top:40px}
.main-content .c-column--col3{width:30.6644%}
.main-content .c-column--col3:not(:nth-child(3n)){margin-right:4.00341%}
.main-content .c-column--col3:nth-child(n+4){margin-top:55px}
.main-content .c-column--col4{width:22.95571%}
.main-content .c-column--col4:not(:nth-child(4n)){margin-right:2.72572%}
.main-content .c-column--col4:nth-child(n+5){margin-top:55px}
.main-content .c-slider{margin-top:40px}
.main-content .c-slider .slick-list{overflow:hidden;margin-left:calc(var(--slick-margin)/ 2 * -1)}
.main-content .c-slider .slick-slide{margin:0 calc(var(--slick-margin)/2)}
.main-content .c-slider .slick-arrow{top:-146px;width:74px;height:74px;transition:opacity .3s}
.main-content .c-slider .slick-arrow:before{width:17px;height:15px}
.main-content .c-slider .slick-arrow:hover{opacity:.7}
.main-content .c-slider .slick-arrow--prev{right:92px}
.main-content .c-slider .slick-arrow--next{right:0}
.main-content .c-card{transition:opacity .3s;display: flex;flex-direction: column;height: 100%;}
.main-content .c-card-img{box-shadow:10px 10px 26px 0 rgba(0,0,0,.13)}
.main-content .c-card-summary{margin-top:25px;font-size:1.06383em;line-height:1.75}
.main-content .c-card-summary>img{vertical-align:-1px}
.main-content .c-card-date{font-size:.86436em}
.main-content .c-card-description{margin-top:8px;font-size:.93085em;line-height:1.85714}
.main-content .c-more-btn{margin:40px auto 0;padding-right:15px;width:140px;height:52px;transition:opacity .3s}
.main-content .c-more-btn:after{width:11px;height:10px}
.main-content .c-more-btn:hover{opacity:.5}
.main-content .c-more-btn__text{font-weight:300;font-size:1.06383em;line-height:1.625}
.main-content .u-scale-img{overflow:hidden}
.main-content .u-scale-img>img{transition:transform .3s}
.main-content .u-scale:hover .u-scale-img>img{transform:scale(1.1)}
.main-content .spOnly{display:none!important}
#main .recruit-banner{width:304px}
#main .recruit-banner>a{padding:18px 16px 20px;width:304px;height:84px;transition:opacity .3s}
#main .recruit-banner>a:hover{opacity:.8}
#main .recruit-banner__txt{padding-left:70px}
#main .recruit-banner__txt:before{top:calc(50% - 12px);width:44px;height:31px}
#main .recruit-banner__txt--en{font-size:.93085em;line-height:1.35714}
#main .recruit-banner__txt--ja{font-size:1.19681em;line-height:1.44444}
#main .modal-container{padding:50px 13px}
#main .modal-container:before{height:calc(100% - 100px)}
#main .modal-box{max-width:1174px}
#main .modal-close{width:80px;height:80px;transition:opacity .3s}
#main .modal-close:hover{opacity:.7}
#main .modal-content{padding:40px}
}
@media screen and (max-width:767px){
#main .main_image{background-position:50% 50%;background-size:cover}
#main .main_image .container{padding-bottom:80%}
#main .main_image .title{height:0;background-repeat:no-repeat;background-position:center top;background-size:100% auto}
#main .main_image .title img{display:none}
#main .index_section .headline{font-size:1.43em}
#main .index_section.introduction_randd .container{padding-top:50px;padding-bottom:70px}
#main .index_section.introduction_randd .headline{margin-bottom:15px}
#main .index_section.introduction_randd .lead{margin-bottom:50px}
#main .index_section.introduction_randd .item+.item,#main .index_section.introduction_randd .item+.pageBreak+.item{margin-top:50px}
#main .index_section.introduction_randd .item .category_name{margin-bottom:10px;padding-bottom:5px;font-size:1.14em}
#main .index_section.introduction_randd .item .grid_3col{display:flex;margin-top:20px}
#main .index_section.introduction_randd .item .grid_3col .col{width:46.83%;margin:15px 0 0}
#main .index_section.introduction_randd .item .grid_3col .col:nth-child(even){margin-left:6.27%}
#main .index_section.introduction_randd .item .grid_3col .col:nth-child(-n+2){margin-top:0}
#main .index_section.introduction_randd .item .grid_4col{margin-top:20px}
#main .index_section.introduction_randd .item .col a .name{margin-top:5px;font-size:.86em}
#main .index_section.access .container{padding-top:40px}
#main .index_section.access .headline{margin-bottom:5px}
#main .index_section.access .address{margin-bottom:35px}
#main .index_section.access .address .tel{display:block;padding-left:0}
#main .index_section.access #access_map{height:350px}
.main-content{padding:0;line-height:1.71429}
.main-content .container{padding-right:30px!important;padding-left:30px!important}
.main-content .main-visual{padding:20px 0 105px}
.main-content .main-visual__sub{font-size:1.35714em;line-height:1.63158}
.main-content .main-visual__main{margin-top:5px;font-size:1.28571em}
.main-content .introduction{padding-bottom:55px}
.main-content .introduction-img{box-shadow:5px 5px 13px 0 rgba(0,0,0,.13)}
.main-content .introduction-img:before{right:-6px;bottom:-11px;width:21px;height:21px}
.main-content .introduction-img:after{right:-15px;bottom:-20px;width:9px;height:9px}
.main-content .introduction-img>img{margin-top:-90px}
.main-content .introduction-slider{box-shadow:5px 5px 13px 0 rgba(0,0,0,.13)}
.main-content .introduction-slider-inner{margin-top:-90px;padding-top:66.66667%;animation:16.5s linear infinite slider_design_sp}
.main-content .director{position:relative;margin-top:30px;padding-top:77.77778%}
.main-content .director-message{margin-top:20px}
.main-content .director-message-heading{margin-bottom:15px;font-size:1.28571em;line-height:1.55556}
.main-content .director-message-content>p+p,.main-content .director-profile{margin-top:25px}
.main-content .director-profile-img{position:absolute;top:0;left:0;width:100%}
.main-content .director-profile-position{font-size:.85714em}
.main-content .director-profile-name{margin-top:5px;font-size:1.14286em}
.main-content .presentation{height:330px}
.main-content .presentation-list{padding:15px 30px}
.main-content .presentation-item{font-size:.85714em;line-height:1.66667}
.main-content .presentation-item:not(:first-child){margin-top:5px;padding-top:5px}
.main-content .presentation-item-summary:before{top:5px;left:-15px}
.main-content .movie-banner{display:block;margin-top:30px}
.main-content .movie-banner-heading{padding:20px 20px 30px}
.main-content .movie-banner-heading__sub{margin-bottom:15px;font-size:.85714em}
.main-content .movie-banner-heading__main{font-size:1.35714em;line-height:1.39474}
.main-content .access-map{margin:30px 0 -60px;height:350px}
.main-content .access-map-column:not(:first-child),.main-content .access-map-grid{margin-top:30px}
.main-content .access-map-address{line-height:1.7}
.main-content .access-map-inner{height:315px}
.main-content .c-section{padding:60px 0}
.main-content .c-section:not(.c-section--gry)+:not(.c-section--gry){margin-top:-60px}
.main-content .c-section:not(:last-of-type)>.container:after,.main-content .c-section:not(:last-of-type)>.container:before{transform:translateY(-60px)}
.main-content .c-section:not(:last-of-type)>.container:before{width:21px;height:21px}
.main-content .c-section:not(:last-of-type)>.container:after{width:9px;height:9px}
.main-content .c-section:nth-of-type(2)>.container:before{top:-15px;left:15px;width:30px;height:30px}
.main-content .c-section:nth-of-type(3)>.container:before{top:-10px;right:15px}
.main-content .c-section:nth-of-type(3)>.container:after{top:-19px;right:36px}
.main-content .c-section:nth-of-type(4)>.container:before{top:-10px;left:15px}
.main-content .c-section:nth-of-type(4)>.container:after{top:11px;left:36px}
.main-content .c-section:nth-of-type(5)>.container:before{top:-15px;right:15px;width:30px;height:30px}
.main-content .c-section:nth-of-type(6)>.container:before{top:-10px;left:24px}
.main-content .c-section:nth-of-type(6)>.container:after{top:-19px;left:15px}
.main-content .c-section:nth-of-type(7)>.container:before{top:-10px;right:15px}
.main-content .c-section:nth-of-type(7)>.container:after{top:-19px;right:36px}
.main-content .c-section-heading{margin-bottom:25px}
.main-content .c-section-heading.word-wrap{flex-wrap:wrap}
.main-content .c-section-heading.word-wrap .c-section-heading__main{margin-right:10px}
.main-content .c-section-heading.word-wrap .c-section-heading__sub{margin-left:0;margin-top:10px}
.main-content .c-section-heading__main{font-size:1.5em}
.main-content .c-section-heading__sub{margin:8px 0 0 10px;font-size:.85714em}
.main-content .c-section-lead{margin-top:-10px}
.main-content .c-sub-section{margin-top:45px}
.main-content .c-sub-section+.c-sub-section{margin-top:50px}
.main-content .c-sub-section-heading{margin-bottom:20px;padding-bottom:20px;font-size:1.14286em}
.main-content .c-grid{margin-top:25px}
.main-content .c-column--col3{width:100%}
.main-content .c-column--col3:not(:first-child){margin-top:35px}
.main-content .c-column--col4{width:46.8254%}
.main-content .c-column--col4:nth-child(even){margin-left:6.34921%}
.main-content .c-column--col4:nth-child(n+3){margin-top:30px}
.main-content .c-slider{margin:25px -30px 0 0}
.main-content .c-slider .slick-list{overflow:hidden;margin:0 calc(var(--slick-margin)/-2) calc(var(--slick-margin) * -1);padding-bottom:var(--slick-margin)}
.main-content .c-slider .slick-slide{width:285px}
.main-content .c-slider .slick-slide:not(:last-child){margin-right:20px}
.main-content .c-card-img{box-shadow:5px 5px 13px 0 rgba(0,0,0,.13)}
.main-content .c-card-summary{margin-top:15px;font-size:1.07143em}
.main-content .c-card-summary>img{vertical-align:-3px}
.main-content .c-card-date{font-size:.92857em}
.main-content .c-more-btn{margin:30px auto 0;padding-right:10px;width:100px;height:34px}
.main-content .c-more-btn:after{width:9px;height:8px}
.main-content .c-more-btn__text{font-size:.75em;line-height:17,10.5}
.main-content .pcOnly{display:none!important}
#main .recruit-banner{width:220px}
#main .recruit-banner>a{padding:16px 10px;width:220px;height:60px}
#main .recruit-banner__txt{padding-left:43px}
#main .recruit-banner__txt:before{top:calc(50% - 10px);width:28px;height:21px}
#main .recruit-banner__txt--en{font-size:.71429em;line-height:1.35}
#main .recruit-banner__txt--ja{line-height:1}
#main .modal-container{padding:15px}
#main .modal-container:before{height:calc(100% - 30px)}
#main .modal-close{width:44px;height:44px}
#main .modal-content{padding:15px}
}
@media print,screen and (min-width:1200px){
.main-content .c-slider{--slick-margin:47px}
.main-content .c-slider .slick-list{margin-right:calc(50% - 50vw);padding-right:calc(50vw - 50% - var(--slick-margin)/ 2)}
}
@media print,screen and (min-width:768px) and (max-width:1199px){
.main-content .c-slider{--slick-margin:3.91667vw}
.main-content .c-slider .slick-list{margin-right:-13px;padding-right:calc(13px - var(--slick-margin)/ 2)}
}

/* 240823 */
.main-content .c-section:nth-of-type(5)>.container:before{display: none;}
.main-content .c-section:nth-of-type(6)>.container:before{display: none;}
.main-content .c-section:nth-of-type(6)>.container:after{display: none;}
.main-content .c-section--grad{background: linear-gradient(135deg, #0f5391, #1c7fa8);margin-top: 0!important;padding-top: 80px;padding-bottom: 80px;}
.main-content .c-section--grad .c-section-heading{margin-bottom: 48px;}
.main-content .c-section--grad .c-section-heading__main{color: #fff;}
.main-content .c-section--grad .c-section-heading__sub{color: #fff;}
.main-content .introduction-banner{display: flex;justify-content: space-between;}
.main-content .introduction-banner > li{filter: drop-shadow(10px 10px 26px rgba(0,0,0,0.13));}
.main-content .introduction-banner a{position: relative;background-color: #fff;line-height: 1;transition: filter .3s ease;}
.main-content .introduction-banner a:hover{text-decoration: none;filter: brightness(108%);}
.main-content .introduction-banner .introduction-banner-main{display: flex;justify-content: flex-start;align-items: center;height: 127px; background-color: #fff;font-size: 1.25rem;font-weight: 500;color: #066cc7;padding: 0 0 0 40px;letter-spacing: .14em;}
.main-content .introduction-banner .introduction-banner-sub{display: block;background: linear-gradient(90deg, #066cc7, #2ab2ba);font-size: 1rem;font-weight: 400;color: #fff;padding: 14px 0 16px 40px;letter-spacing: .18em;}
.main-content .introduction-banner .introduction-banner-sub > span{display: inline-block;position: relative;}
.main-content .introduction-banner .introduction-banner-sub .introduction-banner-arrow{padding-right: 18px;}
.main-content .introduction-banner .introduction-banner-sub .introduction-banner-arrow::before,
.main-content .introduction-banner .introduction-banner-sub .introduction-banner-arrow::after{display: block;content: '';position: absolute;margin: auto;}
.main-content .introduction-banner .introduction-banner-sub .introduction-banner-arrow::before{width: 9px;height: 1px;background-color: #fff;right: 0;top: 8px;}
.main-content .introduction-banner .introduction-banner-sub .introduction-banner-arrow::after{width: 7px;height: 7px;transform: rotate(45deg);border-top: 1px solid #fff;border-right: 1px solid #fff;right: 0;top: 5px;}
.main-content .introduction-banner .introduction-banner-sub .introduction-banner-ebook{padding-right: 62px;}
.main-content .introduction-banner .introduction-banner-sub .introduction-banner-ebook::before{display: block;content: '';position: absolute;width: 55px;height: 18px;right: 0;top: 0;background: url(/corporate/randd/laboratory/advanced_technology/img/icon_ebook.png) 0 0 no-repeat;background-size: cover;}
.main-content .introduction-banner li a{display: block;}
.main-content .introduction-banner .introduction-banner-thumb{position: absolute;right: 11px;top: 0;bottom: 0;margin: auto;display: flex;align-items: center;}
.main-content .introduction-banner .introduction-banner-thumb img{display: block; width: auto;max-height: 100%;}
.main-content .introduction-banner .movie .introduction-banner-thumb{width: auto;height: 152px;}
.main-content .introduction-banner .pamphlet .introduction-banner-thumb{width: auto;height: 149px;}
@media print,screen and (min-width:768px){
	.main-content .introduction-banner > li{width: 47.87053%;}
	.main-content .introduction-banner .introduction-banner-thumb img{filter: drop-shadow(10px 10px 26px rgba(0,0,0,0.13));}
	.main-content .introduction-banner .introduction-banner-main span{margin-top: 6px;}
	.main-content .introduction-banner .movie .introduction-banner-thumb{width: 47.1530249%;}
	.main-content .introduction-banner .pamphlet .introduction-banner-thumb{width: 18.683275%;}
	.main-content .introduction-banner .movie .introduction-banner-main{padding-right: calc(47.1530249% + 22px);}
	.main-content .introduction-banner .pamphlet .introduction-banner-main{padding-right: calc(18.683275% + 22px);}
}
@media print,screen and (max-width:767px){
	.main-content .c-section--grad{padding: 40px 0;}
	.main-content .c-section--grad .c-section-heading{display: block;margin-bottom: 24px;}
	.main-content .c-section--grad .c-section-heading .c-section-heading__sub{margin: 18px 0 0 0;}
	.main-content .introduction-banner{display: block;}
	.main-content .introduction-banner > li{width: 100%;filter: drop-shadow(5px 5px 13px rgba(0,0,0,0.13));}
	.main-content .introduction-banner .pamphlet{margin-top: 20px;}
	.main-content .introduction-banner .introduction-banner-main{padding-left: 20px;font-size: 1rem;height: 100px;line-height: calc(46 / 32);}
	.main-content .introduction-banner .introduction-banner-sub{padding-left: 20px;font-size: 0.6875rem;padding-top: 10px;padding-bottom: 10px;}
	.main-content .introduction-banner .introduction-banner-main span{margin-top: 6px;}
	.main-content .introduction-banner .movie .introduction-banner-thumb{width: 145px;}
	.main-content .introduction-banner .pamphlet .introduction-banner-thumb{width: 74px;}
	.main-content .introduction-banner .movie .introduction-banner-main{padding-right: calc(145px + 12px);}
	.main-content .introduction-banner .pamphlet .introduction-banner-main{padding-right: calc(84px + 12px);}
	.main-content .introduction-banner .introduction-banner-sub .introduction-banner-arrow{padding-right: 18px;}
	.main-content .introduction-banner .introduction-banner-sub .introduction-banner-arrow::before{width: 8px;height: 1px;background-color: #fff;top: 6px;}
	.main-content .introduction-banner .introduction-banner-sub .introduction-banner-arrow::after{width: 5px;height: 5px;transform: rotate(45deg);top: 4px;}
	.main-content .introduction-banner .introduction-banner-sub .introduction-banner-ebook{padding-right: 35px;}
	.main-content .introduction-banner .introduction-banner-sub .introduction-banner-ebook::before{width: 28px;height: 9px;top: 2px;}
}

/* 240925 */
.main-content .c-text-grad{background: linear-gradient(130deg, #0f5391, #1c7fa8);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
/* swiperフェード時のバグ修正用 */
.main-content .swiper-fade .swiper-slide {transition-property: opacity !important;}
/* technology */
.main-content .technology{letter-spacing: 0.08em;}
.main-content .technology .h-scale .h-scale__img {overflow: hidden;isolation: isolate}
.main-content .technology .h-scale img {-webkit-transition: .5s;transition: .5s;overflow: hidden;}
.main-content .technology .b-shadow {filter:drop-shadow(10px 10px 13px rgba(0,0,0,.13));}
@media print, screen and (max-width: 767px) {
	.main-content .technology .b-shadow {filter:drop-shadow(5px 5px 13px rgba(0,0,0,.13));}
}
/* technology - edge-img */
.main-content .edge-img--side {position: relative;}
.main-content .edge-img--side::before,
.main-content .edge-img--side .edge-img__vertical::before {background: -moz-linear-gradient(130deg, #066cc7, #0583c8);background: -webkit-linear-gradient(130deg, #066cc7, #0583c8);background: linear-gradient(130deg, #066cc7, #0583c8);}
.main-content .edge-img--side::after,
.main-content .edge-img--side .edge-img__vertical::after {background: -moz-linear-gradient(130deg, #29b1ba, #29b1ba);background: -webkit-linear-gradient(130deg, #29b1ba, #29b1ba);background: linear-gradient(130deg, #29b1ba, #29b1ba);}
.main-content .edge-img--side::before {background: -moz-linear-gradient(130deg, #066cc7, #29b1ba);background: -webkit-linear-gradient(130deg, #066cc7, #29b1ba);background: linear-gradient(130deg, #066cc7, #29b1ba);}
.main-content .edge-img--side::after {background: -moz-linear-gradient(130deg, #0685c7, #29b1ba);background: -webkit-linear-gradient(130deg, #0685c7, #29b1ba);background: linear-gradient(130deg, #0685c7, #29b1ba);}
.main-content .edge-img--side .edge-img__vertical {display: block;}
.main-content .edge-img--side::before,
.main-content .edge-img--side::after {content: "";position: absolute;width: 100%;height: 8px;transition: all 0.14s linear;transition-delay: 0.14s;z-index: 999;}
.main-content .edge-img--side .edge-img__vertical::before,
.main-content .edge-img--side .edge-img__vertical::after {content: "";position: absolute;width: 8px;height: 100%;z-index: 999;transition: all 0.2s linear;}
.main-content .edge-img--side::before {top: 0;transform: scale(0, 1);transform-origin: right;}
.main-content .edge-img--side::after {bottom: 0;transform: scale(0, 1);transform-origin: left;}
.main-content .edge-img--side .edge-img__vertical::before {left: 0;transform: scale(1, 0);transform-origin: top;}
.main-content .edge-img--side .edge-img__vertical::after {right: 0;bottom: 0;transform: scale(1, 0);transform-origin: bottom;}
@media print, screen and (min-width: 768px) {
	/* hover */
	.main-content .h-scale:hover {text-decoration: none;}
	.main-content .h-scale:hover img {-webkit-transform: scale(1.1);transform: scale(1.1);}
	.main-content .h-link:hover .arrow-btn__link span::before {transform: translateX(7px) rotate(45deg);}
	.main-content .h-link:hover .arrow-btn__link span::after {transform: translateX(7px);}
	.main-content .h-link:hover .underline::before {transform: scale(1, 1);border-width: medium;}
	.main-content .h-link:hover .arrow-btn__link.underline::before {transform: scale(1.06, 1);border-width: medium;}
	.main-content .h-edge:hover .edge-img--side::before {transform: scale(1, 1);}
	.main-content .h-edge:hover .edge-img--side::after {transform: scale(1, 1);}
	.main-content .h-edge:hover .edge-img__vertical::before {transform: scale(1, 1);}
	.main-content .h-edge:hover .edge-img__vertical::after {transform: scale(1, 1);}
}
/* media-active */
.main-content .media-active.h-scale {text-decoration: none;}
.main-content .media-active.h-scale img {-webkit-transform: scale(1.1);transform: scale(1.1);}
.main-content .media-active .h-link .arrow-btn__link span::before {transform: translateX(7px) rotate(45deg);}
.main-content .media-active .h-link .arrow-btn__link span::after {transform: translateX(7px);}
.main-content .media-active .h-link .underline::before {transform: scale(1, 1);border-width: medium;}
.main-content .media-active .h-link .arrow-btn__link.underline::before {transform: scale(1.06, 1);border-width: medium;}
.main-content .media-active.h-edge .edge-img--side::before {transform: scale(1, 1);}
.main-content .media-active.h-edge .edge-img--side::after {transform: scale(1, 1);}
.main-content .media-active.h-edge .edge-img__vertical::before {transform: scale(1, 1);}
.main-content .media-active.h-edge .edge-img__vertical::after {transform: scale(1, 1);}
@media print, screen and (max-width: 767px) {
	.main-content .edge-img--side::before,
	.main-content .edge-img--side::after {height: 4px;}
	.main-content .edge-img--side .edge-img__vertical::before,
	.main-content .edge-img--side .edge-img__vertical::after {width: 4px;}
}

/* technology - thumb */
.main-content .technology .technology-thumb-list{display: flex;flex-wrap: wrap; margin: 55px auto 0;}
.main-content .technology .technology-thumb-list__box a:hover{text-decoration: none;}
.main-content .technology .technology-thumb-list__box .technology-thumb-list__image{z-index: 0;}
.main-content .technology .technology-thumb-list__box .technology-thumb-list__name{color: #4a4a4a;}
@media print, screen and (min-width: 768px) {
	.main-content .technology .technology-thumb-list__box{width: 32.2%;margin: 30px 0 0 1.7%;cursor: pointer;}
	.main-content .technology .technology-thumb-list__box:nth-of-type(-n + 3){margin-top: 0;}
	.main-content .technology .technology-thumb-list__box:nth-of-type(3n + 1){margin-left: 0;}
	.main-content .technology .technology-thumb-list__box .technology-thumb-list__image{box-shadow: 10px 10px 26px rgba(0,0,0,.13);}
	.main-content .technology .technology-thumb-list__box .technology-thumb-list__name{font-size: 1rem;margin-top: 10px;}
	.main-content .technology .technology-thumb-list__box a{transition: color .3s;}
	.main-content .technology .technology-thumb-list__box a:hover{color: #066cc7;}
}
@media print, screen and (max-width: 767px) {
	.main-content .technology .technology-thumb-list{display: flex;flex-wrap: wrap; margin: 20px auto 0;}
	.main-content .technology .technology-thumb-list__box{width: 47.62%;margin: 15px 0 0 4.76%;}
	.main-content .technology .technology-thumb-list__box:nth-of-type(-n + 2){margin-top: 0;}
	.main-content .technology .technology-thumb-list__box:nth-of-type(2n + 1){margin-left: 0;}
	.main-content .technology .technology-thumb-list__box .technology-thumb-list__image{box-shadow: 5px 5px 13px rgba(0,0,0,.13);}
	.main-content .technology .technology-thumb-list__box .technology-thumb-list__name{font-size: 0.75rem;line-height: 1.5;margin-top: 5px;}
}
/* technology - slider */
.main-content .technology .technology-slider-container{overflow: hidden;position: relative;}
.main-content .technology .technology-slider *{box-sizing: border-box;}
.main-content .technology .technology-slider{width: auto;max-width: 1174px;padding: 0 min(140px,11.6695%) 30px;margin: 0 auto;position: relative;z-index: 1;}
.main-content .technology .technology-slider .slick-slider{position: relative;}
.main-content .technology .technology-slider .slick-track{display: flex;}
.main-content .technology .technology-slider .slick-slide{height: 100%;}
@media print, screen and (min-width: 768px) {
	.main-content .technology .technology-slider-container{margin-top: 80px;padding: 0;}
	.main-content .technology .technology-slider__content{background-color: #fff;}
}
@media print, screen and (max-width: 767px) {
	.main-content .technology .technology-slider-container{margin-top: 40px;padding: 0;}
	.main-content .technology .technology-slider{padding: 0 30px 30px;}
	.main-content .technology .technology-slider::after{content: ''; width: calc(100% - 60px); height: 100%; position: absolute; left: 0; right: 0; top: 0; margin: auto; background-color: #fff;}
}

/* technology - slider - main */
.main-content .technology .technology-slider__title{font-weight: 500;}
.main-content .technology .technology-slider__detail{font-weight: 400;}
.main-content .technology .technology-slider__field{font-weight: 400;background-color: #f2f2f2;}
.main-content .technology .technology-slider__photo{background-color: #fff;}
.main-content .technology .technology-slider__photo img{width: 100%; max-width: 100%;}
@media print, screen and (min-width: 768px) {
	.main-content .technology .technology-slider__main{width: 100%; display: grid; grid-template-columns: auto 364px; grid-template-areas:'b a''c a''d a';}
	.main-content .technology .technology-slider__photo{order: 2;grid-area: a;}
	.main-content .technology .technology-slider__title{order: 1;grid-area: b;margin-right: 40px;font-size: 1.375rem;line-height: 1.2;margin-bottom: 20px;}
	.main-content .technology .technology-slider__detail{order: 3;grid-area: c;margin-right: 40px;font-size: 1rem;line-height: calc(36/16);margin-bottom: 15px;}
	.main-content .technology .technology-slider__field{order: 4;grid-area: d;margin-right: 40px;font-size: 1rem;line-height: calc(28/16);padding: 25px 30px;margin-top: 0;border-radius: 10px;}
}
@media print, screen and (max-width: 767px) {
	.main-content .technology .technology-slider__photo{width: 100%;}
	.main-content .technology .technology-slider__photo img{height: 227px;object-fit: cover;}
	.main-content .technology .technology-slider__title{font-size: 1rem;font-weight: 500;margin: 20px auto 0;}
	.main-content .technology .technology-slider__detail{font-size: 0.875rem;font-weight: 400;margin: 10px auto 0;}
	.main-content .technology .technology-slider__field{font-size: 0.875rem;font-weight: 400;background-color: #f2f2f2;padding: 20px;margin: 15px auto 0;}
}

/* technology - slider - sub */
.main-content .technology .technology-slider__sub{border-top: 1px solid #cfcfcf;}
.main-content .technology .technology-slider__news li a{display: block;}
.main-content .technology .technology-slider__news .technology-slider__news__inner{display: flex; flex-wrap: wrap; align-items: center; background-color: #fff; width: 100%;}
.main-content .technology .technology-slider__news-image img{display: block;}
.main-content .technology .technology-slider__news-title{color: #4a4a4a;}
@media print, screen and (min-width: 768px) {
	.main-content .technology .technology-slider__sub{margin: 35px auto 0;padding: 35px 0 0;}
	.main-content .technology .technology-slider__news{display: grid;grid-template-columns: 1fr 1fr; grid-template-rows: 90px; gap: 20px;}
	.main-content .technology .technology-slider__news li{max-width: 440px;}
	.main-content .technology .technology-slider__news li a:hover{text-decoration: none;}
	.main-content .technology .technology-slider__news li a:hover .technology-slider__news-title{color: #066CC7;}
	.main-content .technology .technology-slider__news-title{font-size: 1rem;line-height: calc(26 / 16);width: calc(100% - 125px);padding: 0 15px 0 25px;}
	.main-content .technology .technology-slider__news-image{width: 125px;}
}
@media print, screen and (max-width: 767px) {
	.main-content .technology .technology-slider__sub{margin: 20px auto 0;padding: 20px 0 0;border-top: 1px solid #cfcfcf;}
	.main-content .technology .technology-slider__news li{margin: 10px auto 0;}
	.main-content .technology .technology-slider__news li:first-of-type{margin-top: 0;}
	.main-content .technology .technology-slider__news-title{font-size: 0.75rem;line-height: calc(38 / 24);width: calc(100% - 84px);padding: 0 13px 0 20px;}
	.main-content .technology .technology-slider__news-image{width: 84px;}
	.main-content .technology .technology-slider__news-image img{display: block;}
}

/* technology - nav */
.main-content .technology .technology-slider-nav {position: relative;height: 0;}
.main-content .technology .technology-slider-nav__item {position: absolute;z-index: 1;display: block;top: 0;cursor: pointer;width: 150px;font-size: 0.9309em;text-align: center;line-height: 1.4286;color: #4a4a4a;}
.main-content .technology .technology-slider-nav__item.is-prev{left: -287px;}
.main-content .technology .technology-slider-nav__item.is-next{right: -287px;}
.main-content .technology .technology-slider-nav__item:not(.is-prev):not(.is-next){left: -100vw;opacity: 0;pointer-events: none;}
.main-content .technology .technology-slider-nav__item img {margin-bottom: 8px;width: 100%;vertical-align: top;}
@media print, screen and (min-width: 768px) {
	.main-content .technology .technology-slider-nav__item {transition: opacity .3s;}
	.main-content .technology .technology-slider-nav__item:hover {opacity: 0.7;}
}
@media print, screen and (max-width: 767px) {
	.main-content .technology .technology-slider-nav{top: 87px;}
	.main-content .technology .technology-slider-nav__item{width: 75px;}
	.main-content .technology .technology-slider-nav__item > span{display: none;}
	.main-content .technology .technology-slider-nav__item.is-prev{left: -92px;}
	.main-content .technology .technology-slider-nav__item.is-next{right: -92px;}
}

/* technology - arrow */
.main-content .technology .technology-slider .slick-arrow{width: 74px;height: 74px;position: absolute;top: 57px;font-size: 0;background: linear-gradient(135deg,#066cc7 0,#2ab2ba 100%);border-radius: 50%;z-index: 1005;}
.main-content .technology .technology-slider .slick-arrow:before{position: absolute;top: calc(50% - 7px);left: calc(50% - 8px);display: block;background: url(/corporate/randd/laboratory/img/arrow_wht.svg) center center/contain no-repeat;content: '';width: 17px;height: 14px;}
.main-content .technology .technology-slider .slick-prev::before{transform: rotate(180deg);}
@media print, screen and (min-width: 768px) {
	.main-content .technology .technology-slider .slick-arrow{transition: opacity .3s;}
	.main-content .technology .technology-slider .slick-prev{left: -105px;}
	.main-content .technology .technology-slider .slick-next{right: -105px;}
	.main-content .technology .technology-slider .slick-prev:hover,
	.main-content .technology .technology-slider .slick-next:hover{opacity:.7;}
}
@media print, screen and (max-width: 767px) {
	.main-content .technology .technology-slider .slick-arrow{width: 37px;height: 37px;top: 94px;}
	.main-content .technology .technology-slider .slick-arrow:before{width: 11px;height: 9px;top: calc(50% - 4px);left: calc(50% - 6px);}
	.main-content .technology .technology-slider .slick-prev{left:-9px;}
	.main-content .technology .technology-slider .slick-next{right:-9px;}
}

/* technology - technology-slider-side-thumb */
.main-content .technology .technology-slider-side-thumb .swiper-wrapper,
.main-content .technology .technology-slider-side-thumb .swiper-slide{transition: none;}
.main-content .technology .technology-slider-side-thumb li{pointer-events: none;}
.main-content .technology .technology-slider-side-thumb li > *{transition: all .5s ease-out;}
.main-content .technology .technology-slider-side-thumb li p{font-size: 0.875rem;line-height: 1.5;margin-top: 12px;text-align: center;}
.main-content .technology .technology-slider-side-thumb li.swiper-slide-active{opacity: 0; pointer-events: none;}
@media print, screen and (min-width: 768px) {
	.main-content .technology .technology-slider-side-thumb__wrap{overflow: hidden;width: 1535px;padding: 0 30px; position: absolute;left: 50%;right: 0;margin: auto;z-index: 0;transform: translateX(-50%);}
}
@media print, screen and (max-width: 767px) {
	.main-content .technology .technology-slider-side-thumb__wrap{overflow: hidden;width: 100%;padding: 0; position: absolute; top: 0; left: 0; right: 0; margin: auto;z-index: -1;}
	.main-content .technology .technology-slider-side-thumb li p{display: none;}
	.main-content .technology .technology-slider-side-thumb li.swiper-slide img{height: 227px; width: 100%; object-fit: cover;}
	.main-content .technology .technology-slider-side-thumb li.swiper-slide-prev img{transform-origin: center right; transform: translateX(45px) scale(0.3);}
	.main-content .technology .technology-slider-side-thumb li.swiper-slide-next img{transform-origin: center left; transform: translateX(-45px) scale(0.3);}
}


/* design */
.main-content .design-contents{width: 100%;display: flex;letter-spacing: 0.08em;}
.main-content .design__photo{width: 365px;order: 2;filter:drop-shadow(10px 10px 26px rgba(0,0,0,.13));}
.main-content .design__text{width: calc(100% - 365px);margin-right: 40px;order: 1;}
.main-content .design__detail{margin-right: 40px;line-height: calc(36/16);margin-bottom: 15px;font-size: 1rem;font-weight: 400;}
.main-content .design__field{line-height: calc(28/16);font-size: 1rem;font-weight: 400;background-color: #f2f2f2;padding: 25px 30px;margin-top: 0;}

.design-news{margin: 40px auto 0; padding: 35px 0 0;border-top: 1px solid #cfcfcf;letter-spacing: 0.08em;}
.main-content .design-news ul{display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 20px;}
.main-content .design-news li a{display: block;}
.main-content .design-news li a:hover{text-decoration: none;}
.main-content .design-news li a:hover .design-news__title{color: #066CC7;}
.main-content .design-news .technology-slider__news__inner{display: flex; flex-wrap: wrap; align-items: center; background-color: #fff;filter:drop-shadow(10px 10px 26px rgba(0,0,0,.13));}
.main-content .design-news .design-news__title{width: calc(100% - 125px);padding: 0 15px 0 25px;font-size: 1rem; line-height: calc(26/16); color: #4a4a4a;}
.main-content .design-news .design-news__title > img{vertical-align: middle;margin-left: 0.4em;}
.main-content .design-news .design-news__img{width: 125px;}
.main-content .design-news .design-news__img img{width: auto;max-width: 100%;}

@media print, screen and (max-width: 767px) {
	.main-content .design-contents{display: block;}
	.main-content .design__photo{width: 100%;order: 1;filter:drop-shadow(5px 5px 13px rgba(0,0,0,.13));}
	.main-content .design__text{width: 100%;margin: 0 auto;order: 2;}
	.main-content .design__detail{line-height: calc(48/28);margin: 20px auto 0;font-size: 0.875rem;font-weight: 400;}
	.main-content .design__field{line-height: calc(44/28);font-size: 0.875rem;padding: 15px 20px;margin-top: 15px;}

	.design-news{margin: 20px auto 0; padding: 20px 0 0;border-top: 1px solid #cfcfcf;}
	.main-content .design-news ul{display: block;}
	.main-content .design-news li{margin: 10px auto 0;}
	.main-content .design-news li:first-of-type{margin-top: 0;}
	.main-content .design-news .design-news__title{width: calc(100% - 80px);padding: 0 10px 0 13px;font-size: 0.75rem; line-height: calc(26/16); color: #4a4a4a;}
	.main-content .design-news .design-news__img{width: 80px;}
}