@charset "utf-8";
/*------------------------------------------------------------
    ◆読み込みHTML
    /special/index.html
------------------------------------------------------------*/

.illustTextBox p {
    font-size: 1.4rem;
}
@media print, screen and (min-width: 770px) {
    .illustTextBox p {
        font-size: 1.6rem;
    }
}
.icon_pin {
    color: #1762B1;
}

p.printLink {
    font-size: 1.6rem;
    margin-top: 20px;
}
p.printLink::before {
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    content: "\F054";
    color: var(--main-blue);
    margin-right: 5px;
}
@media print, screen and (min-width: 770px) {
    p.printLink {
        text-align: right;
    }
}

.illust {
    position: relative;
    margin-top: 30px;
}
.illust_pin {
    display: block;
    width: 22.3%;
    position: absolute;
}
a.illust_pin:focus {
    outline: none;
}
@media print, screen and (min-width: 770px) {
    .illust {
        margin-top: 60px;
    }
    .illust_pin {
        width: 88px;
        transition: .3s;
    }
    a.illust_pin:hover img {
        opacity: 1;
    }
    a.illust_pin:hover {
        opacity: 0.8;
        transform: translateY(-5px);
    }
}
.illust_pin img {
    filter: drop-shadow(0px 0px 5px rgba(0,0,0,0.3));
}
.illust_pin span {
    position: absolute;
    top: 27%;
    left: 50%;
    transform: translateX(-50%);
    font-size: 4.03vw;
    font-weight: bold;
    color: #1762B1;
    white-space: nowrap;
    text-align: center;
    line-height: 1.5;
    text-shadow: 3px 3px 3px #fff, -3px -3px 3px #fff, -3px 3px 3px #fff,  3px -3px 3px #fff, 3px 0px 3px #fff, -3px -0px 3px #fff, 0px 3px 3px #fff, 0px -3px 3px #fff;
}
.illust_pin2lines span {
    top: 16%;
}
@media print, screen and (min-width: 770px) {
    .illust_pin span {
        font-size: 1.6rem;
    }
}

.illust_pin.car {
    top: 50.5%;
    left: 2.9%;
}
@media print, screen and (min-width: 770px) {
    .illust_pin.car {
        top: 330px;
        left: 544px;
    }
    .illust_pin.car span {
        font-size: 1.7rem;
    }
}

.illust_pin.home {
    top: 65.3%;
    left: 2.9%;
}
@media print, screen and (min-width: 770px) {
    .illust_pin.home {
        top: 330px;
        left: 214px;
    }
    .illust_pin.home span {
        font-size: 1.7rem;
    }
}

.illust_pin.airport {
    top: 14.1%;
    left: 2.9%;
}
@media print, screen and (min-width: 770px) {
    .illust_pin.airport {
        top: 266px;
        left: 352px;
    }
}

.illust_pin.hospital {
    top: 32.2%;
    left: 2.9%;
}
@media print, screen and (min-width: 770px) {
    .illust_pin.hospital {
        top: 260px;
        left: 1057px;
    }
}

.illust_pin.universe {
    top: 0.6%;
    left: 47.5%;
}
@media print, screen and (min-width: 770px) {
    .illust_pin.universe {
        top: 67px;
        left: 292px;
    }
}

.illust_pin.factory {
    top: 17.8%;
    left: 47.5%;
}
@media print, screen and (min-width: 770px) {
    .illust_pin.factory {
        top: 67px;
        left: 530px;
    }
}

.illust_pin.office {
    top: 45.4%;
    left: 47.5%;
}
@media print, screen and (min-width: 770px) {
    .illust_pin.office {
        top: 67px;
        left: 705px;
    }
}

.illust_pin.environment {
    top: 14.2%;
    left: 74.9%;
}
@media print, screen and (min-width: 770px) {
    .illust_pin.environment {
        top: 148px;
        left: 980px;
    }
}

.illust_pin.communication {
    top: 34.7%;
    left: 74.9%;
}
@media print, screen and (min-width: 770px) {
    .illust_pin.communication {
        top: 148px;
        left: 843px;
    }
}

.illust_pin.commercial {
    top: 55.3%;
    left: 74.9%;
}
@media print, screen and (min-width: 770px) {
    .illust_pin.commercial {
        top: 474px;
        left: 706px;
    }
}

.illust_pin.agriculture {
    top: 75.5%;
    left: 74.9%;
}
@media print, screen and (min-width: 770px) {
    .illust_pin.agriculture {
        top: 474px;
        left: 435px;
    }
}


/* ------------------------------------------------
    モーダルの中身
------------------------------------------------ */

/* modaal.css　上書き */
.modaal-wrapper {
    z-index: 100001;
}
.modaal-inner-wrapper {
    padding-right: 10px;
    padding-left: 10px;
}
.modaal-container {
    max-width: 1048px;
}
.modaal-content-container {
    padding: 20px 10px;
}
.modaal-close {
    position: absolute;
    right: 0;
    top: -40px;
    width: auto;
    height: auto;
}
.modaal-close:focus,
.modaal-close:hover {
    background: transparent;
    opacity: 0.6;
}
.modaal-close span {
    position: static !important;
    font-size: 2.7rem;
    line-height: 1;
    color: #333;
}
.modaal-close:after, .modaal-close:before {
    content: none;
}
@media print, screen and (min-width: 770px) {
    .modaal-content-container {
        padding: 30px 60px 23px;
    }
    .modaal-close {
        top: -60px;
    }
    .modaal-close span {
        font-size: 4.0rem;
    }
}

/* モーダルのセクション */
.detail {
    box-sizing: border-box;
    height: 80vh;
}
.detail_cont {
    height: calc(100% - 54px);
    overflow: auto;
    padding-right: 10px;
    margin-top: 20px;
}
@media print, screen and (min-width: 770px) {
    .detail {
        height: 504px;
    }
    .detail_cont {
        height: calc(100% - 70px);
        margin-top: 30px;
    }
}
.detail_headline03 {
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 1.5;
    color: #fff;
    padding: 4px 10px;
    position: sticky;
    top: 0;
    z-index: 1;
}
.detail_headline03.mobility-imaging {
    background-color: #46A4E2;
}
.detail_headline03.fine-chemicals {
    background-color: #FB8027;
}
.detail_headline03.life-science {
    background-color: #FC7C98;
}
.detail_headline03.future {
    background-color: #52A648;
}
.detail_headline03.others {
    background-color: #7D4698;
}
.detail_headline03:not(:first-child) {
    margin-top: 30px;
}

.detail_headline04 {
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 1.5;
}
.detail_headline04.mobility-imaging {
    color: #46A4E2;
}
.detail_headline04.fine-chemicals {
    color: #FB8027;
}
.detail_headline04.life-science {
    color: #FC7C98;
}
.detail_headline04.future {
    color: #52A648;
}
.detail_headline04.others {
    color: #7D4698;
}
.detail_headline05 {
    font-size: 1.4rem;
    font-weight: bold;
    margin-top: 8px;
}
@media print, screen and (min-width: 770px) {
    .detail_headline04 {
        font-size: 2.0rem;
    }
    .detail_headline05 {
        font-size: 1.6rem;
    }
}

.detail_item {
    display: flex;
    flex-direction: column;
    margin-top: 30px
}
h3 + .detail_item {
    margin-top: 20px
}
.detail_imgbox {
    width: 56.81%;
    max-width: 150px;
    margin: 0 auto;
}
.detail_textbox {
    margin-top: 10px;
}
.detail_textbox p {
    font-size: 1.4rem;
    line-height: 1.429;
}
.detail_headline04 + p,
.detail_headline05 + p {
    margin-top: 8px;
}
.detail_link {
    margin-top: 10px;
}
.detail_link a.arrow_window {
    font-size: 1.6rem;
}
.detail_link + .detail_headline05 {
    margin-top: 30px;
}
@media print, screen and (min-width: 770px) {
    .detail_item {
        flex-direction: row;
        justify-content: space-between;
    }
    .detail_imgbox {
        margin: 0;
    }
    .detail_textbox {
        width: calc(100% - 170px);
        margin-top: 0;
    }
    .detail_textbox p {
        font-size: 1.6rem;
        line-height: 1.5;
    }
    .detail_headline04 + p,
    .detail_headline05 + p {
        margin-top: 8px;
    }
}