@charset "utf-8";

/*------------------------------------------------------------
  ◆読み込みHTML
  /business/fine-chemicals/functional-chemicals/
------------------------------------------------------------*/

.cont93 {
    position: relative;
}

/* contents.css 上書き */
.contTitle_h3 {
    margin-top: 40px;
    padding: 8px 10px;
}
.contTitle_h3:first-of-type {
    margin-top: 20px;
}
.contTitle_h3 + .contTitle_h4 {
    margin-top: 20px;
}
@media print, screen and (min-width:770px) {
    .contTitle_h3 {
        margin-top: 60px;
        padding: 16px;
    }
}

.contactText {
    text-indent: 0;
    margin-top: 1.4em;
}
.blueBox + h4.contTitle_h4 {
    margin-top: 40px;
}
.gradBtn_box + h4.contTitle_h4 {
    margin-top: 38px;
}
@media print, screen and (min-width:770px) {
    .contactText {
        margin-top: 1.6em;
    }
}

/* iconMenu_box */
.iconMenu_box {
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.iconMenu_box a.textCard img {
    max-width: 30px;
    padding-right: 10px;
}
.iconMenu_box a.textCard::after {
    content: "\f078";
}
.iconMenu_box a:nth-of-type(1) img {
    width: 30px;
}
.iconMenu_box a:nth-of-type(2) img {
    width: 30px;
}
.iconMenu_box a:nth-of-type(3) img {
    width: 25px;
}
.iconMenu_box a:nth-of-type(4) img {
    width: 30px;
}
.iconMenu_box a:nth-of-type(5) img {
    width: 30px;
}
.iconMenu_box a:nth-of-type(6) img {
    width: 22.44px;
}
@media print,
screen and (min-width:770px) {
    .iconMenu_box a.textCard {
        transition: all .3s;
    }
    .iconMenu_box {
        margin-top: 40px;
        flex-direction: initial;
        flex-wrap: wrap;
        gap: 32px;
    }
    .iconMenu_box a.textCard {
        width: calc((100% - 64px) / 3);
    }
    .iconMenu_box a.textCard:hover::after {
        right: 20px;
        transition: all .3s;
    }
    .iconMenu_box a.textCard img {
        max-width: 37px;
    }
    .iconMenu_box a:nth-of-type(1) img {
        width: 37px;
    }
    .iconMenu_box a:nth-of-type(2) img {
        width: 37px;
    }
    .iconMenu_box a:nth-of-type(3) img {
        width: 32px;
    }
    .iconMenu_box a:nth-of-type(4) img {
        width: 34px;
    }
    .iconMenu_box a:nth-of-type(5) img {
        width: 37px;
    }
    .iconMenu_box a:nth-of-type(6) img {
        width: 25px;
    }
}

/* gradBtn */
.gradBtn {
    margin-top: 20px;
}
a.gradBtn {
    color: #FFFFFF;
    font-size: 1.4rem;
    line-height: 1.429;
    font-weight: 500;
    padding: 18px 0 18px 33px;
    display: flex;
    flex-wrap: wrap;
    position: relative;
    background: linear-gradient(138deg, rgba(51,149,226,1) 0%, rgba(74,237,199,1) 100%);
}
a.gradBtn::before {
    font-family: "Font Awesome 5 Pro";
    content: "\f054";
    font-size: 1.6rem;
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
}
.gradBtn_box .linkTitle {
    display: inline-block;
    font-size: 1.6rem;
    line-height: 1.5;
    font-weight: bold;
}
@media print, screen and (min-width:770px) {
    a.gradBtn {
        font-size: 1.6rem;
        flex-direction: column;
        padding: 26px 0 25px 43px;
        margin-top: 30px;
    }
    a.gradBtn.twoLines {
        padding: 14px 0 13px 43px;
    }
    a.gradBtn::before {
        left: 20px;
        transform: translateY(-45%);
        font-size: 1.9rem;
    }
    .gradBtn_box .linkTitle {
        font-size: 2.0rem;
        line-height: 1.45;
    }
}

/* blueBox */
.blueBox {
    background-color: #F4FAFF;
    padding: 20px 10px;
    margin-top: 30px;
}
.blueBox .blueBox_title {
    color: #1556A3;
    font-size: 1.6rem;
    font-weight: bold;
}
@media print, screen and (min-width:770px) {
    .blueBox {
        padding: 30px;
        margin-top: 40px;
    }
    .blueBox .textCont_box {
        margin-top: 16px;
    }
    .blueBox .textCont_box .indentTextItem {
        width: 590px;
    }
    .blueBox .blueBox_title {
        font-size: 2.0rem;
    }
}

/* 半導体バナー */
.bnrBox {
    margin-top: 30px;
}
.bnrBox a {
    display: block;
    filter: drop-shadow(0px 0px 10px rgba(0,0,0,0.16));
    max-width: 400px;
    margin: 0 auto;
}
@media print, screen and (min-width:770px) {
    .bnrBox {
        position: absolute;
        bottom: 0;
        right: 20px;
    }
    .bnrBox a {
        width: 300px;
    }
}