@charset "utf-8";

/***************************************************************************
*
* INDEX STYLE
*
***************************************************************************/

#header .inner{
    position: relative;
}

.limited-banner {
    text-align: center;
    margin-top: 20px;
}

.limited-banner a{
    width: 345px;
    display: inline-block;
}

@media only screen and (max-width: 560px) {
    .limited-banner{
    }
}

#main {
    margin-bottom: 50px;
}

.wrapDetail {
    position: relative;
    background: #2E8EC7;
    float: left;
    width: 420px;
    height: 100vh;
    text-align: center;
}

.wrapDetail .boxDetail {
    position: relative;
    width: 100%;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
}

.wrapDetail .boxDetail .logoMain {
    margin-bottom: 2px;
}

.wrapDetail .boxDetail .subMain {
    color: #fff;
    font-size: 24px;
    font-weight: 500;
    line-height: 1.7;
    letter-spacing: -3px;
    margin-bottom: 40px;
}

.wrapDetail .boxDetail .subMain .small {
    display: block;
    font-size: 19px;
    font-weight: 300;
    letter-spacing: -1px;
    margin-bottom: 7px;
    line-height: 1.5;
}

.wrapDetail .boxDetail .btnScoll a {
    display: inline-block;
    background: url(../images/index/btn-icon-mouse.svg) no-repeat center right, 18px 18px;
    padding-right: 20px;
    color: #fff;
}

.wrapDetail .boxDetail .btnScoll:before {
    content: "";
    position: absolute;
    border-left: 2px solid #fff;
    height: 28px;
    bottom: -30px;
    left: 50%;
    transform: translateX(-50%);
}

.wrapSlide {
    float: right;
    width: calc(100% - 420px);
    height: 100%;
}

.wrapSlide .itemSlide {
    position: relative;
    height: 100vh;
}

.wrapSlide .itemSlide .wrapPosition {
    position: absolute;
    width: 100%;
    top: 53.4%;
    left: 50%;
    padding-right: 1px;
    text-align: right;
    transform: translate(-50%, -50%);
}



/*areaNews*/

.boxNews {
    /*margin-bottom: 133px;*/
}

.boxNews .titleNews {
    float: left;
    width: 115px;
}

.listNews {
    float: right;
    width: calc(100% - 115px);
    padding-top: 6px;
}

.boxNews .titleNews {
    color: #1C5F9B;
    font-size: 24px;
    font-weight: bold;
}

.listNews li {
    position: relative;
    padding-left: 18px;
    margin-bottom: 12px;
}

.listNews li:before {
    content: "";
    position: absolute;
    border-top: 1px solid #3CABDD;
    width: 10px;
    top: 12px;
    left: 0;
}

.listNews li a {
    font-size: 16px;
}

.listNews li .dateNews {
    letter-spacing: 0.3px;
}

.listNews li a:hover {
    text-decoration: underline;
}

.listNews-manual {
    float: right;
    width: calc(100% - 115px);
    padding-top: 6px;
}

.listNews-manual li {
    position: relative;
    padding-left: 18px;
    margin-bottom: 12px;
}

.listNews-manual li:before {
    content: "";
    position: absolute;
    border-top: 1px solid #3CABDD;
    width: 10px;
    top: 12px;
    left: 0;
}

.listNews-manual li a {
    font-size: 16px;
}

.listNews-manual li .dateNews {
    letter-spacing: 0.3px;
}

.listNews-manual li a:hover {
    text-decoration: underline;
}

.tagNews {
    padding:4px 10px;
    background:#F39825;
    border-radius:999px;
    color:#fff;
    font-size:0.8rem;
    position:relative;
    top:-1px;
    margin-right:5px;
    display:inline-block;
}

.overlay{
    display:none;
    background: rgba(0,0,0,0.6);
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
}

/* 商品開発支援パッケージバナー */
.banner {
    margin-top:56px;
}

.banner-package {
    width:100%;
    max-width:500px;
    margin:0 auto;
    display:block;
    border-radius:999px;
    background:#F39825;
    padding:15px 10px;
    box-sizing: border-box;
    font-size:20px;
    color:#fff;
    text-align: center;
}

@media (max-width: 768px) {
    .banner {
        margin-top:25px;
    }

    .banner-package {
        padding:10px 10px;
        font-size:16px;
    }
}


/*.areaResearch*/
.areaResearch {
    text-align: center;
    padding-top: 133px;
    margin-bottom: 161px;
}

.areaResearch .titleResearch {
    display: inline-block;
    position: relative;
    font-size: 36px;
    font-weight: 500;
    margin-bottom: 65px;
}

.areaResearch .titleResearch:before {
    content: "";
    position: absolute;
    background: rgba(244, 208, 46, 0.50);
    bottom: 5px;
    left: 0;
    height: 14px;
    width: 100%;
    z-index: -1;
}

.areaResearch .boxResearch {
    text-align: left;
}

.areaResearch .boxResearch .subResearch {
    float: left;
    font-size: 18px;
    line-height: 2;
    width: calc(100% - 600px);
}

.areaResearch .boxResearch .imageResearch {
    float: right;
    width: 665px;
    margin-top: -25px;
    margin-right: -100px;
}

.areaResearch .boxResearch .subResearch .lineRed {
    display: initial;
    font-weight: 500;
    background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(235, 247, 250, 0) 90%, rgba(248, 116, 153, 1) 90%, rgba(248, 116, 153, 1) 100%);
}

.areaResearch .boxResearch .subResearch .lineBlue {
    display: initial;
    font-weight: 500;
    background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(235, 247, 250, 0) 90%, rgba(84, 214, 184, 1) 90%, rgba(84, 214, 184, 1) 100%);
}

.areaResearch .boxResearch .subResearch .lineGray {
    display: initial;
    font-weight: 500;
    background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(235, 247, 250, 0) 90%, rgba(184, 158, 202, 1) 90%, rgba(184, 158, 202, 1) 100%);
}


/*areaActivi*/
.areaActivi {
    background: rgba(60, 171, 221, 0.10);
    padding: 56px 0 86px;
    /*margin-bottom: 119px;*/
}

.areaActivi .areaTitle {
    margin-bottom: 18px;
}

.areaActivi .listActivi {}

.areaActivi .listActivi .listItem {
    float: left;
    width: calc(100% / 4);
    text-align: center;
}

.areaActivi .listActivi .listItem .titleActivi {
    position: relative;
    font-size: 20px;
    line-height: 1.45;
    padding-bottom: 14px;
    margin-bottom: 16px;
}

.areaActivi .listActivi .listItem .titleActivi:before {
    content: "";
    position: absolute;
    border-bottom: 2px solid #3CABDD;
    width: 73px;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}

.areaActivi .listActivi .listItem .subActivi {
    font-size: 16px;
    line-height: 1.4;
    min-height: 88px;
    margin-bottom: 12px;
}

.areaActivi .listActivi .listItem .imageList {
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
    padding: 0 8px;
    min-height: 305px;
    margin-bottom: -17px;
}

.areaActivi .listActivi .listItem .listCnt {}

.areaActivi .listActivi .listItem .listCnt li{
    position: relative;
    display: inline-block;
    width: calc(100% / 2 - 4px);
    font-size: 12px;
    padding: 0 5px 0 11px;
    text-align: left;
    vertical-align: top;
}

.areaActivi .listActivi .listItem .listCnt li:not(.nonDot):before {
    content: "";
    position: absolute;
    background: #3CABDD;
    border-radius: 50px;
    width: 8px;
    height: 8px;
    top: 4px;
    left: 0;
}

.areaActivi .listActivi .listItem .listCnt li a {
    font-size: 12px;
}

.areaActivi .banner-package {
    font-size: 13px;
    padding: 5px;
    margin-top: 10px;
}


/*areaRelease*/

.areaRelease {
    padding-top: 119px;
    margin-bottom: 81px;
}

.areaRelease .areaTitle {
    margin-bottom: 55px;
}

.areaRelease .wrapRelease {}

.areaRelease .wrapRelease .boxRelease {
    margin-bottom: 50px;
}

.areaRelease .wrapRelease .boxRelease .imageRel {
    float: left;
    width: 473px;
}

.areaRelease .wrapRelease .boxRelease .detailRel {
    float: right;
    width: calc(100% - 505px);
    padding-top: 16px;
}

.areaRelease .wrapRelease .boxRelease .detailRel .titleRel {
    position: relative;
    font-size: 20px;
    font-weight: 500;
    padding-bottom: 15px;
    margin-bottom: 12px;
}

.areaRelease .wrapRelease .boxRelease .detailRel .titleRel a {
    color: #333333;
}

.areaRelease .wrapRelease .boxRelease .detailRel .titleRel:before {
    content: "";
    position: absolute;
    border-bottom: 2px solid #3CABDD;
    width: 92px;
    bottom: 0;
    left: 0;
}

.areaRelease .wrapRelease .boxRelease .detailRel .subRel {
    font-size: 16px;
    margin-bottom: 16px;
}

.areaRelease .wrapRelease .boxRelease .detailRel .boxImageRel {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.areaRelease .wrapRelease .boxRelease .detailRel .boxImageRel li {
    width: calc(100% / 3 - 8.7px);
    margin-right: 13px;
}

.areaRelease .wrapRelease .boxRelease .detailRel .boxImageRel li:nth-child(3n) {
    margin-right: 0;
}

.areaRelease .wrapRelease .imageRel {
    position: relative;
}

.areaRelease .wrapRelease .dateImg {
    position: absolute;
    background: #3CABDD;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    width: 122px;
    top: 0;
    left: 0;
    padding: 4px 0 3px;
    text-align: center;
    border-radius: 0 0 7px 0;
}

.areaRelease .listRelease {
    display: flex;
    flex-wrap: wrap;
}

.areaRelease .listRelease li {
    width: calc(100% / 3 - 20px);
    margin-right: 30px;
    margin-bottom: 34px;
    text-align: center;
}

.areaRelease .listRelease li:nth-child(3n) {
    margin-right: 0;
}

.areaRelease .listRelease li .imageRel {
    margin-bottom: 13px;
}

.areaRelease .listRelease li .titleList {
    position: relative;
    display: inline-block;
    font-size: 20px;
    font-weight: 500;
    padding-bottom: 10px;
    margin-bottom: 16px;
}

.areaRelease .listRelease li .titleList a {
    color: #333333;
}

.areaRelease .listRelease li .titleList:before {
    content: "";
    position: absolute;
    border-bottom: 2px solid #3CABDD;
    width: 92px;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}

.areaRelease .listRelease li .subList {
    font-size: 16px;
}


.areaMedia {
    margin-bottom: 167px;
}

.areaMedia .videoMedia {
    position: relative;
    height: 462px;
}

.areaMedia .videoMedia:before {
    content: "";
    position: absolute;
    background: rgba(60, 171, 221, 0.10);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.areaMedia .videoMedia:after {
    content: "";
    position: absolute;
    background: url(../images/index/media-shadow.png) repeat-x;
    background-size: cover;
    width: 100%;
    height: 400px;
    left: 0;
    bottom: -1px;
    z-index: 2;
}

.areaMedia .videoMedia video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.areaMedia .boxMedia {
    position: relative;
    background: #fff;
    margin-top: -22px;
    z-index: 2;
}

.areaMedia .areaTitle {
    margin-bottom: 16px;
}

.areaMedia .listMedia {}

.areaMedia .listMedia li {
    border-bottom: 1px solid #BCBCBC;
    padding: 29px 1px 25px 11px;
    overflow: hidden;
}

.areaMedia .listMedia li:last-child {
    border-bottom: 1px solid transparent;
}

.areaMedia .listMedia li .cateList {
    display: inline-block;
    width: 99px;
    margin-right: 21px;
    transform: translateY(-2px);
}

.areaMedia .listMedia li .cateList a {
    display: block;
    background: #303030;
    color: #fff;
    font-weight: 500;
    text-align: center;
    padding: 4px 0;
    border-radius: 50px;
}

.areaMedia .listMedia li .cateList .bluCate {
    background: #3CABDD;
}

.areaMedia .listMedia li .cateList .yelCate {
    background: #F4D02E;
}

.areaMedia .listMedia li .cateList .greCate {
    background: #54D6B8;
}

.areaMedia .listMedia li .cateList .pinCate {
    background: #F87499;
}

.areaMedia .listMedia li .titleList {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 127px);
    font-size: 18px;
    font-weight: 400;
}

.areaMedia .listMedia li .titleList a {
    color: #333333;
}

/*.areaMember*/
.areaMember {
    background: url(../images/index/member-brg.jpg) no-repeat;
    background-size: cover;
}

.areaMember .areaTitle {
    margin-bottom: 70px;
}

/*MEMBER*/
#member {
    padding: 59px 0 100px;
}

@media only screen and (max-width: 560px) {
    #member {
        padding: 30px 0 40px;
    }
}

#member .member_block {
    display: flex;
    justify-content: space-between;
}

@media only screen and (max-width: 560px) {
    #member .member_block {
        flex-wrap: wrap;
    }
}

#member .member_block .box {
    width: 18.6%;
    text-align: center;
    color: #fff;
    position: relative;
}

@media only screen and (max-width: 560px) {
    #member .member_block .box {
        width: 48%;
        margin: 0 0 3%;
    }
}

#member .member_block .box:hover {
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.16);
}

#member .member_block .box .img img {
    position: relative;
    height: 178px;
    max-width: initial;
    width: auto;
    margin: -11% auto 0;
}

@media only screen and (max-width: 560px) {
    #member .member_block .box .img img {
        height: 145px;
    }
}

#member .member_block .box .title {
    font-size: 12px;
    line-height: 1.1em;
    height: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media only screen and (max-width: 1200px) {
    #member .member_block .box .title {
        letter-spacing: 0;
    }
}

#member .member_block .box .name {
    padding: 0 0 9%;
    white-space: nowrap;
}

@media only screen and (max-width: 560px) {
    #member .member_block .box .name {
        font-size: 12px;
    }
}

#member .member_block .box .name span {
    display: block;
    font-size: 20px;
    color: rgba(255, 255, 255, 0.42);
    line-height: 1em;
    white-space: nowrap;
    letter-spacing: 0;
    font-family: "ヒラギノ角ゴ Std W8", Hiragino Kaku Gothic Std, Arial, "メイリオ", Meiryo, sans-serif;
}

@media only screen and (max-width: 959px) {
    #member .member_block .box .name span {
        font-size: 14px;
    }
}

@media only screen and (max-width: 560px) {
    #member .member_block .box .name span {
        font-size: 12px;
    }
}

#member .member_block .box .open_box {
    display: none;
    position: absolute;
    top: 298px;
    width: 370%;
    text-align: left;
    color: #fff;
    z-index: 5;
}

#member .member_block .box .open_box .modal_bg,
#member .member_block .box .open_box .modal_block .modal_close {
    display: none;
}

@media only screen and (max-width: 560px) {
    #member .member_block .box .open_box {
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
    }

    #member .member_block .box .open_box .modal_bg {
        display: block;
        background-color: rgba(30, 30, 30, 0.9);
        height: 100%;
        width: 100%;
    }

    #member .member_block .box .open_box .modal_block {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 90%;
    }

    #member .member_block .box .open_box .modal_block .modal_close {
        display: block;
        cursor: pointer;
        font-size: 2rem;
        text-align: right;
        padding: 0 0 10px;
    }
}

#member .member_block .box .open_box .modal_inner {
    padding: 5% 5%;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.16);
    width: 100%;
}

@media only screen and (max-width: 560px) {
    #member .member_block .box .open_box .modal_inner {
        overflow: auto;
    }
}

#member .member_block .box .open_box .modal_inner h3 {
    padding: 0 0 10px;
}

#member .member_block .box .open_box .modal_inner p {
    line-height: 1.8em;
}

#member .member_block .box .open_box .modal_inner:before {
    content: '';
    position: absolute;
    top: -23px;
    display: block;
    width: 0;
    height: 0;
    border-right: 18px solid transparent;
    border-left: 18px solid transparent;
}

@media only screen and (max-width: 560px) {
    #member .member_block .box .open_box .modal_inner:before {
        display: none;
    }
}

#member .member_block .box .box_inner:hover+.open_box {
    display: block;
}

@media only screen and (max-width: 560px) {
    #member .member_block .box .box_inner:hover+.open_box {
        display: none;
    }
}

#member .member_block .box#takano {
    background: #FA7398;
}

#member .member_block .box#takano .open_box {
    left: 0;
    /*@media only screen and (max-width:320px){
    .modal_block{
        height:70%;
    }
  }*/
}

#member .member_block .box#takano .open_box .modal_inner {
    background: #FA7398;
}

@media only screen and (max-width: 320px) {
    #member .member_block .box#takano .open_box .modal_inner {
        height: 100%;
    }
}

#member .member_block .box#takano .open_box .modal_inner:before {
    left: 93px;
    border-bottom: 27px solid #FA7398;
}

#member .member_block .box#sawa {
    background: #6FC6E0;
}

#member .member_block .box#sawa .open_box {
    left: 0;
}

#member .member_block .box#sawa .open_box .modal_inner {
    background: #6FC6E0;
}

#member .member_block .box#sawa .open_box .modal_inner:before {
    left: 93px;
    border-bottom: 27px solid #6FC6E0;
}

#member .member_block .box#arai {
    background: #56D6B8;
}

#member .member_block .box#arai .open_box {
    left: -270px;
}

@media only screen and (max-width: 560px) {
    #member .member_block .box#arai .open_box {
        left: 0;
    }
}

#member .member_block .box#arai .open_box .modal_inner {
    background: #56D6B8;
}

#member .member_block .box#arai .open_box .modal_inner:before {
    left: 47%;
    border-bottom: 27px solid #56D6B8;
}

#member .member_block .box#tsuchiya {
    background: #BA9DC9;
}

#member .member_block .box#tsuchiya .open_box {
    right: 0;
}

#member .member_block .box#tsuchiya .open_box .modal_inner {
    background: #BA9DC9;
}

#member .member_block .box#tsuchiya .open_box .modal_inner:before {
    right: 93px;
    border-bottom: 27px solid #BA9DC9;
}

#member .member_block .box#kawano {
    background: #F5CF2F;
}

#member .member_block .box#kawano .open_box {
    right: 0;
}

#member .member_block .box#kawano .open_box .modal_inner {
    background: #F5CF2F;
}

#member .member_block .box#kawano .open_box .modal_inner:before {
    right: 93px;
    border-bottom: 27px solid #F5CF2F;
}

/*END-MEMBER*/


/*areaMagazine*/
.areaMagazine {}

.areaMagazine .areaTitle {
    margin-bottom: 29px;
}

/*magazine*/
#magazine {
    padding: 126px 0 99px;
}

@media only screen and (max-width: 560px) {
    #magazine {
        padding: 15% 0 15%;
    }
}

#magazine .info {
    font-size: 18px;
    font-weight: 500;
    text-align: center;
}

@media only screen and (max-width: 560px) {
    #magazine .info {
        text-align: left;
    }
}

#magazine .article-wrap {
    padding: 51px 0 4px;
    display: flex;
    flex-wrap: wrap;
}

@media only screen and (max-width: 769px) {
    #magazine .article-wrap {
        justify-content: space-between;
    }
}

@media only screen and (max-width: 560px) {
    #magazine .article-wrap {
        display: block;
        padding: 8% 0 5.5%;
    }
}

#magazine .article-wrap article.article--type2 {
    width: 23.6%;
    margin-right: 1.8%;
    display: flex;
    flex-direction: column-reverse;
    align-self: flex-start;
    justify-content: start;
    padding: 0 0 3%;
    position: relative;
}

#magazine .article-wrap article.article--type2:nth-of-type(4n) {
    margin-right: 0;
}

@media only screen and (max-width: 769px) {
    #magazine .article-wrap article.article--type2 {
        width: 48%;
        margin-right: 0;
    }
}

@media only screen and (max-width: 560px) {
    #magazine .article-wrap article.article--type2 {
        width: 100%;
        padding: 0 0 8%;
    }
}

#magazine .article-wrap article.article--type2 header.article--header {
    display: flex;
    flex-direction: column;
    text-align: center;
}

#magazine .article-wrap article.article--type2 header.article--header h2.article--title {
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 14px;
    max-height:auto !important;
}

#magazine .article-wrap article.article--type2 header.article--header h2.article--title:before {
    content: "";
    position: absolute;
    border-bottom: 2px solid #3CABDD;
    width: 93px;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}

#magazine .article-wrap article.article--type2 header.article--header h2.article--title a {
    font-size: 18px;
    font-weight: 500;
}

#magazine .article-wrap article.article--type2 header.article--header h2.article--title a:hover {
    text-decoration: underline;
}

#magazine .article-wrap article.article--type2 header.article--header h3.article--sub-title,
#magazine .article-wrap article.article--type2 header.article--header .article--writer {
    display: none;
}

#magazine .article-wrap article.article--type2 header.article--header time {
    font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
    font-size: 16px;
    font-weight: 500;
    color: #B4B4B4;
    font-weight: normal;
}

@media only screen and (max-width: 560px) {
    #magazine .article-wrap article.article--type2 header.article--header time {
        line-height: 1em;
        padding: 3% 0 1%;
        font-size: 17px;
    }
}

#magazine .article-wrap article.article--type2 header.article--header p.article--category {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 4;
    font-size: 12px;
    font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
    color: #fff;
    background: #3CABDD;
    line-height: 30px;
    padding: 0 2%;
    display:none;
}

#magazine .article-wrap article.article--type2 .article--image {
    height: 179px;
    margin-bottom: 11px;
}

#magazine .article-wrap article.article--type2 .article--footer {
    display: none;
}


#magazine .more {
    text-align: center;
}

#magazine .more p a {
    display: inline-block;
    background: #3AADDD;
    min-width: 126px;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    padding: 8px 0;
    border-radius: 50px;
}

.article--image a img {
    width: 100%;
}

/*END-magazine*/

/*.areaContact*/

.areaContact {
    background: rgba(60, 171, 221, 0.10);
    padding: 58px 0 62px;
    text-align: center;
}

.areaContact .areaTitle {
    margin-bottom: 24px;
}

.areaContact .subContact {
    font-size: 18px;
    line-height: 2;
    margin-bottom: 15px;
}

.areaContact .imageContact {
    display: inline-block;
    width: 258px;
    margin-bottom: 38px;
}

.areaContact .btnContact {}

.areaContact .btnContact a {
    display: inline-block;
    width: 318px;
    background: #F87499;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    padding: 13px 0 12px;
    text-align: center;
    border-radius: 50px;
}

@media (max-width: 768px) {

    .boxNews {
        /*margin-bottom: 40px;*/
    }

    .boxNews .titleNews,
    .listNews {
        width: 100%;
    }

    .boxNews .titleNews {
        font-size: 20px;
    }

    .listNews li a {
        font-size: 13px;
    }

    .listNews li:before {
        top: 9px;
    }

    .listNews-manual {
        width: 100%;
    }

    .listNews-manual li a {
        font-size: 13px;
    }

    .listNews-manual li:before {
        top: 9px;
    }

    .areaResearch {
        padding-top: 40px;
        margin-bottom: 60px;
    }

    .areaResearch .titleResearch {
        font-size: 22px;
        margin-bottom: 40px;
    }

    .areaResearch .titleResearch:before {
        bottom: 3px;
        height: 7px;
    }

    .areaResearch .boxResearch .subResearch {
        width: 100%;
        font-size: 14px;
        line-height: 1.8;
        margin-bottom: 30px;
    }

    .areaResearch .boxResearch .imageResearch {
        width: 100%;
        margin: 0;
    }

    /*.areaActivi*/
    .areaActivi {
        padding: 30px 0 0;
        margin-bottom: 0;
    }

    .areaActivi .listActivi .listItem {
        width: 100%;
        margin-bottom: 30px;
    }

    .areaActivi .listActivi .listItem .imageList {
        min-height: auto;
        margin-bottom: 20px;
    }

    .areaActivi .listActivi .listItem .titleActivi {
        font-size: 16px;
        padding-bottom: 7px;
        margin-bottom: 10px;
    }

    .areaActivi .listActivi .listItem .subActivi {
        font-size: 14px;
        min-height: auto;
        margin-bottom: 20px;
    }

    .areaActivi .listActivi .listItem .listCnt {
        max-width: 350px;
        width: 100%;
        margin: 0 auto;
        text-align: left;
    }

    /*areaRelease */
    .areaRelease {
        padding-top: 50px;
        margin-bottom: 81px;
    }

    .areaRelease .wrapRelease .boxRelease .detailRel,
    .areaRelease .wrapRelease .boxRelease .imageRel {
        width: 100%;
    }

    .areaRelease .wrapRelease .dateImg {
        font-size: 12px;
        width: 90px;
    }

    .areaRelease .wrapRelease .boxRelease .detailRel .titleRel {
        font-size: 16px;
        padding-bottom: 7px;
        margin-bottom: 10px;
    }

    .areaRelease .wrapRelease .boxRelease .detailRel .subRel {
        font-size: 14px;
    }

    .areaRelease .wrapRelease .boxRelease .detailRel .boxImageRel li {
        width: calc(100% / 2 - 5px);
        margin-right: 10px;
        margin-bottom: 10px;
    }

    .areaRelease .wrapRelease .boxRelease .detailRel .boxImageRel li:nth-child(3n) {
        margin-right: 10px;
    }

    .areaRelease .wrapRelease .boxRelease .detailRel .boxImageRel li:nth-child(2n) {
        margin-right: 0;
    }

    .areaRelease .listRelease li {
        width: 100%;
        margin-right: 0;
        margin-bottom: 30px;
    }

    .areaRelease .listRelease li .titleList {
        font-size: 16px;
        padding-bottom: 7px;
        margin-bottom: 10px;
    }

    .areaRelease .listRelease li .subList {
        font-size: 14px;
    }

    /*areaMedia*/

    .areaMedia {
        margin-bottom: 40px;
    }

    .areaMedia .videoMedia {
        height: auto;
    }

    .areaMedia .videoMedia:after {
        height: 110px;
    }

    .areaMedia .boxMedia {
        margin-top: 0;
    }

    .areaMedia .listMedia li {
        padding: 20px 5px 15px;
    }

    .areaMedia .listMedia li .cateList {
        width: 100%;
        margin: 0 0 10px;
    }

    .areaMedia .listMedia li .cateList a {
        width: 90px;
        font-size: 12px;
        padding: 3px 0 2px;
    }

    .areaMedia .listMedia li .titleList {
        width: 100%;
        font-size: 14px;
    }

    .areaMagazine .areaTitle {
        margin-bottom: 40px;
    }

    /*#magazine*/
    #magazine {
        padding: 50px 0 40px;
    }

    #magazine .info {
        font-size: 14px;
    }

    #magazine .article-wrap article.article--type2 header.article--header h2.article--title {
        padding-bottom: 7px;
        margin-bottom: 10px;
    }

    #magazine .article-wrap article.article--type2 header.article--header h2.article--title a {
        font-size: 16px;
    }

    #magazine .article-wrap article.article--type2 .article--image {
        height: auto;
    }

    #magazine .article-wrap article.article--type2 header.article--header time {
        font-size: 14px;
        padding-top: 0;
    }

    #magazine .more p a {
        font-size: 14px;
    }

    /*.areaContact*/
    .areaContact {
        padding: 40px 0 30px;
    }

    .areaContact .subContact {
        font-size: 14px;
        line-height: 1.8;
    }

    .areaContact .btnContact a {
        font-size: 16px;
        padding: 10px 0 9px;
    }
}

/*IE FIX*/
@media all and (-ms-high-contrast:none) {
    .areaActivi .listActivi .listItem .imageList img {
        width: 259px;
        height: 286px;
    }

    .areaRelease .listRelease li {
        width: calc(100% / 3 - 21px);
    }

    .areaMedia .videoMedia video {
        width: 100%;
        height: auto;
    }

    .areaMedia .listMedia li .cateList a {
        padding: 5px 0 3px;
    }
}