@charset "UTF-8";

/*========================================================================

  reset

========================================================================*/

*:focus {
  outline: unset !important;
}
.pbMainArea {
    overflow: visible;
}

/*========================================================================

  base

========================================================================*/

.pbPage {
    overflow: hidden!important;
}

@media screen and (max-width: 1024px) {
    .pbPage.open { position: fixed; }
}
@media (max-width: 767px) {
    .inst_is-pc { display: none!important; }
}
@media (min-width: 768px) {
    .inst_is-sp { display: none!important; }
}
.inst_top {
    background-image: url("../img/bg01.png");
    background-position: 50% 110px;
}
@media screen and (max-width: 767px) {
    .inst_top {
        background-image: url("../img/bg_sp01.png");
        background-position: 50% 270px;
    }
}

.inst_center {
    text-align: center
}

/*========================================================================

  header

========================================================================*/

.inst_header {
    opacity: 0;
    position: fixed;
    width: 100%;
    z-index: 10;
    transition: opacity .3s;
}
.inst_header.show {
    opacity: 1;
    pointer-events: auto;
}
.inst_header-inner {
    display: flex;
    justify-content: space-between;
    padding: 17px 40px;
    align-items: center;
    background: #fff;
    width: 100%;
    max-width: 1970px;
}
.inst_header a {
    font-family: "\6E38\30B4\30B7\30C3\30AF\4F53", "YuGothic", "\6E38\30B4\30B7\30C3\30AF", "Yu Gothic", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "meiryo", "Helvetica Neue", "arial", sans-serif;
    color: #242424;
} 
.inst_header .heading {
    display: flex;
    gap: 30px;
    align-items: center;
}
.inst_header .logo a {
    height: 32px;
    display: block;
}
.inst_header .logo svg {
    width: 100%;
    height: 100%;
}
.inst_header .logo path { fill: rgb(48 54 58); }
.inst_header .logo path:nth-child(1),
.inst_header .logo path:nth-child(1) {
    fill: rgb(0 108 184);
}
.inst_header .logo path:nth-child(2),
.inst_header .logo path:nth-child(2) {
    fill: rgb(230 0 57);
}
.inst_header .textlink a {
    font-size: 15p;
    font-weight: 700;
    text-decoration: none;
    transition: opacity .3s;
    padding: 5px;
}
@media (min-width: 768px) {
    .inst_header .textlink a:hover {
        opacity: .6;
    }
}
.inst_header .global-menu .global-menu_pc {
    display: flex;
    gap: 28px;
}
.inst_header .global-menu a {
    font-size: 12px;
    text-decoration: none;
    transition: opacity .3s;
}
@media (min-width: 768px) {
    .inst_header .global-menu a:hover {
        opacity: .6;
    }
}

.inst_header .hamburger {
    position: relative;
    display: none;
}
.inst_header .hamburger span {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    width: 21px;
    height: 1px;
    background: #3B3B41;
}
.inst_header .hamburger span:nth-of-type(1) {
    top: -6px;
}
.inst_header .hamburger span:nth-of-type(2) {
    top: 0;
}
.inst_header .hamburger span:nth-of-type(3) {
    top: 6px;
}
.pbPage.open .inst_header .hamburger span:nth-of-type(1) {
    transform: translateY(6px) rotate(30deg);
}
.pbPage.open .inst_header .hamburger span:nth-of-type(2) {
    opacity: 0;
}
.pbPage.open .inst_header .hamburger span:nth-of-type(3) {
    transform: translateY(-6px) rotate(-30deg);
}

@media screen and (max-width: 767px) {
    
    .inst_header-inner {
        position: fixed;
        z-index: 100;
        padding: 16px 40px 16px 15px;
        width: 100%;
    }
    .inst_header .heading {
        gap: 15px;
    }
    .inst_header .logo a {
        width: 75px;
        height: 34px;
    }
    .inst_header .textlink a {
        font-size: 12px;
    }
    .pbPage.open .inst_header .global-menu {
        visibility: visible;
        opacity: 1;
    }
    .inst_header .global-menu {
        visibility: hidden;
        opacity: 0;
        position: absolute;
        width: 100vw;
        height: 100vh;
        background: #fff;
        top: 66px;
        left: 0;
        transition: all .3s;
    }
    .inst_header .global-menu .inner {
        overflow: auto;
        position: absolute;
        height: calc(100% - 68px);
        width: 100%;
        flex-direction: column;
        gap: 0;
    }
    .inst_header .global-menu .global-menu_pc {
        display: block;
    }
    .inst_header .global-menu .main-menu a {
        display: block;
        padding: 25px 32px;
        width: 100%;
    }
    .inst_header .global-menu .global-menu_pc a {
        padding: 25px 48px;
    }
    .inst_header .hamburger {
        display: block;
    }
    .inst_header .global-menu .main-menu a {
        position: relative;
        border-top: 1px solid #e1e1e1;
    }
    .inst_header .global-menu .main-menu .global-menu_pc li:last-child a {
        border-bottom: 1px solid #e1e1e1;
    }
    .inst_header .global-menu a:after {
        border-color: transparent transparent transparent #83838c;
        border-style: solid;
        border-width: 2.5px 0 2.5px 5px;
        content: '';
        display: block;
        position: absolute;
        right: 33px;
        top: 50%;
        transform: translateY(-50%);
    }
    .inst_header .global-menu a[target=_blank]:after,
    .inst_header .global-menu a.pbOpenNewWindow:after {
        border: none;
        content: '';
        width: 12px;
        height: 12px;
        background: url(../img/ic_external.png) no-repeat center top / contain;
    }
}

/*========================================================================

  kv

========================================================================*/

.inst_kv {
    font-family: "\6E38\30B4\30B7\30C3\30AF\4F53", "YuGothic", "\6E38\30B4\30B7\30C3\30AF", "Yu Gothic", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "meiryo", "Helvetica Neue", "arial", sans-serif;
    max-width: 1440px;
    margin: 0 auto;
    display: flex;
}
.inst_kv .textbox {
    max-width: 440px;
    padding: 35px;
    font-weight: 700;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
}
.inst_kv .textbox .subtitle {
    font-size: 20px;
    margin: 0;
}
.inst_kv .textbox .title {
    font-size: 40px;
    line-height: 1.4;
    margin-top: 15px;
}
@media screen and (max-width: 767px) {
    .inst_kv .textbox {
        padding: 44px 20px;
    }
    .inst_kv .textbox .title {
        font-size: 32px;
        margin-top: 20px;
    }
    .inst_kv .textbox .subtitle {
        font-size: 18px;
    }
}

/*  slide
------------------------------------------------*/

.inst_slide {
  opacity: 0;
  transition: opacity .25s ease;
}
.inst_slide.slick-initialized {
  opacity: 1;
}

.inst_slide-box {
    width: calc(100% - 440px);
    max-width: 1000px;
}
.inst_slide .slick-slide {
    border-radius: 30px;
    overflow: hidden;
}
.inst_slide .slick-slide img {
    width: 100%;
    height: 100%;
    display: block;
}
@media screen and (max-width: 1440px) {
    .inst_slide .slick-slide {
        border-radius: 0 30px 30px 0;
    }
}
.dots-box {
    margin-top: 35px;
}
.dots-wrap {
    display: flex;
}
.dots-wrap li {
    display: block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    background: #d9d9d9;
    border-radius: 50%;
    cursor: pointer;
}
.dots-wrap li:hover,
.dots-wrap li.slick-active {
    background: #006EB8;
}
.dots-wrap li button {
    display: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
    padding: 0;
    border: none;
    background-color: transparent;
}
.inst_kv .slick-dotted.slick-slider {
    margin-bottom: 0;
}

@media screen and (max-width: 767px) {
    .inst_kv {
        display: flex;
        flex-direction: column;
    }
    .inst_slide-box {
        width: calc(100% - 20px);
        position: relative;
    }
    .inst_kv .textbox {
        width: 100%;
    }
    .inst_kv .dots-box_sp {
        position: absolute;
        bottom: 16px;
        left: 19px;
    }
    .dots-box {
        margin-top: 0;
    }
    .dots-wrap li {
        width: 8px;
        height: 8px;
        margin: 0 4px;
    }
}

/*========================================================================

  inst_list

========================================================================*/

.inst_list-section .pbNested:after {
    display: none;
}
.inst_list-section > div {
    width: calc(100% - 40px);
    max-width: 1160px;
    margin: 0 auto;
    padding: 80px 0 70px;
    display: flex;
    justify-content: space-between;
    font-family: "\6E38\30B4\30B7\30C3\30AF\4F53", "YuGothic", "\6E38\30B4\30B7\30C3\30AF", "Yu Gothic", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "meiryo", "Helvetica Neue", "arial", sans-serif;
    color: #242424;
}
.inst_list-title {
    font-size: 22px;
    font-weight: 700;
}
/*  news
------------------------------------------------*/
.inst_news {
    width: 350px;
}
.inst_news .inst_list-title + .item {
    margin-top: 30px;
}
.inst_news .item {
    position: relative;
    transition: all .3s;
}
.inst_news .item:not(:nth-child(2)) {
    margin-top: 40px;
}
.inst_news .item:not(:last-child) {
    display: block;
}
.inst_news .item:not(:last-child):before {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    bottom: -20px;
    background-color: #d8d8d8;
    position: absolute;
}
.inst_news .item .date {
    display: inline-block;
    font-size: 12px;
    margin-right: 8px;
}
.inst_news .item .tag-new {
    display: inline-block;
}
.inst_news .item .tag-new p {
    display: inline-block;
    background: #3B3B41;
    padding: 3px 10px;
    color: #fff;
    font-size: 12px;
    border-radius: 2px;
    font-weight: 700;
}
.inst_news .item .title {
    margin-top: 13px;
    font-size: 14px;
    line-height: 1.5;
    color: #242424;
}
.inst_news .item .title a {
    text-decoration: none;
    color: #242424;
}
@media (min-width: 768px) {
    .inst_news .item.active:hover {
        opacity: .6;
    }
}
.inst_news .item .title a:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
}

@media screen and (max-width: 767px) {
    .inst_news .inst_list-title + .item {
        margin-top: 20px;
    }
    .inst_news .item:last-child:before {
        content: '';
        display: block;
        width: 100%;
        height: 1px;
        bottom: -20px;
        background-color: #d8d8d8;
        position: absolute;
    }
}

/*  inst_topics
------------------------------------------------*/
.inst_topics {
    width: calc(100% - 400px);
}
.inst_topics-slide {
    display: flex;
    gap: 20px;
    margin-top: 30px !important;
}
.inst_topics-slide .box {
    width: 31.578%;
}
.inst_topics-slide .image-box img {
    width: 100%;
    border-radius: 6px;
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
}
.inst_topics-slide .image-box {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 170px;
    border-radius: 6px;
    border: 1px solid #D9D9D9;
}
.inst_topics-slide .image-box img  {
    transition: transform .3s;
}
.inst_topics-slide .image-box .tag-topics-new {
    background: #3B3B41;
    padding: 3px 10px;
    color: #fff;
    font-size: 12px;
    border-radius: 2px;
    font-weight: 700;
    position: absolute;
    top:15px;
    right: 15px;
}
.inst_topics-slide li a {
    text-decoration: none;
    color: #242424;
    transition: all .3s;
}
@media (min-width: 768px) {
    .inst_topics-slide li a:hover {
        opacity: .6;
    }
    .inst_topics-slide li a:hover .image-box img  {
       transform: translateY(-50%)scale(1.08);
    }
}
.inst_topics-slide .text-box {
    margin-top: 20px;
}
.inst_topics-slide .text-box .date {
    font-size: 12px;
    display: inline-block;
    margin-right: 10px;
}
.inst_topics-slide .text-box .title {
    margin-top: 18px;
    font-size: 15px;
    font-weight: bold;
    line-height: 1.4;
}
.inst_topics-slide .text-box .text {
    margin-top: 14px;
    font-size: 14px;
    line-height: 1.4;
    letter-spacing: 0.4px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.inst_topics-slide .tag {
    padding: 3px 14px;
    font-size: 12px;
    color: #fff;
    font-weight: bold;
    letter-spacing: 0.48px;
}
.inst_topics-slide .tag-research { background: #429d84; }
.inst_topics-slide .tag-technology { background: #5380b2; }
.inst_topics-slide .tag-news { background: #dcb330; }

@media screen and (max-width: 767px) {
    .inst_list-section > div {
        display: flex;
        flex-direction: column;
        padding: 45px 0 56px;
    }
    .inst_list-title {
        font-size: 18px;
        border-left: 5px solid #d8d8d8;
        padding: 10px;
        letter-spacing: 0.48px;
    }
    .inst_news {
        width: 100%;
    }
    .inst_topics {
        width: 100%;
        margin-top: 80px;
    }
    .inst_topics-slide {
        width: calc(100% + 40px);
        margin: 20px -20px 0!important;
    }
    .inst_topics-slide .box {
        padding: 0 15px;
    }
    .inst_topics-slide .box:not(.slick-active) a {
        opacity: 0.2;
    }
    .inst_topics-slide .image-box {
        width: 56.4vw;
        height: 42vw;
    }
}

.prev-arrow,
.next-arrow {
    display: block;
    width: 36px;
    height: 36px;
    background: #242424;
    border-radius: 50%;
    transition: all .3s ease;
    cursor: pointer;
    position: absolute;
    z-index: 1;
    top: 21vw;
}
.prev-arrow {
    left: 10%;
    transform: translateY(-50%)rotate(180deg);
}
.next-arrow {
    right: 10%;
    transform: translateY(-50%);
}
.prev-arrow::before,
.next-arrow::before{
    position:absolute;
    content: "";
    width: 10px;
    height:10px;
    border-right: 2px solid #FFF;
    border-top: 2px solid #FFF;
    top:0;
    bottom:0;
    left:0;
    right:0;
    margin:auto;
    transform:rotate(45deg);
}

/*========================================================================

  main

========================================================================*/

.inst_main-section {
    position: relative;
}
.inst_main-section:before {
    content: "";
    background-image: url("../img/bg02.png");
    background-size: cover;
    width: 2400px;
    height: 2900px;
    top: -380px;
    left: 50%;
    transform: translateX(-50%);
    position: absolute;
    z-index: -1;
}
@media screen and (max-width: 767px) {
    .inst_main-section:before {
        content: "";
        background-image: url("../img/bg_sp02.png");
        width: 100%;
        height: 110%;
        top: -180px;
        background-size: 100% calc(100vw + 2537px);
    }
}
.inst_main-section > div {
    width: calc(100% - 40px);
    max-width: 1160px;
    margin: 0 auto;
    padding: 70px 0 80px;
    font-family: "\6E38\30B4\30B7\30C3\30AF\4F53", "YuGothic", "\6E38\30B4\30B7\30C3\30AF", "Yu Gothic", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "meiryo", "Helvetica Neue", "arial", sans-serif;
    color: #242424;
}
@media screen and (max-width: 767px) {
    .inst_main-section > div {
        padding: 118px 0 60px;
    }
}

/*  inst_intro
========================================================================*/

.inst_intro {
    text-align: center;
}
.inst_intro .title {
    font-size: 42px;
    font-weight: bold;
    letter-spacing: 2px;
}
.inst_intro .subtitle {
    font-size: 22px;
    font-weight: bold;
    letter-spacing: 1.1px;
    margin-top: 30px;
    line-height: 2;
}
.inst_intro .text {
    font-size: 18px;
    line-height: 2;
    margin-top: 25px;
}

@media screen and (max-width: 767px) {
    .inst_main-section > div {
        color: #414141;
    }
    .inst_intro .title {
        font-size: 30px;
        letter-spacing: 0.48px;
    }
    .inst_intro .subtitle {
        font-size: 18px;
        letter-spacing: 0.4px;
        margin-top: 35px;
        line-height: 1.5;
        text-align: left;
    }
    .inst_intro .text {
        font-size: 15px;
        line-height: 1.68;
        margin-top: 20px;
        text-align: left;
        letter-spacing: 0.4px;
    }
}

/*  inst_category-image-text
========================================================================*/

.inst_category-image-text .pbNested:after {
    display: none;
}
.inst_intro + .inst_category-image-text {
    margin-top: 110px;
}
.inst_category-image-text {
    margin-top: 110px;
}
.inst_category-image-text > div {
    display: flex;
    justify-content: space-between;
}
.inst_category-image-text.right > div {
    flex-direction: row-reverse;
}
.inst_category-image-text .textbox {
    width: calc(50% - 80px);
}
.inst_category-image-text .image {
    width: 720px;
    margin-right: -140px;
}
.inst_category-image-text.right .image {
    margin-left: -140px;
}
.inst_category-image-text .image img {
    border-radius: 12px;
    width: 100%;
}
@media screen and (max-width: 1440px) {
    .inst_category-image-text .image img {
        border-radius: 12px 0 0 12px;
    }
    .inst_category-image-text.right .image img {
        border-radius: 0 12px 12px 0;
    }
}
.inst_category-image-text .title {
    font-size: 36px;
    letter-spacing: 0.3px;
    margin-top: 29px;
    font-weight: bold;
}
.inst_category-image-text .subtitle {
    font-size: 18px;
    letter-spacing: 0.9px;
    margin-top: 32px;
    font-weight: bold;
}
.inst_category-image-text .text {
    font-size: 15px;
    margin-top: 35px;
    text-align: left;
    line-height: 2;
}
.inst_category-image-text .textbox {
    position: relative;
}
.inst_category-image-text #category01 {
    background-image: url(../img/icon01.png);
    background-position: 289px 136px;
}
.inst_category-image-text #category02 {
    background-image: url(../img/icon02.png);
    background-position: 100% 136px;
}
.inst_category-image-text #category03 {
    background-image: url(../img/icon03.png);
    background-position: 241px 132px;
}

@media screen and (max-width: 767px) {
    .inst_intro + .inst_category-image-text {
        margin-top: 75px;
    }
    .inst_category-image-text {
        margin-top: 70px;
    }
    .inst_category-image-text > div {
        flex-direction: column-reverse;
    }
    .inst_category-image-text.right > div {
        flex-direction: column-reverse;
    }
    .inst_category-image-text .textbox {
        width: 100%;
    }
    .inst_category-image-text .image {
        width: 100%;
        margin-right: -20px;
        margin-top: 20px;
    }
    .inst_category-image-text.right .image {
        width: 100%;
        margin-left: -20px;
    }
    .inst_category-image-text .image img {
        width: calc(100vw - 20px);
    }
    .inst_category-image-text .title {
        font-size: 24px;
        letter-spacing: 0.4px;
        margin-top: 0;
    }
    .inst_category-image-text .subtitle {
        margin-top: 19px;
        letter-spacing: 0.4px;
        line-height: 1.5;
    }
    .inst_category-image-text .text {
        margin-top: 8px;
        letter-spacing: 0.4px;
        line-height: 1.68;
    }
    .inst_category-image-text #category01 {
        background-size: 141px;
        background-position: 100% 275px;
    }
    .inst_category-image-text #category02 {
        background-size: 141px;
        background-position: 100% 290px;
    }
    .inst_category-image-text #category03 {
        background-size: 141px;
        background-position: 100% 280px;
    }
}


/*========================================================================

  button

========================================================================*/
.inst_button-set {
    margin-top: 50px;
}
.inst_button:not(:first-child) {
    margin-top: 30px;
}
.inst_button a {
    position: relative;
    display: inline-block;
    width: 100%;
    max-width: 366px;
    padding: 17px 45px 17px 20px;
    background: #FFFFFF;
    color: #242424;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    border: 1px solid #3B3B41;
    border-radius: 2px;
    line-height: 1.6;
    transition: all .2s;
}
@media (min-width: 768px) {
    .inst_button a:hover {
        opacity: .6;
    }
}
.inst_button a:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 25px;
    width: 1em;
    height: 1em;
    min-width: 18px;
    min-height: 18px;
    background: url(../img/icon_link.png) no-repeat center / contain;
}
.inst_button.black a {
    background: #3B3B41;
    color: #FFFFFF;
    border-color: #3B3B41;
}
.inst_button.black a:after {
    width: 1.5em;
    height: 1.5em;
    min-width: 18px;
    min-height: 18px;
}
.inst_button.small a {
    width: auto;
    padding: 15px 53px 15px 34px;
    font-size: 15px;
}

@media (max-width: 767px) {
    .inst_button-set {
        margin-top: 30px;
    }
    .inst_button:not(:first-child) {
        margin-top: 18px;
    }
    .inst_button {
        text-align: center;
    }
    .inst_button a {
        max-width: 290px;
        padding: 18px 10px;
        font-weight: normal;
        font-size: 15px;
    }
    .inst_button a:after {
        right: 22px;
    }
    .inst_button.small a {
        width: 100%;
        max-width: 290px;
    }
}

/*  inst_button2
========================================================================*/

.inst_button2:not(:first-child) {
    margin-top: 35px;
}
.inst_button2 {
    text-align: center;
}
.inst_button2 a {
    position: relative;
    display: inline-block;
    width: 100%;
    max-width: 366px;
    padding: 17px 45px 17px 20px;
    background: #FFFFFF;
    color: #3B3B41;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    border: 1px solid #e3e3e3;
    border-radius: 2px;
    line-height: 1.6;
    font-size: 15px;
    letter-spacing: 0.4px;
    transition: all .2s;
}
@media (min-width: 768px) {
    .inst_button2 a:hover {
        opacity: .6;
    }
}
.inst_button2 a:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 32px;
    width: 1em;
    height: 1em;
    min-width: 15px;
    min-height: 15px;
    background: url(/library/img/common/icon_arrow.png) no-repeat center / contain;
}
@media (max-width: 767px) {
    .inst_button2:not(:first-child) {
        margin-top: 55px;
    }
    .inst_button2 a {
        padding: 17px 45px 17px 20px;
    }
    .inst_button2 a:after {
        right: 23px;
    }
}

/*  research page
------------------------------------------------*/

.inst_research_main-section .inst_button2 {
    max-width: 1160px;
    width: calc(100% - 40px);
    margin: 35px auto 0;
}
@media screen and (max-width: 767px) {
    .inst_research_main-section .inst_button2 {
        margin: 20px auto 0;
    }   
}

/*========================================================================

  video

========================================================================*/

.inst_video:not(:first-child) {
    margin-top: 140px;
}
.inst_video:not(.button) a:before {
    width: 90px ;
    height: 90px;
}
.inst_video:not(.button) a:after {
    border: 14px solid transparent;
    border-left: 25px solid #fff;
}

@media (max-width: 767px) {
    .inst_video:not(:first-child) {
        margin-top: 101px;
    }
    .inst_video:not(.button) a:before {
        width: 64px;
        height: 64px;
    }
    .inst_video:not(.button) a:after {
        border: 10px solid transparent;
        border-left: 19px solid #fff;
    }
}

.inst_top div[class^=base-h] + .base-panel:not(:first-child) {
    margin-top: 35px;
}
.inst_top .base-section > div {
    width: calc(100% - 40px);
    max-width: 1160px;
    margin: 0 auto;
    padding: 60px 0 50px;
}
.inst_top .base-panel.humanlife-3clum02 > div {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}
@media (max-width: 767px) {
    .inst_top div[class^=base-h] + .base-panel:not(:first-child) {
        margin-top: 15px;
    }
    .inst_top .base-section > div {
        padding: 40px 0;
    }
}

.mfp-iframe-holder .mfp-content {
    max-width: 980px !important;
}

/*========================================================================

  topics

========================================================================*/

/*  topics-search-section
========================================================================*/

.inst_topics-search-section:not(.side-box) {
    background-color: #F4F4F4;
    font-family: "\6E38\30B4\30B7\30C3\30AF\4F53", "YuGothic", "\6E38\30B4\30B7\30C3\30AF", "Yu Gothic", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "meiryo", "Helvetica Neue", "arial", sans-serif;
}
.inst_topics-search-section h2 {
    font-size: 24px;
}
.inst_topics-search-section.side-box .title-h2 {
    display: none;
}
.inst_topics-search-section:not(.side-box) .inner {
    max-width: 1160px;
    width: calc(100% - 40px);
    margin: 0 auto;
    padding: 62px 0 80px;
}
.inst_topics-search-section .title-h1 {
    text-align: center;
    font-size: 32px;
    font-weight: bold;
    letter-spacing: 0.6px;
    color: #414141;
    margin: 0;
}
@media (max-width: 767px) {
    .inst_topics-search-section.side-box {
        background: #F0F8F6;
        margin: 21px -20px 0;
    }
    .inst_topics-search-section.side-box .title-h1 {
        display: block;
    }
    .inst_topics-search-section:not(.side-box) .inner {
        padding: 42px 0;
    }
    .inst_topics-search-section.side-box .inner {
        padding: 58px 0;
    }
    .inst_topics-search-section .title-h1 {
        font-size: 24px;
    }
}

/*  inst_topics-search
========================================================================*/

.inst_topics-search {
    background-color: #fff;
    margin-top: 45px;
    padding: 50px 45px 60px;
    box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.15);
}
.inst_topics-search.side {
    background-color: unset;
    margin-top: 0;
    padding: 0;
    box-shadow: none;
}
.inst_topics-search .title-h3,
.inst_topics-search.side .title-h3 {
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0.4px;
    color: #414141;
}
.inst_topics-search .title-h3 {
    border-bottom: 1px solid #D8D8D8;
    padding-bottom: 15px; 
}
.inst_topics-search.side .title-h3 {
    border-bottom: none;
    padding-bottom: 0; 
}
@media (max-width: 767px) {
    .inst_topics-search {
        padding: 30px 25px 32px;
        margin-top: 32px;
    }
    .inst_topics-search .title-h3,
    .inst_topics-search.side .title-h3 {
        border-bottom: none;
        padding: 7px 8px 7px 0; 
    }
    .inst_topics-search.side {
        background-color: #fff;
        padding: 28px 20px 30px;
        box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.15);
        margin: 30px 20px 0;
    }
}

/*  category-box
------------------------------------------------*/

.inst_topics-search .category-box .box-inner {
    display: flex;
    justify-content: space-between;
    margin-top: 15px;
}
.inst_topics-search.side .category-box .box-inner {
    display: flex;
    justify-content: space-between;
    margin-top: 15px;
    flex-direction: column;
    gap: 10px;
}
.inst_topics-search .category-box .item {
    width: 31.77%;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    transition: all .3s;
    overflow: hidden;
}
.inst_topics-search.side .category-box .item {
    position: relative;
    width: 100%;
    border-radius: 4px;
}
@media (min-width: 768px) {
    .inst_topics-search .category-box .item:hover {
        opacity: 0.6;
    }
}
.inst_topics-search.side .category-box .item .image {
    display: none;
}
.inst_topics-search .category-box .item img {
    width: 100%;
}
.inst_topics-search .category-box .item .title {
    text-align: center;
    padding: 13px;
    color: #fff;
    font-weight: bold;
    font-size: 16px;
    letter-spacing: 0.4px;
}
.inst_topics-search.side .category-box .item .title {
    text-align: left;
    padding: 18px 18px;
    color: #fff;
    font-weight: bold;
    font-size: 14px;
    letter-spacing: 0.4px;
}
.inst_topics-search.side .category-box .item:before {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 10px;
    width: 15px;
    height: 15px;
    background: url(../img/ic_arrow-side.png) no-repeat center / contain;
}
.inst_topics-search .category-box .item.technology {
    background-color: #5380b2;
}
.inst_topics-search .category-box .item.research {
    background-color: #429d84;
}
.inst_topics-search .category-box .item.news {
    background-color: #dcb330;
}
@media (max-width: 767px) {
    .inst_topics-search .category-box .box-inner {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }
    .inst_topics-search .category-box .item {
        width: 100%;
        background: #ccc;
        border-radius: 4px;
        display: flex;
        padding: 9px;
        align-items: center;
    }
    .inst_topics-search:not(.side) .category-box .item {
        border: none;
    }
    .inst_topics-search .category-box .item .image {
        width: 36.77%;
        width: 114px;
        height: 72px;
        border-radius: 2px;
    }
    .inst_topics-search.side .category-box .item .image {
        display: block;
    }
    .inst_topics-search .category-box .item .title {
        border-radius: 0 0 8px 8px;
    }
    .inst_topics-search.side .category-box .item .title {
        padding: 13px;
        border-radius: 0 0 8px 8px;
        font-size: 16px;
    }
}

/* active */
.inst_topics-search:not(.side) .category-box .item {
    position: relative;
}
.inst_topics-search:not(.side) .category-box .item.technology.active {
    background-color: #5381b21F;
}
.inst_topics-search:not(.side) .category-box .item.active:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    border-radius: 8px;
    left: 0;
}
.inst_topics-search:not(.side) .category-box .item.technology.active:before {
    border: solid 3px #5381B2;
}
.inst_topics-search:not(.side) .category-box .item.technology.active .title {
    color: #5381B2;
}
.inst_topics-search:not(.side) .category-box .item.research.active {
    background-color: #429d841F;
}
.inst_topics-search:not(.side) .category-box .item.research.active:before {
    border: solid 3px #429d84;
}
.inst_topics-search:not(.side) .category-box .item.research.active .title {
    color: #429d84;
}
.inst_topics-search:not(.side) .category-box .item.news.active {
    background-color: #dcb3301F;
}
.inst_topics-search:not(.side) .category-box .item.news.active:before {
    border: solid 3px #dcb330;
}
.inst_topics-search:not(.side) .category-box .item.news.active .title {
    color: #dcb330;
}

/*  tag-box
------------------------------------------------*/

.inst_topics-search .tag-box {
    margin-top: 40px;
}
.inst_topics-search.side .tag-box {
    margin-top: 55px;
}
.inst_topics-search .tag-box .box-inner {
    margin-top: 15px;
    display: flex;
    gap: 7px;
    flex-wrap: wrap;
}
.inst_topics-search .tag-box .box-inner .tag {
    border: none;
    padding: 7px 18px;
    border-radius: 15px;
    color: #787A7B;
    font-weight: bold;
    font-size: 12px;
    letter-spacing: 0.4px;
    display: block;
    cursor: pointer;
    transition: all .3s;
    background-color: #F2F2F2;
}
.inst_topics-search .tag-box .box-inner .tag.active {
    color: #fff;
    background-color: #42434C;
}
@media (min-width: 768px) {
    .inst_topics-search .tag-box .box-inner .tag:hover {
        opacity: 0.6;
    }
}
@media (max-width: 767px) {
    .inst_topics-search .tag-box,
    .inst_topics-search.side .tag-box {
        margin-top: 27px;
    }
    .inst_topics-search .tag-box .box-inner {
        margin-top: 20px;
        display: flex;
        gap: 9px 7px;
    }
    .inst_topics-search .tag-box .box-inner .tag {
        padding: 7px 17px;
    }
}

/*  year-box
------------------------------------------------*/

.inst_topics-search .year-box {
    margin-top: 40px;
}
.inst_topics-search .year-menu .year-btn {
    text-align: center;
    background-color: #fff;
    color: #42434C;
    font-weight: bold;
    font-size: 15px;
    padding: 5px;
    width: 100%;
    border-radius: 3px;
    display: block;
    position: relative;
    cursor: pointer;
    transition: all .3s;
    border: 1px solid #000;
}
.inst_topics-search .year-menu .year-btn.non-select {
    color: #C1C1C1;
}
@media (min-width: 768px) {
    .inst_topics-search .year-box .year-btn:hover {
        opacity: 0.6;
    }
}
.inst_topics-search.side .year-box .year-btn {
    margin-top: 20px;
    font-size: 15px;
    padding: 22px;
    border-radius: 3px;
    display: block;
    margin: 20px auto 0;
}
.inst_topics-search .year-menu.active .year-btn {
    border-radius: 3px 3px 0 0;
    background-color: #42434C;
    color: #fff;
}
.inst_topics-search .year-menu.active .year-btn:before,
.inst_topics-search .year-menu.active .year-btn:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 15px;
  width: 1px;
  height: 10px;
  background: #fff;
}
.inst_topics-search .year-menu.active .year-btn:before {
  transform: translate(-50%,-50%) rotate(45deg);
}
.inst_topics-search .year-menu.active .year-btn:after {
  transform: translate(-50%,-50%) rotate(-45deg);
}
@media (max-width: 767px) {
    .inst_topics-search .year-box {
        margin-top: 34px;
    }
    .inst_topics-search.side .year-box .year-btn {
        width: 100%;
        margin: 10px auto 0;
    }
    .inst_topics-search .year-box .year-btn:before {
        width: 7px;
        height: 7px;
    }
}

/*  year-menu
------------------------------------------------*/

.inst_topics-search .year-menu {
    width: 200px;
    margin: 20px auto 0;
    position: relative;
}
.inst_topics-search.side .year-menu {
    width: 113px;
}
.inst_topics-search .year-menu .year-menu-inner {
    display: none;
    width: 200px;
    position: absolute;
    z-index: 3;
}
.inst_topics-search.side .year-menu .year-menu-inner {
    width: 100%;
}
.inst_topics-search .year-menu.active .year-menu-inner {
    display: block;
    box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.16);
    height: 77px;
    overflow-y: scroll;
    border-bottom: 1px solid #c0c1c3;
    border-left: 1px solid #c6c7c9;
    border-right: 1px solid #c6c7c9;
    border-radius: 0 0 3px 3px;
}
.inst_topics-search .year-menu .year-menu-inner .item {
    width: 100%;
    border-radius: 0;
    border-top: 1px solid #c0c1c3;
    border-bottom: 0;
    border-left: 0;
    border-right: 0;
    padding: 5px;
    background: #fff;
    position: relative;
    font-weight: bold;
    cursor: pointer;
    font-size: 15px;
    letter-spacing: 0.4px;
    color: #42434C;
    transition: all .3s;
}
@media (min-width: 768px) {
    .inst_topics-search .year-menu .year-menu-inner .item:hover {
        background: #f4f4f4;
    }
}
@media (max-width: 767px) {
    .inst_topics-search .year-menu {
        width: 50%;
    }
    .inst_topics-search .year-menu .year-menu-inner {
        width: 100%;
    }
}

/*  tag_h3
------------------------------------------------*/

.inst_topics-search .tag_h3 {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #D8D8D8;
    padding-bottom: 10px;
    font-weight: bold;
    letter-spacing: 0.4px;
    color: #414141;
}
.inst_topics-search.side .tag_h3 {
    display: flex;
    justify-content: space-between;
}
.inst_topics-search .tag_h3 .year-menu {
    margin: 0 0 0 30px;
}
.inst_topics-search.side .tag_h3 .year-menu {
    margin: 0 0 0 5px;
}
@media screen and (max-width: 767px) {
    .inst_topics-search .tag_h3 {
        border-bottom: 0;
        justify-content: space-between;
        padding-bottom: 0;
    }
    .inst_topics-search .tag_h3 .year-menu {
        margin: 0 0 0 10px;
    }
}

/*  button
------------------------------------------------*/
.inst_topics-search .btn {
    width: 250px;
    display: block;
    margin: 38px auto 0;
    padding: 13px;
    color: #fff;
    background: #42434C;
    border-radius: 3px;
    border: 0;
    font-weight: bold;
    font-size: 15px;
    letter-spacing: 0.4px;
    cursor: pointer;
    transition: all .3s;
}
.inst_topics-search.side .btn {
    width: 100%;
    margin: 30px auto 0;
    padding: 16px;
}
@media (min-width: 768px) {
    .inst_topics-search .btn:hover {
        opacity: .6;
    }
}
@media screen and (max-width: 767px) {
    .inst_topics-search .btn {
        width: 100%;
        padding: 17px;
        margin: 34px auto 0;
    }
}

/*  topics-search
========================================================================*/

.inst_topics-list-section {
    background-color: #ffffff;
    background-image: url("../../topics/assets/img/bg.jpg");
    background-size: 100%;
    background-position: bottom;
    font-family: "\6E38\30B4\30B7\30C3\30AF\4F53", "YuGothic", "\6E38\30B4\30B7\30C3\30AF", "Yu Gothic", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "meiryo", "Helvetica Neue", "arial", sans-serif;
}
.inst_topics-list-section .title-h2 {
    font-size: 24px;
    font-weight: bold;
    border-left: 4px solid #BAC1CA;
    padding: 8px 15px;
    letter-spacing: 0.69px;
}
.inst_topics-list-section .inner {
    max-width: 1160px;
    width: calc(100% - 40px);
    margin: 0 auto;
    padding: 60px 0 80px;
}
@media (max-width: 767px) {
    .inst_topics-list-section {
        background-color: #ffffff;
        background-image: url("../img/bg-detail_sp.jpg");
        background-size: 100%;
        background-position: bottom;
    }
    .inst_topics-list-section .title-h2 {
        font-size: 18px;
        border-left: 5px solid #D8D8D8;
        padding: 13px 10px;
    }
    .inst_topics-list-section .inner {
        padding: 40px 0 60px;
    }
}

/*  topics-list-top
------------------------------------------------*/
.inst_topics-list-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.inst_topics-list-top .sort-box {
    display: flex;
    gap: 30px;
}
.inst_topics-list-top .sort-box .new,
.inst_topics-list-top .sort-box .old {
    border: 0;
    background: none;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 0.4px;
    color: #808080;
    cursor: pointer;
}
.inst_topics-list-top .sort-box .new.active,
.inst_topics-list-top .sort-box .old.active {
    color: #000000;
}
@media (max-width: 767px) {
    .inst_topics-list-top .sort-box .new.active:hover,
    .inst_topics-list-top .sort-box .old.active:hover {
        opacity: 0.6;
    }
}

@media (max-width: 767px) {
    .inst_topics-list-top {
        display: flex;
        align-items: flex-start;
        width: 100%;
        flex-direction: column;
    }
    .inst_topics-list-top .sort-box {
        display: flex;
        gap: 23px;
        width: 100%;
        justify-content: flex-end;
    }
}

/*  topics-list
------------------------------------------------*/
.inst_topics-list {
    display: flex;
    flex-wrap: wrap;
    gap: 30px 2.675%;
    margin-top: 30px;
}
.inst_topics-list .box {
    width: 31.55%;
    border-bottom: 1px solid #d8d8d8;
    background-color: #F4F4F4;
    display: flex;
    position: relative;
}
.inst_topics-list .box a {
    text-decoration:none;
    color: #242424;
    transition: all .3s;
    display: flex;
    flex-direction: column;
    width: 100%;
}

@media (min-width: 768px) {
    .inst_topics-list .box a:hover {
        opacity: 0.6;
    }   
}
.inst_topics-list .box a:before {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    width: 1em;
    height: 1em;
    min-width: 15px;
    min-height: 15px;
    background: url(/company/rd/institute/topics/assets/img/ic_arrow.png) no-repeat center / contain;
}

.inst_topics-list .box .imagebox {
    position: relative;
    overflow: hidden;
    height: 274px;
    background-color: #ffffff;
    border: 1px solid #dcdcdc;
}
.inst_topics-list .box .imagebox img {
    top: 50%;
    left: 50%;
    transform: translateY(-50%)translateX(-50%);
    transition: transform .3s;
    position: absolute;
    width: 100%;
}
@media (min-width: 768px) {
    .inst_topics-list .box a:hover .imagebox img {
        transform: translateY(-50%)translateX(-50%)scale(1.08);
    }
}
.inst_topics-list .box .imagebox .icon-box {
    position: absolute;
    top: 15px;
    left: 15px;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    display: flex;
    gap: 6px;
    z-index: 1;
}
.inst_topics-list .box .imagebox .icon-box .icon-tag {
    padding: 5px 27px;
}
.inst_topics-list .box .imagebox .icon-box .icon-tag.research {
    background: #429d84;
}
.inst_topics-list .box .imagebox .icon-box .icon-tag.technology {
    background: #5380b2;
}
.inst_topics-list .box .imagebox .icon-box .icon-tag.news {
    background: #dcb330;
}
.inst_topics-list .box .imagebox .icon-box .icon-new {
    background: #3B3B41;
    padding: 5px 11px;
    border-radius: 2px;
}
.inst_topics-list .box .textbox {
    padding: 30px 15px;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.inst_topics-list .box .textbox .date {
    font-size: 12px;
    letter-spacing: 0.48px;
}
.inst_topics-list .box .textbox .title {
    margin-top: 15px;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0.4px;
    line-height: 1.6;
    position: relative;
} 
.inst_topics-list .box a[href*=".pdf"] .textbox .title:after {
    content: '';
    position: absolute;
    display: inline-block;
    width: 15px;
    height: 15px;
    margin: 6px 8px 0; 
    background-image: url(../img/ic_pdf.png);
}
.inst_topics-list .box .tag-box {
    margin-top: 60px;
    display: flex;
}
.inst_topics-list .box .tag-box span {
    font-size: 12px;
    display:block;
    padding-right: 15px;
    border-right: 1px solid #B8B8BC;
}
.inst_topics-list .box .tag-box span:not(:first-child) {
    margin-left: 15px;
}
@media (max-width: 767px) {
    .inst_topics-list {
        display: flex;
        justify-content: space-between;
        gap: 15px 0;
        margin-top: 20px;
        flex-direction: column;
    }
    .inst_topics-list .box {
        width: 100%;
    }
    .inst_topics-list .box .imagebox {
        height: 197px;
    }
    .inst_topics-list .box .imagebox .icon-box .icon-tag {
        padding: 4px 27px;
    }
    .inst_topics-list .box .imagebox .icon-box .icon-new {
        padding: 4px 11px;
    }
    .inst_topics-list .box .textbox {
        background-color: #F4F4F4;
        padding: 25px 20px 35px;
    }
    .inst_topics-list .box .textbox .title {
        margin-top: 10px;
    }
    .inst_topics-list .box .tag-box {
        margin-top: 20px;
        display: flex;
    }
}

/*  topics-search
========================================================================*/

.inst_topics-list-pagination {
    margin-top: 60px;
}
.inst_topics-list-pagination .pagination {
    display: flex;
    gap: 12px;
    justify-content: center;
}
.inst_topics-list-pagination .pagination li a {
    font-family: "Lato";
    font-weight: bold;
    padding: 8px 11px;
    color: #333;
    text-decoration: none;
    font-size: 12px;
    border-radius: 50%;
    display: block;
}
.inst_topics-list-pagination .pagination li a.active {
    color: #fff;
    background: #006EB8;
}
@media (max-width: 767px) {
    .inst_topics-list-pagination {
        margin-top: 18px;
    }
    .inst_topics-list-pagination .pagination {
        gap: 6px;
    }
    .inst_topics-list-pagination .pagination li a {
        padding: 8px 10px;
    }
}

/*========================================================================

  inst_topics-detail

========================================================================*/

.inst_topics-detail {
    background-color: #ffffff;
    background-image: url("../../topics/assets/img/bg.jpg");
    background-size: 100%;
    background-position: bottom;
    font-family: "\6E38\30B4\30B7\30C3\30AF\4F53", "YuGothic", "\6E38\30B4\30B7\30C3\30AF", "Yu Gothic", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "meiryo", "Helvetica Neue", "arial", sans-serif;
}
.inst_topics-detail > div {
    max-width: 1160px;
    width: calc(100% - 40px);
    margin: 0 auto;
    padding: 59px 0 70px;
    display: flex;
    justify-content: space-between;
}
.inst_topics-detail > div:after {
    display: none;
}
@media (max-width: 767px) {
    .inst_topics-detail {
        background-image: url("../img/bg-detail_sp.jpg");
        background-size: 100%;
        background-position: right 0 bottom 900px;
        border-top: 1px solid #e1e1e1;
    }
    .inst_topics-detail > div {
        display: flex;
        flex-direction: column;
        padding: 40px 0 0;
    }
}

/*  main-area
========================================================================*/

.inst_topics-detail-main-area {
    width: 74.13%;
}
@media (max-width: 767px) {
    .inst_topics-detail-main-area {
        width: 100%;
    }
}

/*  side-area
========================================================================*/

.inst_topics-detail-side-area {
    width: 20.68%;
}
.inst_topics-detail-side-area .side-title:not(:first-child) {
    margin-top: 35px;
}
.inst_topics-detail-side-area .side-title {
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0.4px;
}
@media (max-width: 767px) {
    .inst_topics-detail-side-area {
        width: 100%;
    }
}

/*  category-box
------------------------------------------------*/
.inst_topics-detail-side-area .category-box:not(:first-child) {
    margin-top: 10px;
}
.inst_topics-detail-side-area .category-box .btn:not(:first-child) {
    margin-top: 10px;
}
.inst_topics-detail-side-area .category-box .btn a {
    background: #333;
    padding: 16px  15px;
    display: block;
    color: #fff;
    text-decoration: none;
    border-radius: 3px;
    font-weight: bold;
    position: relative;
    transition: all .3s;
}
@media (min-width: 768px) {
    .inst_topics-detail-side-area .category-box .btn a:hover {
        opacity: 0.6;
    }
}
.inst_topics-detail-side-area .category-box .btn.technology a {
    background-color: #5380b2;
}
.inst_topics-detail-side-area .category-box .btn.research a {
    background-color: #429d84;
}
.inst_topics-detail-side-area .category-box .btn.news a {
    background-color: #dcb330;
}
.inst_topics-detail-side-area .category-box .btn a:before {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 10px;
    width: 15px;
    height: 15px;
    background: url(../img/ic_arrow-side.png) no-repeat center / contain;
}

/*  tag-box
------------------------------------------------*/

.inst_topics-detail-side-area .tag-box .tag {
    border: none;
    padding: 6px 12px;
    border-radius: 15px;
    color: #787A7B;
    font-weight: bold;
    font-size: 12px;
    letter-spacing: 0.4px;
    cursor: pointer;
    transition: all .3s;
}
@media (min-width: 768px) {
    .inst_topics-detail-side-area .tag-box .tag:hover {
        opacity: 0.6;
    }
}
.inst_topics-detail-side-area .tag-box .box-inner {
    display: flex;
    flex-wrap: wrap;
    gap: 9px 4px;
}

/*  year-btn
------------------------------------------------*/

.inst_topics-detail-side-area .year-btn {
    margin-top: 0;
    text-align: center;
    border:none;
    background-color: #42434C;
    color: #fff;
    font-weight: bold;
    font-size: 15px;
    padding: 22px;
    width: 100%;
    border-radius: 3px;
    position: relative;
    cursor: pointer;
    transition: all .3s;
}
@media (min-width: 768px) {
    .inst_topics-detail-side-area .year-btn:hover {
        opacity: 0.6;
    }
}

/*========================================================================

  component

========================================================================*/

div[class^=inst-c] img {
    max-width: 100%;
}

.base-newsrelease + .inst-c:not(:first-child) {
    margin-top: 45px;
}
@media (max-width: 767px) {
    .base-newsrelease + .inst-c:not(:first-child) {
        margin-top: 34px;
    }
}

/*  inst-c_h3
------------------------------------------------*/
.inst-c_h3 + div:not(:first-child) {
    margin-top: 15px;
}
.inst-c_h3 h3 {
    font-size: 18px;
    font-weight: bold;
    letter-spacing: .48px;
    line-height: 1.6;
}
@media (max-width: 767px) {
    .inst-c_h3 + div:not(:first-child) {
        margin-top: 3px;
    }
    .inst-c_h3 h3 {
        font-size: 15px;
    }
}

/*  inst-c_label
------------------------------------------------*/

.inst-c_label {
    font-size: 12px;
    font-weight: bold;
    padding: 5px 28px;
    background: #333;
    display: inline-block;
    color: #fff;
}
.inst-c_label.technology {
    background-color: #5380b2;
}
.inst-c_label.research {
    background-color: #429d84;
}
.inst-c_label.news {
    background-color: #dcb330;
}
@media (max-width: 767px) {
    .inst-c_label {
        padding: 4px 28px;
    }
}

/*  inst-c_h1
------------------------------------------------*/
.inst-c_h1:not(:first-child) {
    margin-top: 10px;
}
.inst-c_h1 h1 {
    padding-left: 0;
    font-size: 22px;
    line-height: 2.2;
    letter-spacing: .59px;
    font-weight: bold;
    margin: 0;
}

@media (max-width: 767px) {
    .inst-c_h1:not(:first-child) {
        margin-top: 8px;
    }
    .inst-c_h1 h1 {
        font-size: 18px;
    }
}

/*  inst-c_tag
------------------------------------------------*/

.inst-c_tag:not(:first-child) {
    margin-top: 10px;
}
.inst-c_tag {
    padding-bottom: 25px;
    border-bottom: 1px solid #EFEFEF;
}
.inst-c_tag > div > div {
    display: flex;
    justify-content: flex-end;
}
.inst-c_tag .tag:not(:last-child) {
    border-right: 1px solid #ccc;
}
.inst-c_tag .tag {
    font-size: 12px;
    letter-spacing: 0.4px;
    padding: 0 15px;
}
.inst-c_tag .tag:last-child {
    padding: 0 0 0 15px;
}
@media (max-width: 767px) {
    .inst-c_tag + .base-newsrelease:not(:first-child) {
        margin-top: 18px;
    }
    .inst-c_tag:not(:first-child) {
        margin-top: 18px;
    }
    .inst-c_tag {
        padding-bottom: 14px;
        color: #242424;
    }
    .inst-c_tag > div {
        display: flex;
        justify-content: flex-start;
        margin: 0 -11px;
    }
    .inst-c_tag .tag {
        padding: 0px 16px;
        opacity: 0.6;
    }
}

/*  snsButton
------------------------------------------------*/

.inst_share .b-a-snsButton_x {
    background-image: url("/library/img/common/icon_x.png");
}

/*  inst-c_h2
------------------------------------------------*/

.inst-c_h2 + div:not(:first-child) {
    margin-top: 15px;
}
.inst-c_h2:not(:first-child) {
    margin-top: 45px;
}
.inst-c_h2 h2 {
    font-size: 16px;
    font-weight: bold;
    letter-spacing: .59px;
    line-height: 1.6;
}
@media (max-width: 767px) {
    .inst-c_h2 + div:not(:first-child) {
        margin-top: 10px;
    }
}

/*  inst-c_panel
------------------------------------------------*/
.inst-c_panel:not(:first-child) {
    margin-top: 65px;
}
.inst-c_panel .image {
    min-height: 0%;
    text-align: center;
}
.inst-c_panel .image img {
    user-drag: none;
    user-select: none;
    -webkit-user-drag: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    pointer-events: none;
}
/* w630 */
.inst-c_panel.w630 {
    width: 630px;
    margin: 65px auto 0;
}
@media (max-width: 767px) {
    .inst-c_panel.w630 {
        width: 100%;
        margin: 42px auto 0;
    }
}

/* panel-2clum */
.inst-c_panel.panel-2clum > div {
    display: flex;
    justify-content: space-between;
}
.inst-c_panel.panel-2clum > div:after {
    display: none;
}
.inst-c_panel.panel-2clum .box {
    width: 47.61904%;
}
@media (max-width: 767px) {
    .inst-c_panel.panel-2clum > div {
        display: flex;
        flex-direction: column;
    }
    .inst-c_panel.panel-2clum .box {
        width: 100%;
    }
    .inst-c_panel.panel-2clum .box:not(:first-child) {
        margin-top: 30px;
    }
}

/*  inst-c_caption
------------------------------------------------*/
.inst-c_caption:not(:first-child) {
    margin-top: 15px;
}
.inst-c_caption {
    text-align: center;
    font-size: 15px;
    line-height: 30px;
    letter-spacing: 0.4px;
}
.inst-c_caption.left {
    text-align: left;
}
@media (max-width: 767px) {
    .inst-c_caption {
        font-size: 14px;
        line-height: 21px;
        text-align: left;
    }
}

/*  base-style inst-c_textlink
------------------------------------------------*/

.base-style.inst-c_textlink a {
    font-size: 14px;
    position: relative;
}
.base-style.inst-c_textlink a:not(.no-icon)[target=_blank]:after,
.base-style.inst-c_textlink a:not(.no-icon).pbOpenNewWindow:after {
    margin: 8px 0 0 10px;
    position: absolute;
}
@media (max-width: 767px) {
    .base-style.inst-c_textlink:not(:first-child) {
        margin-top: 45px;
    }
    .base-style.inst-c_textlink {
        font-weight: bold;
    }
    .base-style.inst-c_textlink a {
        font-weight: normal;
        font-size: 15px;
    }
}

/*  inst-c_related
------------------------------------------------*/

.inst-c_related:not(:first-child) {
    margin-top: 45px;
}
.inst-c_related a {
    padding-bottom: 1px;
    color: #83838C;
    border-bottom: 1px solid;
    text-decoration: none;
    position: relative;
}
.inst-c_related a:not(.no-icon)[target=_blank]:after,
.inst-c_related a:not(.no-icon).pbOpenNewWindow:after {
    content: '';
    width: 1em;
    height: 1em;
    margin: 6px 0 0 10px;
    display: inline-block;
    background: url(../img/icon_outbound_g.png) no-repeat center / contain;
    position: absolute;
}
.inst-c_related a[href*=".pdf"]:after,
.inst-c_related a[href*=".xls"]:after,
.inst-c_related a[href*=".xlsx"]:after,
.inst-c_related a[href*=".zip"]:after {
    content: '';
    width: 1em;
    height: 1em;
    margin: 0 5px;
    display: inline-block;
    margin: 0 5px;
    background: url(../img/icon_pdf.png) no-repeat center / contain;
    vertical-align: text-top;
}
.inst-c_related a[href*=".xls"]:after,
.inst-c_related a[href*=".xlsx"]:after {
    background-image: url(../img/icon_xls.png);
}
.inst-c_related a[href*=".zip"]:after {
    background-image: url(../img/icon_zip.png);
}
.inst-c_related table:not(:first-child) {
    margin-top: 10px;
}
.inst-c_related table {
    width: 100%;
    border: none;
}

@media (min-width: 768px) {
    .inst-c_related table a:hover {
        opacity: 1;
        text-decoration: none;
    }
}
.inst-c_related table th,
.inst-c_related table td {
    text-align: left;
}
.inst-c_related table th {
    width: 85px;
    padding-right: 10px;
    white-space: nowrap;
}
.inst-c_related table td {
    padding-left: 10px;
}
.inst-c_related table strong {
    position: relative;
    top: -2px;
    font-weight: normal;
    font-size: 12px;
    color: #919191;
}

@media (max-width: 767px) {
    .inst-c_related:not(:first-child) {
        margin-top: 30px;
    }
    .inst-c_related table,
    .inst-c_related table tbody,
    .inst-c_related table tr,
    .inst-c_related table th,
    .inst-c_related table td {
        display: block;
        width: 100%!important;
        height: auto!important;
    }
    .inst-c_related table tr {
        padding: 15px 0;
    }
    .inst-c_related table th {
        padding: 0;
    }
    .inst-c_related table td {
        margin-top: 8px;
        padding: 0;
        line-height: 1.5;
    }
}

/*  table inst-c
------------------------------------------------*/

.base-style.inst-c table .center {
    text-align: center;
}

@media (max-width: 767px) {
    .base-style.inst-c table .center {
        text-align: left;
    }   
}

/*  base-box inst-c
------------------------------------------------*/

@media (max-width: 767px) {
    .base-box.inst-c:not(:first-child) {
        margin-top: 37px;
    }
    .base-box.inst-c > div {
        padding: 22px 20px;
    }
}

/*  inst-c_textlink
------------------------------------------------*/
.base-style:not(:first-child) {
    margin-top: 45px;
}

/*  inst-c_caption
------------------------------------------------*/

@media (max-width: 767px) {
    .base-panel .inst-c_caption:not(:first-child) {
        margin-top: 15px;
    }
    .base-style.inst-c_caption {
        font-size: 14px;
        line-height: 1.5;
    }
}

/*  base-sns inst-c
------------------------------------------------*/
.base-sns.inst-c {
    margin-top: 105px;
}
.base-sns.inst-c > div {
    padding-top: 0;
    border-top: none;
}
.base-sns.inst-c .b-a-snsButton.b-is-compact {
    background-color: unset;
}
.base-sns.inst-c .b-m-shareNavi_list {
    border-bottom: 1px solid #DDDDDD;   
}
.base-sns .b-m-shareNavi_list .b-a-snsButton:before,
.base-sns .b-m-shareNavi_list .b-a-snsButton:after {
    background-color: #DDDDDD;
}

@media (max-width: 767px) {
    .base-sns.inst-c {
        margin-top: 60px;
    }
    .base-sns.inst-c > div {
        padding-top: 22px;
        border-top: 1px solid #DDDDDD;
    }

}

/*========================================================================

  inst_research

========================================================================*/

/*  link-list
========================================================================*/

.inst_research_link-list-section {
    max-width: 1160px;
    margin: 0 auto;
} 
.inst_research_link-list-section.bottom {
    margin-top: 58px;
}
.inst_research_link-list > div {
    display: flex;
    gap: 40px;
}
.inst_research_link-list > div:after {
    display: none;
}
.inst_research_link-list .button {
    background: url(/library/img/common/icon_arrow.png) no-repeat right center;
    background-size: 15px;
    width: 31.034%;
    border-bottom: 1px solid#C2C2C2;
    transition: all .3s;
}
.inst_research_link-list .button a {
    text-decoration: none;
    color: #242424;
    padding: 20px 0;
    display: block;
    letter-spacing: 0.4px;
}
@media (min-width: 768px) {
    .inst_research_link-list .button:hover {
        opacity: 0.6;
    }
}
.inst_research_link-list .button.active {
    background: none;
    font-weight: bold;
}

@media screen and (max-width: 767px) {
    .inst_research_link-list {
        background-color: #F2F2F2;
        border-top: 1px solid #E5E5E5;
    }
    .inst_research_link-list > div {
        gap: 0;
    }
    .inst_research_link-list-section.bottom .inst_research_link-list {
        border-top: none;
    }
    .inst_research_link-list .button {
        border-bottom: none;
        width: calc(100% / 3);
        display: flex;
        align-items: center;
        justify-content: center;
        background: none;
        opacity: 0.6;
    }
    .inst_research_link-list .button.active {
        opacity: 1;
        border-bottom: 2px solid #333;
    }
    .inst_research_link-list .button a {
        padding: 10px 10px;
        font-size: 12px;
        text-align: center;
        line-height: 1.2;
    }
    .inst_research_link-list-section.bottom .inst_research_link-list .button.active {
        border-top: 2px solid #333;
        border-bottom: none;
    }
}

/*  research_main-section
========================================================================*/

.inst_research_main-section {
    font-family: "\6E38\30B4\30B7\30C3\30AF\4F53", "YuGothic", "\6E38\30B4\30B7\30C3\30AF", "Yu Gothic", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "meiryo", "Helvetica Neue", "arial", sans-serif;
    color: #242424;
    background: url(../img/bg_research01.png) no-repeat center top 171px,url(../img/bg_research02.png) no-repeat center bottom;
    background-size: 100%;
    padding-bottom: 54px;
}
.inst_research_main-section .inner {
    width: calc(100% - 40px);
    max-width: 1160px;
    margin: 50px auto 0;
}
@media screen and (max-width: 767px) {
    .inst_research_main-section {
        background: url(../img/bg_research01.png) no-repeat center top 139px;
        background-size: 100%;
        padding-bottom: 20px;
    }
    .inst_research_main-section .inner {
        margin: 30px auto 0;
    }
}

/*  research_kv
========================================================================*/

.inst_research_kv {
    margin-top: 30px;
}
.inst_research_slide {
    margin-top: 30px;
}
.inst_research_slide .box {
    width: 960px;
    margin: 0 10px;
    border-radius: 12px;
    overflow: hidden;
}
.inst_research_slide .box img {
    width: 100%;
}
@media screen and (max-width: 767px) {
    .inst_research_kv {
        margin-top: 20px;
    }
    .inst_research_slide .box {
        width: 320px;
        margin: 0 5px;
        border-radius: 5px;
    }
}

/*  research_heading
========================================================================*/

.inst_research_heading {
    text-align: center;
}
.inst_research_heading .icon img {
    width: 88px;
}
.inst_research_heading .title {
    margin-top: 14px;
}
.inst_research_heading .title h1 {
    font-weight: bold;
    font-size: 42px;
    letter-spacing: 4px;
    margin: 0;
}
.inst_research_heading .lead {
    font-weight: bold;
    font-size: 24px;
    letter-spacing: 0.1em;
    line-height: 1.5;
    margin-top: 37px;
    display: block;
}
@media screen and (max-width: 767px) {
    .inst_research_heading .icon img {
        width: 60px;
    }
    .inst_research_heading .title h1 {
        font-size: 24px;
        letter-spacing: 0.48px;
        margin: 0;
        color: #414141;
    }
    .inst_research_heading .lead {
        font-size: 15px;
        letter-spacing: 0.4px;
        color: #414141;
        margin-top: 16px;
        white-space: nowrap;
    }
    .inst_research_heading .lead wbr {
        display: block;
    }
}

/*  research_panel
========================================================================*/

.inst_research_panel {
    margin-top: 76px;
}
.inst_research_panel > div {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.inst_research_panel > div:after {
    display: none;
}
.inst_research_panel .box {
    width: 47.415%;
    line-height: 1.6;
}
.inst_research_panel .box:nth-child(n+3) {
    margin-top: 45px;
}
.inst_research_panel .box .image img {
    width: 100%;
}
.inst_research_panel .textbox {
    padding: 30px;
    background-color: #F4F4F4;
    height: 190px;
    border-bottom: 1px solid #d8d8d8;
}
.inst_research_panel .title {
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0.48px;
}
.inst_research_panel .text:not(:first-child) {
    margin-top: 12px;
}
.inst_research_panel .text {
    font-size: 15px;
    letter-spacing: 0.48px;
}
@media screen and (max-width: 767px) {
    .inst_research_panel {
        margin-top: 40px;
    }
    .inst_research_panel .box {
        width: 100%;
    }
    .inst_research_panel .box:not(:first-child) {
        margin-top: 15px;
    }
    .inst_research_panel .textbox {
        padding: 30px 30px 45px;
        height: auto;
    }
    .inst_research_panel .title {
        font-size: 15px;
        letter-spacing: 0.4px;
    }
    .inst_research_panel .text {
        letter-spacing: 0.4px;
    }
}