/* ******************************************************************************
蜈ｱ騾�
****************************************************************************** */
.corporate-breadcrumb.cate-top {background-color: rgba(0,0,0,.55);}
.corporate-breadcrumb.cate-top a {color: #fff;}
.spOnly {display: none;}
.pcOnly {display: block;}
.pagetop .arr_pagetop {z-index: 99999;}
#main .blank-icon{background: url(../../common/img/img_blank_icon.png) center /contain no-repeat;}
#main .blank-icon.blank-icon--wh{background: url(../../common/img/img_blank_wh_icon.png) center /contain no-repeat;}
#main .blank-icon{width:21px;height: 21px;background-size: contain;left: 0;display: inline-block;vertical-align: middle;margin-left: 2px;margin-bottom: 2px;}
#main .blank-icon.blank-icon--small{width: 18px; height: 18px;margin-left: 6px;}
#main .pdf-icon{background: url(../../common/img/img_pdf_icon.png) center /contain no-repeat;}
#main .pdf-icon.pdf-icon--blue{background: url(../../common/img/img_pdf_blue_icon.png) center /contain no-repeat;}
#main .pdf-icon{width: 33px;height: 18px;background-size: contain;left: 0;display: inline-block;vertical-align: middle;margin-left: 2px;margin-bottom: 2px;}
#main{font-size:1em;line-height:1.65}
#main img {vertical-align: bottom;}
#main .main-content{font-family: 'Noto Sans JP';color: #4a4a4a;overflow: hidden;padding: 0;line-height:inherit;font-weight: 400;}
.recruit-banner{position: relative;bottom: -0px;z-index: 100;}
.recruit-banner.is-fixed a {position: fixed;box-shadow: 0 10px 26px 0 rgb(0 0 0 / 25%);}
.recruit-banner a{position: absolute;display: block;bottom:0px;left: 0; padding: 18px 16px 20px;transition: opacity .3s;background: -moz-linear-gradient(130deg, #0f5391, #1c7fa8);background: -webkit-linear-gradient(130deg, #0f5391, #1c7fa8);background: linear-gradient(130deg, #0f5391, #1c7fa8);width: 304px;box-shadow: 0 -8px 18px 0 rgb(0 0 0 / 10%);left: 0;height: 84px;color: #fff;}
.recruit-banner a:hover {text-decoration: none;}
.recruit-banner .recruit-banner__txt{position: relative;padding-left: 70px;}
.recruit-banner .recruit-banner__txt::before{position: absolute;content: "";background: url(../img/banner_icon.png) center /contain no-repeat;width: 44px;height: 31px;left: 0;top: calc(50% - 12px);}
.recruit-banner .recruit-banner__txt .recruit-banner__txt--en{font-size: 0.875em;letter-spacing: 0.08em;font-family: 'Manrope', sans-serif;}
.recruit-banner .recruit-banner__txt .recruit-banner__txt--ja{margin-top: 2px;font-size: 1.125em;letter-spacing: 0.08em;font-family: 'Noto Sans JP'}
.u-center {text-align: center;}
.ef--fade, .ef--top, .ef--bottom, .ef--right, .ef--left {transition-property: transform,opacity;
transition-timing-function: ease-out;transition-duration: .6s;}
.ef--fade{opacity:0}
.ef--fade.is-play{opacity:1}
.ef--top{transform:translateY(-50px);}
.ef--top.is-play{transform:translateY(0);opacity:1}
.ef--bottom{transform:translateY(50px);opacity:0}
.ef--bottom.is-play{transform:translateY(0);opacity:1}
.ef--right{transform:translateX(50px);opacity:0}
.ef--right.is-play{transform:translateX(0);opacity:1}
.ef--left{transform:translateX(-50px);opacity:0}
.ef--left.is-play{transform:translateX(0);opacity:1}
.ef--delay-1{transition-delay:.2s}
.ef--delay-2{transition-delay:.4s}
.ef--delay-3{transition-delay:.6s}
.ef--delay-4{transition-delay:.8s}
.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;}
@media print,screen and (min-width:768px){
.recruit-banner a:hover{opacity: 0.8;}
}
@media print,screen and (max-width:767px){
#main .corporate-breadcrumb.cate-top .corporate-breadcrumb__list{background-color: #fff;}
#main .corporate-breadcrumb.cate-top a {color: #333;}
#main .container{padding-right:30px;padding-left:30px}
.spOnly {display: block;}
.pcOnly {display: none;}
.randd-name {padding: 8px 15px;background-color: #fff;}
.randd-name a {color: #4a4a4a;font-size: 1.2142em;font-family: 'Noto Sans JP';font-weight: 700;letter-spacing: 0.08em;}
.recruit-banner{position: relative;z-index: 100;}
.recruit-banner a{width: 220px;height: 60px;padding: 16px 10px;}
.recruit-banner .recruit-banner__txt{position: relative;padding-left: 43px;}
.recruit-banner .recruit-banner__txt::before{width: 28px;height: 21px;left: 0;top: calc(50% - 10px);}
.recruit-banner .recruit-banner__txt .recruit-banner__txt--en{font-size: 0.625em;letter-spacing: 0.08em;font-family: 'Manrope', sans-serif;}
.recruit-banner .recruit-banner__txt .recruit-banner__txt--ja{margin-top: 2px;font-size: 0.875em;letter-spacing: 0.08em;line-height: 1;}
#main .pdf-icon{width: 28px;height: 15px;}
#main .blank-icon{width: 18px;height: 18px;}
}
/* ******************************************************************************
global-navi
****************************************************************************** */
#main .global-navi .global-navi__menu{display: flex;justify-content: flex-end;padding: 23px 0;}
#main .global-navi .global-navi__menu li {letter-spacing: 0.12em;}
#main .global-navi .global-navi__menu li + li {margin-left: 6px;}
#main .global-navi .global-navi__menu li a {color: #fff;padding-left: 22px;padding-right: 22px;height: 100%;}
#main .global-navi .global-navi__menu li a:hover {text-decoration: none;}
#main .global-navi__menu .underline::before{border-image: linear-gradient(to right, #fff 0%, #fff 100% ) 2/0 0 2px 0;}
#main .global-navi .global-navi__menu li.current{font-weight: 700;border-bottom: 2px solid #fff;}
@media print,screen and (max-width:767px){
#main .global-navi .container {padding-right: 0;padding-left: 0;}
#main .global-navi {border-top: 1px solid #e8e8e8;}
#main .global-navi .global-navi__menu {justify-content: center;align-items: center;padding: 12px 0;}
#main .global-navi .global-navi__menu li {font-size: 0.8571em;text-align: center;letter-spacing: 0.08em;line-height: 1.3;}
#main .global-navi .global-navi__menu li + li {margin-left: 0;}
#main .global-navi .global-navi__menu li a {padding-left: 14px;padding-right: 14px;padding-bottom: 10px;line-height: 1.3;}
#main .global-navi__menu .underline::before{border-bottom: none;padding-bottom: 0;}
#main .global-navi .h-link .underline::before{border-width: 0;width: 0%;}
}
/* ******************************************************************************
hover
****************************************************************************** */
#main .h-scale .h-scale__img{overflow: hidden;}
#main .h-scale img {-webkit-transition: .5s;transition: .5s;overflow: hidden;}
#main .b-shadow{box-shadow: 0 10px 26px 0 rgb(0 0 0 / 13%);}
#main .arrow-btn__link{font-size: 0.875em;letter-spacing: .28em;font-family: 'Manrope', sans-serif;font-weight: 300;}
#main .arrow-btn__link{position: relative;display: inline-block;color: #066cc7;background: -webkit-linear-gradient(0deg, #066cc7, #2ab2ba);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
#main .arrow-btn__link span{padding-right: 20px;padding-left: 6px;display: block;}
#main .arrow-btn__link span::before {content: "";margin: auto;position: absolute;top: calc(50% - 10px);right: 0;width: 8px;height: 8px;border-top: 2px solid #25a7bc;border-right: 2px solid #25a7bc;transform: rotate(45deg);transition: 500ms;}
#main .arrow-btn__link span::after {content: "";margin: auto;position: absolute;top: calc(50% - 7px);right: 0;width: 12px;height: 2px;background: #25a7bc;transition: 500ms;}
#main .underline {padding-bottom: 12px;position: relative;display: inline-block;}
#main .underline::before {border-bottom: 1px solid #066cc7;bottom: 0;content: '';display: block;height: 1px;left: 0;position: absolute;transition: .5s all;width: 100%;transform: scale(0, 1);transform-origin:left;border-image: linear-gradient(to right, #066cc7 0%, #2ab2ba 100% ) 1/0 0 1px 0;border-style: solid;border-width: 0;}
#main .view-more {margin: 50px auto 0;text-align: center;padding-bottom: 14px;width: 22.6286%;}
#main .view-more a {font-family: 'Manrope', sans-serif;text-decoration: none;letter-spacing: 0.28em;font-weight: 300;padding-right: 30px;padding-left: 10px;}
#main .view-more span {position: relative;display:inline-block; color: #066cc7;background: -webkit-linear-gradient(300deg, #066cc7, #2ab2ba);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
#main .view-more span::before, #main .view-more span::after {content:'';  position:absolute;right: -23px;top: 45%;width:14px;height:2px;background-color:#24a7bc;}
#main .view-more span::before {transform:rotate(90deg);}
#main .edge-img--side {position: relative;}
#main .edge-img--side::before,.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 .edge-img--side::after,.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 .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 .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 .edge-img--side .edge-img__vertical{display: block;}
#main .edge-img--side::before,
#main .edge-img--side::after{content:"";position: absolute;width:100%;height:8px;transition: all 0.14s linear;transition-delay: 0.14s;z-index: 999;}
#main .edge-img--side .edge-img__vertical::before,
#main .edge-img--side .edge-img__vertical::after{content:"";position: absolute;width:8px;height:100%;z-index: 999;transition: all 0.2s linear;}
#main .edge-img--side::before{top: 0;transform: scale(0, 1);transform-origin:right;}
#main .edge-img--side::after{bottom: 0;transform: scale(0, 1);transform-origin:left;}
#main .edge-img--side .edge-img__vertical::before{left: 0;transform: scale(1, 0);transform-origin:top;}
#main .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){
#main .h-scale:hover{text-decoration: none;}
#main .h-scale:hover img {-webkit-transform: scale(1.1);transform: scale(1.1);}
#main .h-link:hover .arrow-btn__link span::before {transform: translateX(7px) rotate(45deg);}
#main .h-link:hover .arrow-btn__link span::after {transform: translateX(7px);}
#main .h-link:hover .underline::before{transform: scale(1, 1);border-width: medium;}
#main .h-link:hover .arrow-btn__link.underline::before{transform: scale(1.06, 1);border-width: medium;}
#main .h-edge:hover .edge-img--side::before{transform: scale(1, 1);}
#main .h-edge:hover .edge-img--side::after{transform: scale(1, 1);}
#main .h-edge:hover .edge-img__vertical::before{transform: scale(1, 1);}
#main .h-edge:hover .edge-img__vertical::after{transform: scale(1, 1);}
}
@media print,screen and (max-width:767px){
#main .arrow-btn__link{font-size: 0.78571428571429em;}
#main .arrow-btn__link::after{width: 10px;height: 10px;}
#main .h-link .underline{padding-bottom: 10px;}
#main .h-link .underline::before{width: 100%;border-width: medium;transform: scale(1, 1);}
#main .view-more{margin-top: 18px;width: 100%;padding-bottom: 7px;max-width: 130px;}
#main .view-more a {font-size: 0.7857em;padding-right: 20px;}
#main .view-more span::before, #main .view-more span::after{right: -15px;width: 10px;height: 1px;}
#main .arrow-btn__link span{padding-right: 18px;}
#main .arrow-btn__link span::before{width: 7px;height: 7px;top: 20%;border-top: 1px solid #25a7bc;
border-right: 1px solid #25a7bc;}
#main .arrow-btn__link span::after{width: 12px;height: 1px;top: 31%;}
}

/* ******************************************************************************
swiper
****************************************************************************** */
#main .slide-action{position: relative;display: flex;}
#main .swiper-button-prev, .swiper-button-next{position:relative;background-image:none; border-radius: 50%;width: 74px;height: 74px;box-shadow: 0 10px 26px 0 rgb(0 0 0 / 20%);}
#main .swiper-button-next {left: 20px;}
#main .swiper-button-prev {left: 0;}
#main .swiper-button-prev, .swiper-button-next {background: -moz-linear-gradient(130deg, #066cc7, #2aa4ba);background: -webkit-linear-gradient(130deg, #066cc7, #2aa4ba);background: linear-gradient(130deg, #066cc7, #2aa4ba);}
#main .swiper-button-prev span, #main .swiper-button-next span{position: relative;display: block;width: 100%;height: 100%;border-radius: 50%;}
#main .swiper-button-prev span::after, #main .swiper-button-next span::after{content: "";width: 100%;height: 100%;display: block;position: absolute;top: 0;left: 0;z-index: -1;opacity: 1;transition: .3s;border-radius: 50%;background:#fff;}
#main .swiper-button-next::before{content:"";margin: auto;position: absolute;top: 0;bottom: 0;left: calc(50% - 4px);width: 8px;height: 8px;border-top: 2px solid #fff;border-right: 2px solid #fff;transform: rotate(45deg);}
#main .swiper-button-next::after {content: "";margin: auto;position: absolute;top: 0;bottom: 0;left: 29px;width: 11px;height: 2px;background: #fff;}
#main .swiper-button-prev::before{content: "";margin: auto;position: absolute;top: 0;bottom: 0;left: calc(50% - 4px);width: 8px;height: 8px;border-top: 2px solid #fff;border-right: 2px solid #fff;transform: rotate(-135deg);}
#main .swiper-button-prev::after {content: "";margin: auto;position: absolute;top: 0;bottom: 0;right: 29px;width: 11px;height: 2px;background: #fff;}
#main .swiper-button-next::before{border-top: 2px solid #0571c8;border-right: 2px solid #0571c8;}
#main .swiper-button-next::after {background: #0571c8;}
#main .swiper-button-prev::before{border-top: 2px solid #0571c8;border-right: 2px solid #0571c8;}
#main .swiper-button-prev::after {background: #0571c8;}
@media print,screen and (min-width:768px){
#main .swiper-button-prev:hover span:after, #main .swiper-button-next:hover span::after{opacity: 0;}
#main .swiper-button-prev:hover::before{border-top: 2px solid #fff;border-right: 2px solid #fff;}
#main .swiper-button-next:hover::before{border-top: 2px solid #fff;border-right: 2px solid #fff;}
#main .swiper-button-prev:hover::after{background: #fff}
#main .swiper-button-next:hover::after{background: #fff;}
}

/* ******************************************************************************
video
****************************************************************************** */
#main .video-container video{min-width: 100%;min-height: 100%;height:100%;width: auto;height: auto;position: absolute;top: 50%;left: 50%;transform: translateX(-50%) translateY(-50%);z-index: -1;filter:drop-shadow(0px 0px rgba(0,0,0,0));}
#main .video-container .bc-player-HyOVNc6C_default.vjs-fluid:not(.vjs-audio-only-mode) { padding-top: 0; height: 100%; position: absolute;top: 50%;left: 50%;transform: translateX(-50%) translateY(-50%);background-color: #fff;}
#main .video-container .vjs-control-bar{display: none!important;}
#main .video-container .vjs-big-play-button {display: none!important;}
#main video-js {pointer-events: none;}
.video-container,
.video-js,
.video-js .vjs-tech,
.video-js .vjs-poster {
    background-color: #e6e5e6!important; 
}
.video-js .vjs-poster {
    display: none!important; 
}
/* ******************************************************************************
main-visual
****************************************************************************** */
#main .main-visual {height: 300px;display: block;overflow: hidden;}
#main .list .main-visual{background: url(../img/main_visual_technology.jpg) center top no-repeat;background-size: cover;}
#main .about .main-visual{background: url(../img/main_visual_about.jpg) center top no-repeat;background-size: cover;}
#main .people-top .main-visual{background: url(../img/main_visual_people.jpg) center top no-repeat;background-size: cover;}
#main .main-visual .main-visual__inner{position: relative;max-width: 1200px;margin: 0 auto;padding-right: 13px;padding-left: 13px;height: 100%;}
#main .main-visual .main-visual__title{position: absolute;bottom: 31px;left: 13px;font-size: 5em;font-weight: 300;line-height: 1;letter-spacing: 0.16em;font-family: 'Manrope', sans-serif;color: #066cc7;background: -webkit-linear-gradient(0deg, #066cc7, #2ab2ba);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
@media print,screen and (max-width:767px){
#main .main-visual {height: 140px;}
#main .list .main-visual{background: url(../img/main_visual_technology_sp.jpg) center top no-repeat;background-size: cover;}
#main .about .main-visual{background: url(../img/main_visual_about_sp.jpg) center top no-repeat;background-size: cover;}
#main .people-top .main-visual{background: url(../img/main_visual_people_sp.jpg) center top no-repeat;background-size: cover;}
#main .main-visual .main-visual__inner {padding-left: 0;padding-right: 0;}
#main .main-visual .main-visual__title{font-size: 2.8571em;bottom: -3%;left: 30px;}
}
/* ******************************************************************************
title
****************************************************************************** */
#main .main-content .page-title {font-size: 1.75em;font-weight: 400;letter-spacing: 0.10em;}
#main .main-content .section-lead {margin-top: 42px;font-weight: 300;letter-spacing: 0.08em;}
#main .main-content .section-title__column{display: flex;align-items:baseline;}
#main .main-content .section-title__L {font-size: 2.5em;font-weight: 400;letter-spacing: 0.12em;}
#main .main-content .section-title__sub{letter-spacing: 0.18em;font-family: 'Manrope', sans-serif;font-size: 1.125em;padding-left: 30px;color: #066cc7;background: -webkit-linear-gradient(0deg, #066cc7, #2ab2ba);-webkit-background-clip: text;-webkit-text-fill-color: transparent;display: inline-block;}
@media print,screen and (max-width:767px){
#main .main-content .page-title{font-size: 1.2857142857143em;}
#main .main-content .section-lead {margin-top: 18px;line-height: 1.714;letter-spacing: 0;}
#main .main-content .section-title__L {font-size: 1.5em;}
#main .main-content .section-title__sub{font-size: 0.85714285714286em;padding-left: 12px;}
}
/* ******************************************************************************
relation-area
****************************************************************************** */
#main .relation-area__innner{padding: 76px 0 150px;background: -moz-linear-gradient(130deg, #0f5391, #1c7fa8);background: -webkit-linear-gradient(130deg, #0f5391, #1c7fa8);background: linear-gradient(130deg, #0f5391, #1c7fa8);}
#main .relation-area__title{color: #fff;}
#main .relation-area__title .relation-area__title--main{font-size: 1.7094em;letter-spacing: 0.1em;font-weight: 400;}
#main .relation-area__title .relation-area__title--sub {font-family: 'Manrope', sans-serif;font-weight: 300;padding-left: 16px;letter-spacing: 0.18em;font-size: 0.85470em;}
#main .relation-list.layout-column.layout-column--3,#main .relation-list.layout-column.layout-column--4{padding-top: 40px;}
#main .relation-list.layout-column--3 .relation-list__title {font-size: 1.5em;margin-top: 30px;line-height: 1.416;}
#main .relation-list.layout-column--4 .relation-list__title {font-size: 1.25em;margin-top: 30px;line-height: 1.416;}
#main .relation-list .relation-list__title{color: #fff;letter-spacing: 0.08em;flex:1;}
#main .relation-list .relation-list__item a {display: flex;flex-direction: column;height: 100%;}
#main .relation-list .relation-list__button {font-size: 0.8125em;margin-top: 22px;}
#main .relation-list .relation-list__item a:hover {text-decoration: none;}
#main .relation-list.layout-column.layout-column--3{margin-top: -1.8257%;}
#main .relation-list.layout-column.layout-column--3 .layout-cell{margin-top: 1.8257%;}
#main .relation-list.layout-column.layout-column--4{margin-top: -1.8257%;}
#main .relation-list.layout-column.layout-column--4 .layout-cell{margin-top: 1.8257%;}
#main .relation-list .arrow-btn__link{padding-right: 20px;color: #fff;background:none;-webkit-text-fill-color:#fff;max-width: 130px;}
#main .relation-list .arrow-btn__link span {padding-right: 0;padding-left: 0;}
#main .relation-list .arrow-btn__link span::before {border-top: 2px solid #fff;border-right: 2px solid #fff;}
#main .relation-list .arrow-btn__link span::after {background: #fff;transition: 500ms;}
#main .relation-list .underline::before {border-bottom: 1px solid #fff;;bottom: 0;content: '';display: block;height: 1px;left: 0;position: absolute;transition: .5s all;width: 100%;transform: scale(0, 1);transform-origin:left;border-image: linear-gradient(to right, #fff 0%, #fff 100% ) 1/0 0 1px 0;border-style: solid;border-width: 0;}
@media print,screen and (max-width:767px){
#main .relation-list.layout-column.layout-column--3,#main .relation-list.layout-column.layout-column--4{padding-top: 22px;}
#main .relation-area__innner {padding: 50px 0 100px;}
#main .relation-recruit .relation-area__innner{padding: 54px 0 100px;}
#main .relation-area__title .relation-area__title--main{font-size: 1.2820em;}
#main .relation-area__title .relation-area__title--sub {font-size: 0.7326em;padding-left: 8px;}
#main .relation-list {margin-top: 22px;}
#main .relation-list.layout-column.layout-column--3 {margin-top: -16.9333%;}
#main .relation-list.layout-column.layout-column--3 .layout-cell{margin-top: 16.9333%;}
#main .relation-list.layout-column--3 .relation-list__title{font-size: 1.2857142857143em;margin-top: 20px;}
#main .relation-list.layout-column--3 .relation-list__button{font-size: 0.7142em;margin-top: 18px;}
#main .relation-list.layout-column--4 {padding-top: 0;}
#main .relation-list.layout-column--4 .relation-list__title {font-size: 1em;margin-top: 14px;letter-spacing: 0;}
#main .relation-list.layout-column.layout-column--4{margin-top: -6.9333%;}
#main .relation-list.layout-column.layout-column--4 .layout-cell{margin-top: 6.9333%;}
#main .relation-list .arrow-btn__link{max-width: 100px;}
#main .relation-list .h-link .underline::before{width: 100%;border-width: medium;transform: scale(1, 1);}
#main .relation-list .arrow-btn__link span::before {border-top: 1px solid #fff;border-right: 1px solid #fff;}
}
/* ******************************************************************************
column
****************************************************************************** */
#main .layout-column {display: flex;flex-wrap: wrap;}
#main .layout-column.layout-column--3{margin-right: -4.01%;margin-top: -4.9222%;}
#main .layout-column.layout-column--3 .layout-cell{width: 29.48%;margin-right: 3.847%;margin-top: 4.9222%;}
#main .layout-column.layout-column--4{margin-right: -2.6885%;margin-top: -4.8257%;}
#main .layout-column.layout-column--4 .layout-cell{width: 22.4066%;margin-right: 2.5805%;margin-top: 4.8257%;}
#main .layout-column.layout-column--4 .layout-cell--large{width: 47.4188%;}
#main .layout-column.layout-column--4 .layout-cell--midiam {width: 30.75%;margin-right: 2.5805%;margin-top: 4.8257%;}

#main .layout-column .layout-cell img {width: 100%;height: auto;display: block;}
#main .layout-column .lab-list__item-title{font-size: 1.125em;margin-top: 30px;letter-spacing: 0.08em;color: #4a4a4a;}
#main .layout-column .lab-list__item-txt{font-size: 0.875em;font-weight: 300;margin-top: 16px;letter-spacing: 0.08em;line-height: 1.8571;color: #4a4a4a;}
@media print,screen and (max-width:767px){
#main .layout-column.layout-column--3 {display: block;margin-right: 0;margin-top: 0;}
#main .layout-column.layout-column--3 .layout-cell {width: 100%;}
#main .layout-column.layout-column--4 {margin-right: -6.4885%;margin-top: -8.9333%;}
#main .layout-column.layout-column--4 .layout-cell,#main .layout-column.layout-column--4 .layout-cell--midiam{width: 100%;margin-right: 6.3492%;margin-top:8.9333%;}
#main .lab-list .layout-column.layout-column--4{margin-top: -11%;}
#main .lab-list .layout-column.layout-column--4 .layout-cell{margin-top: 11%;}
#main .layout-column.layout-column--4 .layout-cell--large {width: 100%;}
#main .layout-column .lab-list__item-title{font-size: 1.1428571428571em;letter-spacing: 0;margin-top: 14px;line-height: 1.3125;}
#main .layout-column .lab-list__item-txt{font-size: 0.92857142857143em;letter-spacing: 0;margin-top: 14px;line-height: 1.5384;}
}
/* ******************************************************************************
section-search__list
****************************************************************************** */
#main .main-content .search-item:hover a {text-decoration: none;}
#main .main-content .search-item:hover .annotation-item a {text-decoration: underline;}
#main .search-item .pdf-icon{margin-left: 11px;}
#main .search-item,#main .top-pickup__item{opacity: 0;animation:fade 1s ease-out forwards;}
@keyframes fade{
0%{opacity: 0;}
100%{opacity: 1;}
}
#main .main-content .search-title{letter-spacing: 0.08em;font-size: 1.125em;font-weight: 700;}
#main .main-content .search-item .search-item__thumb {box-shadow: 0 10px 26px rgba(0,0,0,0.13);position: relative;}
#main .main-content .search-item .search-item__thumb .search-item__label {display: block;}
#main .main-content .search-item .search-item__thumb .search-item__label::before{position: absolute;content: "";display: inline-block;width: 49px;height: 49px;background: url(../../list/img/icon_new.png) no-repeat;background-size: contain;left: 0;top:0;z-index: 999;}
#main .main-content .search-item .search-item__thumb img {width: 100%;height: auto;}
#main .main-content .search-item__txt {font-size: 1.25em;margin-top: 20px;color: #4a4a4a;letter-spacing: 0.08em;transition: all 0.3s ease-out;}
#main .main-content .search-item__keyword {font-size: 0.875em;margin-top: 10px;letter-spacing: 0.08em;}
@media screen and (min-width: 768px){
#main .main-content .search-item a:hover .search-item__txt {color: #066cc7;}
}
@media screen and (max-width: 767px){
#main .main-content .search-item__txt {margin-top: 26px;font-size: 1.3571428571429em;line-height: 1.4736;}
#main .main-content .search-item__keyword{font-size: 0.92857142857143em;}
#main .main-content .search-item.layout-cell + .search-item.layout-cell{margin-top: 12.0377%;}
}