@charset "utf-8";

/*
 * File       : lang-en.css
 * Author     : STUDIO-JT (NICO)
 * Guideline  : JTstyle.1.1
 *
 * Dependency : css/reset.css
 *
 * SUMMARY:
 * 1) GLOBAL
 * 2) LAYOUT
 * 3) SUB PAGE
 * 4)
 */

/* **************************************** *
 * GLOBAL
 * **************************************** */
body {font-family: 'Montserrat', sans-serif;}

/* **************************************** *
 * LAYOUT
 * **************************************** */
.not-en {display:none}

#logo {width: 469rem;}
#menu {margin-right: 47rem;}
#menu > li > a {padding-top:58rem; padding-bottom:54rem;letter-spacing:0;}

.footer__logo svg {width: 429px;height: 31px;}
.footer__logo .svg-logo-text path{ fill: #fff}
.footer__policy-menu li.privacy a {letter-spacing:0;}

.article-header__title,
.footer h2,
.footer__menu > li > a,
#menu > li{text-transform: uppercase; letter-spacing:0;}
#menu > li > ul {padding: 28rem 0 28rem;}
#menu > li > ul > li > a{ font-weight: 400; letter-spacing:0;}

.minimize #menu > li > a {padding-top:38rem; padding-bottom:39rem;}

.footer h2 {line-height:1.3}
.footer__right {margin-top:-11rem;}

.jt-checkbox label > span:before{ top: 5rem;}
.jt-checkbox label > span:after {top:11rem;}
.jt-radiobox label > span:after {top:9rem;}

.jt-btn__basic,
.jt-btn__round {letter-spacing:0;}
html.ios .jt-btn__round {padding-bottom:29rem;}
html.ios .jt-btn__basic {padding-bottom:29rem;}

.article-header__desc {letter-spacing:0;}
.article-header__desc.article-header__desc--large { margin-top: 52rem;}


/* **************************************** *
 * MAIN PAGE
 * **************************************** */
 .main-visual__slide-content-inner p {line-height:1.5; letter-spacing:0;}

.main-biz {padding-bottom:140rem;}
.main-biz .jt-tabs__panels .main-biz__desc {line-height:1.7; letter-spacing:0;}
.main-biz__tab li a h2{text-transform: uppercase; letter-spacing:0;}
.main-biz__item h3 {margin-top:26rem; letter-spacing:0;}
.main-biz__item h3 br{ display: none}



/* **************************************** *
 * SUB PAGES
 * **************************************** */
 /* GLOBAL */
.sub-content__section .sub-content__title {line-height:1.15;letter-spacing:0;}
.sub-content__section .sub-content__desc {letter-spacing:0;}

.jt-basic-table th {font-weight:700;}
.jt-basic-table td {line-height:1.5;}

.biz-inquiry__banner h2 {letter-spacing:0;}
.biz-inquiry__banner h2 span:after { top: -webkit-calc(50% + 4rem); top: calc(50% + 4rem);}
.biz-inquiry__info li b {letter-spacing:0;}
.biz-inquiry__info li span {vertical-align:top; margin-top:1rem;}

 /* ABOUT */
.company-info__item h3{ letter-spacing:0;}
.company-info__item p {line-height:1.5; letter-spacing:0;}
.biz-introduce__title {line-height:1.35; letter-spacing:0;}
.biz-introduce__item:nth-child(1) .biz-introduce__img {top: -5%;}
.biz-introduce__item:nth-child(2) .biz-introduce__img {top: -5%;}
.biz-introduce__item:nth-child(3) .biz-introduce__img {top: 10%;}

.company-info__section .sub-content__title {line-height:1.35;}
.biz-overview__section .sub-content__list {margin-top:6rem;}
.biz-overview__item h3, .biz-overview__item p {letter-spacing:0;}

.biz-overview__item h3 {font-size:30rem;}
.biz-overview__item h3,
.company-introduce__download{text-transform: uppercase;}

.ceo-greet__text p {line-height:1.55;letter-spacing:0;}

/* HISTORY */
.history-year__item > ul {max-width:580rem;}
.history-year__item > ul > li {font-size:21rem; font-weight:500; line-height:1.55; letter-spacing:0;}
.history-year__item > ul > li + li {margin-top:18rem;}

/* CI */
.ci__section:first-child {margin-top:239rem;}
.ci-desc {line-height:1.65; letter-spacing:0;}
.use-guide b {text-transform: uppercase;letter-spacing:0;}
.use-guide li {line-height:1.7; letter-spacing:0;}
.use-guide li:before { top:11rem;}

/* CONTACT */
.contact-info__item h2 {letter-spacing:0;}
.contact-info__item > ul > li {letter-spacing:0;}
.contact-info__item > ul > li:before {top:12rem;}
.contact-info__item > ul > li > b {font-weight:600; text-transform: uppercase;letter-spacing:0;}
.contact-info__item .contact-map__btn { padding-bottom: 17rem;}
.contact-info__item > ul > li > ul.contact-info__numbering li:before {top:2rem;}
.contact-info__item .contact-map__btn { text-transform: uppercase;}
html.ios .contact-info__item .contact-map__btn {padding-bottom:18rem;}
.ie11 .contact-info__item > ul > li:before {top:12rem;}

 /* BIZ */
.article-biz-about-intro .article-header { padding-bottom:140rem;}

.biz-formulation__section,
.rnd-network__section,
.article-pharm-complete .biz-main-items{ padding-bottom: 200rem;}

.page-template-company-about:not(.menu-open) #header:not(.minimize) #logo .svg-logo-picto path:nth-child(1),
.error404:not(.menu-open) #header:not(.minimize) #logo .svg-logo-picto path:nth-child(1){ fill: transparent;}
.page-template-company-about:not(.menu-open) #header:not(.minimize) #logo .svg-logo-picto path:nth-child(3),
.page-template-company-about:not(.menu-open) #header:not(.minimize) #logo .svg-logo-picto path:nth-child(4),
.error404:not(.menu-open) #header:not(.minimize) #logo .svg-logo-picto path:nth-child(3),
.error404:not(.menu-open) #header:not(.minimize) #logo .svg-logo-picto path:nth-child(4){ fill: #000;}

.biz-about__text .biz-about__title {letter-spacing:0;}

.biz-formulation__item p {letter-spacing:0;}

.biz-process__contents span{font-size: 16rem; line-height:1.3;}
.biz-process__odm .biz-process__contents {padding-bottom:260rem;}
.biz-process__odm .biz-process__contents li > p{bottom : -280rem}
.biz-process__contents .biz-process__last span {font-weight:500;}

.biz-overview__graph span{font-size: 14rem; padding: 0 10rem;}

.pharma-tab .sub-tab__nav--type-02 li.active a { color: #144cff;}
.pharma-tab .sub-tab__nav--type-02 li.active:before { background: #144cff;}
html.desktop .pharma-tab .sub-tab__nav--type-02 li:not(.active) a:hover { color: #144cff;}

.page-template-pharmaceutical-cdmo .jt-basic-table__list.jt-basic-table__list-col-2 li {width: calc(50% + 50rem);}
.page-template-pharmaceutical-cdmo .jt-basic-table__list.jt-basic-table__list-col-2 li:nth-child(even) { width: calc(50% - 70rem);}
.jt-basic-table__list li + li {letter-spacing:0;}
.jt-basic-table__list li[lang=en] {font-weight:normal;}
html.desktop.mac .jt-basic-table__list li:before {top:10rem;}

html.desktop.mac .page-template-pharmaceutical-rnd .jt-basic-table { table-layout: auto;}
html.desktop.mac .page-template-pharmaceutical-rnd .jt-basic-table th {width:30%}
html.desktop.mac .page-template-pharmaceutical-rnd .jt-basic-table td {width:70%}

.biz-about-intro__title,
.biz-about-intro__desc,
.biz-about-intro__contact-info,
.biz-about-intro__patrners{text-align: left;max-width: 594rem;margin-left: auto; margin-right: auto; letter-spacing:0;}
.biz-about-intro__title{ padding-top: 80rem;}
.biz-about-intro__text-inner {vertical-align: top; position: relative;}
.biz-about-intro__contact-info { font-size: 18rem; text-align: left; color: #fff;}
.biz-about-intro__contact-info + .biz-about-intro__contact-info {margin-top:15rem;}
.biz-about-intro__patrners { font-size: 16rem; text-align: left; color: #fff;opacity:0.4}
.biz-about-intro__desc {padding-bottom: 50rem; font-weight: 400;}
.biz-about-intro__contact-info p + p {margin-top:20rem;}
.biz-about-intro__contact-info b,
.biz-about-intro__contact-info span {display: inline-block; vertical-align:middle;}
.biz-about-intro__contact-info b { width: 80rem;font-weight: 500;}
.biz-about-intro__patrners-container { position: absolute; bottom: 60rem; width: 100%; left: 0;}
.biz-about-intro__patrners-item { display: inline-block; padding-right: 12rem; padding-top: 8rem; text-transform: uppercase; opacity:0.5;}
.biz-about-intro__item .biz-about-intro__text h3 { position: static; margin-bottom: 10rem; font-weight: 500;letter-spacing:0;}
.biz-about-intro__contact-info{opacity: 0; -webkit-transform: translateY(30rem);-ms-transform: translateY(30rem);transform: translateY(30rem);-webkit-transition: all .6s ease .25s;transition: all .6s ease .25s;}
.biz-about-intro__patrners{ opacity:0; -webkit-transition: all .6s ease .4s;transition: all .6s ease .4s;}
.biz-about-intro__contact-info-compact span+span:before { width: 1px; height: 10px; background: #fff; content: ""; display: inline-block; vertical-align:middle; margin: 0 14px 0; opacity: 0.3;}
html.desktop .biz-about-intro__item:hover .biz-about-intro__contact-info{-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);opacity: 1;}
html.desktop .biz-about-intro__item:hover .biz-about-intro__patrners{opacity: 1;}

.biz-process__title ul {margin-top:3rem;}
.biz-process__title li:before {top:3rem;}

.natural-material__item h3 {margin-top:26rem;letter-spacing:0;}
html.ie11 .biz-process__natural .biz-process__contents li span:after {margin-top:-7rem;}
html.desktop.mac .biz-process__natural .biz-process__contents li span:after {right:-68.5rem;}

.biz-main-items__item > h3 { line-height:1.45;letter-spacing:0;}
.biz-main-items__thumb-item h4 {letter-spacing:0;}
.biz-main-items__thumb-title span {line-height:1.4;}
.biz-main-items__thumb-title span:before {top:16rem; margin-top:0;}
html.ie11 .biz-main-items__thumb-title span:before {margin-top:-1rem;}
html.desktop.mac .biz-main-items__thumb-title span:before {top:15rem;}

.biz-prd-table__section .sub-content__desc {margin-top:26rem;}

.biz-prd-table__section .sub-content__title .split-child > div:nth-child(2),
.biz-prd-table__section .sub-content__title .split-child > div:last-child {text-transform: inherit;}


/* INQUIRY */
.jt-form__field {letter-spacing:0;}
.inquiry-privacy__box ul li:before {top:12rem;}
.inquiry-form .jt-form__category .not-valid-tip {margin-top:11rem;}
.inquiry-form .jt-form__data--col-2 { display:inline-block; vertical-align:top; width:-webkit-calc(50% - 16rem);width:calc(50% - 16rem); margin:0 16rem 0 0;}
.inquiry-form .jt-form__data--col-2 .jt-form__data {width:100%; margin:0;}
.inquiry-form .jt-form__email { display:inline-block;vertical-align:top; margin-top:0;width:-webkit-calc(50% - 16rem);width:calc(50% - 16rem); margin-left:16rem;}
.inquiry-form .jt-form__email .jt-form__field-wrap-group {margin:0;}
.inquiry-form .jt-form__email .jt-form__field-wrap {width:100%; margin-left:0; margin-right:0;}
.jt-form__data .not-valid-tip {font-weight:600;}
.inquiry-form__agree .not-valid-tip {margin-top:14rem;}
.inquiry-form__agree.jt-form--required .jt-form__label:after {right:-13rem;}
.inquiry-privacy__wrap h2 {letter-spacing:0;}
.inquiry-privacy__contents p {letter-spacing:0;}
.inquiry-privacy__box h3 {letter-spacing:0;}
.inquiry-privacy__box ul li {letter-spacing:0;}
.inquiry-submit span { font-family:'Montserrat', sans-serif;}
.inquiry-form__category > li {width: calc(23% - 40rem);}
.inquiry-form__category li:nth-child(3) { margin-right: 100rem; }

/* EMAIL */
.email-policy__title-secondary, .email-policy__date {letter-spacing:0;}
.email-policy__desc {margin-top:18rem;letter-spacing:0;}

/* PRIVACY */
.privacy-box .privacy__list > li:before {top:11rem}
