@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@400;700&family=Roboto:wght@400;700&display=swap');


/* body
------------------------------------------------- */
body {
    padding-top: 5rem;
}
.roboto {
    font-family: 'Roboto', sans-serif;
}
.oswald {
    font-family: 'Oswald', 'Noto Sans JP', sans-serif;
}
br.lg {
    display: none;
}
@media only screen and (min-width:992px){
a.telLink {
    pointer-events: none;
}
}
@media only screen and (max-width:991px){
body {
    padding-top: 3.75rem;
}
.lh-lg {
    line-height: 1.75 !important;
}
}
@media only screen and (max-width:767px){
br.lg {
    display: inline;
}
}


/* main
------------------------------------------------- */
main .container {
    padding-right: 10rem;
    padding-left: 10rem;
    position: relative;
}
main .container .inner {
    max-width: 800px;
    margin: 0 auto;
}
main #path {
    background-color: #fff;
    line-height: 3.75rem;
    color: #7D8B95;
    position: static;
    margin-bottom: 2rem;
}
main #path .container {
    padding-right: 3.75rem;
    padding-left: 3.75rem;
}
main #path a {
    color: #7D8B95;
}
main .mono-note {
    padding-top: 5.5rem;
}
@media only screen and (max-width:1399px){
main .container {
    padding-right: 4.375rem;
    padding-left: 4.375rem;
}
main #path .container {
    padding-right: 3.75rem;
    padding-left: 3.75rem;
}
}
@media only screen and (max-width:1199px){
main .container {
    padding-right: 0;
    padding-left: 0;
}
main #path .container {
    padding-right: 0;
    padding-left: 0;
}
}
@media only screen and (max-width:991px){
main .container {
    padding-right: var(--bs-gutter-x,1.5rem);
    padding-left: var(--bs-gutter-x,1.5rem);
}
main #path .container {
    padding-right: var(--bs-gutter-x,1.5rem);
    padding-left: var(--bs-gutter-x,1.5rem);
}
main .mono-note {
    padding-top: 3.5rem;
}
}


/* headttl
------------------------------------------------- */
.headttl1 {
    text-align: center;
    position: relative;
    padding: 2rem 0 1.5rem;
    margin-bottom: 3.5rem;
    line-height: 1.5;
}
.headttl1::before {
    content: '';
    width: 2.875rem;
    height: 0.25rem;
    background-color: #006AB7;
    position: absolute;
    left: 50%;
    margin-left: -1.4375rem;
    bottom: 0;
}
.headttl2 {
    text-align: center;
    line-height: 1.75;
    padding: 1.5rem 0 2rem;
}
.headttl2 span {
    display: block;
    color: #006AB7;
}
.headttl3 {
    color: #006AB7;
    margin-bottom: 2.5rem;
}
.headttl4 {
    font-size: 2.8rem;
    margin-bottom: 2.5rem;
}
@media only screen and (max-width:991px){
.headttl1 {
    margin-bottom: 2.5rem;
}
.headttl2 {
    line-height: 1.6;
}
.headttl3 {
    line-height: 1.6;
    margin-bottom: 1.5rem;
}
.headttl4 {
    line-height: 1.6;
    margin-bottom: 1rem;
}
}


/* main-title
------------------------------------------------- */
.main-title {
    height: 12.5rem;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    align-items: center;
    letter-spacing: 0.06em;
}
@media only screen and (max-width:1399px){
main .main-title .container {
    padding-right: 10rem;
    padding-left: 10rem;
}
}
@media only screen and (max-width:1199px){
main .main-title .container {
    padding-right: 6.25rem;
    padding-left: 6.25rem;
}
}
@media only screen and (max-width:991px){
.main-title {
    height: 9.5rem;
}
main .main-title .container {
    padding-right: var(--bs-gutter-x,1.5rem);
    padding-left: var(--bs-gutter-x,1.5rem);
}
}


/* other_nav
------------------------------------------------- */
.other_nav {
    background-color: #EFF2F4;
    padding: 5rem 0;
    margin-top: 7.5rem;
}
.other_nav .bnr {
    width: 50%;
    height: 12.5rem;
}
.other_nav .bnr.last {
    border-left: 1px solid #EFF2F4;
}
.other_nav .bnr a {
    width: 100%;
    height: 100%;
    font-weight: 500;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    overflow: hidden;
}
.other_nav .bnr a::after {
    content: '';
    width: 100%;
    height: 100%;
    transition: 0.4s;
    z-index: 1;
    position: absolute;
    left: 0;
    top: 0;
    display: block;
}
.other_nav .bnr.bnr1 a::after {
    background: url("../img/other_nav1.jpg") center center no-repeat;
    background-size: cover;
}
.other_nav .bnr.bnr2 a::after {
    background: url("../img/other_nav2.jpg") center center no-repeat;
    background-size: cover;
}
.other_nav .bnr.bnr3 a::after {
    background: url("../img/other_nav3.jpg") center center no-repeat;
    background-size: cover;
}
.other_nav .bnr.bnr4 a::after {
    background: url("../img/other_nav4.jpg") center center no-repeat;
    background-size: cover;
}
.other_nav .bnr.bnr5 a::after {
    background: url("../img/other_nav5.jpg") center center no-repeat;
    background-size: cover;
}
.other_nav .bnr.bnr6 a::after {
    background: url("../img/other_nav6.jpg") center center no-repeat;
    background-size: cover;
}
.other_nav .bnr.bnr7 a::after {
    background: url("../img/other_nav7.jpg") center center no-repeat;
    background-size: cover;
}
.other_nav .bnr h3 {
    font-size: 1.375rem;
    color: #fff;
    font-weight: 700;
    letter-spacing: 0.03em;
    text-align: center;
    margin: 0;
    position: relative;
    z-index: 3;
    transition: 0.4s;
}
.other_nav .bnr h3 i {
    font-size: 0.75rem;
    display: block;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.02em;
    padding-top: 0.4rem;
}
.other_nav .bnr .cover {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 2;
    transition: opacity .4s ease;
    opacity: 1;
    background: rgba(77,77,77,0.55);
    left: 0;
    top: 0;
    mix-blend-mode: multiply;
}
.other_nav .bnr span {
    display: block;
    width: 1.875rem;
    height:  1.875rem;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 3;
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%227.759%22%20height%3D%2211.735%22%20viewBox%3D%220%200%207.759%2011.735%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_803%22%20data-name%3D%22%E3%83%91%E3%82%B9%20803%22%20d%3D%22M246.5%2C249.418l5.351-4.459L246.5%2C240.5%22%20transform%3D%22translate(-245.09%20-239.092)%22%20fill%3D%22none%22%20stroke%3D%22%23006ab7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E') center center no-repeat rgba(255,255,255,0.7);
    transition: 0.4s;
}
@media only screen and (min-width:992px){
.other_nav .bnr a:hover {
    opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: "alpha(opacity=100)";
}
.other_nav .bnr a:hover::after {
    transform: scale(1.05, 1.05);
}
.other_nav .bnr a:hover h3 {
    color: #006AB7;
}
.other_nav .bnr a:hover .cover {
    opacity: 0;
}
.other_nav .bnr a:hover span {
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%227.759%22%20height%3D%2211.735%22%20viewBox%3D%220%200%207.759%2011.735%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_803%22%20data-name%3D%22%E3%83%91%E3%82%B9%20803%22%20d%3D%22M246.5%2C249.418l5.351-4.459L246.5%2C240.5%22%20transform%3D%22translate(-245.09%20-239.092)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E') center center no-repeat #006AB7;
}
}
@media only screen and (max-width:991px){
.other_nav {
    padding: 3rem 1rem;
    margin-top: 3rem;
}
}
@media only screen and (max-width:767px){
.other_nav .bnr {
    width: 100%;
    height: 9.5rem;
}
.other_nav .bnr.last {
    border-top: 1px solid #EFF2F4;
    border-left: none;
}
}


/* footer
------------------------------------------------- */
#footer .footer-area {
    padding: 3rem 3.75rem 8.5rem;
}
#footer .blanklink {
    bottom: 4rem;
}
@media only screen and (max-width:1199px){
#footer .footer-area {
    padding: 3rem 0 12.5rem;
    padding-right: var(--bs-gutter-x,.75rem);
    padding-left: var(--bs-gutter-x,.75rem);
}
#footer .blanklink {
    bottom: 8.5rem;
}
}
@media only screen and (max-width:767px){
#footer .footer-area {
    padding: 2rem 1.5rem;
}
}


/* idPad
------------------------------------------------- */
.idPad {
    padding-top: 5rem;
    margin-top: -5rem;
}
@media only screen and (max-width:991px){
.idPad {
    padding-top: 3.75rem;
    margin-top: -3.75rem;
}
}


/* animation
------------------------------------------------- */
@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(20px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}
@keyframes fadeInLeft {
    0% {
        opacity: 0;
        transform: translateX(-30px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}
@keyframes fadeInRight {
    0% {
        opacity: 0;
        transform: translateX(30px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}


/* about_nichia
------------------------------------------------- */
/* about_nav
------------------------------------------------- */
.about_nav {
    padding: 5rem 0 4.2rem;
}
.about_nav a {
    width: 24.1%;
    height: 4.375rem;
    margin: 0 1.2% 0.8rem 0;
    font-weight: 500;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%227.414%22%20height%3D%2212.829%22%20viewBox%3D%220%200%207.414%2012.829%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_863%22%20data-name%3D%22%E3%83%91%E3%82%B9%20863%22%20d%3D%22M246.5%2C250.5l5-5-5-5%22%20transform%3D%22translate(-245.085%20-239.086)%22%20fill%3D%22none%22%20stroke%3D%22%23006ab7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E') 94% center no-repeat #EFF2F4;
    background-size: 0.5rem auto;
    line-height: 1.3;
    padding-right: 1.2rem;
}
.about_nav a:nth-child(4n) {
    margin-right: 0;
}
.about_nav a.active {
    color: #fff;
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%227.414%22%20height%3D%2212.829%22%20viewBox%3D%220%200%207.414%2012.829%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_867%22%20data-name%3D%22%E3%83%91%E3%82%B9%20867%22%20d%3D%22M246.5%2C250.5l5-5-5-5%22%20transform%3D%22translate(-245.085%20-239.086)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E') 94% center no-repeat #006AB7;
    background-size: 0.5rem auto;
}
.about_nav .bnr a {
    width: 100%;
    height: 12.5rem;
    margin-bottom: 1.875rem;
    padding: 0;
    font-weight: 500;
    background: none;
    position: relative;
    overflow: hidden;
}
.about_nav .bnr a::after {
    content: '';
    width: 100%;
    height: 100%;
    transition: 0.4s;
    z-index: 1;
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    background: url("../img/about_nichia/bnr.jpg") center center no-repeat;
    background-size: cover;
}
.about_nav .bnr h3 {
    font-size: 1.375rem;
    color: #fff;
    font-weight: 700;
    letter-spacing: 0.03em;
    text-align: center;
    margin: 0;
    position: relative;
    z-index: 3;
    transition: 0.4s;
}
.about_nav .bnr h3 i {
    font-size: 0.75rem;
    display: block;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.02em;
    padding-top: 0.4rem;
}
.about_nav .bnr .cover {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 2;
    transition: opacity .4s ease;
    opacity: 1;
    background: rgba(77,77,77,0.55);
    left: 0;
    top: 0;
    mix-blend-mode: multiply;
}
.about_nav .bnr span {
    display: block;
    width: 1.875rem;
    height:  1.875rem;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 3;
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%227.759%22%20height%3D%2211.735%22%20viewBox%3D%220%200%207.759%2011.735%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_803%22%20data-name%3D%22%E3%83%91%E3%82%B9%20803%22%20d%3D%22M246.5%2C249.418l5.351-4.459L246.5%2C240.5%22%20transform%3D%22translate(-245.09%20-239.092)%22%20fill%3D%22none%22%20stroke%3D%22%23006ab7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E') center center no-repeat rgba(255,255,255,0.7);
    transition: 0.4s;
}
@media only screen and (min-width:992px){
.about_nav a:hover {
    color: #fff;
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%227.414%22%20height%3D%2212.829%22%20viewBox%3D%220%200%207.414%2012.829%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_867%22%20data-name%3D%22%E3%83%91%E3%82%B9%20867%22%20d%3D%22M246.5%2C250.5l5-5-5-5%22%20transform%3D%22translate(-245.085%20-239.086)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E') 94% center no-repeat #006AB7;
    background-size: 0.5rem auto;
    opacity: 1;
    filter: alpha(opacity=100);
	-ms-filter: "alpha(opacity=100)";
}
.about_nav .bnr a:hover {
    opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: "alpha(opacity=100)";
}
.about_nav .bnr a:hover::after {
    transform: scale(1.05, 1.05);
}
.about_nav .bnr a:hover h3 {
    color: #006AB7;
}
.about_nav .bnr a:hover .cover {
    opacity: 0;
}
.about_nav .bnr a:hover span {
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%227.759%22%20height%3D%2211.735%22%20viewBox%3D%220%200%207.759%2011.735%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_803%22%20data-name%3D%22%E3%83%91%E3%82%B9%20803%22%20d%3D%22M246.5%2C249.418l5.351-4.459L246.5%2C240.5%22%20transform%3D%22translate(-245.09%20-239.092)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E') center center no-repeat #006AB7;
}
}
@media only screen and (max-width:991px){
.about_nav {
    padding: 4rem 0 5rem;
}
.about_nav .container {
    justify-content: space-between;
}
.about_nav a {
    font-size: 1rem;
    width: 49%;
    margin-right: 0;
}
.about_nav .bnr a {
    height: 9.5rem;
    justify-content: center;
    text-align: center;
}
}
@media only screen and (max-width:767px){
.about_nav a {
    font-size: 0.9rem;
}
}


/* about_nichia/index.html
------------------------------------------------- */
.about_top .main-title {
    background-image: url("../img/about_nichia/top/mainimg.jpg");
}
.about_top .cont1 {
    margin-bottom: 3rem;
}
.about_top .cont1 .container {
    height: 44.375rem;
}
.about_top .cont1 .img {
    width: 43.75rem;
    position: absolute;
    left: -2.5rem;
    top: 0;
    z-index: 2;
}
.about_top .cont1 .con {
    width: 37.5rem;
    position: relative;
    z-index: 3;
}
@media only screen and (max-width:1399px){
.about_top .cont1 .img {
    left: -6.25rem;
}
}
@media only screen and (max-width:1199px){
.about_top .cont1 .img {
    left: -10rem;
}
}
@media only screen and (max-width:991px){
.about_top .main-title {
    background-position: right 35% center;
}
.about_top .cont1 .container {
    height: auto;
}
.about_top .cont1 .img {
    width: 100%;
    position: static;
    margin: 0 auto 3rem;
}
.about_top .cont1 .img img {
    display: block;
    margin: 0 auto;
}
.about_top .cont1 .con {
    width: 100%;
}
.about_top .cont1 .con h3 {
    margin-bottom: 1.5rem;
}
}


/* about_nichia/company.html
------------------------------------------------- */
.company .main-title {
    background-image: url("../img/about_nichia/company/mainimg.jpg");
}
.company .cont1 {
    padding-bottom: 5rem;
}
.company .cont1 .img {
    width: 45.875%;
}
.company .cont1 .con {
    width: 45.375%;
}
.company .cont1 .con h2 {
    font-size: 2.375rem;
    letter-spacing: normal;
}
.company .bgimg1 {
    background-image: url("../img/about_nichia/company/bg1.png");
    background-position: -17rem bottom;
    background-repeat: no-repeat;
    background-size: 53.5rem auto;
    padding: 3.5rem 0 6rem;
}
.company .bgimg2 {
    background-image: url("../img/about_nichia/company/bg2.png");
    background-position: right -20rem bottom;
    background-repeat: no-repeat;
    background-size: 58.2rem auto;
    padding: 3.5rem 0 6rem;
}
.company .cont2 h4 {
    font-size: 2.375rem;
    letter-spacing: normal;
    line-height: 1.8;
}
.company .cont3 h4 {
    font-size: 1.375rem;
    line-height: 1.8;
}
.company .cont2 .sec .whbox {
    margin: 3rem 0 4rem;
    background-color: #fff;
    padding: 2rem 3.75rem 1rem;
}
.company .cont2 .sec .whbox ul {
    list-style: none;
}
.company .cont2 .sec .whbox ul li {
    margin-bottom: 1rem;
}
.company .cont2 .sec .cbox .con {
    width: 32%;
    height: 17.75rem;
    background: url("../img/about_nichia/company/bg3.png") center top no-repeat;
    background-size: auto 100%;
    padding-top: 2.5rem;
    opacity: 0;
}
.company .cont2 .sec .cbox .con h5 {
    position: relative;
    padding-bottom: 2.5rem;
}
.company .cont2 .sec .cbox .con h5::before {
    content: '';
    width: 2rem;
    height: 1px;
    background-color: #fff;
    position: absolute;
    left: 50%;
    margin-left: -1rem;
    bottom: 1rem;
}
.company .cont2 .sec .cbox.isAnimate .con:nth-of-type(1) {
    animation: fadeInUp 1s ease 0.1s 1 forwards;
}
.company .cont2 .sec .cbox.isAnimate .con:nth-of-type(2) {
    animation: fadeInUp 1s ease 0.3s 1 forwards;
}
.company .cont2 .sec .cbox.isAnimate .con:nth-of-type(3) {
    animation: fadeInUp 1s ease 0.5s 1 forwards;
}
@media only screen and (max-width:991px){
.company .cont1 {
    padding-bottom: 5rem;
}
.company .cont1 .img {
    width: 80%;
    margin: 3rem auto 0;
}
.company .cont1 .img img {
    display: block;
    margin: 0 auto;
}
.company .cont1 .con {
    width: 100%;
}
.company .bgimg1 {
    padding: 2.5rem 0 3.5rem;
}
.company .bgimg2 {
    padding: 2.5rem 0 3.5rem;
}
.company .cont2 h4 {
    font-size: 2rem;
    line-height: 1.4;
}
.company .cont2 h4 span {
    font-size: 1rem !important;
    margin-top: 1rem;
}
.company .cont3 h4 {
    line-height: 1.55;
}
.company .cont3 h4 br {
    display: none;
}
.company .cont2 .sec .whbox {
    margin: 2rem 0 3rem;
    padding: 2rem 2.5rem 1rem;
}
.company .cont2 .sec .whbox ul li {
    margin-bottom: 0.5rem;
}
.company .cont2 .sec .cbox .con p.fs-6 {
    font-size: 0.875rem !important;
}
}
@media only screen and (max-width:767px){
.company .cont2 .sec .cbox .con {
    width: 70%;
    height: 16rem;
    margin: 0 auto 2rem;
    padding-top: 2rem;
}
.company .cont2 .sec .cbox .con p.fs-6 {
    font-size: 1rem !important;
}
.company .cont2 .sec .whbox ul {
    padding-left: 0;
}
}


/* about_nichia/info.html
------------------------------------------------- */
.info .main-title {
    background-image: url("../img/about_nichia/info/mainimg.jpg");
}
.info .cont1 table {
    width: 100%;
    margin-bottom: 5rem;
}
.info .cont1 table th,
.info .cont1 table td {
    padding: 1rem 0;
    border-bottom: 1px solid #CBD5DC;
    vertical-align: top;
}
.info .cont1 table th {
    width: 8.125rem;
    font-weight: 500;
}
.info .cont1 table.en th {
    width: 12rem;
}
.info .cont1 table td dl {
    margin: 0;
}
.info .cont1 table td dl dt {
    width: 28%;
    font-weight: 400;
    margin: 0;
}
.info .cont1 table.en td dl dt {
    width: 50%;
}
.info .cont1 table td dl dd {
    width: 67%;
    margin: 0;
}
.info .cont1 table.en td dl dd {
    width: 45%;
}
.info .cont1 table ul {
    margin: 0;
    padding: 0;
}
.info .cont1 table .list li {
    list-style: none;
    margin-bottom: 0.2rem;
    padding-left: 1em;
    text-indent: -1em;
}
.info .cont1 table .list li::before {
    content: '・';
}
.info .cont1 table .address li {
    list-style: none;
    border-bottom: 1px solid #CBD5DC;
    padding: 0 1rem;
}
.info .cont1 table .address li:last-child {
    border-bottom: none;
}
.info .cont1 table .address li span {
    display: block;
    padding: 1em 0 1rem 1rem;
    text-indent: -1em;
    cursor: pointer;
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_52956%22%20data-name%3D%22%E3%83%91%E3%82%B9%2052956%22%20d%3D%22M-3-8.82H-8.8v-5.8h-2.4v5.8H-17v2.4h5.8v5.8h2.4v-5.8H-3Z%22%20transform%3D%22translate(17%2014.62)%22%20fill%3D%22%23cbd5dc%22%2F%3E%3C%2Fsvg%3E') right center no-repeat;
    background-size: 0.875rem auto;
}
.info .cont1 table .address li span.open {
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%222.4%22%20viewBox%3D%220%200%2014%202.4%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_52957%22%20data-name%3D%22%E3%83%91%E3%82%B9%2052957%22%20d%3D%22M-17-8.82v2.4H-3v-2.4Z%22%20transform%3D%22translate(17%208.82)%22%20fill%3D%22%23cbd5dc%22%2F%3E%3C%2Fsvg%3E') right center no-repeat;
    background-size: 0.875rem auto;
}
.info .cont1 table .address li span::before {
    content: '・';
}
.info .cont1 table ul li .addbox {
    display: none;
    padding: 0 0 1rem 1rem;
}
.info .cont1 .btnarea a {
    width: 45%;
    height: 8.75rem;
    padding: 0 1.875rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
}
.info .cont1 .btnarea a::before,
.info .cont1 .btnarea a::after {
    content: '';
    width: 100%;
    height: 1px;
    background-color: #CBD5DC;
    position: absolute;
    left: 0;
    top: 0;
    transition: 0.4s;
}
.info .cont1 .btnarea a::after {
    top: auto;
    bottom: 0;
}
@media only screen and (min-width:992px){
.info .cont1 .btnarea a:hover {
    color: #006AB7;
}
.info .cont1 .btnarea a:hover::before,
.info .cont1 .btnarea a:hover::after {
    height: 2px;
}
}
@media only screen and (max-width:991px){
.info .cont1 table th {
    width: 7rem;
}
.info .cont1 table.en th {
    width: 7rem;
}
.info .cont1 table td dl dt {
    width: 35%;
}
.info .cont1 table.en td dl dt {
    width: 55%;
}
.info .cont1 table td dl dd {
    width: 60%;
}
.info .cont1 table.en td dl dd {
    width: 40%;
}
}
@media only screen and (max-width:767px){
.info .cont1 table td dl {
    margin-bottom: 0.75rem;
}
.info .cont1 table td dl dt {
    width: 100%;
    /*margin-bottom: 0.5rem;*/
}
.info .cont1 table td dl:nth-of-type(2) dt {
    /*margin: 1rem 0 0.5rem;*/
}
.info .cont1 table td dl dd {
    width: 100%;
    padding-left: 0.2rem;
}
.info .cont1 .btnarea a {
    width: 100%;
    height: 7rem;
    margin-bottom: 1rem;
}
}


/* about_nichia/history.html
------------------------------------------------- */
.history .main-title {
    background-image: url("../img/about_nichia/history/mainimg.jpg");
}
.history .cont1 {
    padding-bottom: 3.75rem;
    margin-bottom: 7.2rem;
    position: relative;
    opacity: 0;
}
.history .cont1::before {
    content: '';
    width: 100vw;
    height: 90%;
    background-color: #EFF2F4;
    position: absolute;
    right: 50%;
    margin-right: -18.75rem;
    top: 15%;
}
.history .cont1.top::before {
    height: 100%;
    top: -8%;
}
.history .cont1 .container {
    padding-right: 3.75rem;
    padding-left: 3.75rem;
    z-index: 2;
}
.history .cont1 .con {
    width: 50%;
    margin-left: 8.33%;
}
.history .cont1 .con h3 span {
    font-size: 5rem;
    white-space: nowrap;
}
.history .cont1.last .con h3 span {
    font-size: 4rem;
}
.history .cont1 .con h3 span.ch-fs {
    font-size: 4rem;
}
.history .cont1 .con h3 b {
    margin: 1.5rem 0 0 1.5rem;
}
.history .cont1 .con h3 b.enb {
    margin: 1.5rem 0 0 0;
    display: block;
}
.history .cont1.he1 .con h3 b,
.history .cont1.he2 .con h3 b {
    white-space: nowrap;
}
.history .cont1 .con h3 b i {
    font-style: normal;
}
.history .cont1 .img {
    width: 33.33%;
}
.history .cont1 .img.img1 {
    margin-top: 13.5rem;
}
.history .cont1 .img.img2 {
    margin-top: -8rem;
}
.history .cont1 .img.img3 {
    margin-top: 7rem;
}
.history .cont1 .img.img4 {
    margin-top: 9rem;
}
.history .cont1.rev::before {
    right: auto;
    left: 50%;
    margin: 0 0 0 -18.75rem;
}
.history .cont1.rev .con {
    margin: 0 8.33% 0 0;
}
.history .cont1.he1 {
    margin-bottom: 10rem;
}
.history .cont1.he2::before {
    height: 85%;
    top: 15%;
}
.history .cont1.he3 {
    margin-bottom: 10.2rem;
}
.history .cont1.he3::before {
    height: 70%;
}
.history .cont1.last {
    margin-bottom: 10rem;
}
.history .cont1.last::before {
    height: 100%;
    top: 4%;
}
.history .cont1 .line {
    width: 1px;
    height: 6rem;
    position: absolute;
    right: 50%;
    margin-right: 11.875rem;
    bottom: -3rem;
    transform: rotate(-32deg);
}
.history .cont1 .line div {
    display: block;
    background-color: #EFF2F4;
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 6rem;
    overflow: hidden;
}
.history .cont1 .line div span {
    display: block;
    position: absolute;
    bottom: 100%;
    left: 0;
    width: 1px;
    height: 3rem;
    background-color: #006AB7;
    animation: scroll 1.4s infinite;
}
.history .cont1.rev .line {
    left: 50%;
    margin: 0 0 0 11.875rem;
    transform: rotate(32deg);
}
.history .cont1.top .line {
    bottom: -1.2rem;
}
.history .cont1.he3 .line {
    bottom: 3.5rem;
}
.history .cont1.last .line {
    bottom: -5rem;
}
.history .cont1.isAnimate {
    animation: fadeInLeft 1s ease 0.1s 1 forwards;
}
.history .cont1.rev.isAnimate {
    animation: fadeInRight 1s ease 0.1s 1 forwards;
}
@media only screen and (max-width:1399px){
.history .cont1.he3::before {
    height: 80%;
}
.history .cont1.he3 .line {
    bottom: 0;
}
.history .cont1 .img.img2 {
    margin-top: -4rem;
}
}
@media only screen and (max-width:1199px){
.history .cont1 .container {
    padding-right: var(--bs-gutter-x,.75rem);
    padding-left: var(--bs-gutter-x,.75rem);
}
.history .cont1.he2 .con h3 {
    display: block !important;
}
.history .cont1.he2 .con h3 b {
    display: block;
    margin: 0;
}
.history .cont1.he3::before {
    height: 90%;
}
.history .cont1.he3 .line {
    bottom: -3rem;
}
}
@media only screen and (max-width:991px){
.history .cont1 {
    padding-bottom: 4rem;
    margin-bottom: 4rem;
}
.history .cont1::before {
    width: 92%;
    height: 95%;
    right: auto;
    left: 0;
    margin-right: 0;
    top: 5%;
}
.history .cont1.top::before {
    height: 105%;
    top: -5%;
}
.history .cont1 .container {
    padding-right: var(--bs-gutter-x,1.5rem);
    padding-left: var(--bs-gutter-x,1.5rem);
}
.history .cont1 .con {
    width: 92%;
    margin: 0 8% 0 0;
}
.history .cont1 .con h3 span {
    font-size: 5rem;
}
.history .cont1.last .con h3 span {
    font-size: 3.5rem;
}
.history .cont1 .con h3 b {
    display: block;
    margin: 1.2rem 0 0 0;
}
.history .cont1 .con h3 b i {
    font-style: normal;
}
.history .cont1 .img {
    width: 100%;
    margin: 3rem auto 0;
}
.history .cont1 .img img {
    display: block;
    margin: 0 auto;
}
.history .cont1 .img.img1,
.history .cont1 .img.img2,
.history .cont1 .img.img3,
.history .cont1 .img.img4 {
    margin-top: 3rem;
}
.history .cont1.rev::before {
    right: 0;
    left: auto;
    margin: 0;
}
.history .cont1.rev .con {
    margin: 0 0 0 8%;
}
.history .cont1.he1 {
    padding-bottom: 4rem;
    margin-bottom: 4rem;
}
.history .cont1.he3 {
    margin-bottom: 4rem;
}
.history .cont1.he1::before,
.history .cont1.he3::before {
    height: 95%;
}
.history .cont1.he2::before {
    height: 95%;
    top: 5%;
}
.history .cont1.he2 .con h3 span {
    font-size: 3.5rem;
}
.history .cont1.last {
    margin-bottom: 5rem;
}
.history .cont1.last::before {
    height: 97.5%;
    top: 2.5%;
}
.history .cont1 .line {
    margin-right: 0;
}
.history .cont1.rev .line {
    margin: 0;
}
.history .cont1.top .line {
    bottom: -3rem;
}
.history .cont1.he1 .line,
.history .cont1.last .line {
    bottom: -3rem;
}
.history .cont1.isAnimate,
.history .cont1.rev.isAnimate {
    animation: fadeInUp 1s ease 0.1s 1 forwards;
}
}
@media only screen and (max-width:767px){
.history .cont1.he1 .con h3 b,
.history .cont1.he2 .con h3 b,
.history .cont1.last .con h3 b {
    display: block;
    margin: 0.5rem 0 0 0;
}
}


/* about_nichia/organization.html
------------------------------------------------- */
.organization .main-title {
    background-image: url("../img/about_nichia/organization/mainimg.jpg");
}
.organization .sec {
    margin: 3rem 0;
}
.organization .sec h3 {
    background-color: #006AB7;
    padding: 0.9rem 0;
    margin-bottom: 1.875rem;
}
.organization .sec dl {
    font-size: 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
}
.organization .sec dl dt {
    width: 30.5%;
    color: #006AB7;
    font-weight: 700;
    position: relative;
    overflow: hidden;
}
.organization .sec dl dt::before {
    content: '…………………………………………………………………………………………………………………………………';
    color: #7D8B95;
    font-weight: 400;
    width: 100%;
    height: 1px;
    position: absolute;
}
.organization .sec dl dt span {
    background-color: #fff;
    position: relative;
    z-index: 2;
    padding-right: 1rem;
}
.organization .sec dl dd {
    width: 66.75%;
    margin: 0;
    padding-left: 1.5%;
    background-color: #fff;
    position: relative;
    z-index: 2;
}
@media only screen and (max-width:991px){
.organization .sec dl {
    display: block;
}
.organization .sec dl dt {
    width: 100%;
    margin-bottom: 0.5rem;
}
.organization .sec dl dd {
    width: 100%;
    padding: 0 1rem 1rem;
}
}


/* about_nichia/system.html
------------------------------------------------- */
.system .main-title {
    background-image: url("../img/about_nichia/system/mainimg.jpg");
}
.system .cont3 .container,
.system .cont4 .container,
.system .cont6 .container,
.system .cont9 .container,
.system .cont11 .container {
    padding-right: 3.75rem;
    padding-left: 3.75rem;
}
.system .cont1 {
    padding-bottom: 2.5rem;
}
.system .cont1 .system_nav1 {
    padding-top: 6.5rem;
}
.system .cont1 .system_nav1 a {
    display: block;
    width: 19.6%;
    color: #7D8B95;
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212.828%22%20height%3D%227.414%22%20viewBox%3D%220%200%2012.828%207.414%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_994%22%20data-name%3D%22%E3%83%91%E3%82%B9%20994%22%20d%3D%22M246.5%2C250.5l5-5-5-5%22%20transform%3D%22translate(251.914%20-245.085)%20rotate(90)%22%20fill%3D%22none%22%20stroke%3D%22%23006ab7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E') center 80% no-repeat #CBD5DC;
    background-size: 0.8rem auto;
    padding: 0.75rem 0 1.5rem;
}
.system .cont2 {
    padding: 5rem 0 8.5rem;
    position: relative;
    z-index: 3;
}
.system .cont2 .list {
    padding: 5rem 0 0;
}
.system .cont2 .list li {
    margin-bottom: 0.8rem;
}
.system .cont2 .list li a:hover {
    color: #006AB7;
    opacity: 1;
    filter: alpha(opacity=100);
	-ms-filter: "alpha(opacity=100)";
}
.system .cont2 .img {
    width: 32.4375rem;
    position: absolute;
    right: 50%;
    margin-right: 3.375rem;
    bottom: -12.8rem;
}
.system .cont2 .img .cir {
    width: 0.875rem;
    height: 0.875rem;
    border: 0.1875rem solid #fff;
    background-color: #006AB7;
    border-radius: 1rem;
    position: absolute;
    right: 1.9rem;
    box-sizing: content-box;
}
.system .cont2 .img .cir.hover {
    background-color: #00ECF2;
}
.system .cont2 .img .to1 {
    right: 3.5rem;
    top: 9.5rem;
}
.system .cont2 .img .to2 {
    top: 11rem;
}
.system .cont2 .img .to3 {
    top: 9.5rem;
}
.system .cont2 .img .to4 {
    top: 8rem;
}
.system .cont2 .img .to5 {
    top: 6.3rem;
}
.system .cont3 {
    position: relative;
    z-index: 2;
}
.system .cont3 .wrap {
    padding: 5rem 0 2rem;
}
.system .cont3 ul {
    padding: 2.5rem 0 0;
}
.system .cont3 ul li {
    list-style: none;
    margin-bottom: 1.5rem;
    width: 100%;
}
.system .cont3 ul li:nth-child(2) {
    width: 21.25%;
}
.system .cont3 ul li:nth-child(3) {
    width: 76.875%;
}
.system .cont3 ul li:nth-child(4),
.system .cont3 ul li:nth-child(5),
.system .cont3 ul li:nth-child(6) {
    width: 32.125%;
}
.system .cont4 {
    padding: 5rem 0 3rem;
}
.system .cont4 .img {
    width: 75%;
    margin-left: -6.25rem;
    position: absolute;
    z-index: 2;
}
.system .cont4 .con {
    width: 63.33%;
    margin: 11.875rem 0 0 36.66%;
    padding: 3.75rem 3.75rem 2.5rem;
    position: relative;
    z-index: 3;
}
.system .cont5 {
    padding: 5rem 0 5.5rem;
}
.system .cont6 .wrap {
    padding: 5rem 0 7rem;
}
.system .cont6 .sec {
    padding-bottom: 10rem;
}
.system .cont6 .img {
    width: 45.8%;
    margin-top: 4.5rem;
}
.system .cont6 .con {
    width: 41.65%;
    margin-right: 6.25rem;
}
.system .cont6 .con ul li {
    list-style: none;
    padding-left: 1em;
    text-indent: -1em;
}
.system .cont6 .con ul li::before {
    content: '●';
}
.system .cont6 .rev .con {
    width: 41.65%;
    margin: 0 0 0 6.25rem;
}
.system .cont7 {
    padding: 5rem 0 17.5rem;
}
.system .cont7 p {
    width: 68.75%;
    position: relative;
    z-index: 3;
}
.system .cont7 .list {
    padding: 5rem 0 0;
    position: relative;
    z-index: 3;
}
.system .cont7 .list li {
    margin-bottom: 0.8rem;
}
.system .cont7 .list li a:hover {
    color: #006AB7;
    opacity: 1;
    filter: alpha(opacity=100);
	-ms-filter: "alpha(opacity=100)";
}
.system .cont7 .img {
    width: 30.0625rem;
    position: absolute;
    left: 50%;
    margin-left: -5.5rem;
    bottom: -17rem;
}
.system .cont7 .img .cir {
    width: 0.875rem;
    height: 0.875rem;
    border: 0.1875rem solid #fff;
    background-color: #006AB7;
    border-radius: 1rem;
    position: absolute;
    box-sizing: content-box;
}
.system .cont7 .img .cir.hover {
    background-color: #00ECF2;
}
.system .cont7 .img .ei1 {
    right: 8.4375rem;
    top: 21.5625rem;
}
.system .cont7 .img .ei2 {
    right: 16.25rem;
    top: 24.1875rem;
}
.system .cont7 .img .ei3 {
    right: 13.375rem;
    top: 23.125rem;
}
.system .cont8 {
    padding: 6rem 0 4rem;
}
.system .cont9 .wrap {
    padding: 5rem 6.25rem 3.125rem;
}
.system .cont9 .idPad {
    width: 47%;
}
.system .cont9 .box {
    margin-bottom: 1.875rem;
}
.system .cont9 .box .img {
    width: 37.65%;
}
.system .cont9 .box .con {
    width: 58.35%;
}
.system .cont10 {
    padding: 5rem 0 5.5rem;
}
.system .cont11 {
    padding-bottom: 14rem;
}
.system .cont11 .wrap {
    padding: 5rem 0 7rem;
}
.system .cont11 .sec {
    padding-bottom: 10rem;
}
.system .cont11 .img {
    width: 45.8%;
    margin-top: 4.5rem;
}
.system .cont11 .con {
    width: 41.65%;
    margin-right: 6.25rem;
}
.system .cont11 .con ul li {
    list-style: none;
    padding-left: 1em;
    text-indent: -1em;
}
.system .cont11 .con ul li::before {
    content: '●';
}
.system .cont11 .rev .con {
    width: 41.65%;
    margin: 0 0 0 6.25rem;
}
.system .over,
.career .over {
    margin-bottom: 4rem;
    overflow-x: auto;
}
.system .overseas_map,
.career .overseas_map {
    width: 990px;
    margin: 0 auto;
    position: relative;
}
.system .overseas_map img,
.career .overseas_map img {
    width: 100%;
    height: auto;
    max-width: 100%;
}
.system .overseas_map .dot a,
.career .overseas_map .dot a {
    display: block;
    line-height: 1.14;
    position: absolute;
}
.system .overseas_map .dot a:hover,
.career .overseas_map .dot a:hover {
    color: #006AB7;
    opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: "alpha(opacity=100)";
}
.system .overseas_map .ov01 a,
.career .overseas_map .ov01 a {
    width: 129px;
    height: 53px;
    padding-left: 80px;
    left: 420px;
    top: 134px;
    background: url("../img/about_nichia/system/ov_01.png") left bottom no-repeat;
    background-size: 77px auto;
}
.system .overseas_map .ov01 a:hover,
.career .overseas_map .ov01 a:hover {
    background: url("../img/about_nichia/system/ov_01on.png") left bottom no-repeat;
    background-size: 77px auto;
}
.system .overseas_map .ov02 a,
.career .overseas_map .ov02 a {
    width: 162px;
    height: 37px;
    padding: 18px 0 0 49px;
    left: 398px;
    top: 195px;
    background: url("../img/about_nichia/system/ov_02.png") left top no-repeat;
    background-size: 46px auto;
}
.system .overseas_map .ov02 a:hover,
.career .overseas_map .ov02 a:hover {
    background: url("../img/about_nichia/system/ov_02on.png") left top no-repeat;
    background-size: 46px auto;
}
.system .overseas_map .ov03 a,
.career .overseas_map .ov03 a {
    width: 163px;
    height: 40px;
    padding: 22px 0 0 49px;
    left: 399px;
    top: 215px;
    background: url("../img/about_nichia/system/ov_03.png") left top no-repeat;
    background-size: 47px auto;
}
.system .overseas_map .ov03 a:hover,
.career .overseas_map .ov03 a:hover {
    background: url("../img/about_nichia/system/ov_03on.png") left top no-repeat;
    background-size: 47px auto;
}
.system .overseas_map .ov04 a,
.career .overseas_map .ov04 a {
    width: 153px;
    height: 70px;
    padding: 0 85px 35px 0;
    left: 235px;
    top: 151px;
    background: url("../img/about_nichia/system/ov_04.png") right bottom no-repeat;
    background-size: 83px auto;
}
.system .overseas_map .ov04 a:hover,
.career .overseas_map .ov04 a:hover {
    background: url("../img/about_nichia/system/ov_04on.png") right bottom no-repeat;
    background-size: 83px auto;
}
.system .overseas_map .ov05 a,
.career .overseas_map .ov05 a {
    width: 145px;
    height: 65px;
    padding: 30px 73px 0 0;
    left: 207px;
    top: 245px;
    background: url("../img/about_nichia/system/ov_05.png") right top no-repeat;
    background-size: 71px auto;
}
.system .overseas_map .ov05 a:hover,
.career .overseas_map .ov05 a:hover {
    background: url("../img/about_nichia/system/ov_05on.png") right top no-repeat;
    background-size: 71px auto;
}
.system .overseas_map .ov06 a,
.career .overseas_map .ov06 a {
    width: 174px;
    height: 44px;
    padding: 11px 105px 0 0;
    left: 112px;
    top: 248px;
    background: url("../img/about_nichia/system/ov_06.png") right top no-repeat;
    background-size: 100px auto;
}
.system .overseas_map .ov06 a:hover,
.career .overseas_map .ov06 a:hover {
    background: url("../img/about_nichia/system/ov_06on.png") right top no-repeat;
    background-size: 100px auto;
}
.system .overseas_map .ov07 a,
.career .overseas_map .ov07 a {
    width: 95px;
    height: 36px;
    padding: 3px 0 0 40px;
    left: 262px;
    top: 209px;
    background: url("../img/about_nichia/system/ov_07.png") left 10px no-repeat;
    background-size: 35px auto;
}
.system .overseas_map .ov07 a:hover,
.career .overseas_map .ov07 a:hover {
    background: url("../img/about_nichia/system/ov_07on.png") left 10px no-repeat;
    background-size: 35px auto;
}
.system .overseas_map .ov08 a,
.career .overseas_map .ov08 a {
    width: 95px;
    height: 52px;
    padding: 19px 0 0 48px;
    right: 54px;
    top: 156px;
    background: url("../img/about_nichia/system/ov_08.png") left top no-repeat;
    background-size: 46px auto;
}
.system .overseas_map .ov08 a:hover,
.career .overseas_map .ov08 a:hover {
    background: url("../img/about_nichia/system/ov_08on.png") left top no-repeat;
    background-size: 46px auto;
}
.system .overseas_map .ov09 a,
.career .overseas_map .ov09 a {
    width: 142px;
    height: 59px;
    padding: 26px 60px 0 0;
    right: 233px;
    top: 183px;
    background: url("../img/about_nichia/system/ov_09.png") right top no-repeat;
    background-size: 57px auto;
}
.system .overseas_map .ov09 a:hover,
.career .overseas_map .ov09 a:hover {
    background: url("../img/about_nichia/system/ov_09on.png") right top no-repeat;
    background-size: 57px auto;
}
.system .overseas_map .ov10 a,
.career .overseas_map .ov10 a {
    width: 124px;
    height: 66px;
    padding: 33px 0 0 75px;
    right: 26px;
    top: 186px;
    background: url("../img/about_nichia/system/ov_10.png") left top no-repeat;
    background-size: 73px auto;
}
.system .overseas_map .ov10 a:hover,
.career .overseas_map .ov10 a:hover {
    background: url("../img/about_nichia/system/ov_10on.png") left top no-repeat;
    background-size: 73px auto;
}
.system .overseas_map .ov11 a,
.career .overseas_map .ov11 a {
    width: 135px;
    height: 47px;
    padding: 14px 0 0 48px;
    left: 358px;
    top: 254px;
    background: url("../img/about_nichia/system/ov_11.png") left top no-repeat;
    background-size: 44px auto;
}
.system .overseas_map .ov11 a:hover,
.career .overseas_map .ov11 a:hover {
    background: url("../img/about_nichia/system/ov_11on.png") left top no-repeat;
    background-size: 44px auto;
}
.system .overseas_map .ov12 a,
.career .overseas_map .ov12 a {
    width: 171px;
    height: 85px;
    padding: 52px 101px 0 0;
    left: 181px;
    top: 273px;
    background: url("../img/about_nichia/system/ov_12.png") right top no-repeat;
    background-size: 98px auto;
}
.system .overseas_map .ov12 a:hover,
.career .overseas_map .ov12 a:hover {
    background: url("../img/about_nichia/system/ov_12on.png") right top no-repeat;
    background-size: 98px auto;
}
.system .overseas_map .ov13 a,
.career .overseas_map .ov13 a {
    width: 258px;
    height: 101px;
    padding: 82px 174px 0 0;
    left: 104px;
    top: 287px;
    background: url("../img/about_nichia/system/ov_13.png") right top no-repeat;
    background-size: 171px auto;
}
.system .overseas_map .ov13 a:hover,
.career .overseas_map .ov13 a:hover {
    background: url("../img/about_nichia/system/ov_13on.png") right top no-repeat;
    background-size: 171px auto;
}
.system .overseas_map .ov14 a,
.career .overseas_map .ov14 a {
    width: 166px;
    height: 74px;
    padding: 40px 0 0 80px;
    left: 358px;
    top: 304px;
    background: url("../img/about_nichia/system/ov_14.png") left top no-repeat;
    background-size: 78px auto;
}
.system .overseas_map .ov14 a:hover,
.career .overseas_map .ov14 a:hover {
    background: url("../img/about_nichia/system/ov_14on.png") left top no-repeat;
    background-size: 78px auto;
}
.system .overseas_map .ov15 a,
.career .overseas_map .ov15 a {
    width: 111px;
    height: 49px;
    padding: 15px 46px 0 0;
    left: 175px;
    top: 203px;
    background: url("../img/about_nichia/system/ov_15.png") right top no-repeat;
    background-size: 42px auto;
}
.system .overseas_map .ov15 a:hover,
.career .overseas_map .ov15 a:hover {
    background: url("../img/about_nichia/system/ov_15on.png") right top no-repeat;
    background-size: 42px auto;
}
.system .overseas_map .ov16 a,
.career .overseas_map .ov16 a {
    width: 124px;
    height: 45px;
    padding: 0 61px 10px 0;
    right: 245px;
    top: 139px;
    background: url("../img/about_nichia/system/ov_16.png") right bottom no-repeat;
    background-size: 58px auto;
}
.system .overseas_map .ov16 a:hover,
.career .overseas_map .ov16 a:hover {
    background: url("../img/about_nichia/system/ov_16on.png") right bottom no-repeat;
    background-size: 58px auto;
}
.system .overseas_map .ov17 a,
.career .overseas_map .ov17 a {
    width: 119px;
    height: 53px;
    padding: 20px 0 0 49px;
    left: 77px;
    top: 131px;
    background: url("../img/about_nichia/system/ov_17.png") left top no-repeat;
    background-size: 46px auto;
}
.system .overseas_map .ov17 a:hover,
.career .overseas_map .ov17 a:hover {
    background: url("../img/about_nichia/system/ov_17on.png") left top no-repeat;
    background-size: 46px auto;
}
.system .overseas_map .ov18 a,
.career .overseas_map .ov18 a {
    width: 115px;
    height: 43px;
    padding: 0 0 10px 61px;
    left: 160px;
    top: 74px;
    background: url("../img/about_nichia/system/ov_18.png") left bottom no-repeat;
    background-size: 57px auto;
}
.system .overseas_map .ov18 a:hover,
.career .overseas_map .ov18 a:hover {
    background: url("../img/about_nichia/system/ov_18on.png") left bottom no-repeat;
    background-size: 57px auto;
}
.system .overseas_map .ov19 a,
.career .overseas_map .ov19 a {
    width: 165px;
    height: 92px;
    padding: 58px 121px 0 0;
    right: 174px;
    top: 196px;
    background: url("../img/about_nichia/system/ov_19.png") right top no-repeat;
    background-size: 117px auto;
}
.system .overseas_map .ov19 a:hover,
.career .overseas_map .ov19 a:hover {
    background: url("../img/about_nichia/system/ov_19on.png") right top no-repeat;
    background-size: 117px auto;
}
.system .overseas_map .ov20 a,
.career .overseas_map .ov20 a {
    width: 122px;
    height: 44px;
    padding: 0 61px 10px 0;
    right: 124px;
    top: 100px;
    background: url("../img/about_nichia/system/ov_20.png") right bottom no-repeat;
    background-size: 57px auto;
}
.system .overseas_map .ov20 a:hover,
.career .overseas_map .ov20 a:hover {
    background: url("../img/about_nichia/system/ov_20on.png") right bottom no-repeat;
    background-size: 57px auto;
}
.system .overseas_map .ov21 a,
.career .overseas_map .ov21 a {
    width: 156px;
    height: 55px;
    padding: 0 0 0 84px;
    left: 66px;
    top: 79px;
    background: url("../img/about_nichia/system/ov_21.png") left bottom no-repeat;
    background-size: 77px auto;
}
.system .overseas_map .ov21 a:hover,
.career .overseas_map .ov21 a:hover {
    background: url("../img/about_nichia/system/ov_21on.png") left bottom no-repeat;
    background-size: 77px auto;
}
.system .system_nav2 {
    position: fixed;
    right: -20rem;
    top: 35%;
    z-index: 91;
    transition: 0.4s;
}
.system .system_nav2.on {
    right: 0;
}
.system .system_nav2 a {
    display: block;
    width: 8.125rem;
    padding: 0.7rem 0.915rem;
    background-color: #CBD5DC;
    color: #7D8B95;
    margin-bottom: 0.625rem;
    line-height: 1.3;
}
.system .system_nav2 a.current {
    background-color: #006AB7;
    color: #fff;
}
@media only screen and (max-width:1199px){
.system .cont3 .container,
.system .cont4 .container,
.system .cont6 .container,
.system .cont9 .container,
.system .cont11 .container {
    padding-right: 0;
    padding-left: 0;
}
}
@media only screen and (min-width:992px){
.system .cont1 .system_nav1 a:hover {
    color: #fff;
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212.828%22%20height%3D%227.414%22%20viewBox%3D%220%200%2012.828%207.414%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_994%22%20data-name%3D%22%E3%83%91%E3%82%B9%20994%22%20d%3D%22M246.5%2C250.5l5-5-5-5%22%20transform%3D%22translate(251.914%20-245.085)%20rotate(90)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E') center 80% no-repeat #006AB7;
    background-size: 0.8rem auto;
    opacity: 1;
    filter: alpha(opacity=100);
	-ms-filter: "alpha(opacity=100)";
}
.system .system_nav2 a:hover {
    background-color: #006AB7;
    color: #fff;
}
}
@media only screen and (max-width:991px){
.system .cont1 .system_nav1 {
    padding-top: 3rem;
}
.system .cont2 {
    padding: 1.5rem 0 5rem;
}
.system .cont2 .list {
    padding: 1rem 0 0;
}
.system .cont2 .list li {
    margin-bottom: 0.5rem;
    line-height: 1.5;
}
.system .cont3 {
    position: relative;
    z-index: 2;
}
.system .cont3 .wrap {
    padding: 3rem 1.5rem 2rem;
}
.system .cont3 ul {
    padding: 1.5rem 0 0;
}
.system .cont3 ul li {
    line-height: 1.4;
}
.system .cont4 {
    padding: 3rem 0 2rem;
}
.system .cont4 .img {
    width: 100%;
    margin-left: 0;
    position: static;
}
.system .cont4 .con {
    width: 90%;
    margin: -2rem auto 0;
    padding: 1.5rem 1.5rem 1rem;
}
.system .cont5 {
    padding: 1.5rem 0 3rem;
}
.system .cont6 {
    padding-bottom: 5rem;
}
.system .cont6 .wrap {
    padding: 3rem 1.5rem 5rem;
}
.system .cont6 .sec {
    padding-bottom: 3rem;
}
.system .cont6 .img {
    width: 100%;
    margin: 0 0 2rem;
}
.system .cont6 .img img {
    display: block;
    margin: 0 auto;
}
.system .cont6 .con {
    width: 100%;
    margin-right: 0;
}
.system .cont6 .rev .con {
    width: 100%;
    margin: 0;
}
.system .cont7 {
    padding: 1.5rem 0 17.5rem;
    overflow: hidden;
}
.system .cont7 .list {
    padding: 1rem 0 0;
}
.system .cont7 .list li {
    margin-bottom: 0.5rem;
    line-height: 1.5;
}
.system .cont8 {
    padding: 1.5rem 0 2rem;
}
.system .cont9 .wrap {
    padding: 3rem 1.5rem 1.5rem;
}
.system .cont9 .box {
    margin-bottom: 1.5rem;
}
.system .cont10 {
    padding: 1.5rem 0 3rem;
}
.system .cont11 {
    padding-bottom: 5rem;
}
.system .cont11 .wrap {
    padding: 3rem 1.5rem 5rem;
}
.system .cont11 .sec {
    padding-bottom: 3rem;
}
.system .cont11 .img {
    width: 100%;
    margin: 0 0 2rem;
}
.system .cont11 .img img {
    display: block;
    margin: 0 auto;
}
.system .cont11 .con {
    width: 100%;
    margin-right: 0;
}
.system .cont11 .rev .con {
    width: 100%;
    margin: 0;
}
.system .over {
    margin-bottom: 3rem;
}
}
@media only screen and (max-width:767px){
.system .cont1 .system_nav1 a {
    font-size: 0.75rem;
}
.system .cont2 {
    padding: 1.5rem 0 0;
}
.system .cont2 .img {
    position: relative;
    right: auto;
    left: 50%;
    margin: -3rem 0 -6em -18rem;
    bottom: auto;
    transform: scale(0.75);
}
.system .cont3 ul li {
    font-size: 0.75rem;
}
.system .cont7 p {
    width: 100%;
}
.system .cont7 .img {
    margin-left: -15rem;
    bottom: -22rem;
    transform: scale(0.80);
}
.system .cont9 .idPad {
    width: 100%;
}
.system .system_nav2 {
    width: 25rem;
    right: 50%;
    margin-right: -12.5rem;
    top: auto;
    bottom: -10rem;
    display: flex;
    justify-content: space-between;
}
.system .system_nav2.on {
    right: 50%;
    bottom: 0;
}
.system .system_nav2 a {
    font-size: 0.75rem;
    width: 24.5%;
    padding: 0.75rem 0;
    margin: 0;
    text-align: center;
}
}


/* about_nichia/awards.html
------------------------------------------------- */
.awards .main-title {
    background-image: url("../img/about_nichia/awards/mainimg.jpg");
}
.awards .cont1 dl {
    font-size: 3.4375rem;
    opacity: 0;
}
.awards .cont1 dl dt {
    width: 20%;
    font-size: 3.4375rem;
    line-height: 1;
}
.awards .cont1 dl dd {
    width: 80%;
    border-bottom: 1px solid #CBD5DC;
    margin-bottom: 3rem;
    padding-bottom: 0.5rem;
}
.awards .cont1 dl.last dd {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}
.awards .cont1 dl dd .sec {
    margin-bottom: 3rem;
}
.awards .cont1 dl.isAnimate {
    animation: fadeInUp 1s ease 0.1s 1 forwards;
}
@media only screen and (max-width:767px){
.awards .cont1 dl dt {
    width: 100%;
    margin-bottom: 2rem;
}
.awards .cont1 dl dd {
    width: 100%;
}
}


/* about_nichia/ip_top.html
------------------------------------------------- */
.ip_top .main-title {
    background-image: url("../img/about_nichia/ip_top/mainimg.jpg");
}
.ip_top .cont1 .btnarea a {
    height: 8.75rem;
    margin: 6rem 0 5rem;
    padding: 0 1.875rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
}
.ip_top .cont1 .btnarea a::before,
.ip_top .cont1 .btnarea a::after {
    content: '';
    width: 100%;
    height: 1px;
    background-color: #CBD5DC;
    position: absolute;
    left: 0;
    top: 0;
    transition: 0.4s;
}
.ip_top .cont1 .btnarea a::after {
    top: auto;
    bottom: 0;
}
.ip_top .cont2 .sec {
    padding: 5.5rem 4rem 1.5rem;
    margin-bottom: 3rem;
}
.ip_top .cont2 .sec .con {
    margin-bottom: 3rem;
}
.ip_top .cont2 .sec .con h4 {
    line-height: 1.75;
    padding-left: 1.3em;
    text-indent: -1.3em
}
.ip_top .cont2 .sec .con ul {
    padding-top: 0.8rem;
}
.ip_top .cont2 .sec .con ul li {
    margin-bottom: 0.2rem;
}
@media only screen and (min-width:992px){
.ip_top .cont1 .btnarea a:hover {
    color: #006AB7;
}
.ip_top .cont1 .btnarea a:hover::before,
.ip_top .cont1 .btnarea a:hover::after {
    height: 2px;
}
}
@media only screen and (max-width:991px){
.ip_top .cont1 .headttl2 {
    padding-right: 1.5rem;
    padding-left: 1.5rem;
}
.ip_top .cont1 .btnarea a {
    font-size: 1.25rem;
    margin: 3rem 0;
    padding: 0 1rem;
}
.ip_top .cont2 .sec {
    padding: 3rem 3rem 1.5rem;
    margin-bottom: 3rem;
}
}
@media only screen and (max-width:767px){
.ip_top .cont2 .sec {
    padding: 3rem 1.5rem 1.5rem;
}
}


/* about_nichia/environment.html
------------------------------------------------- */
.environment .main-title {
    background-image: url("../img/about_nichia/environment/mainimg.jpg");
}
.environment .cont1 {
    padding-bottom: 4.5rem;
}
.environment .cont2 {
    padding: 5rem 0;
}
.environment .cont2 ul {
    padding-left: 0;
}
.environment .cont2 ul li {
    list-style: none;
    padding-left: 1em;
    text-indent: -1em;
    margin-bottom: 0.2rem;
}
.environment .cont2 ul li::before {
    content: '●';
}
.environment .cont2 ul li ul li::before {
    content: '・';
}
.environment .cont2 .sec1 .con {
    width: 56.25%;
}
.environment .cont2 .sec1 .img {
    width: 37.5%;
}
.environment .cont2 .sec3 img {
    display: block;
    width: 32.125%;
}
.environment .cont2 .sec4 .con {
    width: 58.5%;
}
.environment .cont2 .sec4 .img {
    width: 37.5%;
}
@media only screen and (max-width:991px){
.environment .cont1 {
    padding-bottom: 2.5rem;
}
.environment .cont2 {
    padding: 2.5rem 0;
}
}
@media only screen and (max-width:767px){
.environment .cont2 .sec1 .con {
    width: 100%;
}
.environment .cont2 .sec1 .img {
    width: 70%;
    margin: 0 auto;
}
.environment .cont2 .sec4 .con {
    width: 100%;
}
.environment .cont2 .sec4 .img {
    width: 100%;
    margin: 0 auto;
}
.environment .cont2 .sec4 .img img {
    display: block;
    margin: 0 auto;
}
.environment .cont2 .sec4 .img.ff {
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.environment .cont2 .sec4 .img.ff img {
    width: 49%;
}
}


/* about_nichia/iso.html
------------------------------------------------- */
.iso .main-title {
    background-image: url("../img/about_nichia/iso/mainimg.jpg");
}
.iso .cont1 {
    padding-bottom: 4.5rem;
}
.iso .cont2 {
    padding: 4rem 0 2.5rem;
}
.iso .cont2 .headttl3 {
    margin: 3.5rem 0 2rem;
}
.iso .cont2 .table {
    margin-bottom: 3.75rem;
}
.iso .cont2 .table tbody th {
    width: 20%;
    white-space: nowrap;
    background-color: #CBD5DC;
    font-weight: 500;
    text-align: left;
    padding: 1rem 1.5rem;
    line-height: 2;
    vertical-align: top;
}
.iso .cont2 .table tbody th::before {
    background-color: #fff;
}
.iso .cont2 .table tbody td {
    background-color: #fff;
    text-align: left;
    padding: 1rem 1.5rem;
    line-height: 2;
    vertical-align: top;
}
.iso .cont2 .table.color tbody td {
    background-color: #EFF2F4;
}
.iso .cont2 .table tbody td ul {
    padding: 0;
}
.iso .cont2 .table tbody td ul li {
    list-style: none;
    margin: 0;
}
.iso .cont2 .table tbody td .lightbox li {
    margin: 0.5rem 1.25rem 0.5rem 0;
}
.iso .cont2 .table tbody td .download li {
    margin-bottom: 1rem;
}
.iso .cont2 .table tbody td .download li a {
    color: #006AB7;
    text-decoration: underline;
    word-break: break-all;
    display: flex;
    align-items: center;
    line-height: 1.5;
}
.iso .modal-body {
    text-align: center;
}
@media only screen and (min-width:992px){
.iso .cont2 .table tbody td .download li a:hover {
    text-decoration: none;
}
}
@media only screen and (max-width:991px){
.iso .cont2 .headttl3 span {
    display: block;
} 
}
@media only screen and (max-width:767px){
.iso .cont2 .table tbody th,
.iso .cont2 .table tbody td {
    padding: 1rem;
    line-height: 1.75;
}
.iso .cont2 .table tbody td .lightbox li {
    margin: 0.5rem 1rem 0.5rem 0;
}
}


/* product
------------------------------------------------- */
/* product_nav
------------------------------------------------- */
.product_nav {
    margin-top: 6.25rem;
}
.product_nav ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
}
.product_nav ul li {
    list-style: none;
}
.product_nav li:first-child {
    width: 100%;
    height: 7.5rem;
    margin-bottom: 1px;
}
.product_nav li:nth-child(2) {
    width: 50%;
    height: 12.5rem;
    margin-bottom: 1.25rem;
}
.product_nav li:nth-child(3) {
    width: 50%;
    height: 12.5rem;
    border-left: 1px solid #fff;
    margin-bottom: 1.25rem;
}
.product_nav li:nth-child(4) {
    width: 40%;
    height: 12.5rem;
    border-right: 1px solid #fff;
}
.product_nav li:nth-child(5) {
    width: 40%;
    height: 12.5rem;
    border-right: 1px solid #fff;
}
.product_nav li:nth-child(6) {
    width: 20%;
    height: 12.5rem;
}
.product_nav ul li a {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-weight: 700;
    text-align: center;
    position: relative;
    overflow: hidden;
}
.product_nav ul li a::after {
    content: '';
    width: 100%;
    height: 100%;
    transition: 0.4s;
    z-index: 2;
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    mix-blend-mode: multiply;
}
.product_nav ul li:nth-child(2) a::after {
    background: url("../img/product/bnr1.jpg") center center no-repeat;
    background-size: cover;
}
.product_nav ul li:nth-child(3) a::after {
    background: url("../img/product/bnr2.jpg") center center no-repeat;
    background-size: cover;
}
.product_nav ul li:nth-child(4) a::after {
    background: url("../img/product/bnr3.jpg") center center no-repeat;
    background-size: cover;
}
.product_nav ul li:nth-child(5) a::after {
    background: url("../img/product/bnr4.jpg") center center no-repeat;
    background-size: cover;
}
.product_nav ul li:nth-child(6) a::after {
    background: url("../img/product/bnr5.jpg") center center no-repeat;
    background-size: cover;
}
.product_nav ul li a::before {
    content: '';
    width: 100%;
    height: 100%;
    transition: 0.4s;
    z-index: 1;
    background: rgba(87,129,159,1);
    position: absolute;
    left: 0;
    top: 0;
    display: block;
}
.product_nav ul li .cover {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 3;
    background: rgba(43,136,200,0.15);
    left: 0;
    top: 0;
}
.product_nav ul li h3,
.product_nav ul li p {
    font-size: 1.25rem;
    color: #fff;
    font-weight: 700;
    letter-spacing: 0.03em;
    text-align: center;
    margin: 0;
    z-index: 4;
    transition: 0.4s;
}
.product_nav ul li p {
    font-size: 1.375rem;
}
.product_nav ul li:first-child a {
    background-color: #006AB7;
}
.product_nav ul li:first-child a::after,
.product_nav ul li:first-child a::before {
    display: none;
}
@media only screen and (min-width:992px){
.product_nav ul li a:hover {
    opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: "alpha(opacity=100)";
}
.product_nav ul li:first-child a:hover {
    opacity: .6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha(opacity=60)";
}
.product_nav ul li a:hover::after {
    transform: scale(1.05, 1.05);
}
.product_nav ul li a:hover::before {
    background: rgba(87,129,159,0.2);
}
}
@media only screen and (max-width:767px){
.product_nav li:nth-child(4) {
    width: 50%;
    height: 10.5rem;
    border-bottom: 1px solid #fff;
}
.product_nav li:nth-child(5) {
    width: 50%;
    height: 10.5rem;
    border-right: none;
    border-bottom: 1px solid #fff;
}
.product_nav li:nth-child(6) {
    width: 100%;
    height: 5.5rem;;
}
.product_nav ul li:nth-child(6) a::after {
    background: url("../img/product/top/bnr5.jpg") center center no-repeat;
    background-size: cover;
}
}


/* product/index.html
------------------------------------------------- */
.product_top .main-title {
    background-image: url("../img/product/top/mainimg.jpg");
}
.product_top .cont1 {
    padding-top: 2rem;
}
.product_top .cont1 .fsm {
    font-size: 0.85rem;
}
.product_top .cont1 .topbnr1 {
    margin: 3.5rem 0 1.25rem;
}
.product_top .cont1 .topbnr1 ul,
.product_top .cont1 .topbnr2 ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
}
.product_top .cont1 .topbnr1 ul li,
.product_top .cont1 .topbnr2 ul li {
    list-style: none;
}
.product_top .cont1 .topbnr1 ul li:first-child,
.product_top .cont1 .topbnr2 ul li:first-child {
    width: 50%;
    height: 16.875rem;
}
.product_top .cont1 .topbnr1 ul li:nth-child(2),
.product_top .cont1 .topbnr2 ul li:nth-child(2) {
    width: 50%;
    height: 16.875rem;
    border-left: 1px solid #fff;
}
.product_top .cont1 .topbnr1 ul li:nth-child(3) {
    width: 100%;
    height: 9.625rem;
    margin-top: 0.625rem;
}
.product_top .cont1 .topbnr2 ul li:nth-child(3) {
    width: 100%;
    height: 9.375rem;
    margin-top: 1px;
}
.product_top .cont1 .topbnr1 ul li a,
.product_top .cont1 .topbnr2 ul li a {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-weight: 700;
    text-align: center;
    position: relative;
    overflow: hidden;
}
.product_top .cont1 .topbnr1 ul li a::after,
.product_top .cont1 .topbnr2 ul li a::after {
    content: '';
    width: 100%;
    height: 100%;
    transition: 0.4s;
    z-index: 2;
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    mix-blend-mode: multiply;
}
.product_top .cont1 .topbnr1 ul li:first-child a::after {
    background: url("../img/product/top/bnr1.jpg") center center no-repeat;
    background-size: cover;
}
.product_top .cont1 .topbnr1 ul li:nth-child(2) a::after {
    background: url("../img/product/top/bnr2.jpg") center center no-repeat;
    background-size: cover;
}
.product_top .cont1 .topbnr2 ul li:first-child a::after {
    background: url("../img/product/top/bnr3.jpg") center center no-repeat;
    background-size: cover;
}
.product_top .cont1 .topbnr2 ul li:nth-child(2) a::after {
    background: url("../img/product/top/bnr4.jpg") center center no-repeat;
    background-size: cover;
}
.product_top .cont1 .topbnr2 ul li:nth-child(3) a::after {
    background: url("../img/product/top/bnr5.jpg") center center no-repeat;
    background-size: cover;
}
.product_top .cont1 .topbnr1 ul li a::before,
.product_top .cont1 .topbnr2 ul li a::before {
    content: '';
    width: 100%;
    height: 100%;
    transition: 0.4s;
    z-index: 1;
    background: rgba(87,129,159,1);
    position: absolute;
    left: 0;
    top: 0;
    display: block;
}
.product_top .cont1 .topbnr1 ul li .cover,
.product_top .cont1 .topbnr2 ul li .cover {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 3;
    background: rgba(43,136,200,0.15);
    left: 0;
    top: 0;
}
.product_top .cont1 .topbnr1 ul li h2,
.product_top .cont1 .topbnr2 ul li h3,
.product_top .cont1 .topbnr1 ul li p {
    font-size: 2.375rem;
    color: #fff;
    font-weight: 700;
    letter-spacing: 0.03em;
    text-align: center;
    margin: 0;
    z-index: 4;
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212.414%22%20height%3D%2222.828%22%20viewBox%3D%220%200%2012.414%2022.828%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_885%22%20data-name%3D%22%E3%83%91%E3%82%B9%20885%22%20d%3D%22M246.5%2C260.5l10-10-10-10%22%20transform%3D%22translate(-245.085%20-239.086)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E') 95% center no-repeat;
    padding-right: 3rem;
    transition: 0.4s;
}
.product_top .cont1 .topbnr1 ul li h2 span {
    font-size: 1.5rem;
    display: block;
    line-height: 1.35;
}
.product_top .cont1 .topbnr2 ul li h3,
.product_top .cont1 .topbnr1 ul li p {
    font-size: 1.875rem;
}
.product_top .cont1 .topbnr1 ul li:nth-child(3) a {
    background-color: #006AB7;
}
.product_top .cont1 .topbnr1 ul li:nth-child(3) a::after,
.product_top .cont1 .topbnr1 ul li:nth-child(3) a::before {
    display: none;
}
@media only screen and (min-width:992px){
.product_top .cont1 .topbnr1 ul li a:hover,
.product_top .cont1 .topbnr2 ul li a:hover {
    opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: "alpha(opacity=100)";
}
.product_top .cont1 .topbnr1 ul li:nth-child(3) a:hover {
    opacity: .6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha(opacity=60)";
}
.product_top .cont1 .topbnr1 ul li a:hover::after,
.product_top .cont1 .topbnr2 ul li a:hover::after {
    transform: scale(1.05, 1.05);
}
.product_top .cont1 .topbnr1 ul li a:hover::before,
.product_top .cont1 .topbnr2 ul li a:hover::before {
    background: rgba(87,129,159,0.2);
}
.product_top .cont1 .topbnr1 ul li a:hover h2,
.product_top .cont1 .topbnr2 ul li a:hover h3,
.product_top .cont1 .topbnr1 ul li a:hover p {
    background-position: 100% center;
}
}
@media only screen and (max-width:991px){
.product_top .main-title {
    background-image: url("../img/product/top/mainimg.jpg");
}
.product_top .cont1 {
    padding-top: 1rem;
}
.product_top .cont1 .topbnr1 {
    margin: 2rem 0 1.25rem;
}
.product_top .cont1 .topbnr1 ul li h2,
.product_top .cont1 .topbnr2 ul li h3,
.product_top .cont1 .topbnr1 ul li p {
    font-size: 1.6rem;
    padding-right: 2rem;
}
.product_top .cont1 .topbnr1 ul li h2 span {
    font-size: 1.2rem;
}
.product_top .cont1 .topbnr2 ul li h3,
.product_top .cont1 .topbnr1 ul li p {
    font-size: 1.375rem;
}
}


/* product/led.html
------------------------------------------------- */
.led .main-title {
    background-image: url("../img/product/led/mainimg.jpg");
}
.led .cont1 {
    padding-bottom: 4rem;
}
.led .cont1 .fsm {
    font-size: 0.85rem;
}
.led .cont2 {
    position: relative;
    padding-top: 5rem;
}
.led .cont2::before {
    content: '';
    width: 100vw;
    height: 98%;
    background-color: #EFF2F4;
    position: absolute;
    right: 50%;
    margin-right: -18.75rem;
    top: 0;
}
.led .cont2 .con {
    width: 60%;
}
.led .cont2 .img {
    width: 50%;
    margin: 4.5rem -12.5rem 0 0;
}
.led .cont2.rev {
    padding-bottom: 4.375rem;
    margin: 10rem 0 6.25rem;
}
.led .cont2.rev::before {
    height: 100%;
    right: auto;
    left: 50%;
    margin: 0 0 0 -18.75rem;
}
.led .cont2.rev .img {
    margin: -11rem 0 0 -12.5rem;
}
@media only screen and (max-width:1199px){
.led .cont2::before {
    height: 105%;
}
.led .cont2 .con {
    width: 50%;
}
.led .cont2 .img {
    width: 60%;
    margin: 4.5rem -10.5rem 0 0;
}
.led .cont2.rev .img {
    margin: -11rem 0 0 -10.5rem;
    text-align: right;
}
}
@media only screen and (max-width:991px){
.led .main-title {
    background-position: right 40% center;
}
.led .cont1 {
    padding-bottom: 3rem;
}
.led .cont2 {
    position: relative;
    padding-top: 3rem;
}
.led .cont2::before {
    content: '';
    width: 92%;
    height: 80%;
    right: auto;
    left: 0;
    margin-right: 0;
}
.led .cont2 .con {
    width: 92%;
    margin-right: 8%;
}
.led .cont2 .img {
    width: 100%;
    margin: 2rem auto 0;
}
.led .cont2 .img img {
    display: block;
    margin: 0 auto 4rem;
}
.led .cont2.rev {
    padding-bottom: 0;
    margin: 0;
}
.led .cont2.rev::before {
    height: 80%;
    right: 0;
    left: auto;
    margin: 0;
}
.led .cont2.rev .con {
    margin: 0 0 0 8%;
}
.led .cont2.rev .img {
    margin: 2rem auto 0;
}
}


/* product/ld.html
------------------------------------------------- */
.ld .main-title {
    background-image: url("../img/product/ld/mainimg.jpg");
}
.ld .cont1 .d-md-flex img {
    display: block;
    width: 32.5%;
}
@media only screen and (max-width:991px){
.ld .main-title {
    background-position: right 20% center;
}
}
@media only screen and (max-width:767px){
.ld .cont1 .d-md-flex img {
    width: 100%;
    margin: 0 0 1.5rem;
}
}


/* product/battery.html
------------------------------------------------- */
.battery .main-title {
    background-image: url("../img/product/battery/mainimg.jpg");
}
.battery .cont1 {
    padding-bottom: 3rem;
}
.battery .cont1 .sec {
    padding-top: 2.5rem;
}
.battery .cont1 .sec dl {
    width: 100%;
    margin-bottom: 2rem;
}
.battery .cont1 .sec dl dt {
    width: 23%;
    background-color: #006AB7;
    padding: 1.5rem 0;
}
.battery .cont1 .sec dl dd {
    width: 77%;
    background-color: #EFF2F4;
    padding: 1.5rem 0;
    margin: 0;
}
.battery .cont1 .sec dl dd::before {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 1rem 1rem 0 1rem;
    border-color: #006AB7 transparent transparent transparent;
    position: absolute;
    left: 50%;
    margin-left: -1rem;
    bottom: -1.5rem;
}
.battery .cont1 .sec dl:last-of-type dd::before {
    display: none;
}
.battery .cont1 .sec dl dd ul {
    padding: 0;
    margin: 0;
}
.battery .cont1 .sec dl dd ul li {
    list-style: none;
    width: 9.25rem;
    margin: 0 0.625rem;
}
.battery .cont1 .sec dl dd ul li img {
    display: block;
    margin: 0 auto 0.5rem;
}
.battery .cont2 {
    padding-bottom: 6.5rem;
}
.battery .cont3 {
    position: relative;
    padding-top: 3.75rem;
}
.battery .cont3::before {
    content: '';
    width: 100vw;
    height: 91%;
    background-color: #EFF2F4;
    position: absolute;
    right: 50%;
    margin-right: -18.75rem;
    top: 0;
}
.battery .cont3 .con {
    width: 60%;
}
.battery .cont3 .con .link a {
    color: #006AB7;
    text-decoration: underline;
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%226.883%22%20height%3D%2210.78%22%20viewBox%3D%220%200%206.883%2010.78%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_845%22%20data-name%3D%22%E3%83%91%E3%82%B9%20845%22%20d%3D%22M4.363%2C0%2C8.727%2C5.572H0Z%22%20transform%3D%22translate(6.072%201.027)%20rotate(90)%22%20fill%3D%22%23006ab7%22%20stroke%3D%22%23006ab7%22%20stroke-width%3D%221%22%2F%3E%3C%2Fsvg%3E') 95% center no-repeat;
    background-size: 0.5rem auto;
    padding-right: 1.5rem;
}
.battery .cont3 .img {
    width: 40%;
    margin: 4.5rem -6.25rem 0 0;
}
.battery .cont3.rev {
    margin: 3.75rem 0;
}
.battery .cont3.rev::before {
    right: auto;
    left: 50%;
    margin: 0 0 0 -18.75rem;
}
.battery .cont3.rev .img {
    margin: 4.5rem 0 0 -6.25rem;
}
.battery .cont3.he {
    padding-bottom: 3.5rem;
}
.battery .cont3.he::before {
    height: 100%;
}
.battery .cont4 {
    padding-top: 6rem;
}
.battery .cont4 .con {
    width: 49%;
    padding: 2.2rem 1.85rem;
    margin-bottom: 1rem;
}
.battery .cont4 .con ul {
    margin: 0;
}
.battery .cont4 .con ul li  {
    margin-bottom: 0.2rem;
}
@media only screen and (min-width:992px){
.battery .cont3 .con .link a:hover {
    opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: "alpha(opacity=100)";
    text-decoration: none;
    background-position: 100% center;
}
}
@media only screen and (max-width:991px){
.battery .main-title {
    background-position: right 30% center;
}
.battery .cont1 .sec dl {
    width: 100%;
    margin-bottom: 2rem;
}
.battery .cont1 .sec dl dt {
    width: 100%;
    padding: 1.2rem 0;
}
.battery .cont1 .sec dl dt br {
    display: none;
}
.battery .cont1 .sec dl dd {
    width: 100%;
}
.battery .cont2 {
    padding-bottom: 3rem;
}
.battery .cont3 {
    padding-top: 2.5rem;
}
.battery .cont3::before {
    content: '';
    width: 92%;
    height: 100%;
    right: auto;
    left: 0;
    margin-right: 0;
}
.battery .cont3 .con {
    width: 92%;
    margin-right: 8%;
}
.battery .cont3 .img {
    width: 100%;
    margin: 2rem auto 0;
}
.battery .cont3 .img img {
    display: block;
    margin: 0 auto 4rem;
}
.battery .cont3.rev {
    margin: 3.75rem 0;
}
.battery .cont3.rev::before {
    right: 0;
    left: auto;
    margin: 0;
}
.battery .cont3.rev .con {
    margin: 0 0 0 8%;
}
.battery .cont3.rev .img {
    margin: 2rem auto 0;
}
.battery .cont3.he {
    padding-bottom: 0;
}
.battery .cont3.he::before {
    height: 100%;
}
.battery .cont4 {
    padding-top: 2rem;
}
.battery .cont4 .con {
    width: 100%;
    padding: 2.2rem 1.5rem;
}
}
@media only screen and (max-width:767px){
.battery .cont1 .sec dl dd ul {
    flex-wrap: wrap;
    padding: 1.5rem 1rem 0;
}
.battery .cont1 .sec dl dd ul li {
    width: 44%;
    margin: 0 3% 1.5rem;
}
.battery .cont3::before,
.battery .cont3.he::before {
    height: 90%;
}
}


/* product/battery_lic.html, product/battery_lin.html
------------------------------------------------- */
.battery .cont5 {
    padding-top: 3rem;
}
.battery .cont5 .sec {
    padding-top: 3rem;
}
.battery .cont5 .sec ul {
    padding: 0;
    background: url("../img/product/battery_lic/icon.png") center bottom no-repeat;
    background-size: 24.625rem auto;
}
.battery .cont5 .sec ul li {
    list-style: none;
    width: 30%;
}
.battery .cont5 .sec ul li span {
    padding-top: 1.5rem;
}
@media only screen and (max-width:767px){
.battery .cont5 .sec {
    display: flex;
    justify-content: center;
}
.battery .cont5 .sec ul {
    background: url("../img/product/battery_lic/icon_sp.png") 17.75rem center no-repeat;
    background-size: auto 20rem;
}
.battery .cont5 .sec ul li {
    width: 100%;
    display: flex;
    align-items: center;
    margin: 1rem auto;
}
.battery .cont5 .sec ul li span {
    padding: 0 0 0 2rem;
}
}


/* product/magnet.html
------------------------------------------------- */
.magnet .main-title {
    background-image: url("../img/product/magnet/mainimg.jpg");
}
.magnet .cont1 {
    padding-bottom: 5rem;
}
.magnet .cont1 .magnet_nav1 {
    padding-top: 6.5rem;
}
.magnet .cont1 .magnet_nav1 a {
    display: block;
    width: 24.5%;
    color: #7D8B95;
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212.828%22%20height%3D%227.414%22%20viewBox%3D%220%200%2012.828%207.414%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_994%22%20data-name%3D%22%E3%83%91%E3%82%B9%20994%22%20d%3D%22M246.5%2C250.5l5-5-5-5%22%20transform%3D%22translate(251.914%20-245.085)%20rotate(90)%22%20fill%3D%22none%22%20stroke%3D%22%23006ab7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E') center 80% no-repeat #CBD5DC;
    background-size: 0.8rem auto;
    padding: 0.75rem 0 1.5rem;
}
.magnet .cont2 {
    padding: 3.5rem 0 5rem;
}
.magnet .cont3 {
    padding: 5rem 0 3rem;
}
.magnet .cont3 .con {
    width: 48%;
    margin-bottom: 2.5rem;
}
.magnet .cont3 .con .fsm {
    font-size: 0.75rem;
}
.magnet .cont4 {
    padding: 5rem 0 6.25rem;
}
.magnet .cont4 .sec {
    background-color: #fff;
    padding: 3.75rem 1.875rem 1rem;
    margin-top: 3.5rem;
}
.magnet .cont4 .con {
    width: 26.85%;
    margin: 0 3.24% 2.2rem;
}
.magnet .cont4 .con h4 {
    font-size: 1.1875rem;
    color: #006AB7;
    border-bottom: 2px solid #006AB7;
    padding-bottom: 0.5rem;
    margin-bottom: 0.5rem;
}
.magnet .cont5 {
    padding: 5.5rem 0 5rem;
}
.magnet .cont6 {
    padding: 4.5rem 0 4rem;
}
.magnet .cont6 .sub {
    background-color: #BCC6CC  !important;
}
.magnet .cont6 .table th {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
}
.magnet .cont6 .table td {
    background-color: #fff;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
}
.magnet .cont6 .table thead tr:first-child th:first-of-type,
.magnet .cont6 .table tbody th {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}
.magnet .cont6 .table thead tr:first-child th {
    border-top: none;
}
.magnet .cont6 .table thead tr th:last-child {
    border-right: none;
}
.magnet .cont6 .table-over .table th:first-child {
    position: static;
}
.magnet .cont6 tbody th::before {
    display: none;
}
.magnet .cont6 .table-over .table thead tr:first-child th:first-of-type,
.magnet .cont6 .table-over .table tbody th:first-child {
    position: sticky;
}
.magnet .cont6 .table tbody th::before {
    display: block;
}
.magnet .cont6 .table td a {
    color: #006AB7;
    text-decoration: underline;
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%226.883%22%20height%3D%2210.78%22%20viewBox%3D%220%200%206.883%2010.78%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_845%22%20data-name%3D%22%E3%83%91%E3%82%B9%20845%22%20d%3D%22M4.363%2C0%2C8.727%2C5.572H0Z%22%20transform%3D%22translate(6.072%201.027)%20rotate(90)%22%20fill%3D%22%23006ab7%22%20stroke%3D%22%23006ab7%22%20stroke-width%3D%221%22%2F%3E%3C%2Fsvg%3E') 95% center no-repeat;
    background-size: 0.5rem auto;
    padding-right: 1rem;
}
.magnet .cont7 {
    padding-top: 5rem;
}
.magnet .cont7 .inner {
    padding: 1rem 0 3.75rem;
    margin-bottom: 2.75rem;
    border-bottom: 1px solid #CBD5DC;
}
.magnet .cont7 .inner.last {
    padding-bottom: 2rem;
    margin-bottom: 8rem;
    border-bottom: none;
}
.magnet .cont7 .sec1 .con {
    width: 68%;
}
.magnet .cont7 .sec1 .img {
    width: 26.75%;
}
.magnet .cont7 .sec2 {
    padding: 1.875rem 3rem;
    margin-bottom: 0.625rem;
}
.magnet .cont7 .sec2 .con {
    width: 70%;
}
.magnet .cont7 .sec2 .img {
    width: 24.5%;
}
.magnet .cont7 .table th,
.magnet .cont7 .table td {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    background-color: rgba(255,255,255,0)
}
@media only screen and (min-width:992px){
.magnet .cont1 .magnet_nav1 a:hover {
    color: #fff;
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212.828%22%20height%3D%227.414%22%20viewBox%3D%220%200%2012.828%207.414%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_994%22%20data-name%3D%22%E3%83%91%E3%82%B9%20994%22%20d%3D%22M246.5%2C250.5l5-5-5-5%22%20transform%3D%22translate(251.914%20-245.085)%20rotate(90)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E') center 80% no-repeat #006AB7;
    background-size: 0.8rem auto;
    opacity: 1;
    filter: alpha(opacity=100);
	-ms-filter: "alpha(opacity=100)";
}
.magnet .cont6 .table td a:hover {
    opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: "alpha(opacity=100)";
    text-decoration: none;
    background-position: 100% center;
}
}
@media only screen and (max-width:991px){
.magnet .main-title {
    background-position: right 30% center;
}
.magnet .cont1 {
    padding-bottom: 5rem;
}
.magnet .cont1 .magnet_nav1 {
    padding-top: 3rem;
    font-size: 0.75rem;
}
.magnet .cont2 {
    padding: 3.5rem 0;
}
.magnet .cont3 {
    padding: 3rem 0 2rem;
}
.magnet .cont3 .con {
    width: 44%;
    margin: 0 3% 1rem;
}
.magnet .cont3 .con p {
    text-align: left !important;
}
.magnet .cont3 .con p br {
    display: none;
}
.magnet .cont4 {
    padding: 3rem 0 4rem;
}
.magnet .cont4 .sec {
    padding: 2rem 1rem 0.5rem;
    margin-top: 2rem;
}
.magnet .cont4 .con {
    width: 44%;
    margin: 0 3% 1.2rem;
}
.magnet .cont5 {
    padding: 3rem 0 4rem;
}
.magnet .cont6 {
    padding: 3rem 0 4rem;
}
.magnet .cont7 {
    padding-top: 3rem;
}
.magnet .cont7 .inner {
    padding: 2rem 0 3.5rem;
    margin-bottom: 1rem;
}
.magnet .cont7 .inner.last {
    padding-bottom: 2rem;
    margin-bottom: 8rem;
}
.magnet .cont7 .sec1 .con {
    width: 100%;
}
.magnet .cont7 .sec1 .img {
    width: 100%;
    margin: 1rem auto 0;
}
.magnet .cont7 .sec1 .img img {
    display: block;
    margin: 0 auto;
}
.magnet .cont7 .sec2 {
    padding: 2rem 1.5rem;
    margin-bottom: 1rem;
}
.magnet .cont7 .sec2 .con {
    width: 100%;
}
.magnet .cont7 .sec2 .img {
    width: 100%;
    margin: 1rem auto 0;
}
.magnet .cont7 .sec2 .img img {
    display: block;
    margin: 0 auto;
}
}


/* product/others.html
------------------------------------------------- */
.others .main-title,
.catalysts .main-title,
.evco .main-title {
    background-image: url("../img/product/others/mainimg.jpg");
}
.others .cont1 {
    padding-bottom: 4.5rem;
}
.others .cont2 {
    padding: 3.5rem 0 5rem;
}
@media only screen and (max-width:991px){
.others .main-title,
.catalysts .main-title,
.evco .main-title {
    background-position: right 30% center;
}
.others .cont1 {
    padding-bottom: 3rem;
}
.others .cont2 {
    padding: 2.5rem 0 4rem;
}
.others .cont2 .sec .con {
    margin-bottom: 2rem;
}
.others .cont2.last {
    padding: 2.5rem 0 0;
}   
}

.others .cont1 .others_nav1 {
    padding-top: 1.5rem;
}
.others .cont1 .others_nav1 a {
    display: block;
    width: 19.5%;
    color: #7D8B95;
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212.828%22%20height%3D%227.414%22%20viewBox%3D%220%200%2012.828%207.414%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_994%22%20data-name%3D%22%E3%83%91%E3%82%B9%20994%22%20d%3D%22M246.5%2C250.5l5-5-5-5%22%20transform%3D%22translate(251.914%20-245.085)%20rotate(90)%22%20fill%3D%22none%22%20stroke%3D%22%23006ab7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E') center 80% no-repeat #CBD5DC;
    background-size: 0.8rem auto;
    padding: 0.75rem 0 1.5rem;
}
@media only screen and (min-width:992px){
.others .cont1 .others_nav1 a:hover {
    color: #fff;
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212.828%22%20height%3D%227.414%22%20viewBox%3D%220%200%2012.828%207.414%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_994%22%20data-name%3D%22%E3%83%91%E3%82%B9%20994%22%20d%3D%22M246.5%2C250.5l5-5-5-5%22%20transform%3D%22translate(251.914%20-245.085)%20rotate(90)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E') center 80% no-repeat #006AB7;
    background-size: 0.8rem auto;
    opacity: 1;
    filter: alpha(opacity=100);
	-ms-filter: "alpha(opacity=100)";
}
.others .cont1 .others_nav1 {
    padding-top: 3rem;
    font-size: 0.75rem;
}
}


/* product/catalysts.html
------------------------------------------------- */
.catalysts .table {
    background-color: #fff;
}
.catalysts .table th,
.catalysts .table td {
    padding: 0.25rem;
    background-color: rgba(255,255,255,0);
}
.catalysts .table th::before {
    display: none;
}
.catalysts .table tr td:first-child {
    border-left: none;
}
.catalysts .whbox {
    border-top: 1px solid #CBD5DC;
    border-bottom: 1px solid #CBD5DC;
    background-color: #fff;
    margin-bottom: 5rem;
}
.catalysts .whbox .img {
    width: 38.7%;
}
.catalysts .whbox .table {
    width: 61.3%;
    margin: 0;
    background-color: #CBD5DC;
}
.catalysts .whbox .table th {
    width: 18.5%;
    background-color: rgba(255,255,255,0);
    border-bottom: 1px solid #fff;
    padding: 0.3rem;
}
.catalysts .whbox .table td {
    background-color: #fff;
    border: none;
    border-bottom: 1px solid #CBD5DC;
    padding: 0.3rem;
}
.catalysts .whbox .table tr:last-child th,
.catalysts .whbox .table tr:last-child td {
    border-bottom: none;
}
.catalysts .cont1 {
    padding-bottom: 7rem;
}
.catalysts .cont1 .box {
    padding: 3rem 6rem;
}
.catalysts .cont1 .box .sec {
    position: relative;
}
.catalysts .cont1 .box .sec::before {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0.875rem 0 0.875rem 1.125rem;
    border-color: transparent transparent transparent #006AB7;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -0.875rem 0 0 -0.5rem;
}
.catalysts .cont1 .box .con {
    font-size: 1.0625rem;
    width: 32.5%;
    margin: 0 6.75%;
    padding: 1.5rem 0;
    background-color: #CBD5DC;
}
.catalysts .cont1 .box .con.co {
    background-color: #006AB7;
}
.catalysts .cont2 {
    padding-bottom: 7rem;
}
.catalysts .cont2 .con {
    font-size: 1.0625rem;
    width: 49%;
    margin-bottom: 1.25rem;
    padding: 1.25rem;
}
.catalysts .cont2 .con .img {
    background-color: #fff;
    width: 43%;
    height: 8.5rem;
    margin-right: 4rem;
}
.catalysts .cont3 {
    padding: 5rem 0 6.25rem;
}
.catalysts .cont3 .sec1 {
    width: 100%;
    background-color: #fff;
    padding: 1.55rem 0;
    margin-bottom: 3.75rem;
}
.catalysts .cont3 .table {
    background-color: #fff;
}
.catalysts .cont3 .table th,
.catalysts .cont3 .table td {
    padding: 0.5rem 0;
}
.catalysts .cont3 .table thead th {
    border-top: none;
    border-right: none;
}
.catalysts .cont3 .table tbody th {
    background-color: rgba(255,255,255,0);
}
.catalysts .cont3 .sec2 {
    padding-top: 5rem;
}
.catalysts .cont3 .sec2 .con {
    width: 25%;
    margin: 2.5rem 6.25rem 0 0;
}
.catalysts .cont3 .sec2 .con p {
    padding-left: 0.5em;
    text-indent: -0.5em;
}
.catalysts .cont3 .sec2 .img {
    width: 58%;
}
.catalysts .cont4 {
    padding: 3.5rem 0 4.5rem;
}
.catalysts .cont4 .sec .con {
    width: 57.2%;
    margin-right: 6%;
    word-break: break-all;
}
.catalysts .cont4 .sec .img {
    width: 24.6%;
    margin-left: 6.5%;
}
.catalysts .cont5 {
    padding: 3rem 0 6rem;
}
.catalysts .cont5 .linebox {
    border-bottom: 1px solid #CBD5DC;
    padding-bottom: 3.75rem;
    margin-bottom: 3.75rem;
}
.catalysts .cont5 .whbox {
    margin-bottom: 2rem;
}
.catalysts .cont5 .whbox .table tr:last-child th,
.catalysts .cont5 .whbox .table tr:last-child td {
    padding-bottom: 4rem;
}
.catalysts .cont5 .whbox .table.db tr:last-child th,
.catalysts .cont5 .whbox .table.db tr:last-child td {
    padding-bottom: 0.3rem;
}
.catalysts .cont5 .hlvc{
    text-align: left !important;
    vertical-align: center !important;
}
@media only screen and (min-width:992px){
.catalysts .btnarea a:hover {
    color: #006AB7;
}
}
@media only screen and (max-width:991px){
.catalysts .whbox {
    margin-bottom: 3rem;
}
.catalysts .cont1 {
    padding-bottom: 3rem;
}
.catalysts .cont1 .box {
    padding: 2rem 1.5rem;
}
.catalysts .cont1 .box .sec {
    justify-content: space-between !important;
}
.catalysts .cont1 .box .con {
    width: 40%;
    margin: 0;
    padding: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.catalysts .cont2 {
    padding-bottom: 4rem;
}
.catalysts .cont2 .con .img {
    margin-right: 2rem;
}
.catalysts .cont3 {
    padding: 2rem 0 4rem;
}
.catalysts .cont3 .sec1 {
    width: 100%;
    padding: 1.55rem 3rem;
    margin-bottom: 4rem;
}
.catalysts .cont3 .sec1 .img {
    padding: 0 !important;
}
.catalysts .cont3 .sec1 .img img {
    display: block;
    margin: 0 auto;
}
.catalysts .cont3 .sec1 .con {
    margin: 1rem auto 0 !important;
    text-align: center;
    padding: 0 !important;
}
.catalysts .cont3 .sec2 {
    padding-top: 3rem;
}
.catalysts .cont3 .sec2 .con {
    width: auto;
    margin: 0 0 2rem;
}
.catalysts .cont3 .sec2 .img {
    width: 100%;
}
.catalysts .cont3 .sec2 .img img {
    display: block;
    margin: 0 auto;
}
.catalysts .cont4 {
    padding: 2.5rem 0 4rem;
}
.catalysts .cont4 .sec .con {
    width: 100%;
    margin: 0;
}
.catalysts .cont4 .sec .img {
    width: 100%;
    margin: 2rem auto 0;
}
.catalysts .cont4 .sec .img img {
    display: block;
    margin: 0 auto;
}
.catalysts .cont4 .alc {
    text-align: center;
    margin-left: 0 !important;
    padding-left: 0 !important;
}
.catalysts .cont5 {
    padding: 3rem 0 4rem;
}
.catalysts .cont5 .linebox {
    padding-bottom: 2rem;
    margin-bottom: 3rem;
}
.catalysts .cont5 .whbox {
    margin-bottom: 2rem;
}
.catalysts .cont5 .whbox .table tr:last-child th,
.catalysts .cont5 .whbox .table tr:last-child td {
    padding-bottom: 0.3rem;
}
.catalysts .cont5 .whbox .table.db tr:last-child th,
.catalysts .cont5 .whbox .table.db tr:last-child td {
    padding-bottom: 0.3rem;
}
}
@media only screen and (max-width:767px){
.catalysts .whbox .img {
    width: 100%;
    border-bottom: 1px solid #CBD5DC;
}
.catalysts .whbox .table {
    width: 100%;
}
.catalysts .whbox .table th {
    width: 20%;
}
.catalysts .cont2 .con {
    width: 100%;
    margin-bottom: 1rem;
}
.catalysts .cont2 .con .img {
    height: 7rem;
}
}


/* product/evco.html
------------------------------------------------- */
.evco .cont1 {
    padding-bottom: 4.5rem;
}
.evco .cont2 {
    padding: 5rem 0 4rem;
}
.evco .cont2 {
    padding: 5rem 0 4rem;
}
.evco .cont2 .table th,
.evco .cont2 .table td {
    text-align: left;
    padding: 0.5rem 1.5rem;
}
.evco .cont2 .table td {
    background-color: #fff;
}
.evco .cont2 .table th.wi {
    width: 30%;
}
.evco .cont2 .table tbody th img {
    padding-right: 2rem;
}
.evco .cont2 .table thead tr:first-child th {
    border-top: none;
}
.evco .cont2 .table thead tr th:last-child {
    border-right: none;
}
@media only screen and (max-width:991px){
.evco .cont1 {
    padding-bottom: 4rem;
}
.evco .cont2 {
    padding: 3rem 0 4rem;
}
.evco .cont2 {
    padding: 3rem 0 4rem;
}
.evco .cont2 .table th,
.evco .cont2 .table td {
    padding: 0.3rem 0.8rem;
}
.evco .cont2 .table tr:first-child th {
    white-space: nowrap;
}
}


/* quality
------------------------------------------------- */
/* quality/index.html
------------------------------------------------- */
.quality .main-title {
    background-image: url("../img/quality/mainimg.jpg");
}
.quality .cont1 {
    padding: 1.5rem 0 5rem;
}
.quality .cont1 .headttl3 {
    letter-spacing: 0.1em;
}
.quality .cont1 .headttl3 span {
    color: #4D4D4D;
    letter-spacing: 0.2em;
    padding-left: 3rem;
}
.quality .cont1 .con {
    width: 52%;
}
.quality .cont1 .img {
    width: 61.2%;
    margin-right: -12.5rem;
}
.quality .cont2 {
    padding-bottom: 3rem;
}
.quality .cont2 .sec {
    padding: 4.5rem 6.25rem;
}
.quality .cont2 .sec .imgover {
    position: relative;
}
.quality .cont2 .sec .imgover .cover {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
}
.quality .cont2 .sec p a {
    color: #006AB7;
    text-decoration: underline;
}
.quality .cont2 .sec .btn::before {
    width: 0.78em;
    height: 0.78em;
    content: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2213.623%22%20height%3D%2213.684%22%20viewBox%3D%220%200%2013.623%2013.684%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_1633%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%201633%22%20transform%3D%22translate(-1344.5%20-905.57)%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_1633-2%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%201633%22%20transform%3D%22translate(1345%20906.277)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_839%22%20data-name%3D%22%E3%83%91%E3%82%B9%20839%22%20d%3D%22M299.417%2C295.959v4.509a.95.95%2C0%2C0%2C1-.949.949h-9.018a.95.95%2C0%2C0%2C1-.949-.949v-9.018a.95.95%2C0%2C0%2C1%2C.949-.949h4.509%22%20transform%3D%22translate(-288.5%20-288.94)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221%22%2F%3E%20%3Cline%20id%3D%22%E7%B7%9A_32%22%20data-name%3D%22%E7%B7%9A%2032%22%20x2%3D%223.239%22%20transform%3D%22translate(9.178)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221%22%2F%3E%20%3Cline%20id%3D%22%E7%B7%9A_33%22%20data-name%3D%22%E7%B7%9A%2033%22%20y1%3D%223.239%22%20transform%3D%22translate(12.477%200.39)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221%22%2F%3E%20%3Cline%20id%3D%22%E7%B7%9A_34%22%20data-name%3D%22%E7%B7%9A%2034%22%20y1%3D%226.628%22%20x2%3D%226.568%22%20transform%3D%22translate(5.848)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fsvg%3E');
    margin: -0.39em;
}
.quality .cont2 .sec .btn:hover::before {
    right: 1.5rem;
}
.quality .cont2 .con1 {
    width: 76.875%;
}
.quality .cont2 .con2 {
    width: 57.5%;
}
.quality .cont2 .img1 {
    width: 17.875%;
}
.quality .cont2 .img2 {
    width: 36.875%;
}
@media only screen and (min-width:992px){
.quality .cont2 .sec p a:hover {
    text-decoration: none;
}
}
@media only screen and (max-width:991px){
.quality .cont1 {
    padding: 0 0 4rem;
}
.quality .cont1 .headttl3 span {
    display: block;
    padding: 0;
}
.quality .cont1 .con {
    width: 100%;
}
.quality .cont1 .img {
    width: 100%;
    margin: 2rem auto 0;
}
.quality .cont1 .img img {
    display: block;
    margin: 0 auto;
}
.quality .cont2 .sec {
    padding: 2.5rem 1.5rem;
}
.quality .cont2 .sec img {
    display: block;
    margin: 0 auto;
}
.quality .cont2 .sec .btn {
    display: block;
    margin: 0 auto;
}
.quality .cont2 .con1 {
    width: 100%;
}
.quality .cont2 .con2 {
    width: 100%;
}
.quality .cont2 .img1 {
    width: 60%;
    margin: 2rem auto 0;
}
.quality .cont2 .img2 {
    width: 100%;
    margin: 2rem auto 0;
}
.quality .cont2 .img1 img,
.quality .cont2 .img2 img {
    display: block;
    margin: 0 auto;
}
}


/* technology
------------------------------------------------- */
/* technology/index.html
------------------------------------------------- */
.technology_top .main-title {
    height: 25rem;
    background-image: url("../img/technology/top/mainimg.jpg");
}
.technology_top .cont1 {
    padding-bottom: 6.25rem;
}
.technology_top .cont1 .con {
    width: 22.5%;
    height: 11.25rem;
    background: linear-gradient(#2E3488, #004497, #00B0ED);
}
.technology_top .cont2 {
    margin-bottom: 3.125rem;
}
.technology_top .cont2 .con {
    width: 49%;
}
.technology_top .cont2 .img {
    width: 65%;
    margin-right: -12.5rem;
}
.technology_top .cont2.rev .img {
    margin: 0 0 0 -12.5rem;
}
@media only screen and (max-width:991px){
.technology_top .main-title {
    height: 19rem;
}
.technology_top .cont1 {
    padding-bottom: 4rem;
}
.technology_top .cont2 {
    padding: 3rem 0;
    margin-bottom: 3.125rem;
}
.technology_top .cont2 .con {
    width: 100%;
}
.technology_top .cont2 .img {
    width: 100%;
    margin: 2rem auto 0;
}
.technology_top .cont2 .img img {
    display: block;
    margin: 0 auto;
}
.technology_top .cont2.rev .img {
    margin: 2rem auto 0;
}
}
@media only screen and (max-width:767px){
.technology_top .cont1 .con {
    width: 48%;
    margin-bottom: 1rem;
}
}


/* technology/core.html
------------------------------------------------- */
.core .main-title {
    background-image: url("../img/technology/core/mainimg.jpg");
}
.core .cont1 .img {
    max-width: 1320px;
    margin: 5.5rem auto 0;
    padding: 0 3.75rem 2rem;
}
@media only screen and (max-width:991px){
.core .cont1 .img {
    margin: 3rem auto 0;
    padding: 0 0.75rem 2rem;
}
}


/* technology/innovation.html
------------------------------------------------- */
.innovation .main-title {
    background-image: url("../img/technology/innovation/mainimg.jpg");
}
.innovation .btnarea .btn {
    width: 15rem;
    margin-right: 1rem;
}
.innovation .headttl3 {
    line-height: 1.55;
}
.innovation .cont1 {
    padding-bottom: 5rem;
}
.innovation .cont1 .container {
    margin-top: -18.125rem;
    z-index: 2;
}
.innovation .cont1 .container::before {
    content: '';
    width: 100vw;
    height: 100%;
    background: linear-gradient(#2E3488, #004497, #00B0ED);
    position: absolute;
    left: 50%;
    margin-left: -12.5rem;
    bottom: 0;
}
.innovation .cont1 .sec {
    width: 64%;
    padding: 3.75rem 0;
    position: relative;
    z-index: 3;
}
.innovation .cont2 {
    padding-bottom: 5rem;
}
.innovation .cont2 .sec1 .con {
    width: 60%;
}
.innovation .cont2 .sec1 .img {
    width: 54%;
    margin-right: -12.5rem;
}
.innovation .cont2 .sec2 {
    padding: 3.75rem 3.75rem 2.25rem;
    margin: 2.5rem 0;
}
.innovation .cont2 .sec2 .img {
    position: relative;
}
.innovation .cont2 .sec2 .img.img1 {
    width: 37.5625rem;
}
.innovation .cont2 .sec2 .img.img2 {
    width: 39.125rem;
}
.innovation .cont2 .sec2 .img span {
    display: inline-block;
    width: 16.5rem;
    padding: 0.5rem 0;
    font-size: 1.125rem;
    background-color: #F05E44;
    color: #fff;
    position: absolute;
    right: -13rem;
    bottom: 0.5rem;
    text-align: center;
}
.innovation .cont2 .sec2 .img span i {
    font-style: normal;
    display: block;
    font-size: 0.75rem;
}
.innovation .cont2 .sec2 ul {
    padding: 2.5rem 0 1rem 5rem;
}
.innovation .cont2 .sec2 ul li {
    list-style: none;
    width: 6.68rem;
    margin-right: 1.5rem;
}
.innovation .cont2 .sec2 ul li span,
.innovation .cont2 .sec2 .note {
    font-size: 0.75rem;
}
.innovation .cont2 .sec2 .note {
    margin-left: 5rem;
}
.innovation .cont3 {
    padding-bottom: 5rem;
}
.innovation .cont3 .con {
    width: 60%;
    position: relative;
}
.innovation .cont3 .con .logo {
    position: absolute;
    right: 0;
    top: 0;
}
.innovation .cont3 .img {
    width: 54%;
    margin: 6.25rem -12.5rem 0 0;
}
.innovation .cont3.rev .img {
    margin: 6.25rem 0 0 -12.5rem;
}
.innovation .cont3.rev .img .note {
    margin: 0.8rem 0 0 12.5rem;
}
.innovation .cont3.rev .img .note a {
    color: #006AB7;
    text-decoration: underline;
}
.innovation .cont3.ty2 .con .logo {
    position: static;
}
.innovation .cont3.ty2 .img {
    width: 40%;
    margin: 10rem 0 0 -6.25rem;
}
.innovation .cont3.ty2 .img .note {
    margin: 0.3rem 0 1rem;
}
.innovation .cont4 {
    padding: 5rem 0;
}
.innovation .cont4 .container {
    margin-top: -18.125rem;
    z-index: 2;
}
.innovation .cont4 .container::before {
    content: '';
    width: 100vw;
    height: 100%;
    background: linear-gradient(#2E3488, #004497, #00B0ED);
    position: absolute;
    right: 50%;
    margin-right: -6.25rem;
    bottom: 0;
}
.innovation .cont4 .sec {
    width: 58%;
    margin-left: -2.5rem;
    padding: 3.75rem 0;
    position: relative;
    z-index: 3;
}
.innovation .cont5 .con {
    width: 60%;
}
.innovation .cont5 .img {
    width: 26.3%;
    margin-top: 8rem;
}
.innovation .cont5 .sec {
    padding: 3.75rem;
    margin-top: 6.25rem;
}
@media only screen and (min-width:992px){
.innovation .cont3.rev .img .note a:hover {
    text-decoration: none;
}
}
@media only screen and (max-width:991px){
.innovation .btnarea {
    justify-content: center;
}
.innovation .btnarea .btn {
    margin: 0 0.5rem;
}
.innovation .cont1 {
    padding-bottom: 3rem;
}
.innovation .cont1 .container {
    max-width: 90%;
    margin-top: -3rem;
    background: linear-gradient(#2E3488, #004497, #00B0ED);
}
.innovation .cont1 .container::before {
    display: none;
}
.innovation .cont1 .sec {
    width: 100%;
    padding: 2.5rem 1rem;
}
.innovation .cont2 {
    padding-bottom: 2rem;
}
.innovation .cont2 .sec1 .con {
    width: 100%;
}
.innovation .cont2 .sec1 .img {
    width: 100%;
}
.innovation .cont2 .sec1 .img img {
    display: block;
    margin: 0 auto;
}
.innovation .cont2 .sec2 {
    padding: 2.5rem 1.5rem 2rem;
    margin: 2.5rem 0;
}
.innovation .cont2 .sec2 .img.img1,
.innovation .cont2 .sec2 .img.img2 {
    width: 100%;
    text-align: center;
}
.innovation .cont2 .sec2 .img span {
    position: static;
    margin: 2rem auto;
}
.innovation .cont2 .sec2 .img span i {
    font-style: normal;
    display: block;
    font-size: 0.75rem;
}
.innovation .cont2 .sec2 ul {
    padding: 0 0 1rem;
    justify-content: center !important;
}
.innovation .cont2 .sec2 ul li {
    width: 22%;
    margin: 0 1%;
    font-size: 0.6875rem;
    line-height: 1.4 !important;
}
.innovation .cont2 .sec2 ul li span {
    font-size: 0.6rem;
}
.innovation .cont2 .sec2 .note {
    margin-left: 0;
    text-align: center;
}
.innovation .cont3 {
    padding-bottom: 3rem;
}
.innovation .cont3 .con {
    width: 100%;
    position: relative;
}
.innovation .cont3 .con .logo {
    position: static;
    margin-bottom: 1.5rem;
}
.innovation .cont3 .img {
    width: 100%;
    margin: 2rem auto 0;
}
.innovation .cont3 .img img {
    display: block;
    margin: 0 auto;
}
.innovation .cont3.rev .img {
    margin: 2rem auto 0;
}
.innovation .cont3.rev .img .note {
    margin: 0.8rem 0 ;
}
.innovation .cont3.ty2 .con .logo {
    position: static;
}
.innovation .cont3.ty2 .img {
    width: 100%;
    margin: 2rem auto 0;
}
.innovation .cont3.ty2 .img .note {
    margin: 0.3rem 0 1rem;
}
.innovation .cont4 {
    padding: 0 0 3rem;
}
.innovation .cont4 .container {
    max-width: 90%;
    margin-top: -3rem;
    background: linear-gradient(#2E3488, #004497, #00B0ED);
}
.innovation .cont4 .container::before {
    display: none;
}
.innovation .cont4 .sec {
    width: 100%;
    padding: 2.5rem 1rem;
    margin: 0;
}
.innovation .cont5 .con {
    width: 100%;
}
.innovation .cont5 .img {
    width: 60%;
    margin: 2rem auto 0;
}
.innovation .cont5 .img img {
    display: block;
    margin: 0 auto;
}
.innovation .cont5 .sec {
    padding: 2.5rem 1.5rem;
    margin-top: 4rem;
}
}
@media only screen and (max-width:767px){
.innovation .btnarea .btn {
    width: 100%;
    margin: 0 0 1rem;
}
}


/* technology/academic.html
------------------------------------------------- */
.academic .main-title {
    background-image: url("../img/technology/academic/mainimg.jpg");
}
.academic .cont1 {
    padding-bottom: 6rem;
}
.academic .cont2 {
    padding-bottom: 5.5rem;
}
.academic .cont2 .sec1 {
    margin: 2.5rem 0;
}
.academic .cont2 .con1 {
    width: 37.875%;
    height: 18.9375rem;
}
.academic .cont2 .con1:first-of-type {
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22303.028%22%20height%3D%22303.028%22%20viewBox%3D%220%200%20303.028%20303.028%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_35292%22%20data-name%3D%22%E3%83%91%E3%82%B9%2035292%22%20d%3D%22M0%2C0%2C214.169.1l.1%2C214.169L.1%2C214.169Z%22%20transform%3D%22translate(151.514)%20rotate(45)%22%20fill%3D%22%237866b2%22%20style%3D%22mix-blend-mode%3A%20multiply%3Bisolation%3A%20isolate%22%2F%3E%3C%2Fsvg%3E') center center no-repeat;
    background-size: auto 100%;
}
.academic .cont2 .con1:nth-of-type(2) {
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22303.028%22%20height%3D%22303.028%22%20viewBox%3D%220%200%20303.028%20303.028%22%3E%20%3Cdefs%3E%20%3ClinearGradient%20id%3D%22linear-gradient%22%20y1%3D%221%22%20x2%3D%220.975%22%20y2%3D%220.025%22%20gradientUnits%3D%22objectBoundingBox%22%3E%20%3Cstop%20offset%3D%220%22%20stop-color%3D%22%236356df%22%2F%3E%20%3Cstop%20offset%3D%220.399%22%20stop-color%3D%22%232c6ce2%22%2F%3E%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2300ecf2%22%2F%3E%20%3C%2FlinearGradient%3E%20%3C%2Fdefs%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_11114%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2011114%22%20transform%3D%22translate(-248.486)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_35290%22%20data-name%3D%22%E3%83%91%E3%82%B9%2035290%22%20d%3D%22M0%2C0%2C214.169.1l.1%2C214.169L.1%2C214.169Z%22%20transform%3D%22translate(400)%20rotate(45)%22%20fill%3D%22url(%23linear-gradient)%22%20style%3D%22mix-blend-mode%3A%20multiply%3Bisolation%3A%20isolate%22%2F%3E%20%3Cg%20id%3D%22%E3%83%91%E3%82%B9_35291%22%20data-name%3D%22%E3%83%91%E3%82%B9%2035291%22%20transform%3D%22translate(400%2017.863)%20rotate(45)%22%20fill%3D%22none%22%3E%20%3Cpath%20d%3D%22M0%2C0%2C188.907.1l.1%2C188.907L.1%2C188.907Z%22%20stroke%3D%22none%22%2F%3E%20%3Cpath%20d%3D%22M%201.000534057617188%201.000534057617188%20L%201.103347778320312%20187.9079437255859%20L%20188.0107421875%20188.0107421875%20L%20187.9079437255859%201.103347778320312%20L%201.000534057617188%201.000534057617188%20M%20-1.52587890625e-05%20-1.52587890625e-05%20L%20188.9073944091797%200.1038970947265625%20L%20189.0112915039062%20189.0112915039062%20L%200.1038970947265625%20188.9073944091797%20L%20-1.52587890625e-05%20-1.52587890625e-05%20Z%22%20stroke%3D%22none%22%20fill%3D%22%23fff%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fsvg%3E') center center no-repeat;
    background-size: auto 100%;
    margin: 0 -6.8125%;
}
.academic .cont2 .con1:nth-of-type(3) {
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22303.028%22%20height%3D%22303.028%22%20viewBox%3D%220%200%20303.028%20303.028%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_35293%22%20data-name%3D%22%E3%83%91%E3%82%B9%2035293%22%20d%3D%22M0%2C0%2C214.169.1l.1%2C214.169L.1%2C214.169Z%22%20transform%3D%22translate(151.514)%20rotate(45)%22%20fill%3D%22%234fc2ff%22%20style%3D%22mix-blend-mode%3A%20multiply%3Bisolation%3A%20isolate%22%2F%3E%3C%2Fsvg%3E') center center no-repeat;
    background-size: auto 100%;
}
.academic .cont2 .con1 p,
.academic .cont2 .con1 ul {
    font-size: 0.75rem;
}
.academic .cont2 .con2 {
    width: 48%;
}
.academic .cont3 {
    padding: 5rem 0 6rem;
}
.academic .cont4 {
    padding-top: 4rem;
}
.academic .cont4 .con {
    width: 60%;
}
.academic .cont4 .con a {
    color: #006AB7;
    text-decoration: underline;
    word-break: break-all;
}
.academic .cont4 .img {
    width: 54%;
    margin-right: -12.5rem;
}
@media only screen and (min-width:992px){
.academic .cont4 .con a:hover {
    text-decoration: none;
}
}
@media only screen and (max-width:991px){
.academic .cont1 {
    padding-bottom: 1rem;
}
.academic .cont2 {
    padding-bottom: 2rem;
}
.academic .cont2 .sec1 {
    margin: 2.5rem 0;
}
.academic .cont2 .con1 {
    width: 37.875%;
    height: 16rem;
}
.academic .cont3 {
    padding: 3rem 0 4rem;
}
.academic .cont4 {
    padding-top: 3rem;
}
.academic .cont4 .con {
    width: 100%;
}
.academic .cont4 .img {
    width: 100%;
    margin: 2rem auto 0;
}
.academic .cont4 .img img {
    display: block;
    margin: 0 auto;
}
}
@media only screen and (max-width:767px){
.academic .cont2 .con1 {
    width: 80%;
    height: 16rem;
    margin: 0 auto;
}
.academic .cont2 .con1:nth-of-type(2) {
    margin: -6.8125% auto;
}
.academic .cont2 .con2 {
    width: 100%;
    padding-bottom: 1rem;
}
}


/* newsroom
------------------------------------------------- */
/* news_nav
------------------------------------------------- */
.news_nav {
    padding: 8rem 0 5rem;
}
.news_nav a {
    width: 32.5%;
    height: 4.375rem;
    margin: 0 1.25% 0.8rem 0;
    font-weight: 500;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%227.414%22%20height%3D%2212.829%22%20viewBox%3D%220%200%207.414%2012.829%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_863%22%20data-name%3D%22%E3%83%91%E3%82%B9%20863%22%20d%3D%22M246.5%2C250.5l5-5-5-5%22%20transform%3D%22translate(-245.085%20-239.086)%22%20fill%3D%22none%22%20stroke%3D%22%23006ab7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E') 92% center no-repeat #EFF2F4;
    background-size: 0.5rem auto;
}
.news_nav a:nth-child(3n) {
    margin-right: 0;
}
.news_nav a.active {
    color: #fff;
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%227.414%22%20height%3D%2212.829%22%20viewBox%3D%220%200%207.414%2012.829%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_867%22%20data-name%3D%22%E3%83%91%E3%82%B9%20867%22%20d%3D%22M246.5%2C250.5l5-5-5-5%22%20transform%3D%22translate(-245.085%20-239.086)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E') 92% center no-repeat #006AB7;
    background-size: 0.5rem auto;
}
.news_nav2 {
    padding: 3rem 0 6rem;
}
.news_nav2 a {
    color: #7D8B95;
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%227.414%22%20height%3D%2212.828%22%20viewBox%3D%220%200%207.414%2012.828%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_891%22%20data-name%3D%22%E3%83%91%E3%82%B9%20891%22%20d%3D%22M251.5%2C250.5l-5-5%2C5-5%22%20transform%3D%22translate(-245.499%20-239.086)%22%20fill%3D%22none%22%20stroke%3D%22%237d8b95%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E') left center no-repeat;
    background-size: 0.45rem auto;
    padding-left: 1.3rem;
}
.news_nav2 a:nth-child(2) {
    background: none;
    padding: 0;
    margin: 0 6.25rem;
}
.news_nav2 a:nth-child(3) {
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%227.414%22%20height%3D%2212.828%22%20viewBox%3D%220%200%207.414%2012.828%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_867%22%20data-name%3D%22%E3%83%91%E3%82%B9%20867%22%20d%3D%22M246.5%2C250.5l5-5-5-5%22%20transform%3D%22translate(-245.085%20-239.086)%22%20fill%3D%22none%22%20stroke%3D%22%237d8b95%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E') right center no-repeat;
    background-size: 0.45rem auto;
    padding: 0 1.3rem 0 0;
}
@media only screen and (min-width:992px){
.news_nav a:hover {
    color: #fff;
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%227.414%22%20height%3D%2212.829%22%20viewBox%3D%220%200%207.414%2012.829%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_867%22%20data-name%3D%22%E3%83%91%E3%82%B9%20867%22%20d%3D%22M246.5%2C250.5l5-5-5-5%22%20transform%3D%22translate(-245.085%20-239.086)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E') 92% center no-repeat #006AB7;
    background-size: 0.5rem auto;
    opacity: 1;
    filter: alpha(opacity=100);
	-ms-filter: "alpha(opacity=100)";
}
}
@media only screen and (max-width:991px){
.news_nav {
    padding: 4rem 0 5rem;
}
.news_nav a {
    font-size: 1rem;
    width: 49%;
    justify-content: flex-start;
    text-align: left;
    padding-left: 0.8rem;
    margin: 0 2% 0.8rem 0;
}
.news_nav a:nth-child(3n) {
    margin-right: 2%;
}
.news_nav a:nth-child(2n) {
    margin: 0;
}
.news_nav2 {
    padding: 2rem 0 8rem;
}
.news_nav2 a:nth-child(2) {
    margin: 0 3rem;
}
}


/* main-title
------------------------------------------------- */
.newsroom .main-title {
    background-image: url("../img/newsroom/mainimg.jpg");
}
@media only screen and (max-width:991px){
.newsroom .main-title {
    background-position: 30% center;
}
}


/* layout
------------------------------------------------- */
.newsroom .col2 .col2-main {
    width: 73%;
}
.newsroom .col2 .col2-nav {
    width: 20%;
}
.newsroom .col2 .col2-nav h4 {
    border-bottom: 2px solid #CBD5DC;
    padding: 0 0.8rem 0.8rem;
    margin-bottom: 0.7rem;
}
.newsroom .col2 .col2-nav a {
    display: block;
    border-bottom: 1px solid #CBD5DC;
    padding: 0.55rem 0 0.55rem 2rem;
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%227.414%22%20height%3D%2212.828%22%20viewBox%3D%220%200%207.414%2012.828%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_954%22%20data-name%3D%22%E3%83%91%E3%82%B9%20954%22%20d%3D%22M246.5%2C250.5l5-5-1.875-1.875-.875-.875-2.25-2.25h0%22%20transform%3D%22translate(-245.085%20-239.086)%22%20fill%3D%22none%22%20stroke%3D%22%23006ab7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E') 0.5rem center no-repeat;
    background-size: 0.45rem auto;
}
.newsroom .col2 .col2-main a {
    display: flex;
    justify-content: space-between;
    margin-bottom: 2rem;
}
.newsroom .col2 .col2-main .img {
    width: 30%;
}
.col2 .col2-main .con {
    width: 65.75%;
    margin: 0;
}
.newsroom .col2 .col2-main .date,
.newsroom .inner .date {
    color: #006AB7;
    margin-bottom: 0.5rem;
}
.newsroom .inner a {
    display: block;
    margin-bottom: 2rem;
}
.newsroom .inner.detail p {
    margin-bottom: 2rem;
}
.newsroom .inner.detail .covid-19 {
    width: 100%;
    margin: 5rem 0 2rem;
}
.newsroom .inner.detail .covid-19 th,
.newsroom .inner.detail .covid-19 td {
    text-align: left;
    font-weight: 400;
    vertical-align: top;
    border-top: 1px solid #CBD5DC;
    border-bottom: 1px solid #CBD5DC;
    padding: 1em 0.5em;
}
.newsroom .inner.detail .covid-19 th {
    width: 12rem;
    font-weight: 500;
}
@media only screen and (min-width:992px){
.newsroom .col2 .col2-nav a:hover {
    color: #006AB7;
    opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: "alpha(opacity=100)";
}
.newsroom .col2 .col2-main a:hover,
.newsroom .inner a:hover {
    opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: "alpha(opacity=100)";
}
.newsroom .col2 .col2-main a:hover h3,
.newsroom .col2 .col2-main a:hover .txt,
.newsroom .inner a:hover h3,
.newsroom .inner a:hover .txt {
    text-decoration: underline;
}
}
@media only screen and (max-width:767px){
.newsroom .col2 .col2-main {
    width: 100%;
}
.newsroom .col2 .col2-nav {
    width: 100%;
}
.newsroom .col2 .col2-nav .box {
    display: flex;
    flex-wrap: wrap;
}
.newsroom .col2 .col2-nav a {
    width: 31%;
    margin-right: 3.5%;
}
.newsroom .col2 .col2-nav a:nth-child(3n) {
    margin-right: 0;
}
.newsroom .inner.detail .covid-19 {
    font-size: 0.9375rem !important;
}
.newsroom .inner.detail .covid-19 th {
    width: 9rem;
    font-weight: 500;
}
}


/* privacy.html contact/
------------------------------------------------- *
/* other
------------------------------------------------- */
.other .main-title {
    background-color: #CBD5DC;
}
.other .cont1 {
    padding-bottom: 5rem;
}
.other .cont1 .link a {
    color: #006AB7;
    text-decoration: underline;
}
.other .cont1 .table-over {
    overflow-x: hidden;
    margin-bottom: 3rem;
}
.other .cont1 .table-over table {
    white-space: normal;
}
.other .cont1 table th,
.other .cont1 table td {
    text-align: left;
    vertical-align: top;
}
.other .cont1 table th:first-child,
.other .cont1 table td:first-child {
    border-left: none;
}
.other .cont2 {
    padding-bottom: 5rem;
}
@media only screen and (min-width:992px){
.other .cont1 .link a:hover {
    text-decoration: none;
}
}
@media only screen and (max-width:991px){
.other .cont1 {
    padding-bottom: 9rem;
}
.other .cont2 {
    padding-bottom: 9rem;
}
}
@media only screen and (max-width:767px){
.other .cont1 .table-over {
    overflow-x: auto;
}
.other .cont1 .table-over .table {
    white-space: nowrap;
}
}


/* product/finechemicals.html
------------------------------------------------- */
.finechemicals .main-title {
    background-image: url("../img/product/others/mainimg.jpg");
}
.finechemicals .cont1 {
    padding-bottom: 5rem;
}
.finechemicals .cont1 .finechemicals_nav1 {
    padding-top: 1.5rem;
}
.finechemicals .cont1 .finechemicals_nav1 a {
    display: block;
    width: 33%;
    color: #7D8B95;
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212.828%22%20height%3D%227.414%22%20viewBox%3D%220%200%2012.828%207.414%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_994%22%20data-name%3D%22%E3%83%91%E3%82%B9%20994%22%20d%3D%22M246.5%2C250.5l5-5-5-5%22%20transform%3D%22translate(251.914%20-245.085)%20rotate(90)%22%20fill%3D%22none%22%20stroke%3D%22%23006ab7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E') center 80% no-repeat #CBD5DC;
    background-size: 0.8rem auto;
    padding: 0.75rem 0 1.5rem;
}
.finechemicals .cont2 {
    padding: 5.7rem 0 6.25rem;
}

.finechemicals .cont2 .table td {
    background-color: #fff;
}

.finechemicals .cont3 {
    padding: 5rem 0 3rem;
}
.finechemicals .cont3 .con {
    width: 48%;
    margin-bottom: 2.5rem;
}
.finechemicals .cont3 .con .fsm {
    font-size: 0.75rem;
}
.finechemicals .cont4 {
    padding: 5rem 0 6.25rem;
}
.finechemicals .cont4 .sec {
    background-color: #fff;
    padding: 3.75rem 1.875rem 1rem;
    margin-top: 3.5rem;
}
.finechemicals .cont4 .con {
    width: 26.85%;
    margin: 0 3.24% 2.2rem;
}
.finechemicals .cont4 .con h4 {
    font-size: 1.1875rem;
    color: #006AB7;
    border-bottom: 2px solid #006AB7;
    padding-bottom: 0.5rem;
    margin-bottom: 0.5rem;
}
.finechemicals .cont5 {
    padding: 5.5rem 0 5rem;
}
.finechemicals .cont6 {
    padding: 4.5rem 0 4rem;
}
.finechemicals .cont6 .table th {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
}
.finechemicals .cont6 .table td {
    background-color: #fff;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
}
.finechemicals .cont6 .table thead tr:first-child th:first-of-type,
.finechemicals .cont6 .table tbody th {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}
.finechemicals .cont6 .table thead tr:first-child th {
    border-top: none;
}
.finechemicals .cont6 .table thead tr th:last-child {
    border-right: none;
}
.finechemicals .cont6 .table-over .table th:first-child {
    position: static;
}
.finechemicals .cont6 tbody th::before {
    display: none;
}
.finechemicals .cont6 .table-over .table thead tr:first-child th:first-of-type,
.finechemicals .cont6 .table-over .table tbody th:first-child {
    position: sticky;
}
.finechemicals .cont6 .table tbody th::before {
    display: block;
}
.finechemicals .cont6 .table td a {
    color: #006AB7;
    text-decoration: underline;
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%226.883%22%20height%3D%2210.78%22%20viewBox%3D%220%200%206.883%2010.78%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_845%22%20data-name%3D%22%E3%83%91%E3%82%B9%20845%22%20d%3D%22M4.363%2C0%2C8.727%2C5.572H0Z%22%20transform%3D%22translate(6.072%201.027)%20rotate(90)%22%20fill%3D%22%23006ab7%22%20stroke%3D%22%23006ab7%22%20stroke-width%3D%221%22%2F%3E%3C%2Fsvg%3E') 95% center no-repeat;
    background-size: 0.5rem auto;
    padding-right: 1rem;
}
.finechemicals .cont7 {
    padding-top: 5rem;
}
.finechemicals .cont7 .inner {
    padding: 1rem 0 3.75rem;
    margin-bottom: 2.75rem;
    border-bottom: 1px solid #CBD5DC;
}
.finechemicals .cont7 .inner.last {
    padding-bottom: 2rem;
    margin-bottom: 8rem;
    border-bottom: none;
}
.finechemicals .cont7 .sec1 .con {
    width: 68%;
}
.finechemicals .cont7 .sec1 .img {
    width: 26.75%;
}
.finechemicals .cont7 .sec2 {
    padding: 1.875rem 3rem;
    margin-bottom: 0.625rem;
}
.finechemicals .cont7 .sec2 .con {
    width: 70%;
}
.finechemicals .cont7 .sec2 .img {
    width: 24.5%;
}
.finechemicals .cont7 .table th,
.finechemicals .cont7 .table td {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    background-color: rgba(255,255,255,0)
}
@media only screen and (min-width:992px){
.finechemicals .cont1 .finechemicals_nav1 a:hover {
    color: #fff;
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212.828%22%20height%3D%227.414%22%20viewBox%3D%220%200%2012.828%207.414%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_994%22%20data-name%3D%22%E3%83%91%E3%82%B9%20994%22%20d%3D%22M246.5%2C250.5l5-5-5-5%22%20transform%3D%22translate(251.914%20-245.085)%20rotate(90)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E') center 80% no-repeat #006AB7;
    background-size: 0.8rem auto;
    opacity: 1;
    filter: alpha(opacity=100);
	-ms-filter: "alpha(opacity=100)";
}
.finechemicals .cont6 .table td a:hover {
    opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: "alpha(opacity=100)";
    text-decoration: none;
    background-position: 100% center;
}
}
@media only screen and (max-width:991px){
.finechemicals .main-title {
    background-position: right 30% center;
}
.finechemicals .cont1 {
    padding-bottom: 5rem;
}
.finechemicals .cont1 .finechemicals_nav1 {
    padding-top: 3rem;
    font-size: 0.75rem;
}
.finechemicals .cont2 {
    padding: 3.5rem 0;
}
.finechemicals .cont3 {
    padding: 3rem 0 2rem;
}
.finechemicals .cont3 .con {
    width: 44%;
    margin: 0 3% 1rem;
}
.finechemicals .cont3 .con p {
    text-align: left !important;
}
.finechemicals .cont3 .con p br {
    display: none;
}
.finechemicals .cont4 {
    padding: 3rem 0 4rem;
}
.finechemicals .cont4 .sec {
    padding: 2rem 1rem 0.5rem;
    margin-top: 2rem;
}
.finechemicals .cont4 .con {
    width: 44%;
    margin: 0 3% 1.2rem;
}
.finechemicals .cont5 {
    padding: 3rem 0 4rem;
}
.finechemicals .cont6 {
    padding: 3rem 0 4rem;
}
.finechemicals .cont7 {
    padding-top: 3rem;
}
.finechemicals .cont7 .inner {
    padding: 2rem 0 3.5rem;
    margin-bottom: 1rem;
}
.finechemicals .cont7 .inner.last {
    padding-bottom: 2rem;
    margin-bottom: 8rem;
}
.finechemicals .cont7 .sec1 .con {
    width: 100%;
}
.finechemicals .cont7 .sec1 .img {
    width: 100%;
    margin: 1rem auto 0;
}
.finechemicals .cont7 .sec1 .img img {
    display: block;
    margin: 0 auto;
}
.finechemicals .cont7 .sec2 {
    padding: 2rem 1.5rem;
    margin-bottom: 1rem;
}
.finechemicals .cont7 .sec2 .con {
    width: 100%;
}
.finechemicals .cont7 .sec2 .img {
    width: 100%;
    margin: 1rem auto 0;
}
.finechemicals .cont7 .sec2 .img img {
    display: block;
    margin: 0 auto;
}
}


/* product/semiconductor_materials.html
------------------------------------------------- */
.semiconductor_materials .main-title {
    background-image: url("../img/product/others/mainimg.jpg");
}
.semiconductor_materials .cont1 {
    padding-bottom: 1.5rem;
}
.semiconductor_materials .cont2 {
    padding: 2rem 0 4rem;
}
.semiconductor_materials .cont2 .table th,
.semiconductor_materials .cont2 .table td {
    text-align: left;
    padding: 0.5rem 1.5rem;
}
.semiconductor_materials .cont2 .table td {
    background-color: #fff;
}
.semiconductor_materials .cont2 .table th.wi {
    width: 30%;
}
.semiconductor_materials .cont2 .table tbody th img {
    padding-right: 2rem;
}
.semiconductor_materials .cont2 .table tr:first-child th {
    border-top: 1px solid #ccc;
}
.semiconductor_materials .cont2 .table tr th:last-child {
    border-right: none;
}
@media only screen and (max-width:991px){
.semiconductor_materials .cont1 {
    padding-bottom: 4rem;
}
.semiconductor_materials .cont2 {
    padding: 2rem 0 4rem;
}
.semiconductor_materials .cont2 .table th,
.semiconductor_materials .cont2 .table td {
    padding: 0.3rem 0.8rem;
}
.semiconductor_materials .cont2 .table tr:first-child th {
    white-space: nowrap;
}
}



/* career/index.html
------------------------------------------------- */
.career .main-title {
    background-image: url("../img/career/mainimg.jpg");
}

/* career/location.html
------------------------------------------------- */
.career .cont1 {
}
.career .cont2 {
    padding: 3rem 0 3rem;
}
.career .cont3 {
    padding: 3rem 0 3rem;
}
.career .cont4 {
    padding: 3rem 0 3rem;
}
@media only screen and (min-width:992px){
}
@media only screen and (max-width:991px){
}
@media only screen and (max-width:767px){
}



/* product/phosphors.html
------------------------------------------------- */

.phosphors .main-title {
    background-image: url("../img/product/others/mainimg.jpg");
}
.phosphors .cont1 {
    padding-bottom: 5rem;
}
.phosphors .cont1 .phosphors_nav1 {
    padding-top: 6.5rem;
}
.phosphors .cont1 .phosphors_nav1 a {
    display: block;
    width: 24.5%;
    color: #7D8B95;
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212.828%22%20height%3D%227.414%22%20viewBox%3D%220%200%2012.828%207.414%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_994%22%20data-name%3D%22%E3%83%91%E3%82%B9%20994%22%20d%3D%22M246.5%2C250.5l5-5-5-5%22%20transform%3D%22translate(251.914%20-245.085)%20rotate(90)%22%20fill%3D%22none%22%20stroke%3D%22%23006ab7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E') center 80% no-repeat #CBD5DC;
    background-size: 0.8rem auto;
    padding: 0.75rem 0 1.5rem;
}
.phosphors .cont2 {
    padding: 3.5rem 0 1.5rem;
}

.phosphors .cont2 .table td {
    background-color: #fff;
}


.phosphors .cont2 ul {
  list-style: none;
}
.phosphors .cont2 li {
  color: #006AB7;
  text-indent: -1em;
  padding-left: 1em;
}
.phosphors .cont2 li::before {
  content: '・';
}
.phosphors .cont2 .txtclr {
  color: #333;
  text-indent: -0.2em;
  padding-left: 0.2em;
}
.phosphors .cont2 .txtindg {
  color: #006AB7;
}

.phosphors .cont2 .btmThick {
    border-bottom: 2.4px solid #CBD5DC;
}



.phosphors .cont3 {
    padding: 5rem 0 3rem;
}
.phosphors .cont3 .con {
    width: 48%;
    margin-bottom: 2.5rem;
}
.phosphors .cont3 .con .fsm {
    font-size: 0.75rem;
}
.phosphors .cont4 {
    padding: 5rem 0 6.25rem;
}
.phosphors .cont4 .sec {
    background-color: #fff;
    padding: 3.75rem 1.875rem 1rem;
    margin-top: 3.5rem;
}
.phosphors .cont4 .con {
    width: 26.85%;
    margin: 0 3.24% 2.2rem;
}
.phosphors .cont4 .con h4 {
    font-size: 1.1875rem;
    color: #006AB7;
    border-bottom: 2px solid #006AB7;
    padding-bottom: 0.5rem;
    margin-bottom: 0.5rem;
}
.phosphors .cont5 {
    padding: 5.5rem 0 5rem;
}
.phosphors .cont6 {
    padding: 4.5rem 0 4rem;
}
.phosphors .cont6 .table th {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
}
.phosphors .cont6 .table td {
    background-color: #fff;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
}
.phosphors .cont6 .table thead tr:first-child th:first-of-type,
.phosphors .cont6 .table tbody th {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}
.phosphors .cont6 .table thead tr:first-child th {
    border-top: none;
}
.phosphors .cont6 .table thead tr th:last-child {
    border-right: none;
}
.phosphors .cont6 .table-over .table th:first-child {
    position: static;
}
.phosphors .cont6 tbody th::before {
    display: none;
}
.phosphors .cont6 .table-over .table thead tr:first-child th:first-of-type,
.phosphors .cont6 .table-over .table tbody th:first-child {
    position: sticky;
}
.phosphors .cont6 .table tbody th::before {
    display: block;
}
.phosphors .cont6 .table td a {
    color: #006AB7;
    text-decoration: underline;
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%226.883%22%20height%3D%2210.78%22%20viewBox%3D%220%200%206.883%2010.78%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_845%22%20data-name%3D%22%E3%83%91%E3%82%B9%20845%22%20d%3D%22M4.363%2C0%2C8.727%2C5.572H0Z%22%20transform%3D%22translate(6.072%201.027)%20rotate(90)%22%20fill%3D%22%23006ab7%22%20stroke%3D%22%23006ab7%22%20stroke-width%3D%221%22%2F%3E%3C%2Fsvg%3E') 95% center no-repeat;
    background-size: 0.5rem auto;
    padding-right: 1rem;
}
.phosphors .cont7 {
    padding-top: 5rem;
}
.phosphors .cont7 .inner {
    padding: 1rem 0 3.75rem;
    margin-bottom: 2.75rem;
    border-bottom: 1px solid #CBD5DC;
}
.phosphors .cont7 .inner.last {
    padding-bottom: 2rem;
    margin-bottom: 8rem;
    border-bottom: none;
}
.phosphors .cont7 .sec1 .con {
    width: 68%;
}
.phosphors .cont7 .sec1 .img {
    width: 26.75%;
}
.phosphors .cont7 .sec2 {
    padding: 1.875rem 3rem;
    margin-bottom: 0.625rem;
}
.phosphors .cont7 .sec2 .con {
    width: 70%;
}
.phosphors .cont7 .sec2 .img {
    width: 24.5%;
}
.phosphors .cont7 .table th,
.phosphors .cont7 .table td {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    background-color: rgba(255,255,255,0)
}
.phosphors .bdr {
    border-top: 1px solid #CBD5DC;
    border-left: 1px solid #CBD5DC !important;
    border-bottom: 1px solid #CBD5DC;
}

.phosphors .img25 {
    width: 125px;
}

@media only screen and (min-width:992px){
.phosphors .cont1 .phosphors_nav1 a:hover {
    color: #fff;
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212.828%22%20height%3D%227.414%22%20viewBox%3D%220%200%2012.828%207.414%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_994%22%20data-name%3D%22%E3%83%91%E3%82%B9%20994%22%20d%3D%22M246.5%2C250.5l5-5-5-5%22%20transform%3D%22translate(251.914%20-245.085)%20rotate(90)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E') center 80% no-repeat #006AB7;
    background-size: 0.8rem auto;
    opacity: 1;
    filter: alpha(opacity=100);
	-ms-filter: "alpha(opacity=100)";
}
.phosphors .cont6 .table td a:hover {
    opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: "alpha(opacity=100)";
    text-decoration: none;
    background-position: 100% center;
}
.phosphors .bdr {
    border-top: 1px solid #CBD5DC;
    border-left: 1px solid #CBD5DC !important;
    border-bottom: 1px solid #CBD5DC;
}

.phosphors .img25 {
    width: 125px;
}

}
@media only screen and (max-width:991.9px){
.phosphors .main-title {
    background-position: right 30% center;
}
.phosphors .cont1 {
    padding-bottom: 5rem;
}
.phosphors .cont1 .phosphors_nav1 {
    padding-top: 3rem;
    font-size: 0.75rem;
}
.phosphors .cont2 {
    padding: 3.5rem 0;
}
.phosphors .cont2 .table td {
    background-color: #fff;
}

.phosphors .cont3 {
    padding: 3rem 0 2rem;
}
.phosphors .cont3 .con {
    width: 44%;
    margin: 0 3% 1rem;
}
.phosphors .cont3 .con p {
    text-align: left !important;
}
.phosphors .cont3 .con p br {
    display: none;
}
.phosphors .cont4 {
    padding: 3rem 0 4rem;
}
.phosphors .cont4 .sec {
    padding: 2rem 1rem 0.5rem;
    margin-top: 2rem;
}
.phosphors .cont4 .con {
    width: 44%;
    margin: 0 3% 1.2rem;
}
.phosphors .cont5 {
    padding: 3rem 0 4rem;
}
.phosphors .cont6 {
    padding: 3rem 0 4rem;
}
.phosphors .cont7 {
    padding-top: 3rem;
}
.phosphors .cont7 .inner {
    padding: 2rem 0 3.5rem;
    margin-bottom: 1rem;
}
.phosphors .cont7 .inner.last {
    padding-bottom: 2rem;
    margin-bottom: 8rem;
}
.phosphors .cont7 .sec1 .con {
    width: 100%;
}
.phosphors .cont7 .sec1 .img {
    width: 100%;
    margin: 1rem auto 0;
}
.phosphors .cont7 .sec1 .img img {
    display: block;
    margin: 0 auto;
}
.phosphors .cont7 .sec2 {
    padding: 2rem 1.5rem;
    margin-bottom: 1rem;
}
.phosphors .cont7 .sec2 .con {
    width: 100%;
}
.phosphors .cont7 .sec2 .img {
    width: 100%;
    margin: 1rem auto 0;
}
.phosphors .cont7 .sec2 .img img {
    display: block;
    margin: 0 auto;
}
.phosphors .bdr {
    border-top: 1px solid #CBD5DC;
    border-left: 1px solid #CBD5DC !important;
    border-bottom: 1px solid #CBD5DC;
}

.phosphors .img25 {
    width: 125px;
}

}